:root{--ink: #17171c;--paper: #f3efe6;--white: #fffdf8;--coral: #ff5c4d;--acid: #d9ff43;--violet: #6257ff;--fog: #d8d3c8;--muted: #6f6c68;--ink-14: rgb(23 23 28 / 14%);--ink-20: rgb(23 23 28 / 20%);--header-h: 72px;--player-h: 88px;--gutter: 32px;--content: 1440px;--radius: 12px;--radius-sm: 8px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 72px;--space-8: 96px;--font-display: "Arial Narrow", "Avenir Next Condensed", "Roboto Condensed", sans-serif;--font-body: Inter, "Avenir Next", "Helvetica Neue", Arial, sans-serif;--font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease: .16s ease;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--paper)}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--ink);background:linear-gradient(180deg,rgb(23 23 28 / 3%),transparent 220px),var(--paper)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.skip-link{position:absolute;left:var(--space-3);top:-40px;z-index:80;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-3)}.app-shell{min-height:100vh;padding-bottom:calc(var(--player-h) + 24px)}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;border-bottom:1px solid var(--ink-14);background:#f3efe6eb;-webkit-backdrop-filter:none;backdrop-filter:none}.header-inner,.page,.player-inner{width:min(var(--content),calc(100% - var(--gutter) * 2));margin-inline:auto}.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.wordmark-text{font-family:var(--font-display);font-weight:800;letter-spacing:.18em;font-size:22px}.live-signal{width:10px;height:10px;background:var(--coral);display:inline-block}.nav-desktop{display:flex;gap:8px}.nav-link,.quiet-btn,.icon-btn,.btn{min-height:44px;min-width:44px;border-radius:var(--radius-sm);border:0;background:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.nav-link{color:var(--muted);font-weight:600}.nav-link[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--coral)}.header-actions{display:flex;gap:8px;align-items:center}.btn{font-weight:700}.btn-primary{background:var(--coral);color:var(--ink)}.btn-secondary{border:1px solid var(--ink);background:transparent}.btn-quiet{color:var(--muted)}.page{padding-top:var(--space-5);min-width:0;max-width:100%}.page-title{font-family:var(--font-display);font-size:clamp(48px,7vw,64px);line-height:.92;letter-spacing:-.03em;margin:0 0 var(--space-3);font-weight:800}.kicker,.data-label{font-family:var(--font-data);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);min-height:520px}.feature-panel{position:relative;overflow:hidden;border:1px solid var(--ink-20);border-radius:var(--radius);background:var(--white);padding:var(--space-6);min-height:480px;display:flex;flex-direction:column;justify-content:flex-end}.feature-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgb(23 23 28 / 6%) 18px,rgb(23 23 28 / 6%) 19px);pointer-events:none}.hero-title{font-family:var(--font-display);font-size:clamp(48px,8vw,88px);letter-spacing:-.04em;line-height:.88;margin:12px 0 16px;position:relative}.chart-rail{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:12px}.chart-rail a{text-decoration:none;color:inherit;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;min-height:44px}.chart-num{font-family:var(--font-display);font-size:28px;letter-spacing:-.04em}.h-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:var(--space-3);overflow-x:auto;padding-bottom:8px;max-width:100%}.release-card,.metric-card,.post-card,.panel{background:var(--white);border:1px solid var(--ink-14);border-radius:var(--radius);padding:var(--space-3)}.release-card{text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:transform var(--ease)}.release-card:hover{transform:translateY(-2px)}.artwork,.artwork-lg{border-radius:var(--radius-sm);aspect-ratio:1;width:100%;position:relative;overflow:hidden}.artwork-lg{width:160px;flex:none}.waveform{display:flex;align-items:flex-end;gap:2px;height:56px;width:100%}.waveform span{flex:1;background:var(--ink);opacity:.55;border-radius:1px}.waveform.is-playing span{background:var(--coral)}.scene-browser{display:flex;flex-wrap:wrap;gap:8px}.tag{min-height:44px;border-radius:999px;border:1px solid var(--ink-20);background:transparent;padding:0 16px;cursor:pointer}.tag[aria-pressed=true],.tag.is-selected{background:var(--acid);border-color:var(--ink)}.track-row{display:grid;grid-template-columns:48px 56px 1fr auto auto auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ink-14);min-width:0;max-width:100%}.chart-entry{display:grid;grid-template-columns:120px 1fr auto;gap:16px;margin-bottom:16px;align-items:center;min-width:0}.track-hero{display:grid;grid-template-columns:220px 1fr;gap:24px;min-width:0}.track-row button.play-cell{width:44px;height:44px;border-radius:8px;border:1px solid var(--ink);background:var(--white)}.sticky-filters{position:sticky;top:var(--header-h);z-index:20;background:var(--paper);padding:12px 0;display:flex;flex-wrap:wrap;gap:12px;border-bottom:2px solid var(--ink)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600}.field input,.field select,.field textarea{min-height:48px;border:1px solid var(--ink-20);border-radius:var(--radius-sm);background:var(--white);padding:0 12px}.field textarea{min-height:120px;padding:12px;resize:vertical}.field-error{color:#9f1d1d;font-size:14px}.field-hint{color:var(--muted);font-size:13px}.pager{display:flex;gap:12px;align-items:center;margin-top:var(--space-3)}.chart-rank{font-family:var(--font-display);font-size:clamp(56px,8vw,96px);letter-spacing:-.05em;line-height:.8}.movement-up{color:var(--ink);background:var(--acid);padding:2px 8px;border-radius:999px;font-family:var(--font-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.movement-debut{color:var(--ink);background:var(--coral);padding:2px 8px;border-radius:999px;font-family:var(--font-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.movement-down,.movement-stable{color:var(--muted);font-family:var(--font-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.artist-header{display:grid;grid-template-columns:220px 1fr;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:2px solid var(--ink)}.tabs{display:flex;gap:16px;border-bottom:1px solid var(--ink-14);margin:var(--space-4) 0}.tabs a,.tabs button{min-height:48px;padding:0;border:0;background:transparent;border-bottom:2px solid transparent;cursor:pointer;text-decoration:none;font-weight:700;color:var(--muted)}.tabs a[aria-current=page],.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:var(--player-h);background:var(--ink);color:var(--paper);display:flex;align-items:center}.player-inner{display:grid;grid-template-columns:1.2fr 1.6fr 1fr;gap:16px;align-items:center}.player-bar .btn-primary{width:48px;height:48px;padding:0}.seek{width:100%;accent-color:var(--coral)}.queue-count{background:var(--acid);color:var(--ink);min-width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.bottom-nav{display:none}.dialog-backdrop{position:fixed;inset:0;background:#17171c75;z-index:70;display:grid;place-items:center;padding:24px}.dialog{background:var(--white);color:var(--ink);width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;border-radius:var(--radius);border:2px solid var(--ink);padding:var(--space-4)}.auth-split{display:grid;grid-template-columns:55fr 45fr;min-height:calc(100vh - var(--header-h) - var(--player-h) - 48px);border:1px solid var(--ink-20);border-radius:var(--radius);overflow:hidden}.auth-form,.auth-proof{padding:var(--space-6)}.auth-proof{background:var(--ink);color:var(--paper)}.studio-shell{display:grid;grid-template-columns:240px 1fr;gap:var(--space-5)}.studio-side{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:4px}.studio-side a{min-height:44px;display:flex;align-items:center;padding:0 12px;text-decoration:none;border-radius:8px;color:var(--paper)}.studio-side a[aria-current=page]{background:var(--coral);color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.metric-card strong{display:block;font-family:var(--font-display);font-size:40px;letter-spacing:-.04em}.stack-table{display:flex;flex-direction:column}.dropzone{border:2px dashed var(--ink-20);border-radius:var(--radius);min-height:160px;display:grid;place-items:center;text-align:center;padding:24px;background:var(--white)}.progress{height:8px;background:var(--fog);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--violet)}.banner,.toast{border:1px solid var(--ink-20);background:var(--white);border-radius:var(--radius-sm);padding:12px 16px}.banner-gate{border-left:4px solid var(--violet)}.empty,.error-state{padding:var(--space-6) 0}.skeleton{background:linear-gradient(90deg,var(--fog),var(--white),var(--fog));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:8px;min-height:16px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1279px){.hero-grid,.artist-header,.auth-split,.studio-shell,.metric-grid,.player-inner{grid-template-columns:1fr}.feature-panel{min-height:420px}}@media(max-width:767px){:root{--header-h: 64px;--player-h: 76px;--gutter: 16px}.nav-desktop{display:none}.app-shell{padding-bottom:calc(var(--player-h) + 68px)}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:var(--player-h);height:64px;background:var(--paper);border-top:1px solid var(--ink-14);z-index:45}.bottom-nav a{display:flex;flex-direction:column;justify-content:center;font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--muted);min-height:44px}.bottom-nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 2px 0 var(--coral)}.track-row{grid-template-columns:44px 48px minmax(0,1fr) auto}.track-meta{display:none}.chart-entry,.track-hero{grid-template-columns:1fr}.player-secondary{display:none}.hero-title,.page-title{font-size:clamp(48px,14vw,60px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.waveform span{height:40%!important}}@media(prefers-contrast:more){:root{--muted: #3d3b38;--fog: #9b968c}.site-header,.release-card,.panel,.track-row{border-color:var(--ink)}}