:root{color:#e8eaf0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10141e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{color:#eef0f5;cursor:pointer;background:#242a38;border:1px solid #343b4b;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-block}button:hover,.button:hover{background:#363e50}button:disabled{opacity:.35;cursor:default}.primary{color:#17220d;background:#d9f896;border-color:#d9f896}.primary:hover{background:#c6e67f}input,textarea,select{color:#eee;background:#141925;border:1px solid #394052;border-radius:8px;min-width:0;padding:12px}textarea{width:100%;margin:14px 0;font-family:monospace;display:block}label{color:#c5cbd7;font-size:13px;display:block}small{color:#909aaf;font-size:12px;line-height:1.8;display:block}p{color:#a8b0c2;font-size:14px;line-height:1.65}h1,h2,h3{margin:0}h1{letter-spacing:-1px;margin-top:9px;font-size:30px}h2{letter-spacing:-.7px;font-size:26px}h3{font-size:16px}.shell{min-height:100vh;display:flex}aside{background:#121722;border-right:1px solid #282d3b;width:224px;padding:36px 23px;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;margin-bottom:48px;font-size:27px;font-weight:800;display:block}.brand span{color:#d9f896;margin-left:5px;font-weight:400}.brand small{letter-spacing:2px;margin-top:8px;font-size:8px}nav{gap:7px;display:grid}nav button{text-align:left;color:#9ba5ba;background:0 0;border:0;padding:14px}.selected{color:#d9f896!important;background:#242d30!important}.aside-bottom{color:#9ca6ba;font-size:11px;position:absolute;bottom:30px}.dot{background:#d9f896;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.aside-bottom small{margin-top:10px;font-size:10px}main{width:calc(100% - 224px);max-width:1500px;margin-left:224px;padding:40px 48px}header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:2.3px;color:#a4b28b;font-size:9px;font-weight:700}.identity{color:#c9d69b;align-items:center;gap:12px;font-size:12px;display:flex}.welcome{background:linear-gradient(120deg,#27322d,#1b2530);border:1px solid #3b483b;border-radius:17px;min-height:340px;padding:52px 40px;position:relative;overflow:hidden}.welcome h2{letter-spacing:-1.8px;margin:20px 0;font-size:44px;line-height:1.15}.welcome p{margin-bottom:27px}.record{background:repeating-radial-gradient(#171e25 0 2px,#303b40 3px,#171e25 4px);border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:absolute;top:45px;right:5%;transform:rotate(-14deg);box-shadow:0 25px 40px #0005}.record>div{color:#253323;text-align:center;background:#d9f896;border-radius:50%;place-content:center;width:90px;height:90px;font-size:28px;font-weight:800;display:grid}.record span{font-size:9px}.setup,section:not(.welcome){background:#191f2c;border:1px solid #2c3344;border-radius:13px;margin-bottom:24px;padding:25px}.setup{margin-top:24px}.setup h3{margin-top:15px}.badge{letter-spacing:.7px;text-transform:uppercase;border-radius:5px;padding:6px 8px;font-size:9px}.amber{color:#e4c888;background:#3a3428}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-title h3 span{color:#aeb7c9;background:#2b3343;border-radius:5px;margin-left:10px;padding:3px 7px;font-size:12px}.player{align-items:center;gap:24px;display:flex}.art{color:#d9f896;background:linear-gradient(145deg,#414e3c,#252d3c);border-radius:10px;flex-shrink:0;place-content:center;width:130px;height:130px;font-size:50px;display:grid}.track-info{flex:1}.track-info h2{margin-top:12px}.progress{background:#353c4c;border-radius:4px;height:3px;margin:15px 0 10px}.progress span{background:#d9f896;width:0;display:block}.controls{gap:8px;display:grid}.add{background:0 0;margin:28px 0 35px}.add label{margin-bottom:12px;font-weight:600}.add>div{gap:10px;display:flex}.add input{flex:1}.add small{margin-top:8px;font-size:10px}.empty{text-align:center;padding:35px}.empty>span{color:#67748b;font-size:30px}.empty h3{color:#b9c3d4;margin-top:16px;font-size:15px}.empty p{font-size:12px}.queue{margin:0;padding:0;list-style:none}.queue li{border-bottom:1px solid #2a3242;align-items:center;gap:14px;padding:17px 0;font-size:13px;display:flex}.queue li>div{flex:1}.queue small{font-size:10px}.number{color:#7c889f}.mix{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.mix h3{width:100%}.mix form{gap:8px;display:flex}.mix input[name=time]{width:100px}.mix select{margin-top:7px;display:block}.mix input[type=range]{accent-color:#d9f896;display:block}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.provider-grid section{margin:0!important}.capabilities{color:#8e9cb4;font-size:12px;line-height:2}.actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.intro{margin-bottom:25px}.alert,.notice{overflow-wrap:anywhere;border-radius:9px;margin-bottom:20px;padding:14px 18px;font-size:13px;line-height:1.6}.alert{color:#ffd1da;background:#442933;border:1px solid #82505d}.notice{color:#d9f8cf;background:#26392e;border:1px solid #47634b}.notice button{float:right;margin-left:10px;padding:0 7px}footer{color:#5f6d85;letter-spacing:1px;margin-top:50px;font-size:10px}form:not(.add){gap:10px;display:flex}form:not(.add) input{flex:1}:focus-visible{outline-offset:3px;outline:2px solid #d9f896}@media (width<=1100px){.record{opacity:.5;right:-80px}.welcome>h2,.welcome>p,.welcome>.button{z-index:1;position:relative}main{padding:30px}.provider-grid{grid-template-columns:1fr}.player{flex-wrap:wrap}.controls{width:100%;display:flex}}@media (width<=700px){aside{border-bottom:1px solid #282d3b;border-right:0;width:100%;padding:22px;position:relative}.brand{margin:0;font-size:23px}.brand small,.aside-bottom{display:none}nav{margin-top:20px;display:flex;overflow:auto}nav button{padding:9px;font-size:11px}.shell{display:block}main{width:100%;margin:0;padding:25px 18px}header{align-items:flex-start;gap:15px}h1{font-size:24px}.identity .button{padding:10px;font-size:10px}.welcome{padding:32px 25px}.welcome h2{font-size:35px}.record{right:-130px}.add>div{flex-direction:column}.art{width:85px;height:85px}.track-info h2{font-size:20px}.player{gap:16px}.controls,.queue li,.section-title{flex-wrap:wrap}.welcome .eyebrow{font-size:8px}.provider-grid .section-title{display:block}.provider-grid .badge{margin-top:12px;display:inline-block}}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;gap:24px!important;display:grid!important}.settings-grid label>input:not([type=checkbox]){width:100%;margin-top:10px;display:block}.settings-grid .full{grid-column:1/-1}.settings-grid .check{align-items:center;gap:12px;line-height:1.6;display:flex}.settings-grid input[type=checkbox]{accent-color:#d9f896;width:18px;height:18px}.saved-playlist{align-items:center;gap:12px;margin:20px 0;display:flex}.saved-playlist p{flex:1}@media (width<=700px){.settings-grid{grid-template-columns:1fr}.saved-playlist{flex-wrap:wrap}}.settings-grid input[type=checkbox]{flex:0 0 18px}