:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101319;--bg-elev:#151922;--surface:#181d26;--surface-2:#1f2530;--border:#262d3a;--border-strong:#36404f;--text:#e9e7e4;--text-muted:#99a2b1;--text-faint:#6a7382;--accent:#4fd1c5;--accent-bright:#74e3d9;--accent-ink:#06201d;--accent-soft:#4fd1c51f;--accent-line:#4fd1c561;--filler:#e8b33c;--filler-soft:#e8b33c29;--filler-line:#e8b33c99;--live:#ff4d4d;--live-soft:#ff4d4d24;--danger:#e0817c;--danger-soft:#e0817c1f;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display:"Space Grotesk", var(--sans);--mono:ui-monospace, "SF Mono", Consolas, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-sm:6px;--r:10px;--r-lg:16px;--r-xl:24px;--r-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 16px #00000059;--shadow-lg:0 16px 48px #00000073;--ease:cubic-bezier(.2, .7, .3, 1);--fast:.13s;--med:.24s;--shell-max:1180px;--topbar-h:60px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100svh;font:400 16px/1.55 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 100% at 50% 0,#4fd1c512,#0000 70%);height:420px;position:fixed;inset:0 0 auto}#root{z-index:1;min-height:100svh;position:relative}img,svg,video{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--display);color:var(--text);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.75rem)}h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}h3{font-size:1.0625rem}p{margin:0}a{color:var(--accent);transition:color var(--fast) var(--ease);text-decoration:none}a:hover{color:var(--accent-bright)}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.meta{color:var(--text-faint);font-size:.875rem}.muted{color:var(--text-muted)}.page{width:100%;max-width:var(--shell-max);padding:var(--s7) var(--s5) var(--s9);margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.stack{gap:var(--s4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5)}.divider{background:var(--border);height:1px;margin:var(--s6) 0;border:0}.btn{--btn-bg:transparent;--btn-fg:var(--text);--btn-bd:var(--border-strong);justify-content:center;align-items:center;gap:var(--s2);font:500 .9375rem/1 var(--sans);font-family:var(--display);letter-spacing:-.01em;border-radius:var(--r-full);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);padding:11px 18px;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--accent-ink);--btn-bd:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.btn-ghost{--btn-bd:transparent;--btn-fg:var(--text-muted)}.btn-ghost:hover{--btn-fg:var(--text);background:var(--surface-2);border-color:#0000}.btn-danger{--btn-fg:var(--danger);--btn-bd:transparent}.btn-danger:hover{background:var(--danger-soft);--btn-fg:var(--danger);border-color:#0000}.btn-lg{padding:15px 28px;font-size:1.0625rem}.btn-sm{padding:8px 14px;font-size:.875rem}.input{width:100%;font:400 1rem/1.4 var(--sans);color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);padding:12px 14px}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent);background:var(--surface);outline:none}.tag{align-items:center;gap:var(--s1);border-radius:var(--r-full);border:1px solid var(--border-strong);color:var(--text-muted);text-transform:capitalize;padding:4px 11px;font-size:.8125rem;font-weight:500;display:inline-flex}.tag-accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.error-note{align-items:center;gap:var(--s2);color:var(--danger);background:var(--danger-soft);border-radius:var(--r);border:1px solid #e0817c47;padding:10px 14px;font-size:.9375rem;display:flex}.empty{text-align:center;padding:var(--s9) var(--s5);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.empty h2{margin-bottom:var(--s2)}.empty p{color:var(--text-muted);max-width:40ch;margin:0 auto var(--s5)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, #262d3a 37%, var(--surface-2) 63%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-line{border-radius:var(--r-sm);width:100%;height:.875rem;display:block}.skeleton-title{height:1.375rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise var(--med) var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.record-setup{max-width:820px}.record-setup h1{margin-bottom:var(--s4)}.record-lede{color:var(--text-muted);max-width:58ch;margin-bottom:var(--s7);font-size:1.0625rem}.prompt-choice{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.prompt-card{align-items:flex-start;gap:var(--s3);text-align:left;font:inherit;color:inherit;cursor:pointer;padding:var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);flex-direction:column;display:flex}.prompt-card:hover{background:var(--surface-2);border-color:var(--accent-line);transform:translateY(-2px)}.prompt-card-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:1.375rem;font-weight:600}.prompt-card-desc{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.prompt-card-go{margin-top:var(--s2);font-family:var(--display);color:var(--accent);font-size:.9375rem;font-weight:600}.custom-prompt{gap:var(--s3);flex-direction:column;max-width:620px;display:flex}.custom-prompt-label{color:var(--text-muted);font-size:.9375rem}.custom-prompt-input{resize:vertical;min-height:5.5rem;line-height:1.5}.custom-prompt-foot{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.custom-prompt-actions{gap:var(--s3);margin-left:auto;display:flex}.stage{z-index:60;background:#0a0c11;flex-direction:column;display:flex;position:fixed;inset:0}.stage-prep{padding:var(--s6);justify-content:center;align-items:center}.stage-inner{align-items:center;gap:var(--s5);text-align:center;flex-direction:column;max-width:640px;display:flex}.stage-prompt{font-family:var(--display);letter-spacing:-.02em;color:var(--text);text-wrap:balance;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.25rem);font-weight:500;line-height:1.3}.countdown{place-items:center;width:168px;height:168px;display:grid;position:relative}.countdown-ring{position:absolute;inset:0;transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke-width:3px}.ring-track{stroke:var(--border)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.countdown-num{font-family:var(--display);letter-spacing:-.04em;color:var(--text);font-size:4rem;font-weight:600}.stage-recording{padding:var(--s5);gap:var(--s4)}.stage-bar{justify-content:space-between;align-items:center;gap:var(--s4);flex-shrink:0;display:flex}.stage-bar-foot{align-items:flex-end}.stage-video{object-fit:contain;border-radius:var(--r-lg);background:#000;flex:1;width:100%;min-height:0}.live{align-items:center;gap:var(--s2);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--live);background:var(--live-soft);border-radius:var(--r-full);padding:6px 14px 6px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.live-dot{border-radius:var(--r-full);background:var(--live);width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #ff4d4d80}50%{opacity:.55;box-shadow:0 0 0 6px #ff4d4d00}}.stage-timer{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:600}.stage-prompt-small{color:var(--text-muted);max-width:52ch;font-size:.9375rem;line-height:1.5}.transcribing{text-align:center;align-items:center;gap:var(--s4);padding:var(--s9) var(--s5);flex-direction:column;max-width:52ch;margin:0 auto;display:flex}.transcribing p{max-width:44ch}.transcribing-prompt{font-family:var(--display);color:var(--text-faint);margin-top:var(--s3);font-size:1.0625rem}.transcribing-error{margin-bottom:var(--s5);display:inline-flex}.transcribing-wave{height:44px;margin-bottom:var(--s2);align-items:center;gap:5px;display:flex}.transcribing-wave i{border-radius:var(--r-full);background:var(--accent);width:4px;height:12px;animation:1.1s ease-in-out infinite wave}.transcribing-wave i:nth-child(2){animation-delay:.12s}.transcribing-wave i:nth-child(3){animation-delay:.24s}.transcribing-wave i:nth-child(4){animation-delay:.36s}.transcribing-wave i:nth-child(5){animation-delay:.48s}@keyframes wave{0%,to{opacity:.45;height:12px}50%{opacity:1;height:38px}}@media (width<=640px){.stage-recording{padding:var(--s4)}.stage-bar-foot{align-items:stretch;gap:var(--s3);flex-direction:column}}.page.page-review{max-width:880px}.review{gap:var(--s6);flex-direction:column;display:flex}.review-media{top:var(--topbar-h);z-index:20;width:100%;max-width:calc((100svh - var(--topbar-h) - 12rem) * 16 / 9);padding-block:var(--s4) var(--s3);background:var(--bg);margin-inline:auto;position:sticky}.review-video{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--r-lg);object-fit:cover;background:#000;width:100%}.review-media-foot{justify-content:center;align-items:center;gap:var(--s5);margin-top:var(--s3);display:flex}.review-body{gap:var(--s7);flex-direction:column;min-width:0;display:flex}.review-prompt{margin-bottom:var(--s5)}.review-prompt-meta{text-transform:capitalize;display:block}.review-prompt-text{font-family:var(--display);letter-spacing:-.02em;color:var(--text);margin-top:var(--s2);max-width:60ch;font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem);font-weight:500;line-height:1.3}@media (height<=720px){.review-media{max-width:100%;position:static}}@media (width<=980px){.review-media{max-width:100%;position:static}}.transcript-head{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.transcript-legend{align-items:center;gap:var(--s4);color:var(--text-muted);font-size:.8125rem;display:flex}.legend-item{align-items:center;gap:var(--s2);display:inline-flex}.legend-swatch{background:var(--filler-soft);border-bottom:2px solid var(--filler-line);border-radius:3px;width:12px;height:12px}.transcript-body{color:var(--text);-webkit-hyphens:auto;hyphens:auto;max-width:68ch;font-size:1.125rem;line-height:1.85}.word{cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:3px;padding:1px}.word:hover{background:var(--accent-soft);color:var(--accent-bright)}.filler{background:var(--filler-soft);box-shadow:inset 0 -2px 0 var(--filler-line);color:var(--filler);border-radius:3px 3px 0 0}.filler:hover{color:var(--filler);background:#e8b33c42}.word-flash{animation:word-flash .7s var(--ease)}@keyframes word-flash{0%{background:var(--accent);color:var(--accent-ink)}to{color:inherit;background:0 0}}.metrics-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.metrics-basis{font-size:.8125rem}.stat-grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);position:relative}.stat-body{text-align:left;width:100%;padding:var(--s4) var(--s5) var(--s3) var(--s4);border-radius:inherit;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stat-value{font-family:var(--display);letter-spacing:-.03em;color:var(--text);font-size:2rem;font-weight:600;line-height:1.1}.stat-unit{color:var(--text-faint);margin-left:2px;font-size:.9375rem;font-weight:500}.stat-label{margin-top:var(--s2);color:var(--text-muted);font-size:.875rem}.stat-delta{color:var(--text-faint);min-height:1.2em;font-size:.75rem}.stat-seek{cursor:pointer}.stat:has(.stat-seek:hover){border-color:var(--accent-line);background:var(--surface-2)}.stat-seek:hover .stat-delta{color:var(--accent)}.stat-help{z-index:1;border:1px solid var(--border);width:18px;height:18px;color:var(--text-faint);cursor:pointer;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:.6875rem;line-height:1;display:grid;position:absolute;top:6px;right:6px}.stat-help:hover,.stat-help[aria-expanded=true]{color:var(--accent);border-color:var(--accent-line)}.stat-panel{z-index:3;width:max-content;max-width:min(260px,78vw);padding:var(--s3);background:var(--surface-2);border:1px solid var(--accent-line);border-radius:var(--r);color:var(--text-muted);text-align:left;margin:0;font-size:.8125rem;line-height:1.55;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.feedback{gap:var(--s4);padding:var(--s5) var(--s5) var(--s5) var(--s4);background:linear-gradient(100deg, var(--accent-soft), #4fd1c505 60%);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--r-lg) var(--r-lg) 0;display:flex;position:relative}.feedback-quote{font-family:var(--display);color:var(--accent);opacity:.5;-webkit-user-select:none;user-select:none;font-size:3rem;line-height:.8}.feedback-inner{flex:1;min-width:0}.feedback-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.feedback-body{color:var(--text);max-width:70ch;font-size:1.0625rem;line-height:1.7}.back-link{margin-bottom:var(--s4);margin-left:calc(var(--s3) * -1)}.session-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.session-card{align-items:stretch;gap:var(--s2);text-align:left;width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;padding:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);flex-direction:column;display:flex}.session-card:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-2px)}.session-card-loading{cursor:default;gap:var(--s3)}.thumb{aspect-ratio:16/9;border-radius:var(--r);width:100%;margin-bottom:var(--s2);background:#0a0c11;display:block;position:relative;overflow:hidden}.thumb-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--med) var(--ease)}.thumb-ready{opacity:1}.thumb-placeholder{border-radius:var(--r);position:absolute;inset:0}.thumb-duration{color:var(--text);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(4px);background:#0a0c11c7;padding:2px 7px;font-size:.75rem;font-weight:500;position:absolute;bottom:6px;right:6px}.session-card-meta{padding:0 var(--s1);text-transform:capitalize}.session-card-title{padding:0 var(--s1);color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.session-card-stats{gap:var(--s4);padding:var(--s3) var(--s1) var(--s1);color:var(--text-faint);margin-top:auto;font-size:.8125rem;display:flex}.session-card-stats b{color:var(--text-muted);font-weight:600}.confirm{color:var(--text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.confirm::backdrop{-webkit-backdrop-filter:blur(3px);background:#080a0e9e}.confirm-inner{width:min(92vw,400px);padding:var(--s5);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 24px 60px #00000080}.confirm[open] .confirm-inner{animation:confirm-in var(--med) var(--ease)}@keyframes confirm-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.confirm[open] .confirm-inner{animation:none}}.confirm-title{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:500;line-height:1.3}.confirm-body{margin:var(--s3) 0 0;color:var(--text-muted);font-size:.9375rem;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:var(--s2);margin-top:var(--s5);display:flex}.home{width:100%;max-width:var(--shell-max);padding:0 var(--s5) var(--s9);margin:0 auto}.hero{align-items:center;gap:var(--s8);padding:var(--s9) 0 var(--s8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.hero-copy{align-items:flex-start;gap:var(--s4);flex-direction:column;display:flex}.hero-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.25rem,1.6rem + 2.8vw,3.5rem);line-height:1.05}.hero-lede{color:var(--text-muted);max-width:48ch;font-size:1.125rem;line-height:1.65}.hero-actions{margin-top:var(--s3);gap:var(--s3)}.preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(-.6deg)}.preview-bar{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:6px;display:flex}.preview-dot{border-radius:var(--r-full);background:var(--border-strong);width:9px;height:9px}.preview-body{padding:var(--s5)}.preview-transcript{color:var(--text);font-size:1.0625rem;line-height:1.85}.preview-transcript mark{background:var(--filler-soft);box-shadow:inset 0 -2px 0 var(--filler-line);color:var(--filler);border-radius:3px 3px 0 0;padding:1px}.preview-stats{gap:var(--s6);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border);display:flex}.preview-stat{flex-direction:column;gap:2px;display:flex}.preview-stat-value{font-family:var(--display);letter-spacing:-.03em;color:var(--text);font-size:1.75rem;font-weight:600;line-height:1.1}.steps{padding:var(--s8) 0 0;border-top:1px solid var(--border)}.steps-head{margin-bottom:var(--s6)}.steps-grid{gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.step{gap:var(--s2);flex-direction:column;display:flex}.step p{font-size:.9375rem;line-height:1.65}.home-signed-in{max-width:860px}.home-greeting{gap:var(--s2);min-height:4.5rem;margin-bottom:var(--s6);flex-direction:column;display:flex}.home-greeting-skeleton{max-width:340px;height:2.5rem}.home-greeting-sub{max-width:180px;height:.9rem}.home-actions{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.action-card{align-items:flex-start;gap:var(--s2);text-align:left;font:inherit;color:inherit;cursor:pointer;padding:var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);flex-direction:column;display:flex}.action-card:hover{background:var(--surface-2);border-color:var(--accent-line);transform:translateY(-2px)}.action-card-primary{background:linear-gradient(150deg, var(--accent-soft), #4fd1c505 65%);border-color:var(--accent-line)}.action-card-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:600}.action-card-desc{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.action-card-go{margin-top:var(--s3);font-family:var(--display);color:var(--accent);font-size:.9375rem;font-weight:600}@media (width<=900px){.hero{gap:var(--s7);padding-top:var(--s7);grid-template-columns:minmax(0,1fr)}.preview{transform:none}}@media (width<=640px){.home{padding-inline:var(--s4)}.preview-stats{gap:var(--s5)}}.auth{padding:var(--s7) var(--s5) var(--s9);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:420px;padding:var(--s6);box-shadow:var(--shadow)}.auth-card h1{margin-bottom:var(--s6);font-size:1.75rem}.auth-form{gap:var(--s4);flex-direction:column;display:flex}.auth-field{gap:var(--s2);flex-direction:column;display:flex}.auth-submit{margin-top:var(--s2);width:100%}.auth-alt{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border);text-align:center;font-size:.9375rem}.app{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:40;height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#101319b8;position:sticky;top:0}.topbar-inner{height:100%;max-width:var(--shell-max);padding:0 var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);margin:0 auto;display:flex}.wordmark{align-items:center;gap:var(--s3);font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:1.0625rem;font-weight:600;display:inline-flex}.wordmark:hover{color:var(--text)}.wordmark-mark{align-items:center;gap:3px;height:18px;display:inline-flex}.wordmark-mark i{border-radius:var(--r-full);background:var(--accent);width:3px;transition:height var(--med) var(--ease)}.wordmark-mark i:first-child{height:7px}.wordmark-mark i:nth-child(2){height:16px}.wordmark-mark i:nth-child(3){height:10px}.wordmark-mark i:nth-child(4){height:5px}.wordmark:hover .wordmark-mark i:first-child{height:13px}.wordmark:hover .wordmark-mark i:nth-child(2){height:6px}.wordmark:hover .wordmark-mark i:nth-child(3){height:17px}.wordmark:hover .wordmark-mark i:nth-child(4){height:11px}.topnav{align-items:center;gap:var(--s2);display:flex}.navlink{font-family:var(--display);color:var(--text-muted);border-radius:var(--r-sm);transition:color var(--fast) var(--ease), background var(--fast) var(--ease);padding:8px 12px;font-size:.9375rem;font-weight:500;position:relative}.navlink:hover{color:var(--text);background:var(--surface-2)}.navlink.active{color:var(--text)}.navlink.active:after{content:"";border-radius:var(--r-full);background:var(--accent);height:2px;position:absolute;bottom:2px;left:12px;right:12px}.app-main{flex-direction:column;flex:1;display:flex}@media (width<=640px){.topbar-inner{padding:0 var(--s4)}.navlink{padding:8px}}