@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";@font-face{font-family:Taiko Trace Noto CJK;src:url(/fonts/NotoSansCJKsc-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--prim-paper-0: #fffdf8;--prim-paper-1: #f3f0e8;--prim-paper-2: #ebe7dd;--prim-paper-3: #e4dfd2;--prim-paper-4: #d7d2c6;--prim-ink-0: #0f1720;--prim-ink-1: #17202a;--prim-ink-2: #26313d;--prim-ink-3: #3a4652;--prim-don-300: #ff9d80;--prim-don-400: #ff805f;--prim-don-500: #ee6547;--prim-don-600: #d9573a;--prim-don-700: #b9422e;--prim-mint-300: #b8edde;--prim-mint-400: #a3dfcf;--prim-mint-500: #87c9b8;--prim-mint-600: #3f9d8c;--prim-mint-700: #2a7f72;--prim-ok: #56a874;--prim-danger: #c24e43;--prim-yellow: #f2c94c;--prim-blue: #5286c5;--prim-purple: #8a6ab8;--prim-pink: #c9658e;--prim-shadow-1: 0 2px 8px rgba(15, 23, 32, .05);--prim-shadow-2: 0 12px 30px rgba(15, 23, 32, .08);--prim-shadow-3: 0 20px 50px rgba(15, 23, 32, .12);--prim-shadow-4: 0 26px 70px rgba(15, 23, 32, .2);--prim-radius-sm: 8px;--prim-radius-md: 12px;--prim-radius-lg: 18px;--prim-radius-xl: 24px;--prim-font-sans: "Fira Sans", "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;--prim-font-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Microsoft YaHei UI", sans-serif;--prim-font-mono: "Fira Code", Consolas, "SFMono-Regular", monospace;--prim-space-1: 4px;--prim-space-2: 8px;--prim-space-3: 12px;--prim-space-4: 16px;--prim-space-5: 24px;--prim-space-6: 32px;--prim-space-7: 48px;--prim-space-8: 64px;--prim-space-9: 88px;--color-bg: var(--prim-paper-1);--color-surface: var(--prim-paper-0);--color-surface-2: var(--prim-paper-2);--color-surface-3: var(--prim-paper-3);--color-line: var(--prim-paper-4);--color-ink: var(--prim-ink-1);--color-ink-soft: var(--prim-ink-2);--color-ink-strong: var(--prim-ink-0);--color-accent: var(--prim-don-500);--color-accent-hover: var(--prim-don-400);--color-accent-soft: var(--prim-don-300);--color-accent-strong: var(--prim-don-700);--color-mint: var(--prim-mint-500);--color-mint-soft: var(--prim-mint-300);--color-mint-strong: var(--prim-mint-700);--color-danger: var(--prim-danger);--color-ok: var(--prim-ok);--color-text-on-dark: #ffffff;--color-text-muted: #69727a;--color-text-quiet: #828a86;--shadow-lift: var(--prim-shadow-1);--shadow-card: var(--prim-shadow-2);--shadow-float: var(--prim-shadow-3);--shadow-overlay: var(--prim-shadow-4);--radius-card: var(--prim-radius-lg);--ink: var(--color-ink);--ink-soft: var(--color-ink-soft);--paper: var(--color-bg);--surface: var(--color-surface);--surface-soft: var(--color-surface-2);--line: var(--color-line);--muted: var(--color-text-muted);--quiet: var(--color-text-quiet);--accent: var(--color-accent);--accent-dark: var(--color-accent-strong);--mint: var(--color-mint);--mint-dark: var(--color-mint-strong);--yellow: var(--prim-yellow);--blue: var(--prim-blue);--purple: var(--prim-purple);--pink: var(--prim-pink);--danger: var(--color-danger);--shadow: var(--shadow-card);--radius: var(--radius-card);--font-sans: var(--prim-font-sans);--font-display: var(--prim-font-display);--font-mono: var(--prim-font-mono)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(238,101,71,.08),transparent 28%),linear-gradient(rgba(23,32,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,42,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}[hidden]{display:none!important}:focus-visible{outline:3px solid rgba(238,101,71,.48);outline-offset:3px;border-radius:3px}code{font-family:var(--font-mono)}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.chart-toolbar .input-with-icon input{padding-left:36px}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none}.skip-link:focus{top:12px}.app-header{height:76px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,32,42,.1);background:linear-gradient(180deg,#fffdf8f0,#f3f0e8db);backdrop-filter:blur(16px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-logo{width:42px;height:42px;display:block;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(23,32,42,.14))}.difficulty-logo{width:34px;height:23px;display:inline-block;flex:0 0 auto;object-fit:contain}.difficulty-line{display:flex!important;align-items:center;gap:6px}.difficulty-cell{display:flex;align-items:center}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:.08em}.brand small{margin-top:1px;color:var(--muted);font:8px var(--font-mono);letter-spacing:.17em}.model-status-wrap{width:min(360px,42vw)}.model-state{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--muted);font:10px var(--font-mono)}.model-state:is(button){padding:0;border:0;background:transparent}.model-state:is(button):hover{color:var(--ink)}.status-dot{width:8px;height:8px;border-radius:50%;background:#9aa29d;box-shadow:0 0 0 4px #9aa29d26}.model-state.ready .status-dot{background:#56a874;box-shadow:0 0 0 4px #56a87424}.model-state.error .status-dot{background:var(--danger);box-shadow:0 0 0 4px #c24e4324}.model-state>span:last-child{padding-left:9px;border-left:1px solid var(--line)}.load-progress{margin-top:12px;color:var(--ink)}.load-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.load-progress-heading strong{font-size:10px}.load-progress-heading span{color:var(--muted);font:9px var(--font-mono)}.load-progress-track{height:7px;margin-top:7px;border-radius:999px;background:#69727a33;overflow:hidden}.load-progress-track>span{height:100%;display:block;border-radius:inherit;background:var(--mint-dark);transition:width .16s linear}.load-progress-track>span.indeterminate{animation:progress-indeterminate 1.15s ease-in-out infinite}.load-progress small{display:block;margin-top:6px;color:var(--muted);font-size:8px;line-height:1.4}.load-progress.compact{margin-top:5px}.load-progress.compact .load-progress-heading strong,.load-progress.compact .load-progress-heading span{font-size:8px}.load-progress.compact .load-progress-track{height:4px;margin-top:4px}.load-progress.compact small{margin-top:3px;text-align:right}@keyframes progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(290%)}}main{width:min(1380px,calc(100% - 48px));margin:0 auto}.landing{min-height:calc(100vh - 76px);padding:70px 0 88px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:clamp(48px,8vw,120px);align-items:center}.overline,.section-index,.card-kicker{margin:0;color:var(--accent-dark);font:700 10px var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.landing-copy h1{max-width:780px;margin:20px 0 25px;font-family:var(--font-display);font-size:clamp(54px,6.6vw,96px);font-weight:900;line-height:.98;letter-spacing:0}.landing-copy h1 em{color:var(--accent);font-style:normal}@supports (-webkit-background-clip: text){.landing-copy h1 em{background:linear-gradient(100deg,var(--prim-don-600) 0%,var(--prim-don-400) 58%,var(--prim-don-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.landing-lead{max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}.signal-preview{margin-top:42px;border-top:1px solid var(--line)}.signal-preview article{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.signal-preview article>span{padding-top:2px;color:var(--accent);font:11px var(--font-mono)}.signal-preview strong,.signal-preview small{display:block}.signal-preview strong{font-size:14px}.signal-preview small{margin-top:5px;color:var(--muted);font-size:11px}.landing-facts{display:flex;gap:24px;margin:34px 0 0}.landing-facts div{min-width:100px}.landing-facts dt{font:700 23px var(--font-mono)}.landing-facts dd{margin:4px 0 0;color:var(--muted);font-size:10px}.connect-card{padding:32px;border-radius:24px;background:linear-gradient(160deg,var(--prim-ink-2) 0%,var(--prim-ink-1) 46%,var(--prim-ink-0) 100%);color:#fff;box-shadow:14px 14px 0 var(--accent),var(--shadow);position:relative;overflow:hidden}.connect-card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-110px;box-shadow:0 0 0 36px #ffffff06,0 0 0 72px #ffffff05}.connect-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.step-badge{padding:6px 9px;border-radius:999px;background:var(--accent);font-size:10px;font-weight:700}.privacy-state{display:flex;align-items:center;gap:7px;color:#9facb7;font-size:9px}.privacy-state i{width:6px;height:6px;border-radius:50%;background:var(--mint)}.connect-card h2{margin:25px 0 8px;font-size:29px;letter-spacing:0;position:relative}.connect-card>p{margin:0;color:#a5b0b9;font-size:11px;line-height:1.7;position:relative}.connect-card form{margin-top:26px;position:relative}.connect-card label{display:block;margin:17px 0 8px;color:#aeb8c0;font:9px var(--font-mono);letter-spacing:.08em}.field-label-row{display:flex;align-items:end;justify-content:space-between;gap:12px}.field-label-row label{margin-bottom:8px}.api-key-link{min-height:30px;margin-bottom:3px;padding:0 2px;display:inline-flex;align-items:center;gap:5px;color:var(--mint);font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.api-key-link:hover{color:#b8edde;text-decoration:underline;text-underline-offset:3px}.connect-card input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:9px;outline:none;background:#ffffff0e;color:#fff;font:12px var(--font-mono)}.connect-card input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #87c9b821}.secret-field{display:flex}.secret-field input{border-radius:9px 0 0 9px;border-right:0}.secret-field button{width:62px;border:1px solid rgba(255,255,255,.17);border-radius:0 9px 9px 0;background:#ffffff0e;color:var(--mint);font-size:10px;display:grid;place-items:center}.primary-button{width:100%;margin-top:23px;padding:15px 17px;border:0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,var(--prim-mint-400),var(--prim-mint-500));color:var(--ink);font-size:13px;font-weight:700;box-shadow:0 6px 16px #2a7f722e}.primary-button:hover{background:linear-gradient(180deg,var(--prim-mint-300),var(--prim-mint-400));transform:translateY(-1px);box-shadow:0 10px 24px #2a7f723d}.primary-button:disabled{opacity:.55;transform:none}.primary-button b{font-size:20px;font-weight:400}.import-divider{margin:28px 0 16px;border-top:1px solid rgba(255,255,255,.12);text-align:center}.import-divider span{position:relative;top:-9px;padding:0 10px;background:var(--ink);color:#7f8d98;font-size:9px}.file-import{margin:0!important;padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:10px;text-align:center;transition:.15s ease}.file-import>svg{margin:0 auto 7px;color:var(--mint)}.file-import:hover{border-color:var(--mint);background:#87c9b80f}.file-import span,.file-import small{display:block}.file-import span{color:#e8edf0;font-size:11px}.file-import small{margin-top:3px;color:#7f8c96;font-size:8px}.file-import input{display:none}.connect-card .load-progress{padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b;color:#e8edf0}.connect-card .load-progress-heading span,.connect-card .load-progress small{color:#9ba8b2}.connect-card .load-progress-track{background:#ffffff1f}.connect-card .load-progress-track>span{background:var(--mint)}.source-disclosure{position:relative;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:#8f9ca6}.source-disclosure summary{width:max-content;max-width:100%;color:#b9c4cb;font-size:9px;font-weight:700;cursor:pointer}.source-disclosure p{margin:9px 0 0;font-size:9px;line-height:1.65}.report-app{padding:46px 0 90px}.report-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.report-header h1{margin:8px 0;font-size:clamp(36px,4vw,54px);letter-spacing:0;line-height:1}.report-header>div>p:last-child{margin:0;color:var(--muted);font-size:11px}.report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.quiet-button,.dark-button,.text-button,.load-more{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 13px;font-size:10px}.quiet-button:hover,.load-more:hover{border-color:var(--ink)}.quiet-button:disabled{opacity:.56;border-color:var(--line)}.export-image-button{border-color:#9ccfc2;background:#87c9b833;color:#245e56}.export-image-button:hover{border-color:var(--mint-dark);background:#87c9b852}.dark-button{border-color:var(--ink);background:var(--ink);color:#fff}.dark-button:hover{background:var(--ink-soft)}.text-button{padding:4px;border:0;background:transparent;color:var(--accent-dark);font-weight:700}.report-nav{display:grid;grid-template-columns:repeat(5,1fr);margin:36px 0 0;border:1px solid var(--line);border-radius:13px;background:#fffdf899;overflow:hidden;position:sticky;top:10px;z-index:8;backdrop-filter:blur(16px);box-shadow:0 8px 24px #17202a0d}.report-nav button{padding:14px 10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px}.report-nav button:last-child{border-right:0}.report-nav button span{margin-right:6px;font:9px var(--font-mono);color:var(--quiet)}.report-nav button.active{background:var(--ink);color:#fff}.report-nav button.active span{color:var(--mint)}.report-view{display:none;padding-top:22px}.report-view.active{display:block;animation:view-in .22s ease-out}@keyframes view-in{0%{opacity:.2;transform:translateY(5px)}}.profile-hero{display:grid;grid-template-columns:1.15fr 1.5fr .72fr;min-height:285px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.rating-card{padding:30px;background:linear-gradient(150deg,var(--prim-ink-2),var(--prim-ink-0));color:#fff;display:flex;align-items:center;gap:25px}.rating-ring{width:150px;aspect-ratio:1;flex:0 0 150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--rating-progress, 0%),rgba(255,255,255,.1) 0);position:relative;box-shadow:0 10px 34px #ee654738}.rating-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--ink)}.rating-ring>div{position:relative;text-align:center}.rating-ring strong,.rating-ring span{display:block}.rating-ring strong{color:#fff;font:700 38px var(--font-mono);letter-spacing:0}.rating-ring span{margin-top:4px;color:#8c99a5;font:8px var(--font-mono)}.rating-copy .card-kicker{color:var(--mint)}.rating-copy h2{margin:8px 0;font-size:19px}.rating-copy p{margin:0;color:#9ba8b3;font-size:10px;line-height:1.6}.profile-conclusion{padding:34px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-conclusion h2{max-width:520px;margin:15px 0 10px;font-size:clamp(24px,2.7vw,38px);letter-spacing:0;line-height:1.18}.profile-conclusion>p{max-width:560px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.profile-tags span{padding:7px 10px;border-radius:999px;background:var(--surface-soft);color:var(--ink-soft);font-size:10px}.profile-tags span:first-child{background:#87c9b847;color:#245e56}.ai-estimate{padding:30px;background:linear-gradient(150deg,var(--prim-don-500),var(--prim-don-700));color:#fff;display:flex;flex-direction:column;justify-content:center}.ai-estimate .card-kicker{color:#59261d}.ai-estimate>strong{margin:20px 0 7px;font:700 48px var(--font-mono);letter-spacing:0}.ai-estimate p{margin:0;font-size:10px;line-height:1.55}.ai-estimate small{margin-top:auto;padding-top:30px;color:#ffffffb8;font-size:8px}.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--line);gap:1px;overflow:hidden}.metric{min-height:100px;padding:16px 18px;background:var(--surface)}.metric label,.metric strong,.metric small{display:block}.metric label{color:var(--muted);font:8px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.metric strong{margin:9px 0 3px;font:700 21px var(--font-mono)}.metric small{color:var(--quiet);font-size:8px;line-height:1.4}.panel{margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #ffffff8c inset,var(--shadow-lift);overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:27px 30px;border-bottom:1px solid var(--line)}.section-heading h2{margin:8px 0 0;font-size:26px;letter-spacing:0}.section-heading>p{max-width:490px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.section-heading.compact{min-height:91px;padding:21px 24px}.section-heading.compact h2{font-size:20px}.ability-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:470px}.radar-wrap{display:grid;place-items:center;padding:22px;border-right:1px solid var(--line);background:#f8f6f0}.radar-wrap canvas{max-width:100%;height:auto}.ability-bars{padding:25px 28px;display:grid;align-content:center;gap:14px}.ability-bar{display:grid;grid-template-columns:92px 1fr 54px 58px;align-items:center;gap:12px}.ability-bar-label strong,.ability-bar-label small{display:block}.ability-bar-label strong{font-size:11px}.ability-bar-label small{margin-top:2px;color:var(--muted);font-size:8px}.ability-track{height:9px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.ability-track span{display:block;height:100%;width:var(--score);border-radius:inherit;background:var(--feature)}.ability-score{text-align:right;font:700 12px var(--font-mono)}.ability-delta{padding:4px 5px;border-radius:999px;text-align:center;background:var(--surface-soft);color:var(--muted);font:8px var(--font-mono)}.ability-delta.up{background:#87c9b840;color:var(--mint-dark)}.ability-delta.down{background:#ee65471f;color:var(--accent-dark)}.chart-note{margin:0;padding:12px 28px;border-top:1px solid var(--line);color:var(--quiet);font-size:8px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.family-insights{display:grid;gap:1px;background:var(--line)}.family-insight{min-height:106px;padding:18px 22px;background:var(--surface);display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px}.family-rank{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--feature) 15%,white);color:var(--feature);font:700 11px var(--font-mono)}.family-insight strong,.family-insight small{display:block}.family-insight strong{font-size:13px}.family-insight small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.family-insight>b{color:var(--feature);font:700 20px var(--font-mono)}.legend-chip{padding:6px 8px;border-radius:999px;font-size:8px}.legend-chip.positive{background:#87c9b83d;color:var(--mint-dark)}.rhythm-overview{margin-bottom:14px}.rhythm-signal-list{padding:7px 22px 15px}.rhythm-signal-row{width:100%;padding:13px 0;display:grid;grid-template-columns:1fr auto;gap:15px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.rhythm-signal-row:last-child{border-bottom:0}.rhythm-signal-row:hover strong{color:var(--accent-dark)}.rhythm-signal-row strong,.rhythm-signal-row small{display:block}.rhythm-signal-row strong{font-size:12px}.rhythm-signal-row small{margin-top:4px;color:var(--muted);font-size:8px}.rhythm-signal-row b{font:700 16px var(--font-mono)}.best-song-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px 22px 24px}.best-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f6f0;box-shadow:0 1px #fff9 inset,var(--shadow-lift)}.best-card>span{color:var(--accent-dark);font:700 9px var(--font-mono)}.best-card h3{min-height:38px;margin:10px 0 5px;font-size:12px;line-height:1.45}.best-card>small{color:var(--muted);font-size:8px}.best-card>strong{display:block;margin:15px 0 9px;font:700 22px var(--font-mono)}.feature-bar{display:flex;height:6px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.feature-bar span{height:100%}.feature-caption{margin-top:6px;color:var(--quiet);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:30px 4px 24px}.page-intro h2{margin:8px 0 0;font-size:36px;letter-spacing:0}.page-intro>p{max-width:520px;margin:0;color:var(--muted);font-size:11px;line-height:1.75}.subnav,.chip-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.subnav button,.chip-tabs button{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px}.subnav button.active,.chip-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.rhythm-subview,.record-subview{display:none}.rhythm-subview.active,.record-subview.active{display:block;animation:view-in .18s ease-out}.rhythm-metrics{grid-template-columns:repeat(4,1fr)}.matrix-panel{overflow:visible}.heat-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.heat-legend i{width:110px;height:10px;border-radius:999px;background:linear-gradient(90deg,#e04e41,#eebe40,#309d7c)}.matrix-legends{display:grid;justify-items:end;gap:7px}.rarity-legend{color:#5c4b78;font-size:10px;font-weight:700}.matrix-scroll{overflow:auto;padding:14px}.ability-matrix{min-width:880px;display:grid;grid-template-columns:154px repeat(6,minmax(106px,1fr));gap:3px}.matrix-corner,.matrix-header,.matrix-label,.matrix-cell{min-height:64px;border-radius:7px}.matrix-corner,.matrix-header,.matrix-label{border:1px solid var(--line);background:#f0ede5}.matrix-corner,.matrix-header{padding:10px;color:var(--muted);font:10px var(--font-mono)}.matrix-header{display:grid;place-items:center;text-align:center}.matrix-header strong{margin-top:3px;color:var(--ink);font-size:12px}.matrix-label{display:flex;align-items:center;padding:10px 13px;font-size:12px;font-weight:700}.matrix-label small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.matrix-cell{padding:9px;border:1px solid transparent;background:var(--cell);text-align:left}.matrix-cell strong,.matrix-cell small{display:block}.matrix-cell strong{font:700 17px var(--font-mono)}.matrix-cell small{margin-top:6px;color:#17202ab3;font:10px var(--font-sans)}.matrix-cell:hover,.matrix-cell.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.matrix-cell.rare{border-color:#78658f;border-style:dashed;background-image:linear-gradient(135deg,rgba(100,79,130,.1) 25%,transparent 25%,transparent 50%,rgba(100,79,130,.1) 50%,rgba(100,79,130,.1) 75%,transparent 75%);background-size:8px 8px}.matrix-rarity{display:block;color:#503c70;font:700 9px var(--font-sans);letter-spacing:.03em}.matrix-rarity+strong{margin-top:3px}.matrix-cell.weak:after,.matrix-cell.strong:after{display:block;margin-top:5px;font-size:9px;font-weight:700}.matrix-cell.weak:after{content:"优先补强";color:var(--accent-dark)}.matrix-cell.strong:after{content:"稳定优势";color:#245f56}.matrix-cell.empty{display:grid;place-items:center;border:1px dashed var(--line);background:#f8f6f0;color:#aaa9a4;cursor:default;font:7px var(--font-mono)}.legend-chip.rare{background:#eee9f4;color:#503c70}.rare-rhythm-panel{margin-top:14px}.rare-rhythm-note{margin:0;padding:0 22px 9px;color:var(--muted);font-size:11px;line-height:1.7}.rhythm-signal-list.rare-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.rhythm-signal-row.rare strong{color:#503c70}.rhythm-signal-row.rare>span>strong>b{font-size:14px}.arrangement-token{color:var(--accent-dark);font:700 13px var(--font-mono);letter-spacing:.12em}.evidence-panel{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);min-height:210px}.evidence-heading{padding:25px;border-right:1px solid var(--line)}.evidence-heading h2{margin:9px 0 0;font-size:22px;line-height:1.35}.evidence-meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px}.evidence-meta span{padding:6px 8px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:8px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px;align-content:start}.evidence-card{min-width:0;padding:14px;border-radius:10px;background:#f2efe7}.evidence-card strong,.evidence-card span{display:block}.evidence-card strong{min-height:34px;font-size:10px;line-height:1.45}.evidence-card span{margin-top:6px;color:var(--muted);font-size:8px}.empty-state{padding:18px;margin:0;color:var(--muted);font-size:10px}.rhythm-evidence-clearance{height:0;pointer-events:none;transition:height .2s ease-out}.rhythm-evidence-drawer{position:fixed;z-index:40;left:50%;bottom:16px;width:min(1320px,calc(100vw - 32px));transform:translate(-50%);border:1px solid rgba(23,32,42,.2);border-radius:16px;background:#fffdf8f5;box-shadow:0 22px 70px #17202a3d,0 3px 12px #17202a1f;backdrop-filter:blur(18px);overflow:hidden;animation:evidence-drawer-in .2s ease-out}@keyframes evidence-drawer-in{0%{opacity:0;transform:translate(-50%,12px)}}@media(prefers-reduced-motion:reduce){.rhythm-evidence-clearance{transition:none}}.rhythm-evidence-toggle{width:100%;min-height:74px;padding:13px 18px;display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr) auto;align-items:center;gap:18px;border:0;background:transparent;text-align:left}.rhythm-evidence-toggle:hover{background:#ebe7dd7a}.rhythm-evidence-title span,.rhythm-evidence-title strong{display:block}.rhythm-evidence-title span{color:var(--accent-dark);font:700 8px var(--font-mono);letter-spacing:.14em}.rhythm-evidence-title strong{margin-top:5px;font-size:15px;line-height:1.35}.rhythm-evidence-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rhythm-evidence-meta span{padding:6px 9px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:9px}.rhythm-evidence-action{display:inline-flex;align-items:center;justify-content:end;gap:7px;color:var(--accent-dark);font-size:10px;font-weight:700;white-space:nowrap}.rhythm-evidence-content{max-height:min(52dvh,480px);overflow:auto;border-top:1px solid var(--line);background:#f3f0e8b3;overscroll-behavior:contain}.rhythm-evidence-content .evidence-grid{padding:14px}.ability-universe{width:100vw;margin:24px 0 24px calc(50% - 50vw);overflow:hidden;background:#050911;color:#fff;box-shadow:0 22px 60px #0509112e}.universe-heading{padding:24px max(24px,calc((100vw - 1380px)/2 + 24px));display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #263345;border-bottom:1px solid #263345;background:#101722}.universe-heading h2{margin:8px 0 7px;font-size:25px;letter-spacing:0}.universe-heading p{max-width:710px;margin:0;color:#9caaba;font-size:11px;line-height:1.7}.universe-heading .section-index{color:#ffaf48}.star-stage-badge{min-width:190px;padding:11px 14px;display:flex;align-items:center;gap:10px;border:1px solid #36475c;border-radius:8px;background:#182231}.star-stage-badge svg{color:#ffd36e}.star-stage-badge span,.star-stage-badge small,.star-stage-badge strong{display:block}.star-stage-badge small{color:#93a3b5;font-size:9px}.star-stage-badge strong{margin-top:3px;font-size:12px}.star-stage-badge.frozen svg{color:#8fc6e3}.star-stage-badge.magma svg{color:#ff744c}.star-stage-badge.supernova svg{color:#eef7ff;filter:drop-shadow(0 0 6px #a9d3ff)}.universe-viewport{min-height:820px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#111d31 0,#070d18 46%,#03060c);isolation:isolate}.universe-canvas{position:absolute;inset:0;z-index:0}.universe-canvas canvas{width:100%;height:100%;display:block;pointer-events:none;touch-action:pan-y}.sun-status{position:absolute;z-index:4;left:18px;top:18px;width:min(310px,calc(100% - 36px));padding:14px;display:grid;grid-template-columns:36px 1fr;gap:10px;border:1px solid rgba(151,184,226,.24);border-radius:8px;background:#080e19c7;backdrop-filter:blur(12px);box-shadow:0 12px 32px #00000038}.sun-status-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#ffd171;background:#ffb13c21}.sun-status small,.sun-status strong,.sun-status p{display:block}.sun-status small{color:#95a5b8;font-size:9px}.sun-status strong{margin-top:2px;font:700 25px var(--font-mono)}.sun-status p{margin:5px 0 0;color:#c4ced9;font-size:10px;line-height:1.5}.planet-label{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 9px));min-width:86px;padding:6px 8px;border:1px solid rgba(156,183,218,.23);border-radius:6px;background:#050a12bf;color:#fff;backdrop-filter:blur(8px);box-shadow:0 5px 18px #00000038;pointer-events:auto}.planet-label:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:9px;background:#9cb7da73;pointer-events:none}.planet-label:hover,.planet-label.active{border-color:#f3cf70;background:#172030f0;box-shadow:0 0 0 1px #f3cf7059,0 5px 20px #0000004d}.planet-label span,.planet-label strong{display:block}.planet-label span{font-size:10px;font-weight:700}.planet-label strong{margin-top:2px;color:#f4d777;font:700 12px var(--font-mono)}.planet-telemetry{position:absolute;z-index:5;right:18px;bottom:18px;width:306px;border:1px solid rgba(151,184,226,.26);border-radius:9px;background:#070d17e0;backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000047;overflow:hidden}.planet-telemetry>header{padding:12px 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(151,184,226,.16);color:#a8c2e0}.planet-telemetry>header small,.planet-telemetry>header strong{display:block}.planet-telemetry>header small{font-size:8px;color:#75879b}.planet-telemetry>header strong{margin-top:2px;color:#fff;font-size:12px}.telemetry-primary{padding:13px 14px 10px}.telemetry-primary>span{color:#8192a6;font-size:9px}.telemetry-primary>strong{display:block;margin:3px 0;color:#fff;font:700 27px var(--font-mono)}.telemetry-primary>small{display:block;color:#a8b5c3;font-size:9px;line-height:1.45}.telemetry-speed{margin:0 14px 10px;padding:9px 10px;display:flex;align-items:center;gap:9px;border-radius:6px;color:#f3cf70;background:#f3cf7014}.telemetry-speed span,.telemetry-speed strong{display:block}.telemetry-speed span{color:#8f9eb0;font-size:8px}.telemetry-speed strong{margin-top:2px;color:#f3d98c;font:700 11px var(--font-mono)}.telemetry-list{padding:0 8px 8px;display:grid;gap:3px}.telemetry-list button{min-height:31px;padding:5px 7px;display:grid;grid-template-columns:8px 1fr 42px 34px;align-items:center;gap:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#c4ced9;text-align:left}.telemetry-list button:hover,.telemetry-list button.active{border-color:#97b8e238;background:#6889b21f;color:#fff}.telemetry-list i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 7px currentColor}.telemetry-list span{font-size:9px}.telemetry-list b{text-align:right;font:700 10px var(--font-mono)}.telemetry-list small{color:#77889b;text-align:right;font:8px var(--font-mono)}.universe-fixed-note{position:absolute;z-index:3;left:18px;bottom:18px;padding:7px 9px;border:1px solid rgba(151,184,226,.17);border-radius:5px;background:#050a12a8;color:#77899d;font-size:9px}.visualization-lab{overflow:hidden}.visualization-heading{padding:25px 28px;display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.visualization-heading h2{margin:8px 0 7px;font-size:24px;letter-spacing:0}.visualization-heading p{max-width:700px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.visual-score-legend{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#f5f2eb}.visual-score-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.visual-score-legend i{width:11px;height:11px;border-radius:3px}.visual-score-legend .weak i{background:#e04e41}.visual-score-legend .mid i{background:#eebe40}.visual-score-legend .strong i{background:#309d7c}.visualization-tabs{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid var(--line);background:#f2efe7}.visualization-tabs button{min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:11px;text-align:left}.visualization-tabs button:hover{border-color:var(--ink)}.visualization-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.visualization-tabs button.active svg{color:var(--mint)}.visualization-tabs strong,.visualization-tabs small{display:block}.visualization-tabs strong{font-size:12px}.visualization-tabs small{margin-top:3px;color:var(--muted);font-size:9px}.visualization-tabs button.active small{color:#aab5bd}.visualization-panel{min-height:480px;padding:20px;animation:view-in .18s ease-out}.pattern-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.pattern-overview-card{border:1px solid var(--line);border-radius:10px;background:#f7f4ed;overflow:hidden}.pattern-overview-card>header{min-height:72px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:var(--ink);color:#fff}.pattern-overview-card>header span,.pattern-overview-card>header small{display:block}.pattern-overview-card>header span{font-size:13px;font-weight:700}.pattern-overview-card>header div small{margin-top:5px;color:#aab4bc;font-size:9px}.pattern-overview-card>header>strong{text-align:right;font:700 20px var(--font-mono)}.pattern-overview-card>header>strong small{margin-top:2px;color:var(--mint);font:9px var(--font-sans)}.pattern-bpm-grid{padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pattern-bpm-grid button,.pattern-bpm-grid .empty{min-width:0;min-height:83px;padding:9px;border:1px solid transparent;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--cell, #ece8df);text-align:left}.pattern-bpm-grid button:hover,.pattern-bpm-grid button.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pattern-bpm-grid span,.pattern-bpm-grid strong,.pattern-bpm-grid small{display:block;max-width:100%}.pattern-bpm-grid span{color:#49534f;font:9px var(--font-mono);white-space:nowrap}.pattern-bpm-grid strong{margin-top:5px;font:700 16px var(--font-mono)}.pattern-bpm-grid small{margin-top:4px;color:#49534f;font-size:8px;line-height:1.3}.pattern-bpm-grid .empty{border-color:var(--line);color:var(--quiet)}.pattern-bpm-grid .empty strong,.pattern-bpm-grid .empty small{color:var(--quiet)}.ranking-row em{padding:4px 6px;border-radius:999px;font-size:9px;font-style:normal;white-space:nowrap}.ranking-row em.weak{background:#a72f25;color:#fff}.ranking-row em.mid{background:#745a16;color:#fff}.ranking-row em.strong{background:#176950;color:#fff}.ranking-chart{display:grid;gap:5px;align-content:start}.ranking-row{min-height:68px;padding:10px 13px;display:grid;grid-template-columns:38px minmax(160px,.8fr) minmax(180px,1.5fr) 58px 52px;align-items:center;gap:12px;border:1px solid transparent;border-bottom-color:var(--line);background:transparent;text-align:left}.ranking-row:hover,.ranking-row.active{border-color:var(--ink);border-radius:8px;background:#f5f2eb}.ranking-index{color:var(--quiet);font:12px var(--font-mono)}.ranking-label strong,.ranking-label small{display:block}.ranking-label strong{font-size:12px}.ranking-label small{margin-top:4px;color:var(--muted);font-size:10px}.ranking-track{height:14px;border-radius:999px;background:#e5e0d6;overflow:hidden}.ranking-track i{display:block;height:100%;border-radius:inherit}.ranking-row>b{text-align:right;font:700 15px var(--font-mono)}.bpm-band-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.bpm-band-column{border:1px solid var(--line);border-radius:10px;background:#f7f4ed;overflow:hidden}.bpm-band-column>header{padding:15px;background:var(--ink);color:#fff}.bpm-band-column>header span,.bpm-band-column>header strong,.bpm-band-column>header small{display:block}.bpm-band-column>header span{color:var(--mint);font:9px var(--font-mono)}.bpm-band-column>header strong{margin-top:4px;font:700 20px var(--font-mono)}.bpm-band-column>header small{margin-top:4px;color:#aab4bc;font-size:9px}.bpm-band-cells{padding:7px;display:grid;gap:5px}.bpm-band-cells button{min-height:66px;padding:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;border:1px solid transparent;border-radius:7px;background:var(--cell);text-align:left}.bpm-band-cells button:hover,.bpm-band-cells button.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.bpm-band-cells button span{font-size:11px;font-weight:700}.bpm-band-cells button strong{font:700 15px var(--font-mono)}.bpm-band-cells button small{grid-column:1 / 3;color:#46514d;font-size:9px}.bpm-band-cells>p{margin:0;padding:20px 8px;color:var(--muted);font-size:10px}.surface-panel{padding:0;background:#111b19;color:#fff}.surface-instructions{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.12)}.surface-instructions strong,.surface-instructions span{display:block}.surface-instructions strong{font-size:14px}.surface-instructions span{margin-top:4px;color:#9ba8a2;font-size:10px}.surface-instructions .quiet-button{border-color:#43504c;background:transparent;color:#d2dbd6}.energy-map{width:100%;height:clamp(460px,52vw,650px);display:block;background:#111b19;touch-action:none;cursor:grab}.energy-map.dragging{cursor:grabbing}.surface-mobile-axes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}.surface-mobile-axes span{padding:12px 15px;border-right:1px solid rgba(255,255,255,.12);color:#a9b4ae;font-size:10px}.surface-mobile-axes span:last-child{border-right:0}.surface-mobile-axes b{margin-right:7px;color:#fff}.surface-dimension-key{padding:18px 20px;display:grid;grid-template-columns:2fr 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.12)}.surface-dimension-key strong{font-size:11px}.surface-dimension-key p{margin:9px 0 0;display:flex;flex-wrap:wrap;gap:6px}.surface-dimension-key p span{padding:5px 7px;border:1px solid #3b4944;border-radius:5px;color:#c3cdc8;font-size:10px}.explain-card{margin-bottom:14px;padding:18px 20px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface);display:flex;align-items:center;gap:20px}.explain-card span{flex:0 0 auto;color:var(--accent-dark);font-size:10px;font-weight:700}.explain-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.focus-summary{margin-bottom:14px}.arrangement-focus{padding:20px;border-radius:14px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.arrangement-focus span,.arrangement-focus strong,.arrangement-focus small{display:block}.arrangement-focus span{color:var(--mint);font:8px var(--font-mono)}.arrangement-focus strong{margin-top:5px;font-size:18px}.arrangement-focus small{color:#9aa7b1;font-size:9px}.visual-ability-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.visual-ability-card{min-height:176px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left}.visual-ability-card:hover:not(:disabled),.visual-ability-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.visual-ability-card:disabled{opacity:.45}.visual-ability-card span,.visual-ability-card strong,.visual-ability-card small{display:block}.visual-ability-card>span{font-size:12px;font-weight:700}.visual-ability-card strong{margin:11px 0 5px;font:700 29px var(--font-mono)}.visual-ability-card small{color:var(--muted);font-size:8px}.visual-ability-card p{margin:22px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.practice-plan{display:grid;gap:12px;margin-bottom:14px}.practice-card{display:grid;grid-template-columns:94px minmax(220px,1fr) minmax(270px,1.1fr) minmax(250px,.9fr);align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #ffffff8c inset,var(--shadow-lift);overflow:hidden}.practice-priority{display:grid;place-items:center;align-content:center;background:var(--priority-bg);color:var(--priority-color)}.practice-priority strong{font:700 32px var(--font-mono)}.practice-priority span{margin-top:3px;font-size:8px;font-weight:700}.practice-target,.practice-method,.practice-evidence{padding:24px}.practice-method,.practice-evidence{border-left:1px solid var(--line)}.practice-card label{display:block;color:var(--muted);font:8px var(--font-mono);letter-spacing:.08em}.practice-target h3{margin:8px 0 7px;font-size:21px}.practice-target p,.practice-method p,.practice-evidence p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.practice-score{display:flex;align-items:baseline;gap:7px;margin-top:17px}.practice-score strong{font:700 24px var(--font-mono)}.practice-score span{color:var(--muted);font-size:8px}.practice-method strong,.practice-evidence strong{display:block;margin:8px 0 6px;font-size:12px;line-height:1.5}.practice-evidence button{margin-top:13px;padding:0;border:0;background:transparent;color:var(--accent-dark);font-size:9px;font-weight:700}.session-guide{margin-bottom:14px;border-radius:var(--radius);background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.session-copy{padding:34px}.section-index.light{color:var(--mint)}.session-copy h2{max-width:420px;margin:12px 0;font-size:30px;letter-spacing:0}.session-copy p{margin:0;color:#9aa7b1;font-size:10px;line-height:1.7}.session-guide ol{margin:0;padding:24px;list-style:none;background:var(--ink-soft)}.session-guide li{min-height:76px;display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.session-guide li:last-child{border-bottom:0}.session-guide li>span{color:var(--accent);font:700 18px var(--font-mono)}.session-guide li strong,.session-guide li small{display:block}.session-guide li strong{font-size:13px}.session-guide li small{margin-top:4px;color:#929ea8;font-size:9px}.practice-disclaimer{padding:22px 25px;display:grid;grid-template-columns:180px 1fr;gap:25px}.practice-disclaimer span{color:var(--accent-dark);font-size:11px;font-weight:700}.practice-disclaimer p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.top-list{display:grid;gap:8px}.top-row{display:grid;grid-template-columns:52px minmax(190px,1.25fr) 100px 105px 105px minmax(240px,1fr);gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 1px #fff9 inset,var(--shadow-lift)}.top-rank{color:var(--accent-dark);font:700 19px var(--font-mono)}.top-title strong,.top-title span,.top-stat label,.top-stat strong{display:block}.top-title strong{font-size:12px}.top-title span{margin-top:4px;color:var(--muted);font-size:8px}.top-stat label{color:var(--muted);font:7px var(--font-mono)}.top-stat strong{margin-top:4px;font:700 12px var(--font-mono)}.chart-toolbar{display:grid;grid-template-columns:1fr 180px 210px;gap:9px;margin-bottom:15px}.chart-toolbar label span{display:block;margin:0 0 6px 3px;color:var(--muted);font-size:8px}.chart-toolbar input,.chart-toolbar select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:10px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 3px}.result-heading span{font-size:11px;font-weight:700}.result-heading small{color:var(--muted);font-size:8px}.all-chart-list{display:grid;gap:6px}.chart-row{display:grid;grid-template-columns:minmax(200px,1.35fr) 70px 90px 90px minmax(250px,1fr);gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lift)}.chart-row strong,.chart-row small{display:block}.chart-row strong{font-size:11px}.chart-row small{margin-top:3px;color:var(--muted);font-size:8px}.load-more{display:block;margin:14px auto 0;padding:12px 30px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.method-grid article{min-height:210px;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px #ffffff8c inset,var(--shadow-lift)}.method-grid article>span{color:var(--accent);font:700 10px var(--font-mono)}.method-grid h3{margin:35px 0 10px;font-size:18px}.method-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.provenance-panel{margin-bottom:14px}.provenance-list{padding:4px 24px 18px}.provenance-list article{min-height:88px;display:grid;grid-template-columns:34px 1fr auto;align-items:start;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.provenance-list article:last-child{border-bottom:0}.provenance-list article>span{padding-top:2px;color:var(--accent-dark);font:700 10px var(--font-mono)}.provenance-list article>div:nth-child(2){min-width:0}.provenance-list strong{display:block;font-size:12px}.provenance-list p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.provenance-list code{overflow-wrap:anywhere}.provenance-list article>a,.provenance-links a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--surface)}.provenance-list article>a:hover,.provenance-links a:hover{border-color:var(--ink);color:var(--ink)}.provenance-links{display:flex;gap:5px}.provenance-note{margin:0;padding:14px 24px;border-top:1px solid var(--line);color:var(--muted);background:#f0ede5;font-size:9px;line-height:1.6}.analysis-note{padding:20px 23px;display:grid;grid-template-columns:190px 1fr;gap:22px}.analysis-note strong{color:var(--accent-dark);font-size:11px}.analysis-note p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.app-footer{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font:8px var(--font-mono)}.app-footer a{color:var(--muted);font:13px var(--font-sans);text-decoration:none}.app-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;left:50%;bottom:22px;z-index:50;transform:translate(-50%);padding:11px 16px;border-radius:9px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:10px}.app-notice{position:fixed;z-index:90;top:20px;right:20px;width:min(440px,calc(100vw - 40px));padding:16px;display:grid;grid-template-columns:22px minmax(0,1fr) auto 32px;align-items:start;gap:11px;border:1px solid #e4b0a8;border-radius:13px;background:#fff9f5;color:var(--ink);box-shadow:0 20px 55px #17202a33}.app-notice>svg{margin-top:1px;color:var(--danger)}.app-notice strong{display:block;font-size:12px}.app-notice p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.app-notice button{min-height:32px;border-radius:7px}.notice-action{padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:9px;white-space:nowrap}.notice-close{width:32px;padding:0;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--muted)}.notice-enter-active,.notice-leave-active{transition:opacity .18s ease,transform .18s ease}.notice-enter-from,.notice-leave-to{opacity:0;transform:translateY(-8px)}.report-export-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;background:#0c1218b8;backdrop-filter:blur(8px)}.report-export-dialog{width:min(960px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:var(--surface);box-shadow:0 28px 90px #00000059}.report-export-dialog>header{padding:22px 24px;display:flex;align-items:start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.report-export-dialog h2{margin:7px 0 4px;font-size:25px}.report-export-dialog header p{margin:0;color:var(--muted);font-size:10px}.report-export-dialog .export-close{width:38px;height:38px;flex:0 0 38px;padding:0}.report-export-preview{min-height:0;flex:1;overflow:auto;padding:24px;text-align:center;background:#d9d5cc}.report-export-preview img{width:min(560px,100%);height:auto;display:block;margin:0 auto;box-shadow:0 14px 45px #17202a38}.report-export-dialog>footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.report-export-dialog footer p{margin:0;color:var(--accent-dark);font-size:10px;line-height:1.55}@media(max-width:1150px){.profile-hero{grid-template-columns:1fr 1.25fr}.ai-estimate{grid-column:1 / 3;min-height:150px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 30px}.ai-estimate>strong{grid-row:1 / 4;grid-column:2;margin:0;align-self:center}.ai-estimate small{margin:0;padding:0}.practice-card{grid-template-columns:80px 1fr 1fr}.practice-evidence{grid-column:2 / 4;border-top:1px solid var(--line)}.top-row{grid-template-columns:45px minmax(180px,1fr) 90px 90px}.top-feature{grid-column:2 / 5}.top-stat.ai-stat{display:none}}@media(max-width:900px){main,.app-footer{width:min(100% - 30px,1380px)}.landing{grid-template-columns:1fr;min-height:auto;gap:48px}.connect-card{width:min(100%,560px)}.report-nav{overflow-x:auto;grid-template-columns:repeat(5,minmax(130px,1fr))}.profile-hero{grid-template-columns:1fr}.ai-estimate{grid-column:auto}.metric-strip{grid-template-columns:repeat(3,1fr)}.ability-layout{grid-template-columns:1fr}.radar-wrap{border-right:0;border-bottom:1px solid var(--line)}.insight-grid{grid-template-columns:1fr}.best-song-cards{grid-template-columns:repeat(3,1fr)}.page-intro{align-items:start}.evidence-panel{grid-template-columns:1fr}.evidence-heading{border-right:0;border-bottom:1px solid var(--line)}.visual-ability-cards,.pattern-overview-grid,.bpm-band-chart{grid-template-columns:repeat(2,1fr)}.practice-card{grid-template-columns:76px 1fr}.practice-method,.practice-evidence{grid-column:2;border-left:0;border-top:1px solid var(--line)}.session-guide{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr 65px 80px 80px}.chart-row>div:last-child{grid-column:1 / 5}.universe-heading{padding:22px 24px}.universe-viewport{min-height:1130px}.universe-canvas{height:690px;bottom:auto}.planet-telemetry{inset:710px 18px auto;width:auto}.telemetry-list{grid-template-columns:1fr 1fr;gap:4px}.universe-fixed-note{left:18px;right:18px;bottom:14px;text-align:center}}@media(max-width:650px){.app-header{height:68px;padding:0 15px}.model-status-wrap{width:min(210px,58vw)}.model-state{font-size:8px;gap:7px}.model-state>span:last-child{display:none}.load-progress.compact small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main,.app-footer{width:calc(100% - 24px)}.landing{padding:45px 0 65px}.landing-copy h1{font-size:49px}.landing-lead{font-size:14px}.landing-facts{gap:14px}.connect-card{padding:25px;box-shadow:8px 8px 0 var(--accent)}.report-app{padding-top:34px}.report-header{display:block}.report-actions{margin-top:18px}.report-export-backdrop{padding:10px}.report-export-dialog{max-height:calc(100vh - 20px);border-radius:16px}.report-export-dialog>header{padding:18px}.report-export-dialog h2{font-size:21px}.report-export-preview{padding:12px}.report-export-dialog>footer{padding:13px 16px;align-items:stretch;flex-direction:column}.app-notice{top:auto;right:10px;bottom:10px;width:calc(100vw - 20px);grid-template-columns:22px minmax(0,1fr) 32px;padding:14px}.app-notice .notice-action{grid-column:2 / 4;width:max-content}.app-notice .notice-close{grid-column:3;grid-row:1}.report-nav{margin-top:26px;top:5px}.report-nav button{padding:12px 9px}.rating-card{display:block}.rating-ring{margin-bottom:20px}.profile-conclusion{padding:27px 24px}.ai-estimate{padding:25px;grid-template-columns:1fr auto}.ai-estimate>strong{font-size:39px}.metric-strip,.rhythm-metrics{grid-template-columns:1fr 1fr}.metric{min-height:92px;padding:14px}.section-heading,.page-intro{display:block}.section-heading{padding:23px 20px}.section-heading>p,.page-intro>p{margin-top:12px}.ability-bars{padding:22px 17px}.ability-bar{grid-template-columns:78px 1fr 42px;gap:8px}.ability-delta{display:none}.family-insight{padding:16px}.best-song-cards{grid-template-columns:1fr 1fr;padding:16px}.page-intro h2{font-size:30px}.heat-legend{margin-top:14px}.matrix-legends{justify-items:start}.rhythm-signal-list.rare-list{grid-template-columns:1fr}.visualization-heading{display:block;padding:22px 18px}.visualization-heading h2{font-size:21px}.visual-score-legend{width:max-content;max-width:100%;margin-top:15px}.visualization-tabs{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.visualization-tabs button{min-height:68px;padding:10px}.visualization-tabs strong{font-size:12px}.visualization-tabs small{font-size:9px}.visualization-panel{min-height:0;padding:10px}.pattern-overview-grid{grid-template-columns:1fr;gap:8px;padding:8px}.pattern-overview-card>header{min-height:68px}.pattern-bpm-grid button,.pattern-bpm-grid .empty{min-height:88px;padding:9px 8px}.pattern-bpm-grid span{font-size:10px}.pattern-bpm-grid strong{font-size:18px}.pattern-bpm-grid small{font-size:9px}.ranking-chart{padding:8px}.ranking-row{min-height:94px;grid-template-columns:28px 1fr 52px;gap:8px;padding:10px 8px}.ranking-track{grid-column:2 / 4;grid-row:2;height:12px}.ranking-row>em{grid-column:2;grid-row:3;width:max-content}.ranking-row>b{grid-column:3;grid-row:1}.ranking-label small{font-size:9px;line-height:1.45}.bpm-band-chart{grid-template-columns:1fr;padding:8px}.bpm-band-column>header{padding:13px 15px}.bpm-band-cells button{min-height:72px}.bpm-band-cells button span{font-size:12px}.bpm-band-cells button strong{font-size:17px}.surface-instructions{align-items:start;padding:15px}.surface-instructions span{max-width:220px;line-height:1.5}.energy-map{height:520px}.surface-mobile-axes{grid-template-columns:1fr}.surface-mobile-axes span{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);font-size:11px}.surface-mobile-axes span:last-child{border-bottom:0}.surface-dimension-key{grid-template-columns:1fr;padding:16px 14px}.surface-dimension-key p span{font-size:11px}.matrix-scroll{padding:8px}.ability-matrix{grid-template-columns:118px repeat(6,96px)}.matrix-corner,.matrix-label{position:sticky;left:0;z-index:2;background:#f0ede5;box-shadow:7px 0 9px -8px #17202abf}.matrix-corner{z-index:3}.evidence-grid{grid-template-columns:1fr 1fr;padding:15px}.rhythm-evidence-drawer{bottom:0;width:100%;border-width:1px 0 0;border-radius:16px 16px 0 0}.rhythm-evidence-toggle{min-height:72px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.rhythm-evidence-drawer.expanded .rhythm-evidence-toggle{padding-bottom:12px}.rhythm-evidence-title strong{font-size:13px}.rhythm-evidence-meta{grid-column:1 / 3;gap:5px}.rhythm-evidence-meta span{padding:5px 7px;font-size:8px}.rhythm-evidence-action{grid-column:2;grid-row:1}.rhythm-evidence-action span{display:none}.rhythm-evidence-content{max-height:58dvh;padding-bottom:env(safe-area-inset-bottom)}.rhythm-evidence-content .evidence-grid{grid-template-columns:1fr;padding:10px}.explain-card{display:block}.explain-card p{margin-top:8px}.visual-ability-cards{grid-template-columns:1fr 1fr}.visual-ability-card{min-height:172px;padding:15px}.practice-card{grid-template-columns:62px 1fr}.practice-target,.practice-method,.practice-evidence{padding:19px}.practice-priority strong{font-size:24px}.session-copy{padding:27px 23px}.session-copy h2{font-size:26px}.session-guide ol{padding:18px}.practice-disclaimer{grid-template-columns:1fr;gap:9px}.top-row{grid-template-columns:35px 1fr 73px;padding:13px}.top-row .top-stat:nth-of-type(2){display:none}.top-feature{grid-column:2 / 4}.chart-toolbar{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr 60px 70px}.chart-row>div:nth-child(4){display:none}.chart-row>div:last-child{grid-column:1 / 4}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:0}.method-grid h3{margin-top:22px}.provenance-list{padding:4px 16px 14px}.provenance-list article{grid-template-columns:25px minmax(0,1fr) auto;gap:10px}.provenance-note{padding:14px 16px}.analysis-note{grid-template-columns:1fr;gap:7px;padding:18px}.app-footer{display:grid;grid-template-columns:1fr 1fr;line-height:1.7}.app-footer a{grid-column:1 / 3;grid-row:2;text-align:center;font-size:12px}.ability-universe{margin-top:18px;margin-bottom:18px}.universe-heading{display:block;padding:22px 16px}.universe-heading h2{font-size:23px;line-height:1.25}.universe-heading p{font-size:11px}.star-stage-badge{width:max-content;max-width:100%;min-width:0;margin-top:15px}.universe-viewport{min-height:1190px;overflow:hidden}.universe-canvas{height:650px;bottom:auto}.sun-status{left:12px;top:12px;width:calc(100% - 24px);padding:11px}.sun-status strong{font-size:22px}.sun-status p{max-width:260px;font-size:9px}.planet-label{min-width:72px;padding:5px 6px}.planet-label span{font-size:9px}.planet-label strong{font-size:11px}.planet-telemetry{inset:662px 12px auto;width:auto}.telemetry-primary{padding-top:11px}.telemetry-list button{min-height:35px;grid-template-columns:9px 1fr 46px 38px}.telemetry-list{grid-template-columns:1fr}.telemetry-list span{font-size:10px}.telemetry-list b{font-size:11px}.universe-fixed-note{left:12px;right:12px;bottom:12px;text-align:center;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}