:root{--night:#05060e;--night-elevated:#0b0e1e;--panel:#0c0f1ee0;--panel-glass:#101428bf;--panel-raised:#181c38;--panel-border:#eceaf614;--line:#eceaf614;--line-highlight:#f4e9c838;--ink:#eceaf6;--ink-secondary:#c8cbdd;--muted:#9ba0bf;--faint:#636686;--starlight:#f4e9c8;--starlight-bright:#fff7df;--starlight-glow:#f4e9c859;--spotify:#1db954;--spotify-bright:#22e365;--spotify-glow:#1db95459;--danger:#ff6b7a;--danger-glow:#ff6b7a4d;--past-fav:#f4e9c8;--dormant:#8ab4ff;--current-rot:#38ef7d;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Instrument Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gutter:16px;--bar-height:52px;--lens-bar-height:38px;--panel-width:356px;--radius-lg:16px;--radius-md:10px;--radius-sm:7px;--radius-full:9999px;--shadow-panel:0 24px 64px -12px #000c, 0 0 0 1px #ffffff12;--shadow-dialog:0 32px 84px -12px #000000e6, 0 0 0 1px #f4e9c82e;--shadow-popover:0 16px 40px -8px #000000b3, 0 0 0 1px #ffffff14;--shadow-btn:0 2px 10px #00000059}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);width:100%;height:100%;color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:14px;line-height:1.45;overflow:clip}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--starlight);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#eceaf624}::-webkit-scrollbar-thumb:hover{background:#f4e9c859}#webgl-canvas-container{z-index:0;position:fixed;inset:0}#webgl-canvas-container canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.btn{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel);height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-btn);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.btn:hover{background:var(--panel-raised);color:#fff;border-color:#eceaf633}.btn:active{transform:scale(.97)}.btn-icon{stroke-width:2px;flex:none;transition:transform .15s}.btn:hover .btn-icon{transform:translateY(-.5px)}.btn-quiet{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.btn-quiet:hover,.btn-quiet[aria-expanded=true]{color:var(--ink);background:#eceaf614;border-color:#0000}.btn-history{color:var(--starlight);background:#f4e9c80f;border-color:#f4e9c847}.btn-history:hover{background:#f4e9c81f;border-color:#f4e9c873}.btn-history.has-history .btn-icon{stroke:var(--starlight);filter:drop-shadow(0 0 6px var(--starlight))}.btn-starlight{background:var(--starlight);border-color:var(--starlight);color:#070914;font-weight:600;box-shadow:0 4px 16px #f4e9c840}.btn-starlight:hover{background:var(--starlight-bright);border-color:var(--starlight-bright);box-shadow:0 4px 20px #f4e9c866}.btn-danger-outline{color:#ff8a97;background:#ff6b7a0d;border-color:#ff6b7a59}.btn-danger-outline:hover{color:#ffa5af;background:#ff6b7a24;border-color:#ff6b7a99}.btn-spotify{color:#041409;background:linear-gradient(135deg,#22d463 0%,#17a34a 100%);border-color:#22d463;font-weight:600;box-shadow:0 4px 16px #1db9544d}.btn-spotify:hover{background:linear-gradient(135deg,#28e66e 0%,#1cb853 100%);border-color:#28e66e;box-shadow:0 4px 22px #1db95473}.btn-spotify.is-connected{color:var(--ink);box-shadow:var(--shadow-btn);background:#0e1422d9;border-color:#1db95473}.btn-spotify.is-connected:hover{background:#12182af2;border-color:#1db954cc}.btn-spotify.is-connected .btn-spotify-icon{color:var(--spotify);filter:drop-shadow(0 0 6px var(--spotify))}.btn-spotify.needs-reconnect{border-color:var(--starlight);color:var(--starlight);background:0 0}#top-bar{top:var(--gutter);left:var(--gutter);right:var(--gutter);height:var(--bar-height);z-index:25;pointer-events:none;grid-template-columns:1fr minmax(280px,460px) 1fr;align-items:center;gap:16px;display:grid;position:fixed}#top-bar>*{pointer-events:auto}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-width:0;display:flex}.brand-crest{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.crest-orbit{border:1.5px solid #f4e9c866;border-radius:50%;animation:14s linear infinite crestOrbitSpin;position:absolute;inset:1px;transform:rotate(-25deg)scaleY(.48)}.crest-core{background:var(--starlight);width:9px;height:9px;box-shadow:0 0 10px var(--starlight), 0 0 20px #f4e9c899;border-radius:50%}@keyframes crestOrbitSpin{to{transform:rotate(335deg)scaleY(.48)}}.brand-text{align-items:baseline;gap:8px;display:flex}.brand-name{font-family:var(--serif);color:var(--starlight);letter-spacing:-.02em;text-shadow:0 2px 12px #0009;font-size:32px;line-height:1}.brand-tagline{font-family:var(--serif);color:var(--muted);white-space:nowrap;font-size:16px;font-style:italic}.top-actions{justify-content:flex-end;gap:8px;display:flex}.search{width:100%;position:relative}.search-icon{color:var(--muted);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}#search-input{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--panel);width:100%;height:40px;color:var(--ink);box-shadow:var(--shadow-btn);-webkit-backdrop-filter:blur(20px);outline:none;padding:0 46px 0 38px;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}#search-input::placeholder{color:var(--faint);font-size:13px}#search-input:focus{background:var(--panel-raised);border-color:#f4e9c880;box-shadow:0 0 0 3px #f4e9c826,0 8px 24px #00000073}#search-input:focus+.search-icon{color:var(--starlight)}.search-shortcut{font-family:var(--sans);color:var(--faint);border:1px solid var(--line);pointer-events:none;letter-spacing:.02em;background:#eceaf614;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#search-results{border:1px solid var(--line-highlight);-webkit-backdrop-filter:blur(24px);max-height:380px;box-shadow:var(--shadow-panel);z-index:50;background:#0e1122f0;border-radius:14px;padding:6px;list-style:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto}#search-results li{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:9px 12px;transition:background .12s;display:flex}#search-results li:hover,#search-results li[aria-selected=true]{background:#f4e9c817}.result-main{flex-direction:column;min-width:0;display:flex}.result-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.result-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.result-kind{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:12px}#lens-bar{top:calc(var(--gutter) + var(--bar-height) + 8px);left:var(--gutter);right:calc(var(--gutter) + var(--panel-width) + 16px);z-index:18;pointer-events:none;position:fixed;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 24px),#0000 100%)}.lens-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x;border-radius:var(--radius-full);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);pointer-events:auto;scrollbar-width:none;background:#0c0f1ee0;align-items:center;gap:6px;max-width:100%;padding:6px 12px;display:inline-flex;overflow-x:auto;box-shadow:0 8px 30px #00000080}.lens-scroll::-webkit-scrollbar{display:none}.lens-pill{border-radius:var(--radius-full);color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .16s}.lens-pill:hover{color:var(--ink);background:#eceaf614}.lens-pill.is-active{color:#070914;background:var(--starlight);border-color:var(--starlight);font-weight:600;box-shadow:0 2px 12px #f4e9c859}.lens-replay{color:var(--starlight);border-color:var(--line-highlight);margin-right:4px}.lens-divider{background:var(--line);flex:none;width:1px;height:16px;margin:0 3px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-panel)}#view-panel{top:calc(var(--gutter) + var(--bar-height) + 10px);right:calc(var(--gutter) + var(--panel-width) + 14px);z-index:35;flex-direction:column;gap:16px;width:260px;padding:18px;display:flex;position:fixed}.view-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.view-panel-title{font-family:var(--serif);color:var(--starlight);font-size:20px;font-weight:400}.toggle-group{border:none;flex-direction:column;gap:10px;display:flex}.toggle-row{cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.toggle-row input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-slider{border-radius:var(--radius-full);border:1px solid var(--line);background:#eceaf624;flex:none;width:34px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle-slider:before{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:2px;left:2px}.toggle-row input:checked+.toggle-slider{border-color:var(--starlight);background:#f4e9c83d}.toggle-row input:checked+.toggle-slider:before{background:var(--starlight);box-shadow:0 0 8px var(--starlight);transform:translate(14px)}.slider-group{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:10px;display:flex}.slider{flex-direction:column;gap:6px;display:flex}.slider span{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.slider output{color:var(--starlight);font-variant-numeric:tabular-nums;font-weight:500}.slider input[type=range]{appearance:none;cursor:pointer;background:#eceaf629;border-radius:2px;outline:none;width:100%;height:4px}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--starlight);border:1.5px solid #0009;border-radius:50%;width:15px;height:15px;transition:transform .12s;box-shadow:0 0 10px #f4e9c873}.slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}#side-panel{top:calc(var(--gutter) + var(--bar-height) + 10px);right:var(--gutter);max-height:calc(100vh - var(--bar-height) - var(--gutter) * 3);z-index:15;width:var(--panel-width);border:1px solid var(--line);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:fixed;overflow:hidden}#cluster-view,#detail-view{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#eceaf626 transparent;padding:18px;overflow-y:auto}.panel-header-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.panel-heading{font-family:var(--serif);letter-spacing:-.01em;color:#fff;font-size:26px;font-weight:400}.panel-tabs{border:1px solid var(--line);border-radius:var(--radius-full);background:#eceaf60d;gap:2px;padding:2.5px;display:inline-flex}.panel-tab{border-radius:var(--radius-full);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:12px;font-weight:500;transition:all .16s}.panel-tab:hover{color:#fff}.panel-tab.is-active{background:var(--panel-raised);color:var(--starlight);border:1px solid #f4e9c840;font-weight:600;box-shadow:0 2px 8px #00000059}.lens-banner{border-radius:var(--radius-md);color:var(--starlight);background:#f4e9c814;border:1px solid #f4e9c847;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.lens-banner button{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex:none;font-size:12px;font-weight:500;text-decoration:underline}#cluster-list{flex-direction:column;gap:4px;list-style:none;display:flex}.cluster-item{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:12px 1fr auto;align-items:start;gap:12px;padding:10px;transition:background .15s,transform .15s;display:grid}.cluster-item:hover,.cluster-item:focus-visible{background:#eceaf612}.cluster-swatch{border:1.5px solid #000000e0;border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px}.cluster-name{font-family:var(--serif);color:#fff;font-size:20px;line-height:1.2}.cluster-sub{color:var(--muted);margin-top:3px;font-size:12px;display:block}.cluster-count{color:var(--faint);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12.5px}.memory-group{margin-bottom:22px}.memory-group-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.memory-group-head h3{font-family:var(--serif);color:var(--starlight);font-size:21px;font-weight:400}.memory-lens-link{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline;transition:color .15s}.memory-lens-link:hover{color:var(--starlight)}.memory-group-sub{color:var(--muted);margin:3px 0 10px;font-size:12.5px}#detail-content{background:radial-gradient(circle 260px at 95% 0%, color-mix(in srgb, var(--node-accent,#f4e9c8) 12%, transparent), transparent 75%);border-radius:var(--radius-md);padding:2px;position:relative}.btn-back{align-items:center;gap:6px;margin:-4px 0 14px -6px;padding:0 10px;display:inline-flex}.back-arrow-svg{transition:transform .15s}.btn-back:hover .back-arrow-svg{transform:translate(-3px)}.detail-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:600}.detail-title{font-family:var(--serif);color:#fff;overflow-wrap:anywhere;margin:4px 0 8px;font-size:34px;font-weight:400;line-height:1.1}.detail-by{color:var(--muted);font-size:13.5px}.detail-by button{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:underline}.detail-by button:hover{color:var(--starlight)}.detail-section{margin-top:22px}.detail-section h3{color:var(--muted);letter-spacing:.02em;margin-bottom:10px;font-size:13px;font-weight:600}.memory-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#161a3299;flex-direction:column;gap:12px;padding:14px;display:flex}.memory-badges{flex-wrap:wrap;gap:6px;display:flex}.memory-badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-past-fav{color:var(--starlight);background:#f4e9c829;border:1px solid #f4e9c873}.badge-dormant{color:var(--dormant);background:#8ab4ff26;border:1px solid #8ab4ff73}.badge-staple,.badge-current{color:var(--current-rot);background:#38ef7d24;border:1px solid #38ef7d66}.badge-era{border:1px solid var(--line);color:var(--ink);background:#eceaf614}.memory-note{color:var(--ink);font-size:13px;line-height:1.45}.memory-stats-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:8px;display:grid}.memory-stat{flex-direction:column;display:flex}.memory-stat-label{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.memory-stat-val{color:#fff;font-variant-numeric:tabular-nums;margin-top:1px;font-size:13px;font-weight:500}.year-chart{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(30px,1fr));align-items:end;gap:6px;padding-top:10px;display:grid}.year-col{flex-direction:column;align-items:center;gap:4px;display:flex}.year-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10.5px}.year-col.is-peak .year-count,.year-col.is-peak .year-label{color:var(--starlight);font-weight:600}.year-bar-track{background:#eceaf60f;border-radius:4px;align-items:flex-end;width:100%;height:46px;display:flex;overflow:hidden}.year-bar-fill{border-radius:4px 4px 0 0;width:100%;transition:height .25s}.year-label{color:var(--muted);font-size:11px}.sub-tabs-row{gap:6px;margin-bottom:10px;display:flex}.sub-tab{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.sub-tab.is-active{background:var(--panel-raised);color:var(--starlight);border-color:#f4e9c859;font-weight:600}.inline-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.mini-pill{border-radius:var(--radius-full);border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:3px 10px;font-size:11.5px;transition:all .15s}.mini-pill:hover{color:var(--ink);background:#eceaf60f}.mini-pill.is-active{color:var(--starlight);background:#f4e9c829;border-color:#f4e9c873;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--line);color:var(--ink);background:#eceaf60a;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;transition:background .15s,border-color .15s;display:inline-flex}button.chip{cursor:pointer}button.chip:hover{background:#eceaf61a;border-color:#eceaf633}.chip-dot{border:1.5px solid #000000d9;border-radius:50%;flex:none;width:8px;height:8px}.reason-list{flex-direction:column;gap:8px;list-style:none;display:flex}.reason-list li{color:var(--ink);align-items:flex-start;gap:10px;font-size:13px;display:flex}.reason-list li:before{content:"";background:var(--starlight);width:5px;height:5px;box-shadow:0 0 6px var(--starlight);border-radius:50%;flex:none;margin-top:7px}.song-list{flex-direction:column;list-style:none;display:flex}.song-list button{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:1px 0;padding:8px 10px;transition:background .12s;display:flex}.song-list button:hover{background:#eceaf612}.song-main{flex-direction:column;min-width:0;display:flex}.song-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:500;overflow:hidden}.song-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.song-meta{color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.empty-note,.source-note{color:var(--muted);font-size:13px;line-height:1.5}.source-note{color:var(--faint);margin-top:10px;font-size:12px}.detail-actions{border-top:1px solid var(--line);gap:8px;margin-top:26px;padding-top:16px;display:flex}.detail-actions a{text-decoration:none}#universe-caption{z-index:10;pointer-events:none;text-shadow:0 2px 18px #000000d9;max-width:580px;position:fixed;bottom:24px;left:24px}#universe-title{font-family:var(--serif);color:#fff;font-size:40px;font-weight:400;line-height:1.05}#universe-stats{color:var(--muted);margin-top:4px;font-size:13.5px}#enrichment-status-banner{border-radius:var(--radius-full);color:var(--ink);pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#0e1224eb;border:1px solid #f4e9c84d;flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px;padding:6px 14px;font-size:12.5px;display:inline-flex;box-shadow:0 8px 24px #00000080}#enrichment-status-banner strong{color:var(--starlight);font-weight:600}.status-pulse-dot{background:var(--starlight);width:8px;height:8px;box-shadow:0 0 10px var(--starlight);border-radius:50%;flex:none;animation:2s ease-in-out infinite statusPulse}.status-pulse-dot.is-ready{background:var(--spotify);box-shadow:0 0 10px var(--spotify)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.pill-action{border-radius:var(--radius-full);border:1px solid var(--starlight);color:var(--starlight);cursor:pointer;background:#f4e9c829;padding:2px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.pill-action:hover{background:var(--starlight);color:#070914}#universe-notice,#layers-hidden-note{color:var(--starlight);pointer-events:auto;margin-top:8px;font-size:13px}#universe-notice button,#layers-hidden-note button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}#sheet-handle{display:none}#hud-labels-container{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celestial-hud-label{border-radius:var(--radius-full);color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:3px 10px;font-size:12px;transition:opacity .22s,box-shadow .22s;display:inline-flex;position:absolute;top:0;left:0}.celestial-hud-label:hover{background:#0e1224e6}.celestial-hud-label.focused,.celestial-hud-label.is-primary-artist{color:#fff;background:#10142af5;border:1.5px solid #fff3d1;font-weight:600;box-shadow:0 0 18px #fff3d18c}.celestial-hud-label.is-collab{color:#f4e9c8e0;background:#121626e0;border:1px dashed #f4e9c861;box-shadow:0 0 8px #00000073}.label-dot{border:1.5px solid #000000e0;border-radius:50%;flex:none;width:8px;height:8px}.label-song-icon{flex:none;font-size:11px;font-weight:700;line-height:1}.label-primary-badge{font-family:var(--sans);letter-spacing:.05em;border-radius:var(--radius-full);color:#fff3d1;background:#fff3d138;border:1px solid #fff3d1;padding:1px 5px;font-size:9px;font-style:normal;font-weight:700;display:none}.celestial-hud-label.is-primary-artist .label-primary-badge{display:inline-block}.label-collab-badge{font-family:var(--sans);letter-spacing:.04em;border-radius:var(--radius-full);color:var(--starlight);background:#f4e9c81f;border:1px dashed #f4e9c880;padding:1px 5px;font-size:9.5px;font-style:normal;font-weight:600;display:none}.celestial-hud-label.is-collab .label-collab-badge{display:inline-block}.label-era{font-family:var(--sans);border-radius:var(--radius-full);color:var(--starlight);background:#0e1224e0;border:1px solid #f4e9c84d;padding:1px 6px;font-size:10.5px;font-style:normal;display:none}.celestial-hud-label.with-badge .label-era,.celestial-hud-label:hover .label-era{display:inline-block}.label-genre{font-family:var(--serif);padding:2px 10px;font-size:20px;font-style:italic}.label-genre .label-dot{display:none}.label-count{font-family:var(--sans);color:var(--muted);font-size:12px;font-style:normal}.label-favourite{font-size:13px;font-weight:600}.label-track{color:#d8e2ff;background:#0e1226d1;border:1px solid #d8e2ff40;border-radius:6px;font-size:11.5px;font-style:italic}.label-bridge .label-text{text-underline-offset:3px;-webkit-text-decoration:underline dotted #eceaf673;text-decoration:underline dotted #eceaf673}#loading-overlay,#webgl-fallback{z-index:60;-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle,#05060ebf,#05060ef0);place-items:center;display:grid;position:fixed;inset:0}.loading-card{text-align:center;max-width:400px;padding:30px}.loading-orbit{border:1px solid #f4e9c847;border-radius:50%;width:72px;height:72px;margin:0 auto 20px;position:relative}.loading-orbit:before{content:"";background:var(--starlight);box-shadow:0 0 20px var(--starlight), 0 0 40px #f4e9c866;border-radius:50%;position:absolute;inset:30px}.loading-orbit span{animation:2.4s linear infinite orbit;position:absolute;inset:-4px}.loading-orbit span:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:0;left:50%;box-shadow:0 0 8px #fffc}@keyframes orbit{to{transform:rotate(360deg)}}.loading-title{font-family:var(--serif);color:#fff;font-size:30px}.loading-text{color:var(--muted);margin-top:8px;font-size:13.5px;line-height:1.5}.modal-dialog{-webkit-overflow-scrolling:touch;background:var(--panel-raised);width:min(580px,100vw - 28px);max-height:calc(100dvh - 36px);color:var(--ink);box-shadow:var(--shadow-dialog);border:1px solid #f4e9c833;border-radius:20px;margin:auto;padding:26px;overflow-y:auto}.modal-dialog::backdrop{-webkit-backdrop-filter:blur(12px);background:#03040ac7}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-dialog h2{font-family:var(--serif);color:var(--starlight);font-size:28px;font-weight:400}.modal-lead,.modal-sub{color:var(--muted);margin-bottom:14px;font-size:13.5px;line-height:1.5}.modal-dialog code{color:var(--starlight);overflow-wrap:anywhere;background:#eceaf614;border-radius:4px;padding:1px 5px;font-size:12.5px}.history-status-box{border-radius:var(--radius-md);border:1px solid var(--line);background:#070914a6;margin-bottom:20px;padding:14px 16px}.status-pill-row{align-items:center;gap:8px;display:flex}.status-dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.status-dot.is-active{background:var(--spotify);box-shadow:0 0 10px var(--spotify)}.status-detail{color:var(--muted);margin-top:5px;font-size:12.5px}.modal-section{margin-top:18px}.modal-section h3{color:#fff;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:600}.history-dropzone{text-align:center;background:#07091480;border:1.5px dashed #f4e9c859;border-radius:14px;padding:22px 18px;transition:border-color .18s,background .18s}.history-dropzone.is-dragover{border-color:var(--starlight);background:#f4e9c81a;box-shadow:0 0 24px #f4e9c833}.dropzone-title{color:#fff;font-size:14px;font-weight:600}.dropzone-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.dropzone-actions,.modal-export-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.modal-export-actions{justify-content:flex-start}.history-feedback{color:var(--starlight);margin-top:12px;font-size:13px}.history-feedback.is-error{color:var(--danger)}#mobile-cam-controls{display:none}.cam-ctrl-btn{border-radius:var(--radius-full);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);min-width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0e1224eb;justify-content:center;align-items:center;padding:0 12px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #0000008c}.cam-ctrl-btn.cam-ctrl-wide{color:var(--starlight);font-size:13px;font-weight:500}@media (width<=760px){:root{--gutter:10px}#top-bar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""search search";row-gap:10px;height:auto}.brand{grid-area:brand}.top-actions{grid-area:actions}.search{grid-area:search}.brand-tagline,#reset-camera-btn,#view-toggle-btn span,.search-shortcut{display:none}.top-actions .btn{height:34px;padding:0 10px;font-size:12.5px}#lens-bar{top:106px;left:var(--gutter);right:var(--gutter)}.lens-pill{padding:6px 12px;font-size:13px}#view-panel{top:108px;right:var(--gutter);max-height:calc(100dvh - 120px);overflow-y:auto}#mobile-cam-controls{z-index:16;align-items:center;gap:6px;transition:opacity .2s,transform .25s;display:flex;position:fixed;bottom:102px;right:12px}body.sheet-open #mobile-cam-controls{bottom:calc(62dvh + 12px)}#side-panel{width:auto;height:62dvh;max-height:none;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.2,.8,.2,1);inset:auto 0 0;transform:translateY(calc(100% - 88px))}body.sheet-open #side-panel{transform:translateY(0)}#sheet-handle{cursor:grab;touch-action:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:100%;height:28px;margin:-4px 0 0;padding:0;display:flex}#sheet-handle span{background:#ffffff59;border-radius:2px;width:44px;height:4.5px}.panel-tab{padding:6px 14px;font-size:13px}.cluster-item{padding:12px 10px}.song-list button{padding:10px}#universe-caption{transition:opacity .2s;bottom:100px;left:14px;right:184px}body.sheet-open #universe-caption,body.showing-details #universe-caption{opacity:0}#universe-notice{overflow-wrap:anywhere}#universe-title{font-size:26px}#universe-stats{font-size:12.5px}}@media (width<=400px){.brand-text{display:none}}@media (hover:none){.search-shortcut{display:none}}@media (prefers-reduced-motion:reduce){.loading-orbit span,.crest-orbit{animation:none}.celestial-hud-label,.btn,.toggle-slider:before,.panel-tab,.mini-pill{transition:none!important}}