:root{--ink:#f5f7ff;--muted:#c4cce1;--line:#dae4ff29;--glass:#070e2575;--glass-deep:#020716b3;--blue:#bac7eb;--focus:#e1eaff;--danger:#ffc4d2;--shadow:0 18px 48px #00000061;color:var(--ink);background:#010410;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:#010410;min-height:100dvh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}h1,h2,p{margin-top:0}h1{letter-spacing:-.015em;margin:0;font-size:1.02rem}h2{margin:0;font-size:.92rem}.universe-backdrop{z-index:0;background:#020714;position:fixed;inset:0;overflow:hidden}.universe-backdrop img{object-fit:cover;object-position:center;opacity:1}.universe-backdrop:after{content:"";background:radial-gradient(circle at 50% 36%,#0000 0 25%,#01051224 64%,#01040e80 100%),linear-gradient(90deg,#02061461,#0207161a 48%,#02061461);position:absolute;inset:0}.starfield{z-index:1;opacity:.88;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}.skip-link{z-index:20;color:#071040;background:#fff;border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}main{z-index:2;align-items:stretch;width:min(100% - 2rem,1080px);min-height:100dvh;margin:0 auto;padding:5.25rem 0 1rem;display:flex;position:relative}.studio-shell{border:1px solid var(--line);width:100%;min-height:calc(100dvh - 6.25rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(118%);backdrop-filter:blur(24px)saturate(118%);background:#060d2378;border-radius:.9rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;padding:clamp(.7rem,1.35vw,1rem);display:grid}.studio-heading{z-index:5;min-height:58px;color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);background:#040a1c94;border-bottom:1px solid #dce6ff24;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 32px #0003}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,1080px);min-height:58px;margin:0 auto;display:flex}.studio-description{display:none}.account-link,.primary-button,.secondary-button,.pause-button,.button{border-radius:.62rem;justify-content:center;align-items:center;gap:.45rem;min-height:38px;padding:.52rem .75rem;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex}.account-link,.secondary-button,.pause-button{border:1px solid var(--line);color:var(--ink);background:#dbe5ff12}.account-actions{align-items:center;gap:.35rem;display:flex}.account-status{color:var(--muted);font-size:.82rem}.account-signout{min-height:38px;color:var(--muted);background:0 0;border:0;padding:.5rem;font-size:.8rem}.primary-button,.button-primary{color:#f4f6ff;background:#abbfef30;border:1px solid #cbd8fa4d;box-shadow:inset 0 1px #ffffff1f}.account-link:hover,.secondary-button:hover,.pause-button:hover{background:#dbe5ff21}.primary-button:hover:not(:disabled),.button-primary:hover{background:#becef747;border-color:#dee7ff6b}button:disabled{cursor:not-allowed;opacity:.44}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.mode-switch,.playlist-input-mode,.studio-tabs{z-index:2;background:#0207195c;border:1px solid #dbe5ff21;border-radius:.62rem;gap:.2rem;width:fit-content;padding:.18rem;display:flex;position:relative}.mode-button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600}.mode-button.is-selected{color:var(--ink);background:#c0cff526}.studio-tab{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.38rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.studio-tab:hover{color:var(--ink);background:#c0cff517}.studio-tab.is-selected{color:var(--ink);background:#c0cff526}.studio-tab:focus-visible{outline-offset:2px;outline:3px solid #c1d5ffbf}.studio-grid{grid-template-rows:clamp(256px,50dvh,520px) auto;grid-template-columns:1fr;align-content:start;gap:.6rem;min-height:0;display:grid}.player-surface{z-index:0;background:#02071952;border:1px solid #e1eaff24;border-radius:.75rem;order:-1;grid-template-rows:minmax(0,1fr) auto auto auto;min-height:0;padding:.55rem;display:grid;position:relative;overflow:hidden}.player-stage{aspect-ratio:16/9;background:#00020cd6;border:1px solid #dee8ff1a;border-radius:.52rem;justify-self:center;place-items:center;width:auto;max-width:100%;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 0 42px #000000b3}.player-stage>div{width:100%}.player-stage .replay-player,.player-stage .replay-player iframe,.player-stage .replay-player video{width:100%!important;height:100%!important}.player-empty{color:var(--muted);text-align:center;place-items:center;gap:.5rem;padding:1.5rem;display:grid!important}.player-empty p{margin:0}.session-bar{color:var(--muted);justify-content:space-between;gap:1rem;padding:.52rem .15rem .2rem;font-size:.78rem;line-height:1.35;display:flex}.session-bar strong{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.volume-control{align-items:center;gap:.45rem;padding:.1rem .15rem;display:flex}.volume-control span{min-width:3.4rem;color:var(--muted);font-size:.8rem;font-weight:600}input[type=range]{accent-color:#c0cceb;flex:1}.pause-button{width:fit-content;margin:.35rem .15rem 0}.control-surface{box-shadow:none;background:0 0;border:0;grid-template-columns:auto minmax(170px,1fr) 82px auto;align-items:end;gap:.45rem;padding:.1rem;display:grid}.form-heading{color:var(--blue);align-items:center;gap:.45rem;padding-bottom:.45rem;display:flex}.form-heading h2{color:var(--ink)}.control-surface label{display:none}input:not([type=range]),.simple-playlist-input textarea{width:100%;min-height:40px;color:var(--ink);background:#0004126b;border:1px solid #dae5ff2b;border-radius:.55rem;padding:.52rem .62rem;box-shadow:inset 0 1px 2px #00000038}input::placeholder,.simple-playlist-input textarea::placeholder{color:#b8c2d9}.field-help{color:var(--muted);grid-column:2/4;margin:0;font-size:.72rem;line-height:1.35}.field-error{color:var(--danger);grid-column:1/-1;margin:0;font-size:.8rem}.control-surface .primary-button{grid-area:1/4;align-self:end}.secondary-button{grid-column:1/-1;justify-self:start}.playlist-form{flex-direction:column;align-items:stretch;gap:.5rem;padding:.1rem 0 0;display:flex}.playlist-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.playlist-heading .form-heading{padding:0}.playlist-heading p{max-width:58ch;color:var(--muted);text-align:right;margin:0;font-size:.76rem;line-height:1.4}.playlist-editor{gap:.38rem;display:grid}.playlist-row{grid-template-columns:26px minmax(0,1fr) 78px 38px;align-items:center;gap:.4rem;display:grid}.row-number{width:26px;height:26px;color:var(--blue);background:#bcccff1a;border-radius:99px;place-items:center;font-size:.74rem;font-weight:600;display:grid}.playlist-row input{min-width:0}.remove-row,.add-row{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#e6eeff0f;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.remove-row{width:38px;color:var(--muted)}.remove-row:hover,li button:hover{color:var(--danger);background:#ffadbe1a}.add-row{width:fit-content;padding:.48rem .65rem}.add-row:hover{background:#e6eeff1f}.playlist-form .primary-button{grid-area:auto;align-self:flex-end;margin-top:0}.playlist-form .field-error{margin-right:10rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.simple-playlist-input{gap:.35rem;display:grid}.simple-playlist-input label{display:block}.simple-playlist-input textarea{resize:vertical;min-height:96px;font:inherit;line-height:1.45}.simple-playlist-input p{color:var(--muted);margin:0;font-size:.75rem}.simple-playlist-input code{color:var(--blue)}.saved-playlists{gap:.35rem;display:grid}.saved-playlists h3{color:var(--muted);margin:0;font-size:.76rem;font-weight:600}.saved-playlists>div{flex-wrap:wrap;gap:.35rem;display:flex}.saved-playlist{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#e6eeff0f;border-radius:.52rem;align-items:center;gap:.4rem;padding:.38rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.saved-playlist:hover{background:#e6eeff1f}.saved-playlist span{color:var(--muted);font-size:.72rem;font-weight:500}.playlist-running-note{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playlist-running-note .form-heading{padding:0}.playlist-running-note p{color:var(--muted);margin:0 auto 0 0;font-size:.76rem}.playlist-running-note .add-row{flex:none}.playlist-save{grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:.45rem;padding-top:.15rem;display:grid}.playlist-save label{color:var(--muted);font-size:.78rem;font-weight:600}.playlist-save .secondary-button{grid-column:auto;justify-self:stretch}.playlist-save-message{grid-column:auto}.queue-surface{background:#050b2247;border:1px solid #dae4ff21;border-radius:.75rem;max-height:160px;padding:.75rem;overflow:auto}.queue-title{justify-content:space-between;align-items:start;gap:1rem;display:flex}.queue-title span,.queue-empty{color:var(--muted);font-size:.82rem}.queue-title p{color:var(--muted);margin:.2rem 0 0;font-size:.74rem;line-height:1.35}.queue-empty{margin:.75rem 0 .1rem}ol{gap:.32rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}li{background:#00041233;border-radius:.55rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;padding:.55rem;display:grid}li>span:first-child{align-items:center;gap:.55rem;min-width:0;display:flex}li b{width:1.5rem;height:1.5rem;color:var(--blue);background:#bcccff1a;border-radius:99px;flex:none;place-items:center;font-size:.72rem;display:grid}li span span{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:.8rem}li button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:.55rem;place-items:center;display:grid}.queue-item{grid-template-columns:98px minmax(0,1fr) 70px;padding:.46rem .55rem}.queue-item.is-current{background:#a2bfff17}.queue-state{align-items:center;gap:.4rem;min-width:0;display:flex}.queue-state small{color:var(--muted);font-size:.7rem}.queue-url{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.queue-count{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem}.queue-item input:not([type=range]){min-height:34px;padding:.4rem .5rem;font-size:.78rem}.queue-item input[aria-invalid=true]{border-color:var(--danger)}.queue-save{background:#435b9914;border:1px solid #cddcff1f;border-radius:.65rem;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:.45rem;margin:.7rem 0 .2rem;padding:.58rem;display:grid}.queue-save label{color:var(--muted);font-size:.76rem;font-weight:650}.queue-save input{min-height:36px;padding:.4rem .52rem;font-size:.8rem}.queue-save .secondary-button{grid-column:auto;min-height:36px;padding:.35rem .7rem}.queue-save-message{margin:.15rem 0 0}.empty-surface{border:1px solid var(--line);background:var(--glass);max-width:720px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:1rem;gap:1rem;margin:auto;padding:clamp(1.5rem,5vw,3rem);display:grid}.empty-surface h1{max-width:14ch;font-size:clamp(2.1rem,6vw,4.3rem)}.empty-surface p{max-width:60ch;color:var(--muted);margin-bottom:.5rem;line-height:1.65}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}.brand-mark{color:inherit;letter-spacing:-.025em;align-items:center;gap:.48rem;text-decoration:none;display:inline-flex}.brand-mark>span,.auth-orbit,.history-heading-icon{color:#d8e3ff;background:#baccff1c;border:1px solid #d8e3ff33;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1a}.brand-mark>span{border-radius:50%;width:30px;height:30px}.account-menu{position:relative}.avatar-trigger{min-width:40px;min-height:40px;color:var(--ink);background:#dbe5ff12;border:1px solid #d8e3ff2e;border-radius:999px;align-items:center;gap:.28rem;padding:3px 4px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14}.avatar-trigger>img,.avatar-trigger>span{color:#0a1530;background:linear-gradient(135deg,#dce9ff,#9aacdb);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:800;display:grid;overflow:hidden}.avatar-trigger>img{object-fit:cover}.avatar-trigger svg{color:var(--muted);transition:transform .16s}.avatar-trigger svg.is-open{transform:rotate(180deg)}.avatar-trigger:hover{background:#b1c8ff29;border-color:#d2e1ff85;transform:translateY(-1px);box-shadow:0 8px 22px #0003,inset 0 1px #ffffff21}.avatar-trigger:focus-visible{outline-offset:3px;outline:3px solid #c1d5ffbf}.avatar-trigger:after{color:var(--ink);content:"Conta";opacity:0;pointer-events:none;background:#081026eb;border:1px solid #d8e3ff2b;border-radius:.4rem;padding:.28rem .45rem;font-size:.68rem;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-3px);box-shadow:0 8px 18px #00000040}.avatar-trigger:hover:after,.avatar-trigger:focus-visible:after{opacity:1;transform:translateY(0)}.account-popover{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(125%);backdrop-filter:blur(24px)saturate(125%);background:#081026e6;border:1px solid #d8e3ff2e;border-radius:.85rem;gap:.3rem;width:min(250px,100vw - 1.5rem);padding:.45rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff14}.account-summary{border-bottom:1px solid #d8e3ff1f;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.58rem;padding:.42rem .46rem .58rem;display:grid}.account-summary-avatar{color:#0a1530;background:linear-gradient(135deg,#dce9ff,#9aacdb);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.76rem;font-weight:800;display:grid;overflow:hidden}.account-summary-avatar img{object-fit:cover;width:100%;height:100%}.account-summary-copy{min-width:0;display:grid}.account-summary-copy strong,.account-summary-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-summary-copy strong{font-size:.8rem}.account-summary-copy small{color:var(--muted);font-size:.71rem}.account-popover a,.account-popover button{width:100%;min-height:39px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.55rem;padding:.45rem .5rem;font-size:.8rem;text-decoration:none;display:flex}.account-popover button{color:var(--muted)}.account-popover a:hover,.account-popover button:hover{color:var(--ink);background:#d1deff1a}.auth-surface{width:min(100%,430px);box-shadow:var(--shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);background:#0b15308c;border:1px solid #d8e3ff2e;border-radius:1rem;gap:1.05rem;margin:auto;padding:clamp(1.05rem,4vw,1.65rem);display:grid}.auth-dialog{width:min(100vw - 2rem,430px);max-height:calc(100dvh - 2rem);color:var(--ink);-webkit-backdrop-filter:blur(28px)saturate(125%);backdrop-filter:blur(28px)saturate(125%);background:#0b1530c7;border:1px solid #d8e3ff38;border-radius:1rem;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 72px #00000085,inset 0 1px #ffffff1a}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00030fb8}.auth-dialog .auth-surface{width:100%;box-shadow:none;background:0 0;border:0;margin:0}.auth-dialog .auth-heading{padding-right:2.4rem}.auth-dialog-close{width:36px;height:36px;color:var(--muted);background:#dbe5ff0f;border:1px solid #d8e3ff29;border-radius:.58rem;place-items:center;transition:color .16s,background .16s,border-color .16s;display:grid;position:absolute;top:.75rem;right:.75rem}.auth-dialog-close:hover{color:var(--ink);background:#dbe5ff24;border-color:#d8e3ff5c}.auth-back{width:fit-content;color:var(--muted);align-items:center;gap:.36rem;font-size:.78rem;text-decoration:none;display:inline-flex}.auth-back:hover{color:var(--ink)}.auth-heading{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.72rem;display:grid}.auth-orbit{border-radius:50%;width:44px;height:44px}.auth-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,4vw,1.45rem)}.auth-heading p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem;line-height:1.45}.auth-form{gap:.75rem;display:grid}.auth-form label{color:var(--muted);gap:.34rem;font-size:.78rem;font-weight:650;display:grid}.auth-input{background:#02081947;border:1px solid #d8e3ff29;border-radius:.62rem;align-items:center;gap:.58rem;min-height:44px;padding:0 .7rem;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.auth-input:focus-within{background:#050e2594;border-color:#b4cbffb3;box-shadow:0 0 0 3px #90adf429}.auth-input svg{color:#afc6ff;flex:none}.auth-input input{width:100%;min-height:42px;color:var(--ink);outline:0;padding:0;font-size:1rem;box-shadow:none!important;background:0 0!important;border:0!important}.auth-input input::placeholder{color:#c5d0eb7a}.auth-form .primary-button,.auth-surface .secondary-button{justify-content:center;justify-self:stretch;min-height:44px}.auth-divider{color:var(--muted);align-items:center;gap:.6rem;font-size:.74rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-surface .secondary-button{background:#dbe5ff0e;border-color:#d8e3ff29}.auth-switch{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.auth-switch button{color:var(--ink);font:inherit;text-underline-offset:.18rem;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.history-surface{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#0b153066;border:1px solid #d8e3ff2b;border-radius:.85rem;align-content:start;gap:1.15rem;width:min(100%,900px);margin:0;padding:clamp(1rem,3vw,1.35rem);display:grid;box-shadow:inset 0 1px #ffffff12}.history-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.history-heading-icon{border-radius:50%;width:42px;height:42px}.history-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,4vw,1.45rem)}.history-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.84rem}.history-timeline{gap:.28rem;margin:0;padding:0;list-style:none;display:grid}.history-timeline>li{grid-template-columns:26px minmax(0,1fr);gap:.58rem;padding:.32rem 0;display:grid;position:relative}.history-timeline>li:not(:last-child):before{content:"";background:linear-gradient(#a6beff5c,#a6beff0f);width:1px;position:absolute;top:25px;bottom:0;left:12px}.timeline-marker{z-index:1;color:#cddcff;background:#678be030;border:1px solid #c3d5ff47;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 3px #0a15308a}.history-timeline article{grid-template-columns:minmax(190px,auto) minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:0;display:grid}.history-entry-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.timeline-kicker{color:var(--muted);align-items:center;gap:.32rem;margin:0;font-size:.74rem;display:flex}.timeline-count{color:#dce7ff;background:#93aef417;border:1px solid #b5ccff26;border-radius:999px;align-items:center;gap:.28rem;width:fit-content;padding:.15rem .4rem;font-size:.72rem;display:inline-flex}.history-timeline a{min-width:0;color:var(--ink);background:#01071633;border:1px solid #d8e3ff21;border-radius:.58rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.48rem .62rem;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.history-timeline a:hover{background:#6886cf21;border-color:#b8ceff6b}.history-timeline a strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.history-timeline a svg{color:var(--muted);flex:none}.history-empty{color:var(--muted);justify-items:start;gap:.7rem;padding:1.25rem .15rem .1rem;display:grid}.history-empty svg{color:#b8ceff}.playlist-library{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#0b153066;border:1px solid #d8e3ff2b;border-radius:.85rem;align-content:start;gap:1rem;width:min(100%,1100px);margin:0;padding:clamp(1rem,3vw,1.35rem);display:grid;box-shadow:inset 0 1px #ffffff12}.account-shell{grid-template-rows:auto minmax(0,1fr)}.account-shell>.playlist-library,.account-shell>.history-surface{width:100%;max-width:none;min-height:0;margin:0}.library-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.library-heading h1,.library-editor h2{letter-spacing:-.035em;margin:0}.library-heading h1{font-size:clamp(1.2rem,4vw,1.45rem)}.library-heading p,.library-editor-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.84rem}.library-grid{grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);align-items:start;gap:1rem;display:grid}.library-list,.library-editor{background:#01071633;border:1px solid #d8e3ff21;border-radius:.75rem;gap:.65rem;min-width:0;padding:.68rem;display:grid}.library-list{max-height:510px;overflow:auto}.library-list>p{color:var(--muted);margin:.4rem;font-size:.8rem}.new-playlist{color:#dce7ff;background:#809eea21;border:1px solid #bbcfff36;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;min-height:40px;font-size:.8rem;font-weight:700;display:inline-flex}.new-playlist:hover{background:#809eea3b}.library-list ul{gap:.34rem;margin:0;padding:0;list-style:none;display:grid}.library-list li{background:0 0;padding:0;display:block}.library-playlist{width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .62rem;display:flex}.library-playlist:hover{background:#aec4ff13}.library-playlist.is-selected{background:#809eea24;border-color:#bbcfff38;box-shadow:inset 2px 0 #c4d6ffa8}.library-playlist>span{gap:.12rem;min-width:0;display:grid}.library-playlist strong,.library-playlist small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-playlist strong{font-size:.82rem}.library-playlist small{color:var(--muted);font-size:.72rem}.library-playlist svg{color:var(--muted);flex:none}.library-editor{gap:.7rem}.library-editor-heading{justify-content:space-between;align-items:start;gap:.7rem;padding-bottom:.15rem;display:flex}.library-editor h2{font-size:1.05rem}.library-editor>label{color:var(--muted);font-size:.78rem;font-weight:650}.library-items{gap:.45rem;display:grid}.library-editor .primary-button{justify-self:start;min-height:40px}.icon-danger{color:#ffbec8;background:#b5415914;border:1px solid #ffb1bc33;border-radius:.6rem;flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-danger:hover{background:#b541592e}.library-empty{color:var(--muted);justify-items:start;gap:.65rem;padding:.8rem .2rem;display:grid}.library-empty p{margin:0;line-height:1.5}.library-empty svg{color:#b8ceff}.toast{z-index:30;border:1px solid var(--line);max-width:min(360px,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#081026f0;border-radius:.7rem;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.82rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast-success svg{color:#b8ceff}.toast-error svg{color:var(--danger)}.confirm-backdrop{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00030ea3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);width:min(100%,380px);box-shadow:var(--shadow);background:#09122bf5;border-radius:.85rem;gap:.8rem;padding:1.1rem;display:grid}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog p{color:var(--muted);line-height:1.45}.confirm-dialog>div{justify-content:flex-end;gap:.5rem;display:flex}.danger-button{color:#ffe4e9;background:#b5415933;border:1px solid #ffb1bc4d;border-radius:.62rem;min-height:38px;padding:.52rem .75rem;font-weight:650}@media (max-width:760px){.universe-backdrop img{object-position:48% center}.universe-backdrop:after{background:linear-gradient(#01040e29,#01040e80),linear-gradient(90deg,#02061440,#0207160f)}main{width:min(100% - 1rem,720px);min-height:100dvh;padding:4.75rem 0 .8rem;display:block}.studio-shell{grid-template-rows:auto auto auto;min-height:calc(100dvh - 5.55rem);padding:.6rem}.studio-tabs{width:100%;padding-bottom:.08rem;overflow-x:auto}.studio-tab{flex:none}.studio-heading,.navbar-inner{min-height:54px}.navbar-inner{width:min(100% - 1rem,720px)}.studio-grid{grid-template-rows:244px auto}.player-surface{min-height:244px}.control-surface{grid-template-columns:1fr;align-items:stretch;padding:.2rem 0 0}.form-heading{padding:.1rem 0}.control-surface label{display:block}.field-help,.field-error{grid-column:auto}.secondary-button{grid-column:auto;justify-self:stretch}.control-surface .primary-button{grid-area:auto;justify-self:stretch}.playlist-heading{flex-direction:column;align-items:start;gap:.2rem}.playlist-heading p{text-align:left}.playlist-row{grid-template-columns:24px minmax(0,1fr) 60px 38px}.playlist-save{grid-template-columns:1fr;align-items:stretch}.playlist-save .secondary-button{justify-self:stretch}.queue-save{grid-template-columns:1fr;align-items:stretch}.queue-save .secondary-button{justify-self:stretch}.playlist-form .primary-button{align-self:stretch;margin-top:0}.playlist-form .field-error{margin-right:0}.session-bar{flex-direction:column;align-items:flex-start}.session-bar strong{text-align:left}.playlist-library{min-height:calc(100dvh - 5.55rem)}.library-grid{grid-template-columns:1fr}.library-list{max-height:250px}.library-editor .primary-button{justify-self:stretch}.history-timeline article{grid-template-columns:1fr;gap:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.starfield{display:none}}