*{box-sizing:border-box;margin:0;padding:0}:root{--text: #ece5da;--dim: #8d8479;--dim2: #5e574e;--bg: #0a0807}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overflow:hidden;font-family:-apple-system,Helvetica Neue,PingFang SC,Noto Sans SC,sans-serif;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse 130% 100% at 50% 42%,transparent 52%,rgba(4,3,2,.52) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:21;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:overlay}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a080799;backdrop-filter:blur(18px) brightness(.72) saturate(.85);-webkit-backdrop-filter:blur(18px) brightness(.72) saturate(.85);transition:opacity 1s ease}.loader.gone{opacity:0;pointer-events:none}.loader-mark{font-size:27px;letter-spacing:.58em;text-indent:.58em;color:var(--text)}.loader-sub{margin-top:16px;font-size:13px;letter-spacing:.3em;color:var(--dim2)}.loader-line{width:168px;height:1px;margin:34px 0 30px;background:#241f19;overflow:hidden}.loader-line span{display:block;height:100%;background:#c8a05a;transition:width .3s ease}.loader-enter{background:none;cursor:pointer;border:1px solid #46392a;border-radius:999px;color:#d9b06a;font-size:11px;letter-spacing:.24em;text-indent:.24em;padding:13px 36px;transition:all .25s ease;font-family:inherit}.loader-enter:hover:enabled{background:#d9b06a14;border-color:#d9b06a}.loader-enter:disabled{color:#554c40;border-color:#241f19;cursor:default;opacity:.6}.loader-note{margin-top:26px;font-size:9px;letter-spacing:.18em;color:#3f3931}.mark{position:fixed;top:22px;left:26px;z-index:30;pointer-events:none;font-size:10px;letter-spacing:.42em;color:var(--dim2)}.phase-wrap{position:fixed;top:20px;right:26px;z-index:30;pointer-events:none;text-align:right}.phase{font-size:9px;letter-spacing:.3em;color:var(--dim2)}.debug{margin-top:12px;pointer-events:auto;text-align:right;font-size:9px;letter-spacing:.12em;color:var(--dim);line-height:1.9;background:#0a08078c;padding:10px 12px;border:1px solid #241f19;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug b{color:#c8a05a;font-weight:400;margin-left:8px}.debug button{margin-top:6px;margin-left:6px;background:none;cursor:pointer;border:1px solid #383029;border-radius:3px;color:var(--dim);font-size:8px;letter-spacing:.14em;padding:4px 8px;font-family:inherit}.debug button:hover{color:#c8a05a;border-color:#c8a05a}.now{position:fixed;top:22px;left:0;right:0;z-index:30;pointer-events:none;text-align:center}.now-title{font-size:23px;font-weight:400;letter-spacing:.16em;text-shadow:0 1px 3px rgba(0,0,0,.92),0 2px 18px rgba(0,0,0,.78)}.now-meta{margin-top:6px;font-size:12.5px;letter-spacing:.22em;color:#b8ae9c;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.72)}.top-scrim{position:fixed;top:0;left:0;right:0;height:118px;z-index:25;pointer-events:none;background:linear-gradient(#08060594,#08060500)}.pick{position:fixed;top:68%;left:0;right:0;z-index:30;pointer-events:none;text-align:center}.pick-semantic{font-size:12px;letter-spacing:.26em;margin-bottom:10px}.pick-hint{font-size:11px;letter-spacing:.34em;color:var(--dim2)}.pick-song{margin-top:8px;font-size:16px;font-weight:300;letter-spacing:.12em}.pick-meta{margin-top:4px;font-size:11px;letter-spacing:.18em;color:var(--dim)}.pick-nav{margin-top:12px;font-size:10.5px;letter-spacing:.16em;color:#6a6255}.hint{position:fixed;top:66%;left:0;right:0;z-index:30;pointer-events:none;text-align:center;font-size:13px;letter-spacing:.3em;color:var(--dim);text-shadow:0 1px 8px rgba(0,0,0,.8);animation:hintPulse 3.5s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.45}50%{opacity:.95}}.crumb{position:fixed;left:26px;bottom:24px;z-index:30;pointer-events:none;font-size:9px;letter-spacing:.1em;color:var(--dim2);max-width:44vw;line-height:2}.crumb-song{color:var(--dim)}.crumb-now{color:#c8a05a}.crumb-arrow{color:#3a342c;margin:0 2px}.crumb-slot{letter-spacing:.14em}.colophon{position:fixed;right:26px;bottom:24px;z-index:30;pointer-events:none;font-size:8px;letter-spacing:.22em;color:#3a342c}.close-picking{position:fixed;top:20px;right:26px;z-index:32;width:30px;height:30px;border-radius:50%;background:#100c0999;border:1px solid #383029;color:#8d8479;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;font-family:inherit;padding:0;line-height:1}.close-picking:hover{border-color:#c8a05a;color:#e7cd9d;background:#c8a05a1f}.controls{position:fixed;right:26px;bottom:44px;z-index:31;display:flex;gap:8px}.ctl{width:34px;height:34px;border-radius:50%;background:#100c098c;border:1px solid #383029;color:#cbb693;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;font-family:inherit;padding:0}.ctl:hover{border-color:#c8a05a;color:#e7cd9d;background:#c8a05a1f}.hot-label{text-align:center;white-space:nowrap;transition:opacity .25s ease}.hot-label-name{font-size:40px;letter-spacing:.3em;text-indent:.3em;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.8)}.hot-label-sem{margin-top:6px;font-size:35px;letter-spacing:.18em;text-indent:.18em;color:#ffffffc7;text-shadow:0 1px 8px rgba(0,0,0,.95)}