@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0912;--panel:#14111d;--line:rgba(255,255,255,.085);--muted:#918b9d;--purple:#a78bfa;--cyan:#7ef8ec;--white:#f8f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%}.ambient-a{width:400px;height:400px;background:#54218d;top:-180px;left:13%}.ambient-b{width:330px;height:330px;background:#167c84;right:-200px;top:38%}.shell{max-width:1110px;margin:auto;padding:0 36px}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--white);font:700 14px 'Space Grotesk',sans-serif;letter-spacing:.12em}.brand-light{color:#9b92a7;font-weight:500}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#b18cff,#7547d7);display:grid;place-items:center;font:700 19px 'Space Grotesk';box-shadow:0 4px 22px #8655d64f}.top-actions{display:flex;align-items:center;gap:10px}.service-label,.eyebrow,.track-kicker,.server-picker>span,.volume span,footer{font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#8d8798}.service-label b{font-weight:400;color:var(--cyan);margin-left:5px}.live-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.button{height:40px;border:0;border-radius:9px;padding:0 15px;font:600 12px 'DM Sans';cursor:pointer;display:flex;align-items:center;gap:16px;transition:.2s}.button span{font-size:17px}.button-outline{background:#ffffff08;border:1px solid var(--line);color:#e7e4ed;margin-left:10px}.button-outline:hover{background:#ffffff12}.button-primary{color:#100e16;background:linear-gradient(110deg,#b7a1ff,#a98bff);box-shadow:0 5px 22px #8d67df23}.button-primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.intro{padding:62px 0 35px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow-line{width:23px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin:0}h1{font:600 clamp(45px,7vw,70px)/.98 'Space Grotesk';letter-spacing:-.055em;margin-top:17px}h1 span{color:var(--purple)}.intro p{font-size:13px;line-height:1.7;color:#aaa4b5;margin-top:16px}.sign-in-card{display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,#171321,#14121b);border:1px solid var(--line);border-radius:14px;padding:20px;margin:12px 0 40px}.sign-in-icon{width:43px;height:43px;border-radius:12px;background:#a78bfa1a;color:var(--purple);display:grid;place-items:center;font-size:23px}.sign-in-card strong{font-size:13px}.sign-in-card p{font-size:11px;color:var(--muted);margin-top:5px}.sign-in-card .button{margin-left:auto}.dashboard{padding:9px 0 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:15px 0 17px}.section-heading h2{font:500 24px 'Space Grotesk';margin-top:5px;letter-spacing:-.035em}.server-picker{height:40px;display:flex;align-items:center;gap:12px;background:#ffffff07;border:1px solid var(--line);border-radius:9px;padding:0 12px}.server-picker select{background:transparent;color:var(--white);border:0;outline:0;font:500 12px 'DM Sans';min-width:125px}.server-picker option{background:#17131e}.player-card{display:grid;grid-template-columns:205px 1fr;gap:27px;align-items:center;background:linear-gradient(115deg,#171321 0%,#14121a 70%);border:1px solid var(--line);border-radius:15px;padding:23px}.cover-wrap{width:205px;height:205px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#281b3d,#172b35);box-shadow:0 9px 35px #0006}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:none}.cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;color:#c1aaff55}.playing-pill{position:absolute;top:12px;left:12px;font:9px 'DM Mono';letter-spacing:.1em;background:#0b0912bf;border:1px solid #ffffff20;border-radius:100px;padding:6px 9px;display:flex;align-items:center;gap:6px}.playing-pill i{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 7px var(--cyan)}.track-details{min-width:0}.track-kicker{color:#aaa2b7}.track-details h3{font:600 25px 'Space Grotesk';letter-spacing:-.035em;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-details p{font-size:12px;color:#a9a3b3;margin-top:5px}.wave{height:38px;display:flex;align-items:center;gap:3px;margin:19px 0 13px;overflow:hidden}.wave i{height:var(--h,50%);width:3px;flex:1;max-width:4px;background:linear-gradient(180deg,#92fff0,#9471e7);opacity:.68;border-radius:4px;animation:wave 1.05s ease-in-out infinite alternate;animation-delay:var(--d,0s)}.wave i:nth-child(3n){--h:85%;--d:-.3s}.wave i:nth-child(4n){--h:34%;--d:-.55s}.wave i:nth-child(5n){--h:65%;--d:-.72s}.wave i:nth-child(7n){--h:95%;--d:-.14s}@keyframes wave{to{transform:scaleY(.35);opacity:.36}}.transport{display:flex;align-items:center;gap:9px}.transport-button{width:35px;height:35px;border:1px solid var(--line);background:#ffffff07;border-radius:9px;color:#ddd7e7;cursor:pointer}.transport-button:hover{background:#ffffff12}.transport-main{background:#a78bfa;color:#120f18;border:0;font-size:12px}.volume{margin-left:auto;display:flex;align-items:center;gap:9px}.volume input{width:95px;accent-color:#a78bfa}.volume b{font:10px 'DM Mono';color:#b9b3c1;width:32px}.lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}.panel{background:#14111d;border:1px solid var(--line);border-radius:14px;padding:19px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h3{font:500 17px 'Space Grotesk';margin-top:5px}.count{font:11px 'DM Mono';color:#aaa2b7;background:#ffffff08;border:1px solid var(--line);padding:6px 9px;border-radius:7px}.search{display:flex;align-items:center;gap:10px;margin-top:17px;padding:6px 7px 6px 12px;background:#0e0c14;border:1px solid var(--line);border-radius:10px}.search>span{font-size:22px;color:#928c9e}.search input{min-width:0;flex:1;background:none;border:0;outline:0;color:var(--white);font:12px 'DM Sans'}.search input::placeholder{color:#696474}.search .button{height:34px;padding:0 12px;font-size:11px;gap:9px}.queue-list{list-style:none;margin:10px 0 0;padding:0;max-height:260px;overflow:auto}.queue-list li{display:flex;align-items:center;gap:11px;padding:10px 5px;border-bottom:1px solid #ffffff0b}.queue-list li:last-child{border:0}.queue-cover{width:34px;height:34px;border-radius:6px;background:#211a2c;color:#bba2ff;display:grid;place-items:center;flex:none}.queue-text{min-width:0}.queue-text b,.queue-text span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-text b{font-size:11px;font-weight:500}.queue-text span{font-size:10px;color:var(--muted);margin-top:4px}.empty{color:#7f7889;font-size:11px;padding:18px 4px!important}.stay-icon{font-size:18px;color:var(--cyan);border:1px solid #7ef8ec2b;background:#7ef8ec0b;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.stay-panel>p{color:#9e98a9;font-size:11px;line-height:1.65;margin-top:13px}.switch-row{border-top:1px solid var(--line);margin-top:17px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px;font-weight:600}.switch-row small{font-size:10px;color:var(--muted);margin-top:4px}.switch-row input{position:absolute;opacity:0}.switch{width:37px;height:21px;border-radius:20px;background:#302b39;position:relative;transition:.2s}.switch:after{content:'';position:absolute;width:15px;height:15px;left:3px;top:3px;background:#908999;border-radius:50%;transition:.2s}.switch-row input:checked+.switch{background:#8165c7}.switch-row input:checked+.switch:after{transform:translateX(16px);background:white}.privacy-note{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:10px;color:#9690a1}.privacy-note span{font-size:15px;color:var(--cyan);vertical-align:-1px;margin-right:5px}.notice{font-size:11px;padding:9px 10px;margin-top:9px;border-radius:7px;color:#f8d28d;background:#f3b53a12;border:1px solid #f3b53a27}.notice.error{color:#ffa9b1;background:#ff586112;border-color:#ff586127}footer{height:62px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px}footer i{font-style:normal;color:var(--purple);padding:0 4px}.avatar{width:34px;height:34px;border-radius:50%;background:#30253e;border:1px solid var(--line);background-size:cover;background-position:center;cursor:pointer}.hidden{display:none!important}@media(max-width:700px){.shell{padding:0 18px}.topbar{height:70px}.service-label{display:none}.intro{padding-top:42px}.section-heading{align-items:start;gap:15px;flex-direction:column}.server-picker{align-self:stretch}.server-picker select{flex:1}.player-card{grid-template-columns:95px 1fr;gap:14px;padding:14px}.cover-wrap{width:95px;height:95px}.cover-placeholder{font-size:35px}.playing-pill{top:5px;left:5px;padding:4px;font-size:7px}.track-details h3{font-size:18px}.track-details p{font-size:11px}.wave{margin:11px 0 8px;height:22px}.transport{gap:6px}.transport-button{width:30px;height:30px}.volume input{width:58px}.lower-grid{grid-template-columns:1fr}.sign-in-card{align-items:flex-start;flex-wrap:wrap}.sign-in-card .button{margin-left:60px}.sign-in-card p{max-width:210px}footer{gap:12px;font-size:8px}footer span:last-child{text-align:right}}