@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090e0c;--surface:#111714;--surface-2:#1a231e;--ink:#e7ede8;--muted:#8d9e93;--line:#ffffff12;--green:#59d58b;--shadow:0 15px 60px #0004}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f8f5;--surface:#fcfdfb;--surface-2:#e8eee8;--ink:#213d2a;--muted:#667c6d;--line:#16332119;--green:#19844b;--shadow:0 15px 60px #16332115}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;font:13px DM Sans Variable,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:hover:not(:disabled),a:hover{color:var(--green)}svg{flex-shrink:0}.constellation-app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{z-index:5;min-height:72px;padding:12px max(28px, env(safe-area-inset-right)) 12px max(28px, env(safe-area-inset-left));padding-top:max(12px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:12px;font:750 17px Manrope Variable,sans-serif;display:flex}.brand>span:last-child{flex-direction:column;gap:2px;line-height:1.1;display:flex}.brand-subtitle{color:var(--muted);letter-spacing:1.4px;font-size:9px;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{width:40px;height:40px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.theme-toggle{background:var(--surface-2)}.universe{isolation:isolate;flex:1;min-height:0;position:relative}.constellation-shell{background:radial-gradient(ellipse at 45% 50%, color-mix(in srgb, var(--green), transparent 97%), transparent 70%);position:absolute;inset:0;overflow:hidden}.three-host{position:absolute;inset:0}.three-host>canvas{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;display:block}.zoom-controls{z-index:2;top:18px;right:max(18px, env(safe-area-inset-right));border:1px solid var(--line);background:color-mix(in srgb, var(--surface), transparent 12%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute}.zoom-controls .icon-button{border-radius:9px}.zoom-controls .icon-button+.icon-button{border-top:1px solid var(--line)}.graph-tooltip{z-index:3;pointer-events:auto;cursor:pointer;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow-wrap:anywhere;border-radius:8px;width:max-content;max-width:min(300px,100% - 20px);padding:10px 14px;font-size:12px;line-height:1.5;position:absolute}.graph-tooltip[hidden]{display:none}.graph-tooltip strong,.graph-tooltip span,.graph-tooltip small{display:block}.graph-tooltip strong{font-size:12px;font-weight:550}.graph-tooltip span{color:var(--muted);margin-top:3px;font-size:11px}.graph-tooltip small{color:var(--muted);border-top:1px solid var(--line);margin-top:7px;padding-top:6px;font-size:10px}.scene-loading,.webgl-fallback{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:12px;display:flex;position:absolute;inset:0}.scene-loading{pointer-events:none;z-index:2;background:var(--bg)}.loading-constellation{width:156px;height:122px;color:var(--green);overflow:visible}.loading-threads{fill:none;stroke:currentColor;stroke-width:.7px;opacity:.45}.loading-threads path{stroke-dasharray:650;animation:2.8s ease-in-out infinite gather-threads}.loading-constellation circle{fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite gather-stars}@keyframes gather-threads{0%{stroke-dashoffset:650px;opacity:.1}55%,to{stroke-dashoffset:0;opacity:.65}}@keyframes gather-stars{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.loading-threads path,.loading-constellation circle{animation:none}}.genre-legend{bottom:max(22px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface), transparent 14%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;border-radius:12px;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 48px);padding:12px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.legend-hint{letter-spacing:1.3px;white-space:nowrap;color:var(--muted);font-size:9px}.legend-hint small{letter-spacing:0;opacity:.8;margin-top:5px;font-size:9px;display:block}.legend-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.legend-items button{min-height:36px;color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;transition:background .15s,color .15s;display:flex}.legend-items button:hover,.legend-items button:focus-visible,.legend-items button.active{background:var(--surface-2);color:var(--ink)}.legend-items i{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:block}.legend-hint .legend-touch-hint{display:none}.toast{z-index:4;background:var(--surface);border:1px solid var(--line);max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:10px 12px 10px 18px;font-size:12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.toast button{place-items:center;min-width:44px;min-height:44px;display:grid}.genre-compact-label{display:none}.song-details{z-index:4;background:var(--surface);border:1px solid var(--line);width:290px;max-width:calc(100% - 32px);max-height:calc(100% - 160px);box-shadow:var(--shadow);border-radius:16px;outline:none;padding:18px 20px 20px;position:absolute;top:16px;right:16px;overflow-y:auto}.song-details-heading{justify-content:space-between;align-items:center;gap:12px;margin:-6px -8px 12px 0;display:flex}.song-details-eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:9px}.song-details-heading .icon-button{width:36px;height:36px}.song-details-genre{font-size:10px}.song-details h2{letter-spacing:-.6px;overflow-wrap:anywhere;margin:8px 0 5px;font-size:23px;font-weight:600;line-height:1.2}.song-details-artist{color:var(--muted);margin:0 0 20px;font-size:12px}.song-details dl{gap:12px;margin:0;display:grid}.song-details dl>div{grid-template-columns:55px 1fr;gap:12px;font-size:11px;display:grid}.song-details dt{color:var(--muted)}.song-details dd{overflow-wrap:anywhere;margin:0}.song-details-link{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.song-details-link:hover{text-decoration:underline}.song-details-link:focus-visible,.graph-tooltip:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (max-width:1200px){.genre-legend{flex-direction:column;gap:6px}.legend-hint{align-items:center;gap:12px;display:flex}.legend-hint small{margin:0}}@media (max-width:680px),(pointer:coarse){.icon-button{width:44px;height:44px}.legend-items button{min-width:44px;min-height:44px}.topbar{min-height:64px;padding:8px max(12px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));padding-top:max(8px, env(safe-area-inset-top))}.brand{gap:10px;font-size:16px}.brand-subtitle{letter-spacing:1.3px;font-size:8px}.topbar-actions{gap:4px}.zoom-controls{top:12px;right:max(12px, env(safe-area-inset-right))}.genre-legend{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));gap:5px;max-width:none;padding:10px 0 5px}.legend-hint{justify-content:space-between;width:100%;padding:0 12px;font-size:9px}.legend-hint small{font-size:9px}.legend-hint{display:none}.legend-items{touch-action:manipulation;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%;padding:2px 6px 4px;display:grid;overflow:visible}.legend-items button{flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:3px 1px;font-size:clamp(8.5px,2.45vw,11px);line-height:1.1}.legend-items i{width:5px;height:5px}.genre-full-label{display:none}.genre-compact-label{white-space:pre-line;display:inline}.song-details{top:auto;bottom:calc(138px + env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;max-width:none;max-height:min(310px,45dvh);padding:12px 16px 16px}.song-details-heading{margin-bottom:4px}.song-details-heading .icon-button{width:44px;height:44px}.song-details h2{font-size:20px}.song-details-artist{margin-bottom:14px}.song-details dl{gap:8px}}@media (hover:none){.legend-hint .legend-desktop-hint{display:none}.legend-hint .legend-touch-hint{display:block}}@media (max-height:480px) and (orientation:landscape){.topbar{min-height:54px;padding-block:5px}.genre-legend{gap:0;padding-top:4px;bottom:6px}.legend-hint{display:none}.zoom-controls{top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-mark{border:1px solid color-mix(in srgb, var(--green), transparent 45%);background:linear-gradient(145deg, color-mix(in srgb, var(--green), transparent 70%), color-mix(in srgb, var(--surface), transparent 10%));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;width:35px;height:35px;padding:0;position:relative;overflow:visible;box-shadow:inset 0 1px 1px #ffffff26,0 4px 12px #0002}.brand-mark:before{content:"";border:1px solid color-mix(in srgb, var(--green), transparent 65%);background:color-mix(in srgb, var(--green), transparent 92%);z-index:-1;border-radius:10px;position:absolute;inset:-4px 4px 4px -4px;transform:rotate(-8deg)}.brand-disc{border:2px solid var(--green);width:23px;height:23px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--green), transparent 84%);opacity:.8;border-radius:50%;position:absolute;top:5px;left:5px}.brand-disc:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:8px}.brand-bars{background:var(--surface);box-shadow:0 0 5px color-mix(in srgb, var(--green), transparent 70%);border-radius:4px;align-items:flex-end;gap:2px;padding:3px;display:flex;position:absolute;bottom:4px;right:3px}.brand-bars i{background:var(--green);border-radius:2px;width:2px;height:5px}.brand-bars i:nth-child(2){height:10px}.brand-bars i:nth-child(3){height:7px}.brand-bars i:nth-child(4){height:12px}.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-group(root){animation:none}.theme-transition::view-transition-image-pair(root){isolation:auto}.theme-transition::view-transition-old(root){z-index:1}.theme-transition::view-transition-new(root){z-index:2;clip-path:circle(0px at var(--theme-transition-x) var(--theme-transition-y));animation:.96s cubic-bezier(.55,0,.8,1) both theme-curtain-reveal}.theme-transition[data-theme-reveal=contract]::view-transition-old(root){z-index:2;animation:.96s cubic-bezier(.55,0,.8,1) reverse both theme-curtain-reveal}.theme-transition[data-theme-reveal=contract]::view-transition-new(root){z-index:1;clip-path:none;animation:none}@keyframes theme-curtain-reveal{0%{clip-path:circle(0px at var(--theme-transition-x) var(--theme-transition-y))}to{clip-path:circle(var(--theme-transition-radius) at var(--theme-transition-x) var(--theme-transition-y))}}.theme-transition *{transition:none!important}@media (min-width:681px) and (pointer:fine){.universe:has(.song-details) .zoom-controls{right:322px}}.song-details-hero{margin-bottom:20px}.song-artwork{aspect-ratio:1;background:var(--surface-2);border-radius:9px;width:100%;margin-bottom:16px;overflow:hidden}.song-artwork img{object-fit:cover;width:100%;height:100%;display:block}.artwork-fallback{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.artwork-fallback span{text-align:center;font-size:9px}.song-details-copy{min-width:0}.song-details-copy .song-details-artist{margin-bottom:0}@media (max-width:680px),(pointer:coarse){.song-details-hero{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;margin:4px 0 18px;display:grid}.song-artwork{border-radius:7px;margin:0}.artwork-fallback span{display:none}.song-details-copy h2{font-size:18px}}.portrait-toggle{border:1px solid var(--line);min-width:48px;height:36px;color:var(--muted);border-radius:18px;padding:0 10px;font-size:11px;font-weight:600}.portrait-toggle[aria-pressed=true]{color:var(--green);background:var(--surface-2);border-color:color-mix(in srgb, var(--green), transparent 65%)}.portrait-toggle[aria-busy=true]{animation:1.6s ease-in-out infinite gather-stars}@media (max-width:768px),(pointer:coarse){.portrait-toggle{min-width:48px;height:44px}}.portrait-toggle{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.portrait-toggle:hover{color:var(--green);border-color:var(--green)}.portrait-2d{position:absolute;inset:0;overflow:hidden}.portrait-2d canvas{width:100%;height:100%;display:block}.portrait-error{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.portrait-error button{color:var(--green);border:1px solid var(--line);border-radius:20px;padding:10px 16px}.portrait-caption{letter-spacing:.025em;color:var(--muted);pointer-events:none;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:24px;left:29px}.portrait-mode-dot{background:var(--green);border-radius:50%;width:4px;height:4px}.portrait-wandering-star{z-index:2;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:70%;left:12%}.portrait-star-core{background:#9ce2b6;border-radius:50%;width:5px;height:5px;animation:9s ease-in-out infinite portrait-star-drift;display:block;box-shadow:0 0 4px 1px #9ce2b688,0 0 13px 3px #9ce2b62b}.portrait-wandering-star:hover .portrait-star-core,.portrait-wandering-star:focus-visible .portrait-star-core{background:#d7ffe7;animation-play-state:paused;box-shadow:0 0 5px 2px #9ce2b6aa,0 0 18px 5px #9ce2b644}.portrait-discoveries{z-index:2;color:var(--muted);gap:15px;font-size:10px;display:flex;position:absolute;bottom:100px;left:24px}.portrait-discoveries button{opacity:.65;min-height:32px}.portrait-discoveries button:hover,.portrait-discoveries button:focus-visible{color:var(--green);opacity:1}.portrait-2d[data-holding=true]{cursor:grabbing}@keyframes portrait-star-drift{0%,to{opacity:.65;transform:translate(0)}50%{opacity:1;transform:translate(12px,-18px)}}@media (max-width:680px){.portrait-caption{font-size:9px;top:20px;left:16px}.portrait-discoveries{font-size:9px;bottom:88px;left:16px}}@media (prefers-reduced-motion:reduce){.portrait-star-core{animation:none}}.universe[data-view="2D"] .genre-legend{width:calc(100% - 48px);max-width:1100px;padding:8px 10px;display:block}.universe[data-view="2D"] .legend-hint{display:none}.universe[data-view="2D"] .legend-items{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:3px;width:100%;height:40px;padding:0;display:flex;overflow:hidden}.universe[data-view="2D"] .legend-items button{white-space:nowrap;flex-direction:row;flex:none;gap:6px;min-height:36px;padding:8px 10px;font-size:11px}.universe[data-view="2D"] .genre-compact-label{white-space:nowrap}@media (max-width:680px){.universe[data-view="2D"] .genre-legend{width:calc(100% - 24px);padding:4px 6px}.universe[data-view="2D"] .legend-items{height:44px}.universe[data-view="2D"] .legend-items button{min-height:44px;padding:8px 9px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portrait-hotspot{z-index:2;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.portrait-mouth-hotspot{left:var(--mouth-left);top:var(--mouth-top);width:var(--mouth-width);height:var(--mouth-height)}.portrait-left-ear,.portrait-right-ear{top:var(--ear-top);width:var(--ear-width);height:var(--ear-height)}.portrait-left-ear{left:var(--ear-left)}.portrait-right-ear{left:var(--ear-right)}.universe[data-view="2D"] .legend-items button:not(.active):hover{color:var(--muted);background:0 0}