@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#10100f;--panel:#171715;--text:#f1eee8;--muted:#89877f;--accent:#c4f06b;--line:#2b2a26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.page-shell{max-width:1240px;margin:auto;padding:0 52px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:10px;font-size:21px;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);color:#171913;letter-spacing:-.08em;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.nav-link{color:#c4c1b9;font-size:13px}.nav-link span{color:var(--accent);margin-left:5px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:560px;padding:66px 0 85px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font:11px DM Mono,monospace}.hero .eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c4f06b80}h1{letter-spacing:-.075em;margin:25px 0 21px;font-size:clamp(55px,7vw,86px);font-weight:700;line-height:.99}h1 span{color:var(--accent)}.intro{color:#a7a49c;max-width:390px;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:18px;margin-top:32px;display:flex}.button{border-radius:7px;padding:14px 18px;font-size:13px;font-weight:700}.button-primary{background:var(--accent);color:#171913}.button-primary span{margin-left:16px}.release-note{color:var(--muted);font-size:11px}.visual{background:radial-gradient(#22231d 0%,#171715 56%,#131312 100%);border:1px solid #23231f;border-radius:4px;place-items:center;height:390px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #35362e;border-radius:50%;width:290px;height:290px;position:absolute}.orbit-two{border-color:#262720;width:370px;height:370px}.disc{z-index:1;background:repeating-radial-gradient(circle,#141412 0 2px,#25251f 3px 4px,#111110 5px 7px);border-radius:50%;place-items:center;width:205px;height:205px;animation:24s linear infinite spin;display:grid;box-shadow:0 20px 55px #0008}.disc-center{background:var(--accent);color:#171913;border-radius:50%;place-items:center;width:64px;height:64px;font-size:25px;display:grid;box-shadow:0 0 35px #c4f06b38}.wave{z-index:2;align-items:center;gap:5px;height:100px;display:flex;position:absolute}.wave i{background:var(--accent);opacity:.75;border-radius:2px;width:2px;display:block}.wave-one{justify-content:space-between;left:8%;right:8%}.wave-one i:nth-child(3n){height:26px}.wave-one i:nth-child(3n+1){height:43px}.wave-one i:nth-child(3n+2){height:17px}.wave-two{opacity:.45;justify-content:space-around;width:100%;transform:rotate(90deg)}.wave-two i:nth-child(odd){height:30px}.wave-two i:nth-child(2n){height:14px}.visual-caption{color:#77776c;letter-spacing:.1em;justify-content:space-between;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.features{border-top:1px solid var(--line);padding:42px 0 82px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin:0 0 8px}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:30px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-card{background:var(--panel);border:1px solid #252520;min-height:190px;padding:22px;position:relative}.feature-number{color:var(--accent);font:10px DM Mono,monospace}.feature-card h3{letter-spacing:-.04em;margin:30px 0 8px;font-size:19px}.feature-card p{color:var(--muted);max-width:280px;margin:0;font-size:12px;line-height:1.7}.card-arrow{color:#77776c;position:absolute;top:18px;right:20px}.footer{border-top:1px solid var(--line);min-height:82px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.footer .brand{color:var(--text);font-size:17px}.footer .brand-mark{width:25px;height:25px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.page-shell{padding:0 23px}.hero{grid-template-columns:1fr;gap:30px;padding:60px 0}.visual{grid-row:1;height:310px}.hero-copy{grid-row:2}h1{font-size:64px}.features{padding-bottom:55px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:160px}.feature-card h3{margin-top:22px}.footer{flex-wrap:wrap;gap:15px;padding:20px 0}.footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.disc{animation:none}}.library-page{flex-direction:column;max-width:1100px;min-height:100vh;margin:auto;padding:0 52px;display:flex}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.library-back,.quiet-button{color:#c4c1b9;cursor:pointer;background:0 0;border:0;font-size:12px}.login-panel{width:min(100%,590px);margin:auto;padding:100px 0 120px}.login-panel h1,.library-title-row h1{letter-spacing:-.07em;margin:20px 0;font-size:clamp(42px,6vw,62px);line-height:1}.login-panel>p:not(.eyebrow):not(.fine-print){color:#a7a49c;max-width:470px;margin:0 0 28px;line-height:1.8}.fine-print{color:var(--muted);margin-top:26px;font-size:11px;line-height:1.7}.library-content{flex:1;padding:70px 0 90px}.library-title-row{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.library-title-row .eyebrow{margin:0}.library-title-row h1{margin:12px 0 0;font-size:48px}.upload-panel{background:var(--panel);border:1px solid #292923;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.upload-panel h2,.track-list-heading h2{letter-spacing:-.03em;margin:0 0 7px;font-size:16px}.upload-panel p{color:var(--muted);margin:0;font-size:11px}.button:disabled{opacity:.6;cursor:wait}.notice{color:var(--accent);margin:16px 0;font-size:12px}.notice-error{color:#ff958b}.track-list-heading{align-items:center;gap:10px;margin:38px 0 14px;display:flex}.track-list-heading h2{margin:0}.track-list-heading>span{color:var(--muted);font:10px DM Mono,monospace}.track-list{border-top:1px solid var(--line)}.track-row{border-bottom:1px solid var(--line);grid-template-columns:42px 34px 1fr auto;align-items:center;gap:9px;min-height:76px;display:grid}.track-index{color:#66665f;font:10px DM Mono,monospace}.track-icon{color:var(--accent);font-size:18px}.track-info{flex-direction:column;gap:5px;min-width:0;display:flex}.track-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.track-info span{color:var(--muted);font:9px DM Mono,monospace}.delete-button{color:#d58a80;cursor:pointer;background:0 0;border:1px solid #3a302e;border-radius:4px;padding:7px 10px;font-size:10px}.delete-button:hover{background:#332421}.empty-library{text-align:center;color:var(--muted);border:1px dashed #33332d;padding:54px 20px}.empty-library>span{color:var(--accent);font-size:28px}.empty-library p{font-size:12px}.nav-links{gap:24px;display:flex}.dashboard-content{flex:1;padding:70px 0 90px}.dashboard-content>.eyebrow{margin:0}.dashboard-subtitle{color:var(--muted);margin:8px 0 0;font-size:12px}.bot-status{color:var(--accent);align-items:center;gap:8px;font:10px DM Mono,monospace;display:inline-flex}.bot-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.bot-status.offline{color:#ff958b}.guild-select-label{color:var(--muted);align-items:center;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.guild-select-label select{min-width:230px;color:var(--text);background:var(--panel);border:1px solid var(--line);font:inherit;border-radius:4px;padding:11px 14px}.now-card{background:var(--panel);border:1px solid #292923;padding:28px}.now-card h2{letter-spacing:-.05em;margin:15px 0 22px;font-size:clamp(22px,4vw,36px)}.paused-label{color:var(--muted);margin:-10px 0 18px;font-size:11px;display:inline-block}.control-row{flex-wrap:wrap;gap:10px;display:flex}.control-row .button{cursor:pointer;border:0}.control-secondary{color:var(--text);background:#25251f}.queue-heading{align-items:center;gap:12px;margin:36px 0 12px;display:flex}.queue-heading h2{margin:0;font-size:17px}.queue-heading>span{color:var(--muted);font:10px DM Mono,monospace}.dashboard-actions{border-bottom:1px solid var(--line);gap:20px;padding-bottom:12px;display:flex}.dashboard-actions .quiet-button{color:var(--accent)}.dashboard-actions .quiet-button:disabled{opacity:.4;cursor:default}.dashboard-queue{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.dashboard-queue li{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:62px;font-size:12px;display:grid}.dashboard-queue li>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-queue button:disabled{opacity:.5;cursor:wait}@media (max-width:760px){.library-page{padding:0 23px}.library-content{padding:48px 0 70px}.library-title-row h1{font-size:38px}.upload-panel{flex-direction:column;align-items:flex-start}.track-row{grid-template-columns:26px 28px 1fr auto;gap:7px}.delete-button{padding:6px}.login-panel{padding:80px 0}.library-header{height:72px}.dashboard-content{padding:48px 0 70px}.nav-links{gap:12px}.nav-link{font-size:11px}.guild-select-label{flex-direction:column;align-items:flex-start;gap:8px}.guild-select-label select{width:100%}.now-card{padding:21px}.control-row .button{flex:1}.dashboard-queue li{grid-template-columns:28px 1fr auto}}