:root{--bg:#0a0d12;--bg-1:#14171c;--bg-2:#1a1e23;--bg-3:#20242a;--bg-elevated:#262a31;--fg:#fff;--fg-muted:#a8adb5;--fg-faint:#8a8f97;--border:#262a31;--border-strong:#353942;--accent:#00f19f;--accent-soft:rgba(0,241,159,.18);--positive:#16ec06;--warning:#ffde00;--danger:#ff0026;--color-blue:#0093e9;--color-violet:#8c7bff;--color-pink:#ff7bb1;--radius-sm:4px;--radius:8px;--radius-lg:18px;--radius-pill:99px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-jetbrains),"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--max-content:1480px;--sidebar-w:260px}.skills{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.skill{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .2s,transform .2s}.skill:hover{border-color:var(--border-strong);transform:translateY(-1px)}.skill__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.skill__name{font-size:13px;font-weight:500;letter-spacing:.01em}.skill__lvl{font-family:var(--font-mono);font-size:14px;color:var(--accent);font-weight:300}.skill__pips{display:flex;gap:3px}.skill__pip{height:3px;flex:1 1;background:var(--bg-3);border-radius:99px}.skill__pip--on{background:var(--accent)}.skill__src{font-size:10px;color:var(--fg-faint);margin-top:8px;letter-spacing:.04em;text-transform:lowercase}@media (max-width:1100px){.skills{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.skills{grid-template-columns:1fr}}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background:radial-gradient(900px 400px at 8% -5%,rgba(0,241,159,.04),transparent 60%),radial-gradient(800px 400px at 100% 5%,rgba(140,123,255,.035),transparent 60%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent)}button{cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);outline:none;transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent)}h1,h2,h3,h4{margin:0 0 var(--space-3) 0;font-weight:300;letter-spacing:-.02em}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}::selection{background:var(--accent-soft);color:var(--fg)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--hero{background:linear-gradient(180deg,var(--bg-1) 0,var(--bg) 100%);padding:var(--space-6)}.card:focus-within .card__title,.card:hover .card__title{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);font-weight:500}.eyebrow,.metric{font-family:var(--font-mono)}.metric{font-feature-settings:"tnum";font-weight:200;letter-spacing:-.02em;line-height:1}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-pill);background:var(--bg-3);color:var(--fg-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;border:1px solid var(--border)}.pill--accent{color:var(--accent);border-color:var(--accent-soft);background:rgba(0,241,159,.06)}.pill--danger{color:var(--danger);border-color:rgba(255,0,38,.3);background:rgba(255,0,38,.06)}.pill--warn{color:var(--warning);border-color:rgba(255,222,0,.3);background:rgba(255,222,0,.06)}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.ritual-card{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--fg);text-decoration:none;transition:border-color .2s,transform .2s}.ritual-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ritual-card__title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.ritual-card__desc{font-size:11px;font-family:var(--font-mono);color:var(--fg-faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ritual-card__menu{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--fg-faint);font-size:16px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.ritual-card__menu:hover{background:var(--bg-3);border-color:var(--border);color:var(--fg)}@media (max-width:1100px){.ritual-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.ritual-grid{grid-template-columns:1fr}}.pip-bar{display:flex;gap:3px;height:6px}.pip{flex:1 1;background:var(--bg-3);border-radius:2px}.pip--on{background:var(--accent)}.progress-track{position:relative;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress-fill{position:absolute;inset:0;background:var(--accent);border-radius:3px}.progress-fill--warning{background:var(--warning)}.progress-fill--danger{background:var(--danger)}.section{margin-bottom:var(--space-6)}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.section__title{font-size:20px;font-weight:300;letter-spacing:-.01em;margin:0}.empty{color:var(--fg-faint);font-size:13px;padding:var(--space-4) 0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-pill);font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;background:var(--bg-3);color:var(--fg-muted);border:1px solid var(--border)}.chip.teal{background:rgba(0,241,159,.1);color:var(--accent);border-color:rgba(0,241,159,.22)}.chip.violet{background:rgba(140,123,255,.1);color:var(--color-violet);border-color:rgba(140,123,255,.22)}.chip.pink{background:rgba(255,123,177,.1);color:var(--color-pink);border-color:rgba(255,123,177,.22)}.chip.warn{background:rgba(255,222,0,.1);color:var(--warning);border-color:rgba(255,222,0,.22)}.chip.red{background:rgba(255,0,38,.1);color:var(--danger);border-color:rgba(255,0,38,.22)}.h-section{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-3) 0;letter-spacing:.18em;font-weight:600}.h-section,.h-section .h-section__more{font-size:11px;text-transform:uppercase;color:var(--fg-faint)}.h-section .h-section__more{text-decoration:none;letter-spacing:.04em;font-weight:500}.h-section .h-section__more:hover{color:var(--accent)}.hope-card{display:block;border-radius:var(--radius-lg);padding:var(--space-4);color:inherit;background:linear-gradient(180deg,rgba(255,123,177,.05),rgba(140,123,255,.02));border:1px solid rgba(255,123,177,.22);transition:border-color .2s ease,transform .2s ease;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:inherit}.hope-card:hover{border-color:rgba(255,123,177,.5);transform:translateY(-1px)}.hope-card__title{margin:0;font-size:15px;font-weight:500;color:var(--color-pink);letter-spacing:-.005em}.hope-card__why{margin:var(--space-2) 0 0 0;font-size:13px;color:var(--fg-muted);line-height:1.5;font-style:italic}.letter-card{display:block;border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-2);border:1px solid var(--border);transition:border-color .2s ease;color:inherit;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:inherit}.letter-card:hover{border-color:rgba(140,123,255,.4)}.quest-row{transition:background .15s ease;cursor:pointer}.quest-row:hover{background:hsla(0,0%,100%,.03)}.decision-card{display:block;border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:rgba(255,0,38,.06);border:1px solid rgba(255,0,38,.3);color:inherit;cursor:pointer;width:100%;text-align:left;font-family:inherit;transition:border-color .2s ease}.decision-card:hover{border-color:rgba(255,0,38,.5)}.row-trigger{display:block;width:100%;background:transparent;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;height:100dvh;width:520px;max-width:100vw;background:var(--bg-1);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .25s ease-out;z-index:101;overflow-y:auto;display:flex;flex-direction:column}.drawer-panel.open{transform:translateX(0)}.drawer-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--bg-1);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--fg-faint);margin:0}.drawer-close{background:transparent;border:1px solid var(--border);color:var(--fg-muted);border-radius:var(--radius-sm);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:border-color .15s ease,color .15s ease}.drawer-close:hover{border-color:var(--border-strong);color:var(--fg)}.drawer-body{padding:var(--space-5);flex:1 1;gap:var(--space-4)}.drawer-body,.drawer-form-grid{display:flex;flex-direction:column}.drawer-form-grid{gap:var(--space-3)}.drawer-field{display:flex;flex-direction:column;gap:var(--space-1)}.drawer-field>label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--fg-faint)}.drawer-hint{font-size:12px;line-height:1.45;color:var(--fg-faint);margin:0}.drawer-actions{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center;margin-top:var(--space-3);flex-wrap:wrap}.drawer-actions__left{margin-right:auto;display:flex;gap:var(--space-2)}.btn{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--border-strong)}.btn--primary{background:var(--accent);color:#061613;border-color:var(--accent);font-weight:500}.btn--primary:hover{background:#00d98e;border-color:#00d98e}.btn--danger{border-color:rgba(255,0,38,.3);color:var(--danger);background:rgba(255,0,38,.06)}.btn--danger:hover{border-color:var(--danger)}.btn--ghost{background:transparent}.drawer-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:600px){.drawer-panel{width:100%}}@media (max-width:767px){.drawer-grid-2{grid-template-columns:1fr}.drawer-body{padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.drawer-actions{position:-webkit-sticky;position:sticky;bottom:0;margin:auto calc(-1 * var(--space-5)) 0;padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg-1);border-top:1px solid var(--border)}}.md-editor{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);overflow:hidden}.md-editor:focus-within{border-color:var(--accent)}.md-tabs{display:flex;gap:2px;padding:4px 6px 0;border-bottom:1px solid var(--border)}.md-tab{background:transparent;color:var(--fg-faint);padding:4px 10px;border:1px solid transparent;border-bottom:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer}.md-tab.active{color:var(--accent);border-color:var(--border);background:var(--bg-1);border-bottom:1px solid var(--bg-1);margin-bottom:-1px}.md-toolbar{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--border);flex-wrap:wrap}.md-toolbar button{background:transparent;border:1px solid transparent;color:var(--fg-muted);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;min-width:28px;display:inline-flex;align-items:center;justify-content:center}.md-toolbar button:hover{background:var(--bg-3);color:var(--fg)}.md-editor textarea{width:100%;background:transparent;border:none;color:var(--fg);padding:var(--space-3);font-family:var(--font-mono);font-size:13px;line-height:1.55;resize:vertical;min-height:120px;outline:none}.md-editor textarea:focus{border:none}.md-preview{padding:var(--space-3);min-height:120px;background:var(--bg-1)}.md-preview:empty:before{content:"Пусто.";color:var(--fg-faint);font-style:italic;font-size:13px}.md-content{font-size:14px;line-height:1.6;color:var(--fg)}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content h1,.md-content h2,.md-content h3,.md-content h4{font-weight:500;letter-spacing:-.01em}.md-content h1{font-size:22px;margin:18px 0 10px}.md-content h2{font-size:18px;margin:16px 0 8px;color:var(--fg)}.md-content h3{font-size:15px;margin:14px 0 6px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.md-content h4{font-size:13px;margin:12px 0 4px;color:var(--fg-muted)}.md-content p{margin:8px 0}.md-content ol,.md-content ul{padding-left:22px;margin:8px 0}.md-content li{margin:4px 0}.md-content blockquote{margin:10px 0;padding:4px 12px;border-left:3px solid var(--border-strong);color:var(--fg-muted);font-style:italic}.md-content code{background:var(--bg-2);padding:2px 5px;border-radius:3px;font-family:var(--font-mono);font-size:.92em}.md-content pre{background:var(--bg-2);padding:var(--space-3);border-radius:var(--radius);overflow-x:auto;margin:10px 0}.md-content pre code{background:transparent;padding:0}.md-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md-content a:hover{color:var(--fg)}.md-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.md-content strong{color:var(--fg);font-weight:600}.md-content em{font-style:italic}.editor-page{max-width:760px;margin:0 auto;width:100%}.editor-back{color:var(--fg-muted);font-size:13px}.editor-title-input{width:100%;border:none;background:transparent;padding:0;font-size:28px;font-weight:700;line-height:1.2;color:var(--fg);font-family:inherit}.editor-title-input:focus{outline:none}.editor-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;margin:var(--space-3) 0 var(--space-4)}.editor-meta input,.editor-meta select{font-size:12px}.editor-body .md-editor textarea{min-height:60vh}.editor-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);align-items:center}.year-hierarchy-row:hover{background:var(--bg-2)}.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.domain-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:18px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s;display:flex;flex-direction:column;gap:8px;min-height:140px;position:relative;color:var(--fg);text-decoration:none}.domain-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.domain-card .ico{width:28px;height:28px;color:var(--fg-faint)}.domain-card .nm{font-size:15px;font-weight:500;margin-top:auto}.domain-card .ct{font-size:11px;color:var(--fg-faint);letter-spacing:.04em;line-height:1.4}.domain-card .state-pin{position:absolute;top:14px;right:14px;font-size:9px;letter-spacing:.18em;color:var(--fg-faint);text-transform:uppercase;font-weight:600}.domain-card .counter-mini{position:absolute;bottom:18px;right:18px;font-family:var(--font-mono);font-size:15px;font-weight:200;color:var(--fg);letter-spacing:.04em}.domain-card .counter-mini small{display:block;font-size:9px;color:var(--fg-faint);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;text-align:right}.domain-card.priority{border-color:rgba(0,241,159,.3);background:linear-gradient(180deg,rgba(0,241,159,.05),transparent 70%)}.domain-card.priority .ico,.domain-card.priority .state-pin{color:var(--accent)}.domain-card.support{opacity:.92}.domain-card.sleep{opacity:.55}.domain-card.accent-pink{border-color:rgba(255,123,177,.32);background:linear-gradient(180deg,rgba(255,123,177,.06),transparent 70%)}.domain-card.accent-pink .ico,.domain-card.accent-pink .state-pin{color:var(--color-pink)}.domain-card.accent-violet .ico,.domain-card.accent-violet .state-pin{color:var(--color-violet)}.domain-hero{display:grid;grid-template-columns:1fr auto;grid-gap:20px;gap:20px;align-items:center;background:var(--bg-1);border:1px solid var(--border);border-radius:22px;padding:32px 36px;margin-bottom:18px;position:relative;overflow:hidden}.domain-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px 250px at 100% 0,rgba(0,241,159,.06),transparent 60%)}.domain-hero.accent-pink:after{background:radial-gradient(500px 250px at 100% 0,rgba(255,123,177,.08),transparent 60%)}.domain-hero h1{margin:8px 0 6px;font-size:36px;font-weight:300;letter-spacing:-.02em}.domain-hero .sub{font-size:13px;color:var(--fg-muted);max-width:620px;line-height:1.6}.domain-hero .stats{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-gap:24px;gap:24px;text-align:right;position:relative}.domain-hero .stat .n{font-family:var(--font-mono);font-weight:200;font-size:34px;color:var(--accent);line-height:1}.domain-hero.accent-pink .stat .n{color:var(--color-pink)}.domain-hero .stat .l{font-size:10px;color:var(--fg-faint);letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.counter-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.counter-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:18px 20px}.counter-card .top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.counter-card .top .nm{font-size:13px;font-weight:500}.counter-card .n{font-family:var(--font-mono);font-size:30px;font-weight:200;color:var(--fg);line-height:1}.counter-card .n .u{font-size:12px;color:var(--fg-faint);margin-left:6px;font-weight:400;font-family:var(--font-sans,"Inter",sans-serif)}.counter-card .ctx{font-size:12px;color:var(--fg-muted);margin-top:8px;line-height:1.5}.counter-card .bar{height:4px;background:var(--bg-3);border-radius:99px;margin-top:12px;overflow:hidden}.counter-card .bar>span{display:block;height:100%;background:var(--color-pink);border-radius:inherit}.nav-domains .domain-nav-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;font-size:12.5px;color:#b8b8b8;text-decoration:none;transition:background .15s,color .15s;cursor:pointer}.nav-domains .domain-nav-item:hover{background:hsla(0,0%,100%,.04);color:var(--fg)}.nav-domains .domain-nav-item.active{background:rgba(0,241,159,.06);color:var(--fg)}.nav-domains .domain-nav-item .dot{width:6px;height:6px;border-radius:50%;background:#3a3a3a;flex:none}.nav-domains .domain-nav-item.priority .dot{background:var(--accent);box-shadow:0 0 0 3px rgba(0,241,159,.16)}.nav-domains .domain-nav-item.support .dot{background:#6e7480}.nav-domains .domain-nav-item.sleep .dot{background:#2c3038}.nav-domains .domain-nav-item.accent-pink.priority .dot{background:var(--color-pink);box-shadow:0 0 0 3px rgba(255,123,177,.18)}@media (max-width:1100px){.domains-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.domains-grid{grid-template-columns:repeat(2,1fr)}.counter-strip,.domain-hero{grid-template-columns:1fr}.domain-hero{padding:24px 20px}.domain-hero .stats{text-align:left;grid-auto-flow:row}body{font-size:14px}}.dials{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.dial{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:18px 14px 16px;text-align:center}.dial .ring-wrap{position:relative;width:84px;height:84px;margin:0 auto 8px}.dial .ring-wrap svg{width:100%;height:100%}.dial .ring-wrap .ring-bg{stroke:var(--bg-3)}.dial .v{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:300;font-size:18px;color:var(--fg);letter-spacing:-.01em}.dial .lbl{font-size:10px;color:var(--fg-muted);letter-spacing:.18em;text-transform:uppercase;font-weight:600}.dial .sub{font-size:11px;color:var(--fg-faint);margin-top:4px}@media (max-width:760px){.dials{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){input,select,textarea{font-size:16px!important}h1{font-size:24px}.hide-mobile{display:none!important}.stack-mobile{grid-template-columns:1fr!important}.toolbar-search{flex:1 1 100%;min-width:0!important;margin-left:0!important}}@media (pointer:coarse){.btn{min-height:44px}.drawer-close{width:40px;height:40px}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%}.app-shell{display:flex;min-height:100dvh}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.page-container{padding:28px 32px 80px;max-width:var(--max-content);width:100%}.nav-backdrop,.topbar{display:none}.sidebar-wrap{display:contents}.sidebar{width:var(--sidebar-w);flex:none;border-right:1px solid var(--border);height:100vh;height:100dvh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;background:rgba(10,13,18,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;font-size:13px;transition:background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}@media (pointer:coarse){.nav-item{min-height:44px}.nav-domains .domain-nav-item{min-height:40px}}@media (max-width:1023px){.topbar{gap:12px;position:fixed;top:0;left:0;right:0;z-index:90;padding:env(safe-area-inset-top) 12px 0;height:calc(52px + env(safe-area-inset-top));background:rgba(10,13,18,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:10px;font-weight:600;letter-spacing:-.01em;font-size:14px}.topbar-logo{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent) 0,#00bd7d 100%);color:#000;font-weight:800;font-size:13px;letter-spacing:-.04em}.hamburger,.topbar-logo{display:flex;align-items:center;justify-content:center}.hamburger{width:44px;height:44px;background:none;border:none;color:var(--fg);padding:0;margin-left:-8px}.app-main{padding-top:calc(52px + env(safe-area-inset-top))}.sidebar-wrap{display:block;position:fixed;top:0;bottom:0;left:0;width:min(300px,85vw);z-index:210;transform:translateX(-100%);transition:transform .25s ease-out;overscroll-behavior:contain}.sidebar-wrap.open{transform:translateX(0)}.sidebar{width:100%;background:var(--bg-1);padding-left:env(safe-area-inset-left)}.nav-backdrop{display:block;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s ease}.nav-backdrop.open{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.page-container{padding:24px 24px calc(72px + env(safe-area-inset-bottom))}}@media (max-width:767px){.page-container{padding:16px 16px calc(64px + env(safe-area-inset-bottom))}}