.landing{display:flex;flex-direction:column}.landing-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-5);padding:var(--space-5);overflow:hidden}.hero-brand{position:absolute;top:var(--space-5);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:var(--text-secondary);color:var(--color-accent)}.landing-hero h1{max-width:900px;margin:0;font-size:clamp(44px,8.5vw,96px);line-height:1.02;letter-spacing:-.03em;animation:hero-rise .7s var(--ease-out) both}.landing-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--color-accent),#7defc4 55%,var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px var(--color-accent-glow))}.hero-sub{margin:0;max-width:520px;font-size:var(--text-subheading);color:var(--color-text-secondary);animation:hero-rise .7s 90ms var(--ease-out) both}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.vinyl{position:absolute;top:50%;left:50%;width:min(78vmin,720px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.34;pointer-events:none;background:radial-gradient(circle,transparent 0 11%,var(--color-accent) 11.5% 18%,transparent 18.5% 100%),repeating-radial-gradient(circle,rgba(255,255,255,.11) 0 1px,transparent 1px 7px),radial-gradient(circle,#0c0e11 0 62%,#07080a);box-shadow:0 0 120px #12b8862e,inset 0 0 60px #000c;animation:vinyl-spin 26s linear infinite}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 40deg,rgba(255,255,255,.07) 60deg,transparent 90deg 200deg,rgba(255,255,255,.05) 225deg,transparent 250deg 360deg)}@keyframes vinyl-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.notes{position:absolute;inset:0;pointer-events:none}.note{position:absolute;bottom:-6%;color:var(--color-accent);opacity:0;font-size:26px;animation:note-float 11s linear infinite}.note:nth-child(1){left:8%;animation-delay:0s;font-size:22px}.note:nth-child(2){left:22%;animation-delay:3.5s;font-size:30px}.note:nth-child(3){left:71%;animation-delay:1.5s;font-size:24px}.note:nth-child(4){left:85%;animation-delay:5.5s;font-size:34px}.note:nth-child(5){left:48%;animation-delay:7.5s;font-size:20px}.note:nth-child(6){left:60%;animation-delay:9.2s;font-size:26px}@keyframes note-float{0%{transform:translateY(0) rotate(-8deg);opacity:0}8%{opacity:.34}60%{opacity:.22}to{transform:translateY(-108vh) translate(4vw) rotate(14deg);opacity:0}}.eq{display:flex;align-items:flex-end;gap:4px;height:22px}.eq span{width:5px;border-radius:3px;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-strong));animation:eq-bounce 1.1s ease-in-out infinite;transform-origin:bottom}.eq span:nth-child(1){height:40%;animation-delay:0s}.eq span:nth-child(2){height:85%;animation-delay:.15s}.eq span:nth-child(3){height:60%;animation-delay:.3s}.eq span:nth-child(4){height:100%;animation-delay:.45s}.eq span:nth-child(5){height:50%;animation-delay:.6s}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.ask-pill{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:54px;width:min(560px,calc(100vw - 48px));padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-body);animation:hero-rise .7s .16s var(--ease-out) both}.ask-pill .prompt-glyph{color:var(--color-accent);flex-shrink:0}.ask-pill .typed{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.ask-caret{display:inline-block;width:2px;height:1.15em;background:var(--color-accent);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.spotify-cta{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 44px;border-radius:var(--radius-pill);border:1px solid rgba(18,184,134,.5);background:linear-gradient(180deg,#12b88633,#12b88614),var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--color-text);font-size:20px;font-weight:600;text-decoration:none;animation:hero-rise .7s .23s var(--ease-out) both,cta-breathe 3.2s 1s ease-in-out infinite;transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.spotify-cta:hover{text-decoration:none;transform:scale(1.045);box-shadow:0 0 64px 8px var(--color-accent-glow);animation-play-state:running,paused}@keyframes cta-breathe{0%,to{box-shadow:0 0 28px 0 var(--color-accent-glow)}50%{box-shadow:0 0 52px 6px var(--color-accent-glow)}}.hero-trust{animation:hero-rise .7s .3s var(--ease-out) both;margin:0}.scroll-cue{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);color:var(--color-text-tertiary);font-size:var(--text-caption);display:flex;flex-direction:column;align-items:center;gap:2px;animation:cue-bob 2.2s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.landing-below{max-width:1120px;width:100%;margin:0 auto;padding:0 var(--space-5) var(--space-5)}.genre-marquee{overflow:hidden;padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.genre-marquee .lane{display:flex;gap:var(--space-3);width:max-content;animation:marquee 42s linear infinite}.genre-marquee .lane:hover{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.genre-chip{padding:8px 18px;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-secondary);white-space:nowrap}.genre-chip:nth-child(4n){color:var(--color-accent);border-color:var(--color-accent-soft)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);margin:var(--space-7) 0}.feature-card{padding:var(--space-6) var(--space-5);transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.feature-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 24px 60px #00000080,0 0 30px var(--color-accent-soft)}.feature-card .visual{height:56px;display:flex;align-items:flex-end;gap:6px;margin-bottom:var(--space-4)}.feature-card .visual .bar{flex:1;max-width:26px;border-radius:4px 4px 0 0;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-bottom:none;transition:transform var(--motion-base) var(--ease-out);transform-origin:bottom}.feature-card:hover .visual .bar{transform:scaleY(1.15)}@media(prefers-reduced-motion:reduce){.eq span,.ask-caret,.genre-marquee .lane,.vinyl,.vinyl:after,.scroll-cue{animation:none}.landing-hero h1,.hero-sub,.ask-pill,.spotify-cta,.hero-trust{animation:none}.notes{display:none}.genre-marquee .lane{transform:none;flex-wrap:wrap;width:auto}}.welcome{min-height:100svh;display:flex;align-items:center;justify-content:center;background:var(--surface-0);padding:var(--space-5);text-align:center}.welcome-step{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:420px;animation:welcome-rise .62s var(--ease-out) both}@keyframes welcome-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.welcome-disc-wrap{position:relative;width:148px;height:148px;margin-bottom:4px}.welcome-disc{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,transparent 0 15%,var(--color-accent) 15.5% 22%,transparent 22.5% 100%),repeating-radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 1px 6px),radial-gradient(circle,#0f1216 0 62%,#07080a);box-shadow:0 0 50px var(--color-accent-glow),inset 0 0 30px #000c;animation:welcome-spin 3.2s linear infinite}@keyframes welcome-spin{to{transform:rotate(360deg)}}.welcome-ring{position:absolute;inset:0;transform:rotate(-90deg)}.welcome-ring circle.track{stroke:var(--surface-2)}.welcome-ring circle.fill{stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset .5s var(--ease-out);filter:drop-shadow(0 0 6px var(--color-accent-glow))}.welcome-check{width:60px;height:60px;border-radius:50%;background:var(--color-accent-soft);display:grid;place-items:center;color:var(--color-accent);font-size:26px;animation:welcome-pop .48s var(--ease-out) both}.welcome-check--bad{background:color-mix(in srgb,var(--color-danger) 16%,transparent);color:var(--color-danger)}@keyframes welcome-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.welcome h1{margin:0;font-size:23px;font-weight:650;letter-spacing:-.02em;color:var(--text-1)}.welcome-greeting{margin:-10px 0 0;font-size:16px;font-weight:560;letter-spacing:-.01em;color:var(--color-accent);animation:welcome-rise .5s 80ms var(--ease-out) both}.welcome .sub{margin:0;font-size:13.5px;color:var(--text-3);line-height:1.5}.welcome-percent{font-size:32px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-1);letter-spacing:-.02em;margin-top:-6px}.welcome-detail{margin:-8px 0 0;font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.welcome-dots{display:flex;gap:8px;margin-top:4px}.welcome-dots span{width:6px;height:6px;border-radius:50%;background:var(--hairline-strong);transition:background var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.welcome-dots span.active{background:var(--color-accent);transform:scale(1.3)}.welcome-dots span.done{background:var(--color-accent)}@media(prefers-reduced-motion:reduce){.welcome-disc,.welcome-step,.welcome-check{animation:none}}:root{--color-accent: #12b886;--color-accent-strong: #0ca678;--color-accent-soft: rgba(18, 184, 134, .16);--color-accent-glow: rgba(18, 184, 134, .35);--color-success: #12b886;--color-warning: #f5b02e;--color-danger: #f0616a;--color-info: #4da3ff;--color-health-low: #f0616a;--color-health-mid: #f5b02e;--color-health-good: #5fae8e;--color-health-excellent: #12b886;--color-bg: #0a0b0d;--color-bg-raised: #101215;--color-surface-opaque: #14161a;--color-text: #eef1f0;--color-text-secondary: #a8b0ad;--color-text-tertiary: #6e7773;--color-border: rgba(255, 255, 255, .09);--glass-fill: rgba(255, 255, 255, .06);--glass-fill-strong: rgba(20, 22, 26, .55);--glass-border: rgba(255, 255, 255, .14);--glass-highlight: rgba(255, 255, 255, .22);--glass-blur: 28px;--glass-blur-heavy: 40px;--glass-scrim: rgba(10, 11, 13, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-family: "Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--text-caption: 12px;--text-secondary: 14px;--text-body: 16px;--text-subheading: 20px;--text-h3: 25px;--text-h2: 31px;--text-h1: 39px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--motion-fast: .15s;--motion-base: .2s;--motion-nav: .25s;--ease-out: cubic-bezier(.23, 1, .32, 1);--surface-0: #0a0b0d;--surface-1: #0f1114;--surface-2: #14171b;--surface-3: #1a1e23;--hairline: rgba(255, 255, 255, .07);--hairline-strong: rgba(255, 255, 255, .13);--text-1: #f2f5f3;--text-2: #b6bfba;--text-3: #7d8781;--text-4: #545c57;--control-bg: #0c0e10;--control-border: rgba(255, 255, 255, .1);--control-focus: var(--color-accent);--meter-on: var(--color-accent);--meter-off: rgba(18, 184, 134, .14);--meter-warn: var(--color-warning)}.glass{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.35);backdrop-filter:blur(var(--glass-blur)) saturate(1.35);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000059;transition:background var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.glass:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.7;pointer-events:none}.glass--heavy{-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.4);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.4);background:var(--glass-fill-strong)}.glass--scrim{background:linear-gradient(var(--glass-scrim),var(--glass-scrim)),var(--glass-fill)}.glass--pill{border-radius:var(--radius-pill)}.glass--pill:before{border-radius:var(--radius-pill) var(--radius-pill) 0 0}.is-scrolled .glass--appbar{background:var(--glass-fill-strong);box-shadow:0 12px 40px #00000080}.surface-solid{background:var(--color-surface-opaque);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.glass,.glass--heavy{transition:none}}@supports not (backdrop-filter: blur(1px)){.glass,.glass--heavy{background:var(--color-bg-raised)}}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh;background:var(--surface-0);font-size:14px}.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 12px;border-right:1px solid var(--hairline);background:var(--surface-0)}.rail-brand{display:flex;align-items:center;gap:10px;padding:0 10px 18px;font-weight:650;letter-spacing:.02em;color:var(--text-1)}.rail-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.rail-section{margin:14px 10px 6px;font-size:10.5px;font-weight:550;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4)}.rail-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:var(--text-2);text-decoration:none;font-weight:480;line-height:1;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.rail-link:hover{background:var(--surface-1);color:var(--text-1);text-decoration:none}.rail-link[aria-current=page],.rail-link.active{background:var(--surface-2);color:var(--text-1);font-weight:560}.rail-link .meter{opacity:0;transition:opacity var(--motion-fast) var(--ease-out);margin-left:auto}.rail-link.active .meter{opacity:1}.rail-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--hairline);font-size:11.5px;color:var(--text-4)}.workspace{min-width:0;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-0) 78%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.searchbox{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:8px;background:var(--control-bg);border:1px solid var(--control-border);transition:border-color var(--motion-fast) var(--ease-out)}.searchbox:focus-within{border-color:var(--control-focus)}.searchbox .glyph{color:var(--text-3);flex-shrink:0;font-size:13px}.searchbox input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-1);font-size:13.5px;font-family:inherit}.searchbox input::placeholder{color:var(--text-4)}.searchbox kbd{font-family:inherit;font-size:10.5px;color:var(--text-4);border:1px solid var(--hairline-strong);border-radius:4px;padding:2px 6px;line-height:1}.content{padding:28px 24px 64px;max-width:1160px;width:100%;margin:0 auto;min-width:0}.meter{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.meter i{width:3px;border-radius:1px;background:var(--meter-off)}.meter i.on{background:var(--meter-on)}.meter i.warn{background:var(--meter-warn)}.meter i:nth-child(1){height:35%}.meter i:nth-child(2){height:60%}.meter i:nth-child(3){height:85%}.meter i:nth-child(4){height:100%}.meter i:nth-child(5){height:70%}.meter--live i.on{animation:meter-flicker 1.3s ease-in-out infinite}.meter--live i.on:nth-child(2){animation-delay:.2s}.meter--live i.on:nth-child(3){animation-delay:.45s}.meter--live i.on:nth-child(4){animation-delay:.1s}.meter--live i.on:nth-child(5){animation-delay:.3s}@keyframes meter-flicker{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.section{margin-bottom:36px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text-1)}.section-head .sub{font-size:12.5px;color:var(--text-3)}.section-head .spacer{margin-left:auto}.panel{background:var(--surface-1);border:1px solid var(--hairline);border-radius:10px}.panel--pad{padding:20px}.panel--overlay{background:var(--surface-3);border-color:var(--hairline-strong);box-shadow:0 0 0 1px #0006,0 16px 48px #00000080}.readout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:10px;overflow:hidden}.readout{background:var(--surface-1);padding:14px 16px 12px}.readout .label{font-size:10.5px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.readout .value{font-size:26px;font-weight:620;letter-spacing:-.02em;color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1.1}.readout .value small{font-size:13px;font-weight:480;color:var(--text-3);margin-left:4px;letter-spacing:0}.readout .trend{font-size:11.5px;font-weight:520;margin-top:4px}.levelbar{margin-top:10px;height:3px;border-radius:2px;background:var(--meter-off);overflow:hidden}.levelbar i{display:block;height:100%;border-radius:2px;background:var(--meter-on);transition:width .4s var(--ease-out)}.levelbar i.warn{background:var(--meter-warn)}.levelbar i.bad{background:var(--color-danger)}.shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:540;font-family:inherit;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform .1s var(--ease-out)}.shell .btn:active{transform:scale(.97)}.shell .btn:disabled{opacity:.45;cursor:not-allowed}.shell .btn--primary{background:var(--color-accent);color:#05271c;font-weight:600}.shell .btn--primary:hover{background:var(--color-accent-strong)}.shell .btn--secondary{background:var(--surface-2);border-color:var(--hairline-strong);color:var(--text-1)}.shell .btn--secondary:hover{background:var(--surface-3)}.shell .btn--text{background:transparent;color:var(--text-2);padding:0 8px}.shell .btn--text:hover{color:var(--text-1);background:var(--surface-1)}.shell .btn--danger{background:transparent;border-color:color-mix(in srgb,var(--color-danger) 45%,transparent);color:var(--color-danger)}.shell .btn--danger:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.shell .btn--lg{height:40px;padding:0 20px;font-size:14px}.shell .input{height:36px;width:100%;padding:0 12px;border-radius:7px;background:var(--control-bg);border:1px solid var(--control-border);color:var(--text-1);font-size:13.5px;font-family:inherit;transition:border-color var(--motion-fast) var(--ease-out)}.shell .input:focus{outline:none;border-color:var(--control-focus)}.shell .input::placeholder{color:var(--text-4)}.shell select.input{appearance:none}.field-label{display:block;font-size:11px;font-weight:550;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.check{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2);cursor:pointer;padding:6px 0}.check input{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);background:transparent;color:var(--text-2);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.chip:hover{background:var(--surface-2);color:var(--text-1)}.chip.active{background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-accent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:560;letter-spacing:.06em;text-transform:uppercase}.badge--ok{background:var(--color-accent-soft);color:var(--color-accent)}.badge--warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge--bad{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger)}.badge--info{background:color-mix(in srgb,var(--color-info) 14%,transparent);color:var(--color-info)}.badge--dim{background:var(--surface-2);color:var(--text-3)}.tracklist{list-style:none;margin:0;padding:0}.track{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:9px 14px;border-radius:8px;transition:background var(--motion-fast) var(--ease-out)}.track:hover{background:var(--surface-1)}.track+.track{border-top:1px solid var(--hairline)}.tracklist--flush .track{border-radius:0;padding-left:20px;padding-right:20px}.track .art{width:40px;height:40px;border-radius:5px;object-fit:cover;background:var(--surface-2);outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}.track .art--empty{display:grid;place-items:center;color:var(--text-4);font-size:15px}.track .who{min-width:0}.track .title{font-size:13.5px;font-weight:540;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.track .artist{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.track .side{display:flex;align-items:center;gap:12px}.track .time{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.track .actions{display:flex;gap:2px;opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}.track:hover .actions,.track:focus-within .actions{opacity:1}.track .actions .btn{height:28px;padding:0 8px;font-size:12px}.track-why{grid-column:1 / -1;margin:2px 0 6px 54px;padding:10px 14px;border-left:2px solid var(--color-accent);background:var(--surface-2);border-radius:0 7px 7px 0;font-size:12px;color:var(--text-3)}.track-why ul{margin:6px 0 0;padding-left:16px}.track-why li{margin:2px 0;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table.console{width:100%;border-collapse:collapse;font-size:13px}table.console th{text-align:left;padding:10px 14px;font-size:10.5px;font-weight:560;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--hairline-strong);white-space:nowrap}table.console td{padding:10px 14px;border-bottom:1px solid var(--hairline);color:var(--text-2)}table.console tr:last-child td{border-bottom:none}table.console tr:hover td{background:var(--surface-2)}table.console td.num,table.console th.num{text-align:right;font-variant-numeric:tabular-nums}table.console td.name{color:var(--text-1);font-weight:520}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:132px 1fr 48px;gap:12px;align-items:center}.bar-row .label{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row .track-bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar-row .track-bar i{display:block;height:100%;border-radius:3px;background:var(--meter-on)}.bar-row .track-bar i.alt{background:var(--color-info)}.bar-row .num{font-size:12px;color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notice{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;border:1px solid var(--hairline-strong);background:var(--surface-1);font-size:13px;color:var(--text-2)}.notice--warn{border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}.notice--warn:before{content:"▲";color:var(--color-warning);font-size:10px}.notice--bad{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent)}.notice--bad:before{content:"●";color:var(--color-danger);font-size:10px}.notice--accent{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.toast{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:9px;background:var(--surface-3);border:1px solid var(--hairline-strong);box-shadow:0 16px 48px #0000008c;font-size:13px;color:var(--text-1);animation:toast-in .2s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.empty{padding:48px 24px;text-align:center;display:grid;gap:10px;justify-items:center}.empty .meter{height:18px;opacity:.6}.empty h3{margin:0;font-size:15px;font-weight:600;color:var(--text-1)}.empty p{margin:0;max-width:400px;font-size:13px;color:var(--text-3)}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;padding:6px;border-radius:9px;display:flex;flex-direction:column;z-index:40;transform-origin:top right;animation:menu-in .16s var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.menu .btn{justify-content:flex-start;width:100%}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04050799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s var(--ease-out)}@keyframes fade-in{0%{opacity:0}}.modal{width:min(620px,100%);max-height:85vh;overflow-y:auto;padding:24px;border-radius:14px;animation:modal-in .22s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.modal h3{margin:0 0 6px;font-size:16px;font-weight:620;color:var(--text-1)}.modal .counts{font-size:13px;color:var(--text-3);margin-bottom:12px}.diff-list{list-style:none;margin:12px 0;padding:4px 0;max-height:260px;overflow-y:auto;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-0)}.diff-list li{display:flex;gap:10px;padding:6px 14px;font-size:12.5px;color:var(--text-2)}.diff-list li+li{border-top:1px solid var(--hairline)}.diff-list .op{width:12px;font-weight:700;flex-shrink:0}.diff-list .op--add{color:var(--color-accent)}.diff-list .op--remove{color:var(--color-danger)}.diff-list .op--neutral{color:var(--color-info)}.shell .skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:8px}.health-hero{display:flex;gap:32px;align-items:center;flex-wrap:wrap;padding:24px}.health-hero .score-block{display:grid;justify-items:center;gap:4px}.health-components{flex:1;min-width:280px;display:grid;gap:10px}.health-row{display:grid;grid-template-columns:168px 1fr 40px;gap:14px;align-items:center}.health-row .label{font-size:12.5px;color:var(--text-2)}.health-row .detail{font-size:11px;color:var(--text-4);margin-top:1px}.health-row .num{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.chat{display:flex;flex-direction:column;min-height:calc(100vh - 150px);max-width:780px;margin:0 auto}.chat-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:4px 0 10px;background:linear-gradient(to top,transparent,var(--surface-0) 40%)}.chat-head-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-4)}.chat-head .btn{margin-left:auto}.chat-thread{flex:1;display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.chat-empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--text-3);font-size:13.5px}.msg{display:flex;flex-direction:column;max-width:100%}.msg--user .bubble{align-self:flex-end;background:var(--color-accent-soft);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);border-bottom-right-radius:4px;padding:10px 14px;font-size:13.5px;color:var(--text-1);max-width:85%}.msg--assistant .bubble{align-self:flex-start;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-lg);border-bottom-left-radius:4px;padding:10px 14px;font-size:13.5px;color:var(--text-2);max-width:100%}.msg .bubble p{margin:0}.chat-composer{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0 8px;background:linear-gradient(to bottom,transparent,var(--surface-0) 22%)}.chat-composer .input{height:44px;font-size:14px}.chat-input{min-height:44px;max-height:160px;padding:11px 14px;line-height:1.4;resize:none;overflow-y:auto;font-family:inherit}.chat-home{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center;padding:40px 16px}.chat-home-inner{width:100%;max-width:640px;text-align:center}.chat-home-inner h1{margin:0 0 8px;font-size:26px;font-weight:650;letter-spacing:-.02em;color:var(--text-1)}.chat-home-inner p.sub{margin:0 0 28px;font-size:13.5px;color:var(--text-3)}.chat-home-form{display:flex;gap:8px;padding:8px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface-1);box-shadow:0 0 0 1px transparent;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.chat-home-form:focus-within{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--hairline));box-shadow:0 0 0 3px var(--color-accent-soft)}.chat-home-form input{flex:1;min-width:0;height:44px;padding:0 12px;border:none;background:transparent;color:var(--text-1);font-size:14.5px;outline:none}.chat-home-form input::placeholder{color:var(--text-4)}.chat-home-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.insights-rail{display:flex;flex-direction:column;gap:20px;position:sticky;top:12px}.insights-card{padding:14px 16px}.insights-card h2{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-2)}.insight-row{display:flex;align-items:center;gap:10px;padding:5px 0;min-width:0}.insight-row img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex-shrink:0}.insight-row .art--empty{width:34px;height:34px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-4);flex-shrink:0}.insight-row .who{min-width:0}.insight-row .t{font-size:12.5px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-row .s{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-row .rank{font-size:11px;color:var(--text-4);font-variant-numeric:tabular-nums;width:16px;text-align:right;flex-shrink:0}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.insights-rail{position:static;flex-direction:row;flex-wrap:wrap}.insights-rail>*{flex:1 1 260px}}@media(max-width:860px){.shell{grid-template-columns:1fr}.rail{position:sticky;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;border-right:none;border-bottom:1px solid var(--hairline);z-index:30;background:var(--surface-0)}.rail-brand{padding:0 8px 0 0}.rail-section,.rail-foot{display:none}.content{padding:20px 14px 48px}}@media(prefers-reduced-motion:reduce){.meter--live i.on,.toast,.menu,.modal,.modal-backdrop{animation:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--font-family);font-size:var(--text-body);line-height:1.5;color:var(--color-text);background:radial-gradient(1100px 700px at 85% -10%,rgba(18,184,134,.09),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(77,163,255,.05),transparent 55%),var(--color-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--space-4);font-weight:600}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}button{font-family:inherit;font-size:var(--text-body);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:#06281d;box-shadow:0 0 24px var(--color-accent-glow)}.btn--primary:hover{background:var(--color-accent-strong)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{background:var(--glass-fill)}.btn--text{background:transparent;color:var(--color-text-secondary);border:none}.btn--danger{background:var(--color-danger);color:#2b0a0d}.btn:disabled{opacity:.5;cursor:not-allowed}.input{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--glass-fill);color:var(--color-text);font-size:var(--text-body);width:100%;transition:border-color var(--motion-fast) var(--ease-out)}.input:focus{border-color:var(--color-accent);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.caption{font-size:var(--text-caption);color:var(--color-text-tertiary)}.secondary{font-size:var(--text-secondary);color:var(--color-text-secondary)}.skeleton{background:linear-gradient(90deg,var(--glass-fill) 25%,rgba(255,255,255,.1) 50%,var(--glass-fill) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}