@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#060910;--panel:#0e131ee8;--muted:#abb8d1;--text:#f6f7ff;--line:#65709040;--purple:#a657ff;--cyan:#49d8ef;--player-height:116px;--rail-width:106px;--top-height:78px;font-family:Inter,system-ui,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;line-height:1.45}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button{border:0;background:none}a{color:inherit;text-decoration:none}button, a, input, textarea, select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3.22vw,3.9rem);line-height:1.01;letter-spacing:-.055em;font-weight:790;text-wrap:balance}h2{font-size:1.3rem;letter-spacing:-.035em}h3{font-size:1.5rem;letter-spacing:-.03em}small{font-size:.81rem}svg{display:block}.icon{width:22px;height:22px;flex-shrink:0}.art{width:100%;height:100%;display:block;overflow:hidden}.environment{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#03060aeb 0%,#05090e96 27%,#080c181f 65%),linear-gradient(0deg,#030509 1%,transparent 55%),url('assets/world.png') center top/cover no-repeat;pointer-events:none}.environment:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05070c 0%,transparent 36%)}.topbar{height:var(--top-height);display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 38px;gap:24px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.35rem;letter-spacing:-.045em}.brand svg{width:49px;height:43px}.brand strong{font-weight:760}.search-launch{display:flex;align-items:center;gap:15px;color:#ccd7ee;background:#101724a3;border:1px solid #7485a560;border-radius:40px;padding:10px 18px;max-width:480px;width:38%;backdrop-filter:blur(24px)}.search-launch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-launch kbd{margin-left:auto;color:#9ba8c1;font:12px Inter;border:1px solid #8899b533;border-radius:4px;padding:0 5px}.account-link{display:flex;align-items:center;gap:12px;border:1px solid #7d8ca755;border-radius:40px;padding:8px 19px;font-size:.94rem;background:#090e18b8}.auth-back{display:none;align-items:center;gap:12px}.rail{width:var(--rail-width);position:fixed;left:0;top:var(--top-height);bottom:var(--player-height);border-right:1px solid #8192b329;z-index:5;background:linear-gradient(90deg,#010306aa,transparent);padding:10px 9px;display:flex;align-items:stretch;flex-direction:column;gap:12px}.rail a{height:84px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;border-radius:9px;color:#e2e5ee;font-size:.86rem;transition:background .2s}.rail .icon{width:27px;height:27px}.rail a:hover{background:#9a83cf19}.rail a[aria-current]{background:linear-gradient(90deg,#a763ff34,#0a182155);box-shadow:inset 0 0 0 1px #a089db12}.rail a[aria-current]:before{position:absolute;content:'';left:0;top:10px;bottom:10px;width:3px;background:#c389ff;border-radius:4px;box-shadow:0 0 20px 5px #9e46fc66}.rail a[aria-current] .icon{color:#bd92ff;filter:drop-shadow(0 0 8px #a459ff)}main{margin-left:var(--rail-width);padding:12px 40px calc(var(--player-height) + 34px) 30px;max-width:1920px;min-height:calc(100vh - var(--top-height))}.create-layout{display:grid;grid-template-columns:minmax(410px,.85fr) minmax(480px,1.15fr);gap:18px;align-items:stretch}.brand-signature{font-size:.68rem;letter-spacing:.46em;margin:0 0 15px;font-weight:650;color:#becbe4}.brand-signature b{color:#c13afb;padding:0 6px}.brand-signature b:last-child{color:#4fe6e3}.intro{font-size:clamp(1rem,1.2vw,1.18rem);color:#c0cee3;margin:10px 0 15px;line-height:1.35}.glass{background:linear-gradient(115deg,#111621ee,#0b1019d9);border:1px solid #9759e799;box-shadow:inset 0 0 30px #4531630b,0 10px 35px #0004;backdrop-filter:blur(20px);border-radius:16px}.composer{padding:12px}.prompt-wrap{border:1px solid #9458cc52;border-radius:10px;background:linear-gradient(130deg,#0c121a,#1e253252);transition:border-color .2s,box-shadow .2s}.prompt-wrap:focus-within{border-color:#b167fccc;box-shadow:0 0 0 3px #9f4fff16}textarea{resize:vertical;line-height:1.5}.prompt-wrap textarea{color:#f4f4fa;width:100%;border:0;background:transparent;padding:15px 14px 2px;min-height:116px;max-height:240px;resize:none;outline:none;font-size:1rem;display:block}.prompt-wrap textarea:focus-visible{outline:none}.prompt-tools{display:flex;align-items:center;justify-content:space-between;padding:0 10px 6px;min-height:34px}.prompt-tools #prompt-count{font-size:.75rem;color:#8693ae}.text-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:10px 12px;white-space:nowrap;border-radius:8px}.text-button:hover{background:#a78fd715}.text-button.accent,.accent{color:#c182ff}.prompt-tools .text-button{font-size:.81rem;gap:7px;padding:6px}.prompt-tools .icon{width:18px;height:18px}.quick-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.quick-control{background:linear-gradient(125deg,#171f2bee,#0d141fdd);border:1px solid #58658040;border-radius:9px;display:flex;gap:11px;align-items:center;min-height:57px;padding:8px 10px;text-align:left;transition:border-color .2s,background .2s}.quick-control:hover{border-color:#b97df199;background:#242139}.quick-control>span{min-width:0;flex:1}.quick-control small{color:#b2c0db;display:block;font-size:.67rem}.quick-control strong{font-size:.82rem;font-weight:450;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-control>.icon:last-child{width:13px}.energy{display:flex;align-items:flex-start;gap:20px;margin:15px 10px 12px;font-size:.87rem}.energy>div{flex:1}.energy input{width:100%;display:block;margin:5px 0 7px}.range-endpoints{display:flex;justify-content:space-between;color:#b5c1da;font-size:.75rem}input[type=range]{appearance:none;height:5px;border-radius:99px;background:linear-gradient(90deg,#7221ed,#b657fd) 0/var(--fill,49%) 100% no-repeat,#343a4b80;cursor:pointer;accent-color:#bb7bff}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#fff;border:2px solid #eedcff;border-radius:50%;box-shadow:0 0 13px #a24cfb9c}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border:2px solid #eedcff;border-radius:50%}.creation-actions{display:grid;grid-template-columns:1.15fr .95fr;align-items:center;gap:15px;padding:0 3px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(175deg,#b653ff 0%,#7714fa 50%,#7715f0 75%,#8838ef);border:1px solid #c88bffb3;border-radius:14px;min-height:49px;padding:10px 24px;box-shadow:0 0 25px #862cef44,inset 0 1px 10px #d5a8ff33;font-weight:640;font-size:1rem;transition:filter .18s,box-shadow .18s,transform .18s}.primary:hover{filter:brightness(1.14);box-shadow:0 0 30px #862cef70;transform:translateY(-1px)}.creation-actions .primary{font-size:1.2rem;padding:10px}.listen-link{display:flex;gap:15px;align-items:center;text-align:left;width:calc(100% - 14px);margin:12px 7px 0;padding:10px 0 3px;border-top:1px solid #7b889d28;font-size:.94rem}.listen-link .icon{border:1px solid #baa0dc;border-radius:50%;padding:4px;width:23px;height:23px}.listen-link:hover{color:#d6adff}.world-section{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden}.world-toolbar{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:0 0 5px;z-index:2}.segmented{display:flex;border:1px solid #6f718e70;background:#0a0d18cf;border-radius:40px;gap:1px}.segmented button{padding:7px 22px;border:1px solid transparent;border-radius:40px;font-size:.81rem}.segmented button.active{background:linear-gradient(160deg,#8230dbb3,#5110baba);border-color:#aa56ff;box-shadow:inset 0 0 9px #c874ff77,0 0 9px #ae42ff44}.filter-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #6c7b944d;background:#0b101bdb;border-radius:40px;padding:8px 18px;font-size:.81rem}.filter-button .icon{width:14px;height:14px}.world-stage{flex:1;position:relative;perspective:1100px;min-height:390px;touch-action:pan-y;user-select:none}.portal{position:absolute;width:40%;height:66%;top:11%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.8,.2,1),opacity .4s;isolation:isolate}.portal-inner{height:100%;border:2px solid #ad67fa;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 0 5px #f6bcff,inset 0 0 15px #b66eff,0 0 28px #973cff77,12px 16px 35px #000c;background:#161529}.portal-inner:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:15px;box-shadow:inset 0 0 20px #c99cff77,inset 4px 3px 3px #f3e7ff, inset -4px -3px 4px #7b67ffff;background:linear-gradient(110deg,#fff4 0%,transparent 8%,transparent 80%,#fffc 98%,transparent)}.portal:after{content:'';position:absolute;left:10%;right:0;bottom:-35px;height:10px;z-index:-1;background:#a245e8;filter:blur(20px);border-radius:50%;opacity:.7}.portal .art{position:absolute;inset:0}.portal-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#09042bba 0%,transparent 55%,#090823b0)}.portal-heading{position:absolute;top:23px;left:24px;right:16px;text-shadow:0 2px 20px #0009}.portal h3{font-size:clamp(1.35rem,2.05vw,2.25rem);line-height:1.15;font-weight:670}.station-kicker{font-size:.54rem;letter-spacing:.22em;display:block;margin-bottom:10px;color:#ded5ee}.station-meta{display:block;margin-top:10px;font-size:.75rem;color:#dfd8ef}.portal-play{position:absolute;bottom:26px;left:24px;border:1px solid #fff9;background:#17132670;backdrop-filter:blur(8px);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;z-index:2}.portal-play .icon{width:21px;height:21px;margin-left:3px}.portal-play:hover{background:#9031f6}.portal-0{left:2%;transform:rotateY(-11deg) rotateZ(-1deg)}.portal-1{left:48%;top:22%;width:28%;height:48%;transform:rotateY(-15deg) translateZ(-30px)}.portal-1 .portal-inner{border-color:#60dcee;box-shadow:0 0 5px #b1faff,inset 0 0 15px #6ed9ff,0 0 23px #33c4ff44,12px 16px 35px #000c}.portal-1 .station-kicker,.portal-2 .station-kicker,.portal-1 .station-meta,.portal-2 .station-meta{display:none}.portal-1 .portal-heading,.portal-2 .portal-heading{top:17px;left:16px}.portal-1 h3,.portal-2 h3{font-size:1.03rem}.portal-1 .portal-play,.portal-2 .portal-play{width:38px;height:38px;bottom:20px;left:16px}.portal-2{left:80%;top:29%;width:23%;height:38%;transform:rotateY(-20deg) translateZ(-80px)}.world-stage .portal:focus-visible{outline:2px solid var(--cyan);outline-offset:8px;border-radius:18px}.world-stage .portal:hover{transform:translateY(-6px) rotateY(-5deg)}.world-bottom{display:flex;justify-content:flex-end;align-items:center;gap:15px;color:#b9c5de;font-size:.74rem;padding-bottom:50px}.world-bottom>span{display:none}.world-bottom>div{display:flex;align-items:center;gap:5px}.world-section.classic .world-stage{display:flex;gap:15px;align-items:center}.world-section.classic .portal{position:relative;inset:auto!important;transform:none!important;width:calc(33.333% - 10px);height:270px}.world-section.classic .portal h3{font-size:1rem}.world-section.classic .station-kicker,.world-section.classic .station-meta{display:none}.world-section.classic .portal-heading{left:14px}.world-section.classic .portal-play{left:14px}.discovery{margin-top:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading a,.section-heading>button{display:inline-flex;align-items:center;gap:8px;font-size:.86rem}.section-heading .icon{width:16px;height:16px}.song-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.song-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.song-card{min-width:0}.cover{position:relative;aspect-ratio:1.8;border-radius:9px;overflow:hidden;background:#1d1c30}.cover-play{width:100%;height:100%;padding:0;display:block;text-align:left;overflow:hidden}.cover-play .art{transition:transform .45s}.cover:hover .art{transform:scale(1.045)}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0603118c,transparent 60%);opacity:.3;transition:opacity .3s}.round-play{display:grid;place-items:center;position:absolute;right:13px;bottom:13px;width:38px;height:38px;border-radius:50%;background:#e9deffea;color:#170a2a;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;box-shadow:0 0 15px #b66dfe77}.round-play .icon{width:18px;height:18px;margin-left:2px}.cover:hover .round-play,.cover:focus-within .round-play{opacity:1;transform:none}.save-button{position:absolute;right:8px;top:8px;background:#070c1880!important;backdrop-filter:blur(10px);opacity:0}.cover:hover .save-button,.cover:focus-within .save-button,.save-button[aria-pressed=true]{opacity:1}.save-button[aria-pressed=true]{color:#c17fff}.save-button[aria-pressed=true] .icon{fill:#a14fe6}.song-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:8px;min-width:0}.song-title{font-size:.9rem;padding:0;text-align:left}.song-caption small{display:block;color:var(--muted);margin-top:3px}.song-more{width:28px!important;height:28px!important;opacity:.5}.song-card:hover .song-more{opacity:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#b890f022}.icon-button[aria-pressed=true]{color:#c086ff}.icon-button[aria-pressed=true][data-action^=save] .icon{fill:currentColor}.player{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);background:linear-gradient(180deg,#11192bed,#060810f5 85%);border-top:1px solid #7b78c7;box-shadow:0 -3px 18px #6540df14;backdrop-filter:blur(30px);z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1.5fr) minmax(290px,1fr);align-items:center;gap:20px;padding:10px 25px}.player-track{display:flex;align-items:center;gap:15px;min-width:0}.player-art{width:66px;height:66px;padding:0;border:1px solid #7355b966;border-radius:8px;overflow:hidden;flex-shrink:0}.player-track>div{min-width:0;max-width:170px}.player-track strong{display:block;font-size:.97rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track span{display:block;color:#b1c2dc;font-size:.76rem;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-track>.icon-button{margin-left:5px}.transport{display:flex;align-items:center;justify-content:center;gap:18px}.play-button{width:49px;height:49px;border:2px solid #c294ff;border-radius:50%;display:grid;place-items:center;color:#21064c;background:#faf2ff;box-shadow:0 0 0 3px #793ccb70,0 0 20px #9c4cee50}.play-button:hover{background:#e3c9ff}.play-button .icon{width:21px;height:21px;fill:currentColor}.timeline{display:flex;align-items:center;gap:12px;font-size:.73rem;margin-top:7px;font-variant-numeric:tabular-nums}.waveform{flex:1;position:relative;height:26px}.waveform canvas{width:100%;height:100%;display:block}.waveform input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.waveform:focus-within{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:7px}.continuation{min-width:123px}.switch{display:flex;align-items:center;gap:7px;font-size:.68rem;white-space:nowrap;cursor:pointer}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch>span{display:block;width:28px;height:16px;background:#3c4353;border-radius:20px;position:relative;transition:background .2s}.switch>span:before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:white;transition:transform .2s}.switch input:checked+span{background:#a045fb;box-shadow:0 0 10px #a54dfb50}.switch input:checked+span:before{transform:translateX(12px)}.switch input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:4px}.continuation small{color:#9cafcd;display:block;font-size:.63rem;margin-top:8px}.player-extra input[type=range]{width:70px}.expand-button{margin-left:7px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#783ce8;border-radius:8px;padding:12px}.skip-link:focus{top:10px}.noscript{position:fixed;top:0;left:0;right:0;background:#512b7d;padding:15px;z-index:100;text-align:center}.form-status{color:#dec7ff;font-size:.86rem;padding:12px;line-height:1.5}.form-status.error{color:#ffbdbd}dialog{color:var(--text);background:linear-gradient(130deg,#141925,#090c16);border:1px solid #8f5ad0a3;border-radius:20px;padding:0;max-width:min(580px,calc(100vw - 32px));width:580px;max-height:calc(100dvh - 48px);box-shadow:0 30px 120px #000b;overflow:auto}dialog::backdrop{background:#02030bbb;backdrop-filter:blur(12px)}.dialog-head{position:sticky;top:0;display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:25px 28px 18px;background:#121623f5;backdrop-filter:blur(20px);z-index:5;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.55rem}.dialog-head p{color:var(--muted);font-size:.9rem;margin-top:6px}.dialog-body{padding:24px 28px}.dialog-footer{position:sticky;bottom:0;padding:16px 28px;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#101420f5;border-top:1px solid var(--line);z-index:3}.field{display:block;margin-bottom:18px;font-size:.88rem}.field>span,.field>label{display:block;margin-bottom:8px;color:#e0e5f0}.field input:not([type=checkbox]):not([type=range]),.field textarea,.field select,.search-field{display:block;color:var(--text);background:#0c121dd9;border:1px solid #6574967a;border-radius:9px;width:100%;padding:12px 14px;min-height:46px}.field textarea{min-height:100px}.field small{display:block;margin-top:7px;color:var(--muted)}.secondary{border:1px solid #74809b66;border-radius:12px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;background:#151b288a}.secondary:hover{background:#252337;border-color:#a880d1}.empty-state{text-align:center;padding:40px 20px}.empty-state>.icon{width:44px;height:44px;color:#b686ed;margin:0 auto 20px}.empty-state h3{margin-bottom:9px}.empty-state p{color:var(--muted);max-width:400px;margin:0 auto 23px;font-size:.94rem}.empty-state .primary,.empty-state .secondary{margin:5px}.option-list{display:flex;flex-direction:column;gap:6px;margin-top:18px;max-height:380px;overflow:auto}.option-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #74829d25;padding:12px 14px;border-radius:9px;min-height:47px;text-align:left;font-size:.94rem}.option-row:hover{background:#a36ae222}.option-row.selected{background:#9355d72a;border-color:#a772eb99;color:#e2c7ff}.option-count{color:var(--muted);font-size:.8rem;margin:12px 0}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:14px 16px;border:1px solid #9273c444;border-radius:10px;color:#c3cbdf;background:#9273c40b;font-size:.88rem;line-height:1.65}.dialog-body>.notice{margin-bottom:20px}#toast{position:fixed;left:50%;bottom:calc(var(--player-height) + 22px);transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);padding:14px 20px;background:#1b1730f5;border:1px solid #a36fd8b3;border-radius:12px;box-shadow:0 8px 40px #0008;font-size:.9rem}#toast button{text-decoration:underline;color:#d6b6ff;margin-left:16px}[hidden]{display:none!important}::selection{background:#a052dd77;color:white}::-webkit-scrollbar{width:7px;height:6px}::-webkit-scrollbar-thumb{background:#72549277;border-radius:10px}::-webkit-scrollbar-track{background:#131321}
@media(min-width:1600px){main{padding-left:42px;padding-right:55px}.create-layout{grid-template-columns:minmax(540px,.9fr) minmax(560px,1.2fr);gap:35px}.composer{padding:16px}.quick-control{min-height:66px}.quick-control small{font-size:.75rem}.quick-control strong{font-size:.94rem}.prompt-wrap textarea{min-height:140px}.world-stage{min-height:440px}.portal{height:69%}.portal-1{height:51%}.portal-2{height:42%}.discovery{margin-top:24px}.cover{aspect-ratio:1.8}}
@media(max-width:1200px){:root{--rail-width:88px}.topbar{padding:0 25px}.brand{font-size:1.16rem}.brand svg{width:42px}.search-launch{width:40%;font-size:.86rem}main{padding:12px 25px calc(var(--player-height) + 30px) 22px}.create-layout{grid-template-columns:minmax(375px,1fr) minmax(335px,1fr)}h1{font-size:2.6rem}.quick-control{gap:7px;padding:8px}.quick-control>.icon:first-child{width:20px}.quick-control>.icon:last-child{width:10px}.world-toolbar{flex-wrap:wrap;gap:7px}.segmented button{padding:6px 17px}.filter-button{padding:7px 13px}.portal{width:51%;height:58%;top:16%}.portal-1{width:33%;left:59%;height:42%;top:29%}.portal-2{left:89%;width:26%;height:33%;top:35%;opacity:.8}.portal-heading{left:19px}.station-kicker{font-size:.49rem}.portal h3{font-size:1.65rem}.portal-1 h3,.portal-2 h3{font-size:.9rem}.world-bottom{padding-bottom:40px}.song-grid.five{gap:15px}.player{grid-template-columns:minmax(200px,1fr) minmax(275px,1.3fr) minmax(210px,1fr);gap:12px;padding:10px 18px}.player-art{width:57px;height:57px}.player-track{gap:10px}.player-extra input[type=range],.volume-button{display:none}.transport{gap:12px}.continuation{min-width:118px}.player-track strong{font-size:.9rem}.creation-actions{gap:5px}.creation-actions .text-button{font-size:.9rem;gap:8px}}
@media(max-width:900px){:root{--rail-width:78px;--player-height:105px}.topbar{gap:15px;padding:0 20px}.brand{font-size:1.05rem}.brand svg{width:38px}.search-launch{padding:9px 13px;gap:10px}.search-launch kbd{display:none}.account-link{padding:8px 13px}.rail a{font-size:.76rem;height:77px}main{padding:15px 23px calc(var(--player-height) + 35px)}.create-layout{display:block}.composer-section{max-width:600px;margin:0 auto}h1{font-size:3rem}.composer{padding:14px}.prompt-wrap textarea{min-height:125px}.quick-control{min-height:64px;padding:9px 13px}.quick-control small{font-size:.72rem}.quick-control strong{font-size:.9rem}.world-section{margin-top:35px}.world-toolbar{justify-content:center}.world-stage{height:385px;min-height:385px;flex:auto;max-width:640px;width:100%;margin:0 auto}.portal{width:40%;height:80%;top:5%}.portal-1{width:29%;height:63%;left:47%;top:14%}.portal-2{width:23%;height:47%;left:79%;top:24%;opacity:1}.world-bottom{padding:0 0 15px}.discovery{margin-top:25px}.song-grid.five{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.player{grid-template-columns:1fr 1.2fr 42px;padding:12px 18px}.player-extra{justify-content:center}.player-extra .continuation,.player-extra>[data-action=queue]{display:none}.player-track .icon-button{display:none}.timeline{margin-top:7px;gap:8px}.transport{gap:10px}.player-art{width:55px;height:55px}.player-track span{font-size:.7rem}}
@media(max-width:600px){:root{--rail-width:0px;--top-height:70px;--player-height:72px}.environment{background:linear-gradient(90deg,#03060aba,#070a1377),linear-gradient(0deg,#030509 20%,transparent),url('assets/world.png') 62% top/auto 110vh no-repeat}.topbar{height:70px;padding:0 18px;gap:10px}.brand{font-size:1.13rem;gap:7px}.brand svg{width:39px;height:35px}.search-launch{width:35px;height:35px;padding:6px;justify-content:center;border:none;background:transparent;margin-left:auto}.search-launch span,.search-launch kbd{display:none}.account-link{padding:7px;border:none;background:transparent}.account-link span{display:none}.rail{top:auto;bottom:0;height:65px;width:100%;flex-direction:row;justify-content:space-around;padding:5px 12px 7px;border-top:1px solid #61698355;border-right:0;background:#080d17f5;backdrop-filter:blur(20px);z-index:25;gap:5px}.rail a{flex:1;height:52px;font-size:.69rem;gap:3px}.rail .icon{width:23px;height:23px}.rail a[aria-current]:before{top:auto;bottom:-6px;left:33%;right:33%;width:auto;height:2px}.rail a[aria-current]{background:#9d69d014;box-shadow:none}main{padding:14px 18px 180px;margin:0}.brand-signature{font-size:.57rem;letter-spacing:.37em;margin-bottom:15px}h1{font-size:clamp(2rem,8.9vw,3rem);letter-spacing:-.052em}.intro{font-size:.91rem;margin:13px 0 20px;line-height:1.5}.composer{padding:10px;border-radius:14px}.prompt-wrap textarea{font-size:1rem;min-height:140px;padding:12px 12px 0}.quick-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.quick-control{min-height:59px;padding:9px 10px;gap:9px}.quick-control small{font-size:.71rem}.quick-control strong{font-size:.88rem}.quick-control>.icon:first-child{width:22px}.energy{margin:18px 3px 16px;gap:13px}.creation-actions{grid-template-columns:1.25fr 1fr;gap:5px}.creation-actions .primary{font-size:1rem;gap:7px;border-radius:12px}.creation-actions .text-button{font-size:.84rem;gap:7px;padding:10px 5px}.creation-actions .text-button .icon{width:18px}.listen-link{font-size:.86rem;padding:12px 0 5px;margin-top:15px}.world-section{margin-top:32px;margin-left:-5px;margin-right:-5px}.world-toolbar{justify-content:space-between;gap:5px}.segmented button{padding:7px 15px;font-size:.75rem}.filter-button{padding:7px 11px;font-size:.75rem;gap:9px}.world-stage{min-height:305px;height:305px}.portal{height:78%;width:49%;top:7%;left:3%}.portal-1{width:31%;left:58%;height:58%;top:19%}.portal-2{left:91%;width:26%;height:46%;top:27%}.portal h3{font-size:1.5rem}.portal-1 h3,.portal-2 h3{font-size:.83rem}.portal-heading{left:17px;top:18px}.station-kicker{font-size:.4rem;margin-bottom:8px}.station-meta{font-size:.63rem;margin-top:8px}.portal-play{left:16px;width:40px;height:40px;bottom:18px}.portal-1 .portal-heading,.portal-2 .portal-heading{left:11px}.world-bottom{font-size:.7rem;padding:0 2px}.world-bottom .icon-button{width:30px}.world-section.classic .world-stage{overflow:auto;justify-content:flex-start;gap:12px;min-height:260px;height:260px}.world-section.classic .portal{flex-shrink:0;width:145px;height:225px}.discovery{margin-top:24px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:1.18rem}.section-heading a,.section-heading>button{font-size:.77rem;gap:4px}.song-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.song-grid.five .song-card:last-child{grid-column:auto}.cover{aspect-ratio:1.3}.round-play{opacity:1;transform:none;width:31px;height:31px;right:9px;bottom:9px}.round-play .icon{width:15px}.song-title{font-size:.84rem}.song-caption{padding-top:6px;gap:0}.song-more{width:24px!important}.song-more .icon{width:19px}.save-button{width:29px;height:29px;right:5px;top:5px;opacity:1}.save-button .icon{width:18px}.player{bottom:65px;height:72px;grid-template-columns:minmax(0,1fr) auto 32px;gap:9px;padding:9px 12px;background:#111827f5;border-top:1px solid #8a60cf6b}.player-art{height:48px;width:48px}.player-track{gap:10px}.player-track strong{font-size:.84rem}.player-track span{font-size:.66rem;margin-top:3px;max-width:170px}.player-center .timeline{position:absolute;bottom:-1px;left:0;right:0;margin:0;height:2px}.timeline>span{display:none}.waveform{height:2px}.waveform canvas{height:2px}.transport{gap:4px}.transport>.icon-button{display:none}.transport>.icon-button[data-action=next]{display:inline-flex;width:31px}.play-button{width:37px;height:37px;border-width:1px;box-shadow:0 0 0 2px #793ccb50}.play-button .icon{width:17px}.player-extra>.expand-button{margin:0;width:30px}.player-extra>.expand-button .icon{width:18px}.player-extra{gap:0}.dialog-head{padding:20px}.dialog-head h2{font-size:1.4rem}.dialog-body{padding:20px}.dialog-footer{padding:14px 20px}dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px);border-radius:16px}#toast{bottom:153px;width:max-content;max-width:calc(100vw - 26px);font-size:.8rem}.empty-state{padding:28px 10px}}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0 32px}.page-heading h1{font-size:clamp(2.7rem,4vw,4.1rem)}.eyebrow{font-size:.75rem;letter-spacing:.3em;color:#c2d2ea;margin-bottom:14px}.page-intro{font-size:1.17rem;color:#c2d0e7;margin-top:13px;line-height:1.55}.page-heading>.primary{white-space:nowrap;margin-top:25px}.category-section{margin-top:5px}.category-section>h2{font-size:1.65rem}.category-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0 19px;gap:20px}.tabs{display:flex;align-items:center;gap:8px}.tabs>button{border:1px solid #7583a34d;border-radius:10px;min-width:120px;padding:10px 25px;background:#0a101bc9;font-size:.9rem;white-space:nowrap;transition:background .2s}.tabs>button[aria-selected=true]{background:linear-gradient(160deg,#a244f8,#6d0de6);border-color:#bd79f2;box-shadow:0 0 20px #7628d555}.tabs>button:hover{border-color:#a670de}.genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.genre-card{height:255px;position:relative;border-radius:15px;overflow:hidden;border:1px solid #da80eabb;box-shadow:0 0 0 2px #de62ed33,inset 0 0 10px #e5a4ef99,0 6px 30px #a02abe33;transform:perspective(1000px) rotateY(-2deg);text-align:left;padding:0;transition:transform .35s,box-shadow .35s;background:#171127}.genre-card:nth-child(2n){border-color:#7e9dff;box-shadow:0 0 0 2px #556cfb33,inset 0 0 10px #b296ff99,0 6px 30px #4059d833}.genre-card:hover{transform:translateY(-7px);box-shadow:0 4px 32px #a562ee77}.genre-card .art{position:absolute;inset:0;object-fit:cover}.genre-shade{position:absolute;inset:0;background:linear-gradient(180deg,#120827fa,transparent 57%,#23103b1f)}.genre-name{position:absolute;left:18px;right:14px;top:18px;display:flex;align-items:center;justify-content:space-between;font-weight:650;font-size:1.2rem;text-shadow:0 2px 10px #0008}.genre-name .icon{width:16px}.explore-songs{margin-top:47px}.explore-songs .round-play{opacity:1;transform:none;background:#1b172789;border:1px solid #fff;color:#fff}.radio-heading{padding-bottom:10px;align-items:flex-start}.radio-heading h1{font-size:3.5rem}.radio-filters{display:flex;gap:10px;margin-top:10px}.radio-feature{display:grid;grid-template-columns:32% 68%;min-height:415px;align-items:center}.station-story{padding:15px 0 40px}.station-story .eyebrow{font-size:.66rem;margin-bottom:15px;color:#c795ff}.station-story h2{font-size:2.9rem;font-weight:690;letter-spacing:-.05em}.station-description{font-size:1.25rem;color:#ccd7ec;line-height:1.45;margin:14px 0 18px}.station-tags{color:#aebdd6;font-size:.87rem;display:block;margin-bottom:24px}.station-tags b{padding:0 9px}.radio-portals{height:400px;position:relative;perspective:1000px;margin-top:-22px}.radio-portals .portal-0{left:3%;width:39%;height:92%;top:0}.radio-portals .portal-1{left:49%;width:28%;height:70%;top:16%}.radio-portals .portal-2{left:80%;width:23%;height:53%;top:28%}.radio-portals .portal-0 .portal-inner{border-color:#4fd3f5;box-shadow:0 0 6px #c1f7ff,inset 0 0 15px #55c8f5,0 0 28px #35baec55,12px 16px 35px #000c}.radio-portals .portal-1 .portal-inner{border-color:#b882ff;box-shadow:0 0 5px #e3bbff,inset 0 0 15px #b16ff6,0 0 23px #a736ff44,12px 16px 35px #000c}.more-stations{margin-top:20px}.station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.station-card{height:150px;position:relative;text-align:left;border-radius:12px;overflow:hidden;border:1px solid #896ab26b;padding:0}.station-card .art{position:absolute;inset:0;transition:transform .4s}.station-card:hover .art{transform:scale(1.05)}.station-card-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0816e6,#0c10192e)}.station-card>span:not(.station-card-shade):not(.station-card-play){position:absolute;left:21px;right:45px;bottom:22px}.station-card strong{display:block;font-size:1.25rem;letter-spacing:-.03em}.station-card small{display:block;color:#d1d6e5;margin-top:5px}.station-card-play{position:absolute;right:20px;bottom:25px;border:1px solid #f7efffcc;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.station-card-play .icon{width:17px;height:17px}.library-section{margin-top:5px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #7783a032;padding-bottom:19px}.device-note{color:#acb6cb;font-size:.75rem}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 24px}.search-box{display:flex;align-items:center;gap:12px;border:1px solid #76829b50;border-radius:30px;background:#0d1422b5;padding:9px 17px;min-width:330px}.search-box .icon{width:19px;height:19px;color:#abb9d0}.search-box input{background:transparent;color:var(--text);border:0;outline:none;min-width:0;width:100%;font-size:.87rem}.search-box:focus-within{outline:2px solid var(--cyan);outline-offset:3px}.sort-control select{background:#0c111dd9;border:1px solid #6e7c9944;color:var(--text);border-radius:30px;padding:10px 17px;font-size:.85rem}.library-empty{margin-top:40px;padding:60px 20px;background:#0a0f1b99;border:1px solid #6a738630;border-radius:18px;backdrop-filter:blur(10px)}.song-card.large .cover{aspect-ratio:1.86}.song-card.large .song-title{font-size:1.02rem}.song-card.large .save-button{opacity:1}.song-card.large .round-play{opacity:1;transform:none}.song-card.large .cover-shade{opacity:1}.playing-badge{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:.72rem;background:#2b165ccf;border:1px solid #c087f980;backdrop-filter:blur(10px)}.playing-badge .icon{width:15px;height:15px}.song-card.large{margin-bottom:10px}.playlist-card{border:1px solid #8b6cbc55;background:#111522db;border-radius:15px;overflow:hidden}.playlist-cover{height:180px;position:relative;background:linear-gradient(135deg,#34244c,#0f2236);display:grid;place-items:center}.playlist-cover>.icon{width:64px;height:64px;color:#baa0e0}.playlist-caption{padding:17px;display:flex;justify-content:space-between;align-items:center}.playlist-caption h3{font-size:1.1rem}.playlist-caption small{color:var(--muted)}body[data-page=login] .rail,body[data-page=login] .search-launch,body[data-page=login] .account-link{display:none}body[data-page=login] .auth-back{display:flex;font-size:.94rem}body[data-page=login] main{margin-left:0;padding:8px 60px calc(var(--player-height) + 40px) 110px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px}body[data-page=login] .environment{background:linear-gradient(90deg,#03060945,#03071118),linear-gradient(0deg,#030509 0%,transparent 50%),url('assets/world.png') center/cover no-repeat}.auth-scene{padding-top:19px;min-width:0}.auth-scene h1{font-size:clamp(3rem,4.65vw,5.3rem);line-height:1.04;letter-spacing:-.055em}.auth-scene>p{font-size:1.18rem;max-width:620px;color:#cedbf0;line-height:1.6;margin-top:15px}.auth-portal{height:460px;position:relative;perspective:1200px;margin-top:30px}.auth-portal .portal{left:14%;width:52%;height:91%;top:1%;transform:rotateY(-12deg) rotateZ(-1deg)}.auth-portal .portal h3{font-size:2.3rem}.auth-portal .station-kicker{font-size:.6rem}.auth-portal .station-meta{font-size:.88rem}.auth-portal .portal-heading{left:27px;top:27px}.auth-card{padding:30px 38px 24px;max-width:555px;width:100%;align-self:start;margin-left:auto}.auth-card h2{font-size:2.65rem;line-height:1.2;letter-spacing:-.05em;font-weight:750}.auth-intro{color:#cedaf0;font-size:1rem;margin-top:5px;margin-bottom:20px}.provider-buttons{display:flex;flex-direction:column;gap:8px}.provider{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #70829e60;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,#1b2536b3,#151a25b3);font-size:.96rem;min-height:48px;position:relative}.provider:hover{border-color:#b690ef;background:#241e3a}.provider-mark{font-size:1.9rem;line-height:1;height:29px;width:29px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:Arial,sans-serif}.google{color:#4285f4}.amazon{color:#fff;position:relative}.amazon:after{content:'';position:absolute;bottom:0;left:4px;right:3px;height:6px;border-bottom:2px solid #ffac25;border-radius:50%}.divider{display:flex;align-items:center;gap:15px;font-size:.85rem;color:#cad4e5;margin:24px 0 19px}.divider:before,.divider:after{content:'';height:1px;background:#8d9cba4d;flex:1}.auth-card .field{margin-bottom:14px;font-size:.87rem}.auth-card .field input{font-size:.92rem;padding:12px 15px}.auth-card .field>span{margin-bottom:6px}.password-field{position:relative;display:block}.password-field input{padding-right:50px!important}.password-field>button{position:absolute;right:5px;top:5px;width:39px;height:39px;display:grid;place-items:center;border-radius:8px}.password-field>button:hover{background:#9971c122}.recovery{text-align:right;font-size:.88rem;margin-top:-5px;margin-bottom:17px}.auth-submit{width:100%;font-size:1.1rem}.signup-link{font-size:.9rem;text-align:center;margin-top:19px}.signup-link button{padding:0;text-decoration:underline;text-underline-offset:3px}.guest-link{display:block;text-align:center;font-size:.9rem;color:#bbcdef;margin-top:19px;text-decoration:underline;text-underline-offset:3px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:13px;color:#b5c7e8;margin-top:25px;font-size:.79rem}.auth-footer button{padding:5px}.auth-footer button:hover{color:#e4c3ff}body[data-page=login]:not(.has-audio) .player{display:none}body[data-page=login]:not(.has-audio) main{padding-bottom:35px}.filter-chip{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border:1px solid #ad71eb8c;border-radius:30px;margin:0 8px 18px 0;color:#dec8fd;background:#68369330;font-size:.85rem}.filter-chip .icon{width:15px;height:15px}
@media(min-width:1600px){.page-heading{padding:25px 0 45px}.genre-card{height:310px}.explore-songs{margin-top:65px}.radio-feature{min-height:490px}.radio-portals{height:470px}.station-card{height:185px}.auth-card{padding:42px 48px}.auth-portal{height:540px}body[data-page=login] main{padding-top:20px;gap:85px}.auth-scene>p{font-size:1.4rem}}
@media(max-width:1200px){.page-heading h1{font-size:3rem}.page-heading .primary{font-size:.88rem;padding:10px 18px}.page-intro{font-size:1.02rem}.genre-grid{gap:15px}.genre-card{height:225px}.genre-name{font-size:1rem;left:12px;right:10px}.radio-feature{grid-template-columns:34% 66%;min-height:380px}.radio-portals{height:340px;overflow:hidden}.station-story h2{font-size:2.5rem}.station-description{font-size:1.1rem}.radio-portals .portal h3{font-size:1.6rem}.radio-portals .portal-1 h3,.radio-portals .portal-2 h3{font-size:1rem}.station-grid{gap:16px}.station-card{height:135px}.station-card strong{font-size:1.08rem}.station-card small{font-size:.7rem}.library-toolbar{gap:10px}.tabs>button{min-width:100px;padding:10px 17px}.library-tools .search-box{min-width:260px}.song-grid{gap:20px}body[data-page=login] main{padding-left:55px;padding-right:40px;gap:35px;grid-template-columns:1fr 1fr}.auth-card{padding:28px}.auth-card h2{font-size:2.2rem}.auth-intro{font-size:.9rem}.auth-scene>p{font-size:1rem}.auth-portal .portal{left:8%;width:69%;height:85%}}
@media(max-width:900px){.page-heading{display:block;padding-top:13px}.page-heading>.primary,.page-heading>.inline-actions{margin-top:22px}.page-heading h1{font-size:3rem}.category-toolbar{flex-wrap:wrap;gap:7px}.category-toolbar>.text-button{padding-left:0}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.genre-card{height:230px}.category-section>h2{font-size:1.5rem}.genre-name{font-size:1.1rem}.explore-songs{margin-top:34px}.radio-heading{padding-bottom:25px}.radio-filters{margin-top:23px}.radio-feature{display:block}.station-story{padding-top:0;padding-bottom:25px}.station-story .station-description{display:inline;margin-right:20px}.station-story .station-description br{display:none}.station-story .station-tags{display:inline-block;margin:12px 0}.station-story .primary{display:block;margin-top:15px}.radio-portals{height:390px;margin:0}.radio-portals .portal-0{height:90%;top:2%}.radio-portals .portal-1{height:72%;top:12%}.more-stations{margin-top:24px}.station-grid{grid-template-columns:1fr;gap:16px}.station-card{height:145px}.station-card strong{font-size:1.3rem}.station-card small{font-size:.85rem}.library-toolbar{flex-wrap:wrap;gap:15px}.device-note{font-size:.72rem}.library-tools{gap:10px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=login] main{grid-template-columns:1fr;max-width:660px;margin:0 auto;padding:15px 40px calc(var(--player-height) + 35px)}.auth-scene{text-align:center;padding-top:0}.auth-scene h1{font-size:3.5rem}.auth-scene>p{margin:15px auto 0;font-size:1rem}.auth-portal{display:none}.auth-card{margin:0 auto;max-width:510px;padding:32px}.auth-back .icon{width:18px}.auth-back{font-size:.8rem!important}}
@media(max-width:600px){.page-heading{padding:14px 0 28px}.page-heading h1{font-size:2.75rem}.page-intro{font-size:.96rem;margin-top:12px}.eyebrow{font-size:.67rem;letter-spacing:.25em;margin-bottom:15px}.page-heading>.primary{min-height:47px;margin-top:24px;font-size:.94rem}.category-section{margin-top:0}.category-section>h2{font-size:1.37rem}.category-toolbar{margin:13px 0 17px;align-items:flex-end;gap:10px}.tabs{gap:6px;width:100%;overflow:auto;scrollbar-width:none}.tabs>button{padding:9px 17px;min-width:0;font-size:.83rem;flex:1}.category-toolbar .text-button{font-size:.79rem;padding:0;gap:5px}.category-toolbar .icon{width:14px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}.genre-card{height:198px;border-radius:12px}.genre-name{font-size:1.15rem;left:13px;top:14px}.explore-songs{margin-top:32px}.radio-heading h1{font-size:2.62rem}.radio-feature{min-height:0}.station-story .eyebrow{font-size:.64rem}.station-story h2{font-size:2.35rem}.station-story .station-description{display:block;font-size:1.04rem;margin:10px 0 0}.station-story .station-tags{font-size:.8rem;display:block;margin:12px 0 17px}.station-story .primary{margin-top:10px;font-size:.95rem}.radio-portals{height:315px;margin-left:-4px;margin-right:-5px}.radio-portals .portal-0{width:50%;height:92%;left:3%}.radio-portals .portal-1{width:32%;left:60%;height:70%;top:18%}.radio-portals .portal-2{width:25%;left:95%;height:55%;top:28%}.radio-portals .portal h3{font-size:1.5rem}.radio-portals .portal-1 h3,.radio-portals .portal-2 h3{font-size:.85rem}.station-story{padding-bottom:25px}.more-stations{margin-top:32px}.station-card{height:145px}.station-card small{font-size:.81rem}.page-heading>.inline-actions{gap:9px;flex-wrap:nowrap}.page-heading>.inline-actions .primary,.page-heading>.inline-actions .secondary{font-size:.82rem;padding:9px 13px;gap:7px;border-radius:11px}.page-heading>.inline-actions .icon{width:19px}.library-toolbar{padding-bottom:14px;gap:11px}.library-toolbar .tabs>button{font-size:.78rem;padding:10px 8px}.library-tools{margin-top:15px;flex-wrap:wrap;gap:12px}.search-box{min-width:0!important;width:100%;padding:11px 14px}.sort-control{margin-left:auto}.sort-control select{font-size:.77rem;padding:8px 13px}.device-note{font-size:.7rem}.library-empty{margin-top:20px;padding:36px 15px}.library-empty h3{font-size:1.35rem}.library-empty p{font-size:.9rem}.library-empty .primary,.library-empty .secondary{font-size:.85rem}.song-grid{gap:20px 12px}.song-card.large .cover{aspect-ratio:1.15}.song-card.large .song-title{font-size:.87rem}.song-card.large .song-caption small{font-size:.7rem}.playing-badge{font-size:.6rem;padding:4px 6px;left:7px;top:7px}.playing-badge .icon{width:12px}.playlist-cover{height:150px}.playlist-caption{padding:12px}.playlist-caption h3{font-size:.96rem}.playlist-caption small{font-size:.7rem}body[data-page=login] .topbar{height:68px;padding:0 17px}body[data-page=login] .brand{font-size:1.05rem}body[data-page=login] .auth-back{font-size:.72rem!important;gap:5px}body[data-page=login] .auth-back .icon{width:16px}body[data-page=login] main{padding:16px 18px 30px;gap:28px}body[data-page=login].has-audio main{padding-bottom:95px}body[data-page=login] .player{bottom:0}body[data-page=login] .auth-scene h1{font-size:2.72rem;line-height:1.05}.auth-scene>p{font-size:.9rem;line-height:1.55;max-width:320px}.auth-card{padding:25px 20px}.auth-card h2{font-size:2rem}.auth-card .auth-intro{font-size:.87rem;line-height:1.5;margin-top:6px}.provider{font-size:.9rem;min-height:47px}.divider{margin:24px 0 19px;font-size:.81rem}.auth-card .field{font-size:.83rem}.auth-card .field input{font-size:1rem}.auth-submit{font-size:1rem}.signup-link,.guest-link{font-size:.83rem}.auth-footer{font-size:.75rem;margin-top:23px}}
.full-row{grid-column:1/-1}.unavailable-art{height:220px;border-radius:12px;overflow:hidden;margin:0 auto 22px;width:100%}.track-row{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #8391af20;min-width:0}.row-art{padding:0;width:50px;height:50px;flex-shrink:0;border-radius:7px;overflow:hidden}.track-row>div{flex:1;min-width:0}.track-row strong{display:block;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row small{color:var(--muted);font-size:.78rem}.section-label{font-size:.77rem;color:#b2bed8;text-transform:uppercase;letter-spacing:.13em;margin:23px 0 9px}.queue-heading{display:flex;align-items:center;justify-content:space-between}.queue-heading .text-button{font-size:.83rem}.queue-empty{padding:30px 0;color:#b3bfd7;text-align:center;font-size:.9rem}.expanded-art{height:280px;width:280px;margin:auto;border-radius:16px;overflow:hidden;border:1px solid #bc7bf475;box-shadow:0 0 35px #924ded28}.expanded-origin{text-align:center;margin:17px 0;color:#acbdd9;font-size:.9rem}.expanded-progress{display:flex;align-items:center;gap:12px;font-size:.78rem;font-variant-numeric:tabular-nums}.expanded-progress input{width:100%;min-width:0}.expanded-transport{display:flex;align-items:center;justify-content:center;gap:28px;margin:24px 0 20px}.expanded-options{display:flex;justify-content:center;gap:15px;font-size:.88rem}.expanded-volume{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px}.expanded-volume input{width:160px}.expanded-switch{justify-content:center;font-size:.88rem;margin-top:20px}.expanded-help{font-size:.76rem;color:#a9b8d3;text-align:center;margin:12px 0}.details-list{margin:15px 0}.details-list>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:9px 0;border-bottom:1px solid #7990b226;font-size:.88rem}.details-list dt{color:#abb9d2}.details-list dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-search{min-width:0;width:100%;border-radius:10px}.song-menu{display:flex;flex-direction:column;gap:8px}.option-row>span{display:flex;align-items:center;gap:13px}.option-row>.icon{width:17px}.brief-preview{margin:15px 0;font-size:1.05rem;line-height:1.7;border-left:2px solid #aa66ed;padding:10px 20px;white-space:pre-wrap;color:#d6dfef}.playlist-cover{width:100%;padding:0}.world-no-match{padding-top:100px}.portal-inner:after{background:linear-gradient(110deg,#fff1 0%,transparent 4%,transparent 97%,#fff2 99%,transparent);box-shadow:inset 0 0 16px #c99cff38,inset 2px 2px 2px #f3e7ffb0,inset -2px -2px 3px #7b67ffb0}.station-kicker{display:none}.portal h3{margin-top:2px}.radio-portals{overflow:hidden}.control-field input:not([type=checkbox]):not([type=range]),.control-field select,.control-field textarea{width:100%;min-width:0;display:block;padding:11px 13px;font-size:.9rem;border:1px solid #697c9a66;background:#0a111be6;color:var(--text);border-radius:8px}.control-field input[type=checkbox],.use-control input{accent-color:#a054eb;width:16px;height:16px;flex-shrink:0}.control-field label{font-size:.86rem}.control-field{margin-bottom:18px}.control-field>small{font-size:.75rem;color:#a9b8d2}.control-field:has(>.nested-fields)>label{display:none}.control-field:has(>.nested-fields){margin-bottom:0}.nested-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.nested-fields .control-field:has(textarea),.nested-fields .control-field:has(>.repeater),.nested-fields .control-field:has(>.nested-fields){grid-column:1/-1}.numeric-control{display:flex;gap:15px;align-items:center}.numeric-control input[type=range]{flex:1;width:65%;min-width:20px}.numeric-control input[type=number]{width:92px;flex-shrink:0}.numeric-control>span{font-size:.75rem;color:#acb7ce}.required-mark{color:#ca93fc}.multi-control{display:flex;flex-direction:column;gap:10px}.multi-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:255px;overflow:auto;padding:2px}.choice{display:flex!important;gap:9px;align-items:center;padding:9px;border:1px solid #8c9bb033;border-radius:7px;background:#131a2670;font-size:.84rem;cursor:pointer}.choice:has(input:checked){background:#773ac23a;border-color:#a166d377}.choice span{overflow-wrap:anywhere}.choice input{margin:0}.selected-values{display:flex;flex-wrap:wrap;gap:5px}.selected-chip{border:1px solid #b26bed6b;background:#7a3fb22b;color:#e7d2ff;padding:3px 8px;border-radius:20px;font-size:.74rem}.multi-control .option-count{margin:0;font-size:.77rem}.multi-control .text-button{font-size:.84rem}.wide{width:1020px;max-width:calc(100vw - 38px)}.wide>.dialog-head{padding-bottom:20px}.wide .dialog-body{padding:0}.controls-toolbar{display:flex;align-items:center;gap:20px;padding:20px 25px;border-bottom:1px solid #7182a12a}.controls-toolbar .search-box{flex:1;min-width:0;max-width:570px;border-radius:10px}.controls-toolbar>span{font-size:.8rem;color:#b7bed2}.controls-layout{display:grid;grid-template-columns:195px 1fr}.control-groups{padding:20px 15px;display:flex;flex-direction:column;gap:7px;align-self:start;position:sticky;top:120px}.control-groups button{font-size:.81rem;padding:10px 12px;text-align:left;border-radius:7px;color:#bcc8de}.control-groups button[aria-current]{background:#9b5deb29;color:#e4c9ff}.control-groups button:hover{background:#7851941c}#controls-form{padding:23px 25px 30px;border-left:1px solid #7985a129}.controls-hint{font-size:.82rem;color:#b1bfd8;margin-bottom:18px}.control-card{border:1px solid #7787a33c;border-radius:10px;margin-bottom:10px;background:#11182660}.control-card summary{cursor:pointer;display:flex;gap:15px;align-items:center;padding:15px 17px;font-size:.9rem;list-style:none}.control-card summary::-webkit-details-marker{display:none}.control-card summary>.icon{width:16px;height:16px;transition:transform .2s}.control-card[open] summary>.icon{transform:rotate(180deg)}.control-card summary>.control-set{margin-left:auto;font-size:.73rem;color:#b5a3d6}.control-card[open]{border-color:#9d70cc7d}.control-content{padding:0 17px 5px}.use-control{display:flex;gap:9px;align-items:center;font-size:.79rem;color:#c1cee2;margin:0 0 16px}.control-inputs{border:0;padding:0;margin:0;min-width:0}.control-inputs:disabled{opacity:.42}.repeat-row{position:relative;padding:15px 42px 0 15px;border:1px solid #7385a83b;border-radius:9px;margin-bottom:13px;background:#080e1866}.repeat-row>.remove-row{position:absolute;top:6px;right:5px;width:30px;height:30px}.repeat-row>.control-field{margin:0}.repeater+.text-button{font-size:.86rem;justify-content:flex-start}.kv-row{display:flex;gap:8px;margin-bottom:9px}.kv-row input{width:calc(50% - 20px)!important}.kv-row .icon-button{width:30px;flex-shrink:0}.wide .dialog-footer{gap:12px}.wide .dialog-footer>.text-button{margin-right:auto;font-size:.88rem}.control-card summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.form-status.error{overflow-wrap:anywhere}.portal-base{position:absolute;left:-22%;bottom:-9%;width:146%;height:25%;pointer-events:none;mix-blend-mode:lighten;z-index:3;overflow:hidden}.portal .portal-play{bottom:32px}.portal-1 .portal-play,.portal-2 .portal-play{bottom:24px}.genre-base{position:absolute;bottom:-27px;left:-10%;width:120%;height:45px;pointer-events:none;mix-blend-mode:lighten}.genre-card{overflow:visible}.genre-card>.art,.genre-shade{border-radius:14px;overflow:hidden}.genre-grid{padding-bottom:20px}.station-card .art{filter:brightness(.95)}
@media(min-width:1000px){main{padding-top:4px}.create-layout .intro{margin:8px 0 10px}.create-layout h1{letter-spacing:-.045em;line-height:.99}.composer-section .brand-signature{margin-bottom:12px}.composer{padding:11px}.quick-control{min-height:53px}.quick-control small{font-size:.75rem}.quick-control strong{font-size:.875rem}.energy{margin-top:12px;margin-bottom:10px}.listen-link{margin-top:10px;padding-top:8px}.world-section .portal-0{left:3%;width:40%;height:66%;top:8%}.world-section .portal-1{left:48%;width:27%;height:48%;top:20%}.world-section .portal-2{left:79%;width:20%;height:37%;top:27%}.world-section{overflow:visible}.world-bottom{padding-bottom:45px}.page-heading{padding-top:8px}.page-heading h1{letter-spacing:-.04em}.radio-heading{padding-bottom:6px}.radio-feature{min-height:300px}.radio-portals{position:absolute;top:97px;left:47%;right:30px;height:480px;overflow:visible}.radio-portals .portal-0{left:1%;width:43%;height:76%;top:4%}.radio-portals .portal-1{left:50%;width:27%;height:56%;top:23%}.radio-portals .portal-2{left:81%;width:18%;height:43%;top:36%}.radio-portals .portal-heading{left:18px}.radio-portals .portal h3{font-size:1.9rem}.radio-portals .portal-1 h3{font-size:1.1rem}.radio-portals .portal-2 h3{font-size:.91rem}.radio-feature .station-story{padding:22px 0 25px}.station-story .station-description{font-size:1.07rem;white-space:nowrap}.station-story .station-description br{display:none}.more-stations{margin-top:22px}.station-card{height:180px}.radio-heading>.radio-filters{z-index:4}.radio-heading .page-intro{max-width:535px;font-size:1.05rem}.radio-heading h1{font-size:3.2rem}.auth-scene h1{letter-spacing:-.045em}.world-stage,.radio-portals{isolation:isolate}.world-stage .portal:after,.radio-portals .portal:after,.auth-portal .portal:after{display:none}}
@media(min-width:1600px){.radio-portals{left:46%;right:45px;height:570px}.radio-feature{min-height:380px}.world-section .portal-0{height:70%}.quick-control{min-height:62px}}
@media(max-width:900px){.control-groups{position:static;padding:12px 15px;flex-direction:row;overflow:auto;border-bottom:1px solid var(--line)}.control-groups button{white-space:nowrap}.controls-layout{display:block}#controls-form{border-left:0;padding:20px}.controls-toolbar{padding:16px 20px}.portal-base{height:22%;bottom:-8%}}
@media(max-width:600px){.wide{max-width:calc(100vw - 16px)}.wide .dialog-footer{flex-wrap:wrap;gap:8px;padding:12px 16px}.wide .dialog-footer button{font-size:.8rem;padding:9px 13px;min-height:40px}.wide .dialog-footer>.text-button{margin-right:0}.controls-toolbar{gap:10px;padding:14px}.controls-toolbar>span{font-size:.68rem;white-space:nowrap}.controls-toolbar .search-box{width:auto;padding:9px 10px}.control-groups{padding:9px 10px}.control-groups button{font-size:.75rem;padding:9px 10px}#controls-form{padding:16px 12px}.control-card summary{padding:13px;font-size:.86rem;gap:8px}.control-content{padding:0 12px 3px}.nested-fields{grid-template-columns:1fr}.multi-options{grid-template-columns:1fr;max-height:240px}.control-field label{font-size:.82rem}.control-field input:not([type=checkbox]):not([type=range]),.control-field select,.control-field textarea{font-size:1rem}.expanded-art{width:245px;height:245px}.expanded-options{font-size:.8rem}.expanded-help{font-size:.71rem}.unavailable-art{height:195px}.track-row strong{font-size:.85rem}.track-row small{font-size:.73rem}.row-art{width:43px;height:43px}.dialog-head h2{overflow-wrap:anywhere}.genre-base{height:31px;bottom:-19px}.genre-grid{padding-bottom:13px}.portal-base{bottom:-7%;height:23%}.numeric-control input[type=number]{width:82px}.numeric-control{gap:10px}.repeat-row{padding-left:11px}.quick-control small{font-size:.75rem}.quick-control strong{font-size:.875rem}.world-section .portal-2{left:85%;width:25%}.world-section{overflow:hidden}.radio-portals{overflow:hidden}.portal-1 .portal-play,.portal-2 .portal-play{bottom:23px}.playlist-cover{height:150px}.genre-shade{border-radius:11px}.genre-card>.art{border-radius:11px}}
.portal-base{mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,#000c 63%,transparent 73%)}
@media(min-width:1000px){.world-section{overflow:hidden}.world-section .portal-2{left:77%;width:18%}.radio-portals{right:48px}.radio-portals .portal-2{left:78%;width:18%}}
@media(min-width:1000px){.create-layout .intro{line-height:1.2;margin-top:6px;margin-bottom:8px}.discovery{margin-top:6px}.discovery .section-heading{margin-bottom:8px}.discovery .cover{aspect-ratio:1.95}}
@media(max-width:900px){.station-story .primary{display:inline-flex}}
.control-field .numeric-control input[type=number]{width:92px;max-width:45%}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}