:root{--ink:#f5f7ff;--muted:#c4cce1;--line:#dae4ff29;--glass:#070e2575;--glass-deep:#020716b3;--blue:#bac7eb;--focus:#e1eaff;--danger:#ffc4d2;--glass-subtle:#0810283d;--glass-interactive:#becff81a;--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}button,a,input,textarea,summary{transition:color .16s,background .16s,border-color .16s,box-shadow .16s,opacity .16s}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:4.5rem 0 1rem;display:flex;position:relative}.studio-shell{-webkit-backdrop-filter:blur(22px)saturate(114%);backdrop-filter:blur(22px)saturate(114%);background:#060d2380;border:1px solid #dae4ff21;border-radius:.9rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;width:100%;min-height:calc(100dvh - 5.75rem);padding:clamp(.55rem,1vw,.8rem);display:grid;box-shadow:0 16px 44px #0000004d}.studio-heading{z-index:5;min-height:52px;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:52px;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:.45rem .7rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.account-link,.secondary-button,.pause-button{color:var(--ink);background:#dbe5ff0e;border:1px solid #dae4ff24}.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:var(--glass-interactive);border-color:#dbe5ff45}.primary-button:hover:not(:disabled),.button-primary:hover{background:#becef747;border-color:#dee7ff6b}button:active:not(:disabled),.button:active{filter:brightness(.92)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary: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:34px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600}.mode-button:hover{color:var(--ink);background:#c0cff514}.mode-button.is-selected{color:var(--ink);background:#c0cff52b;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #cad9ff1f}.studio-tab{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.38rem;padding:.3rem .68rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.studio-tab:hover{color:var(--ink);background:#c0cff514}.studio-tab.is-selected{color:var(--ink);background:#c0cff52b;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #cad9ff1f}.studio-tab:focus-visible{outline-offset:2px;outline:3px solid #c1d5ffbf}.resume-session{background:#5979c91a;border:1px solid #b9ceff26;border-radius:.7rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem .6rem;display:flex}.resume-session div{gap:.12rem;min-width:0;display:grid}.resume-session strong{font-size:.82rem}.resume-session span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.resume-session .secondary-button{flex:none}.studio-grid{grid-template-rows:clamp(380px,66dvh,660px) auto;grid-template-columns:1fr;align-content:start;gap:.5rem;min-height:0;display:grid}.player-surface{z-index:0;background:#02071945;border:1px solid #e1eaff1c;border-radius:.75rem;order:-1;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;padding:.45rem;display:grid;position:relative;overflow:hidden}.player-stage{aspect-ratio:16/9;background:#00020ce0;border:1px solid #dee8ff14;border-radius:.52rem;justify-self:center;place-items:center;width:auto;max-width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #000000b3}.preview-badge{z-index:2;color:#e6edff;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#040a1cb8;border:1px solid #d8e3ff40;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.playlist-progress{background:#becff81f;border-radius:99px;height:4px;overflow:hidden}.playlist-progress i{background:linear-gradient(90deg,#9db4ec,#dce7ff);border-radius:99px;height:100%;transition:width .3s;display:block}.player-stage>div{width:100%;height:100%}.player-stage .replay-player{aspect-ratio:16/9;background:#000;display:block;width:100%!important;height:auto!important}.player-stage .replay-player>*{display:block;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}.player-recovery{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.25rem;display:flex}.player-recovery .secondary-button{min-height:38px}.player-status-band{border-bottom:1px solid #dae4ff14;min-height:2.3rem;padding:.02rem .12rem .32rem}.session-bar{min-height:1.85rem;color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;line-height:1.35;display:flex}.session-bar strong{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;background:#bcccff17;border-radius:999px;padding:.08rem .4rem}.session-bar span{color:#dce7ff;gap:.08rem;font-weight:600;display:grid}.session-bar small{color:var(--muted);font-size:.7rem;font-weight:500}.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-bar{grid-template-columns:auto auto minmax(180px,1fr) auto;align-items:center;gap:.35rem;width:100%;padding:.4rem .1rem .1rem;display:grid}.control-group{background:#0207195c;border:1px solid #dae4ff21;border-radius:.65rem;align-items:center;gap:.35rem;min-height:40px;padding:.22rem .4rem;display:flex}.control-group .pause-button{background:0 0;border:0;margin:0}.control-group .seek-control{padding:0}.control-group .volume-slider{flex:0 90px;min-width:56px}.control-group .mode-button{min-height:32px;padding:.2rem .5rem}.control-group .icon-save-button{width:34px;height:34px;box-shadow:none;background:0 0;border:0}.control-primary{background:#87a4ea26;border-color:#bcccff45}.control-primary .pause-button{color:#eef4ff;font-weight:700}.control-navigation{background:#02071938}.control-timeline{min-width:0;padding-inline:.55rem}.control-preferences{justify-self:end;padding:0;position:relative}.control-preferences summary{min-height:38px;color:var(--muted);border-radius:.56rem;align-items:center;gap:.34rem;padding:.22rem .42rem;font-size:.76rem;font-weight:650;list-style:none;display:inline-flex}.control-preferences summary::-webkit-details-marker{display:none}.control-preferences summary span{display:none}.control-preferences summary:hover,.control-preferences[open] summary{color:var(--ink);background:#becff81a}.control-preferences[open] summary svg:last-child{transform:rotate(180deg)}.preferences-popover{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070f24f5;border:1px solid #dae4ff2e;border-radius:.68rem;gap:.38rem;width:238px;padding:.48rem;display:grid;position:absolute;bottom:calc(100% + .45rem);right:0;box-shadow:0 14px 34px #0000004d}.preferences-volume,.preferences-speed,.preferences-screen{align-items:center;gap:.35rem;min-height:36px;padding:.2rem;display:flex}.preferences-volume>span,.preferences-speed>span{min-width:4.2rem;color:var(--muted);font-size:.7rem;font-weight:650}.preferences-volume .volume-slider{flex:1;min-width:0}.preferences-speed{border-top:1px solid #dae4ff14;border-bottom:1px solid #dae4ff14}.preferences-speed .mode-button{min-height:30px;padding:.18rem .38rem}.preferences-screen{justify-content:flex-end}.seek-group{min-width:0}.seek-group .seek-control{flex:1}@media (max-height:700px){.keyboard-help{display:none}}.seek-control{align-items:center;gap:.5rem;padding:.3rem .15rem 0;display:flex}.seek-control input[type=range]{flex:1;min-width:0}.seek-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:2.8rem;font-size:.72rem}.keyboard-help{color:var(--muted);margin:.32rem .15rem 0;font-size:.7rem}.keyboard-help summary{min-height:28px;color:var(--muted);cursor:pointer;align-items:center;gap:.32rem;list-style:none;display:inline-flex}.keyboard-help summary::-webkit-details-marker{display:none}.keyboard-help summary:hover,.keyboard-help[open] summary{color:var(--ink)}.keyboard-help p{margin:.18rem 0 0;line-height:1.4}.control-surface{box-shadow:none;background:0 0;border:0;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 90px auto;align-items:end;gap:.15rem .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 .form-heading{grid-area:1/1/auto/-1;padding-bottom:0}.control-surface label{color:var(--muted);font-size:.68rem;font-weight:600;display:block}.control-surface label[for=source]{grid-area:2/1}.control-surface label[for=repetitions]{grid-area:2/2}.control-surface #source{grid-area:3/1}.control-surface #repetitions{grid-area:3/2}.control-surface .primary-button{grid-area:3/3}.control-surface .preview-rate{grid-area:4/1/auto/-1;width:fit-content;margin-top:.3rem}.preview-rate span{color:var(--muted);font-size:.72rem;font-weight:600}input:not([type=range]),.simple-playlist-input textarea{width:100%;min-height:36px;color:var(--ink);background:#0004126b;border:1px solid #dae5ff24;border-radius:.55rem;padding:.45rem .6rem;box-shadow:inset 0 1px 2px #00000038}input:not([type=range])[aria-invalid=true],.simple-playlist-input textarea[aria-invalid=true]{border-color:var(--danger)}input:not([type=range]):hover,.simple-playlist-input textarea:hover{background:#040b1e85;border-color:#c3d5ff4d}input::placeholder,.simple-playlist-input textarea::placeholder{color:#b8c2d9}.field-help{color:var(--muted);grid-column:1/-1;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:36px;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)}.playlist-summary{color:#dce7ff;font-variant-numeric:tabular-nums;margin-left:.45rem;display:inline-block}.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{justify-content:flex-end;padding-top:.15rem;display:flex}.playlist-save-message{grid-column:auto}.icon-save-button{color:#dce7ff;background:#809eea21;border:1px solid #bbcfff38;border-radius:.62rem;place-items:center;width:40px;height:40px;transition:border-color .16s,background .16s,transform .16s;display:grid;box-shadow:inset 0 1px #ffffff14}.icon-save-button:hover:not(:disabled){background:#98b5fb38;border-color:#cddeff75;transform:translateY(-1px)}.icon-save-button:focus-visible{outline-offset:3px;outline:3px solid #c1d5ffbf}.queue-surface{background:#02071933;border:1px solid #dae4ff17;border-radius:.75rem;max-height:300px;padding:.6rem;overflow:auto}.queue-title{border-bottom:1px solid #dae4ff14;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.42rem;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:#00041226;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) 64px 30px;padding:.4rem .5rem}.queue-item:not(.is-current){opacity:.82}.queue-item.is-current{background:#a2bfff17;border:1px solid #bbcfff2e}.queue-remove{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:.45rem;place-items:center;display:grid}.queue-remove:hover{color:var(--danger);background:#ffadbe1a}.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{justify-content:flex-end;margin:.55rem 0 .15rem;display:flex}.queue-save-message{margin:.15rem 0 0}.queue-completed{border-top:1px solid #dae4ff14;margin-top:.5rem}.queue-completed summary{min-height:38px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:.35rem .1rem .1rem;font-size:.75rem;font-weight:650;display:flex}.queue-completed summary span{color:var(--ink);font-variant-numeric:tabular-nums;background:#bcccff17;border-radius:999px;padding:.06rem .38rem}.queue-completed[open] summary{color:var(--ink)}.queue-completed .queue-item{opacity:.55}.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}.account-menu-error{color:var(--danger);margin:.15rem .45rem .3rem;font-size:.72rem;line-height:1.35}.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-persistence-note{color:var(--muted);border-top:1px solid #d8e3ff1a;margin:-.1rem 0 0;padding-top:.72rem;font-size:.74rem;line-height:1.45}.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}.auth-callback-status{color:var(--muted);margin:auto;font-size:.84rem}.profile-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00030ea3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.profile-dialog{width:min(100%,390px);box-shadow:var(--shadow), inset 0 1px #ffffff14;background:#09122bf5;border:1px solid #d8e3ff33;border-radius:.85rem;gap:.5rem;padding:1.1rem;display:grid;position:relative}.profile-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;padding:0 2.2rem .35rem 0;display:grid}.profile-heading h2,.profile-heading p{margin:0}.profile-heading h2{letter-spacing:-.03em;font-size:1.1rem}.profile-heading p{color:var(--muted);margin-top:.16rem;font-size:.78rem;line-height:1.4}.profile-dialog>label{color:var(--muted);margin-top:.15rem;font-size:.76rem;font-weight:650}.profile-dialog>input{min-height:40px;padding:.45rem .58rem;font-size:.85rem}.profile-dialog .primary-button{justify-self:start;min-height:40px;margin-top:.25rem}.save-playlist-dialog{width:min(100%,390px);box-shadow:var(--shadow), inset 0 1px #ffffff14;background:#09122bf5;border:1px solid #d8e3ff33;border-radius:.85rem;gap:.5rem;padding:1.1rem;display:grid;position:relative}.save-playlist-dialog>label{color:var(--muted);margin-top:.15rem;font-size:.76rem;font-weight:650}.save-playlist-dialog>input{min-height:40px;padding:.45rem .58rem;font-size:.85rem}.save-playlist-dialog .primary-button{justify-self:start;min-height:40px;margin-top:.25rem}.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-filters{flex-wrap:wrap;align-items:end;gap:.45rem;padding-bottom:.2rem;display:flex}.history-filters label{color:var(--muted);gap:.25rem;font-size:.72rem;font-weight:650;display:grid}.history-filters .history-search{background:#01071642;border:1px solid #d8e3ff21;border-radius:.52rem;align-items:center;gap:.35rem;min-height:34px;padding:0 .48rem;display:flex}.history-filters .history-search input{min-width:0;min-height:30px;box-shadow:none;background:0 0;border:0;padding:0;font-size:.76rem}.history-filters label:first-child span{align-items:center;gap:.28rem;display:inline-flex}.history-filters select{min-height:34px;color:var(--ink);font:inherit;background:#01071642;border:1px solid #d8e3ff21;border-radius:.52rem;padding:0 .48rem}.history-filters .secondary-button{min-height:34px}.history-feed{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.history-card{background:#01071624;border:1px solid #d8e3ff1a;border-radius:.72rem;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.65rem .7rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.history-card:hover{background:#6886cf1a;border-color:#b8ceff47;transform:translateY(-1px)}.history-domain-icon{color:#cddcff;background:#678be026;border:1px solid #c3d5ff38;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.history-card-copy{gap:.18rem;min-width:0;display:grid}.history-card-copy>a{width:fit-content;min-width:0;max-width:100%;color:var(--ink);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.history-card-copy>a:hover strong{text-underline-offset:.16rem;text-decoration:underline}.history-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.history-card-copy a svg{color:var(--muted);flex:none}.history-card-copy p{color:var(--muted);align-items:center;gap:.32rem;margin:0;font-size:.73rem;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-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.42rem;display:flex}.history-replay{color:#dce7ff;background:#809eea1a;border:1px solid #bbcfff2e;border-radius:.52rem;align-items:center;gap:.32rem;min-height:34px;padding:.38rem .55rem;font-size:.75rem;font-weight:650;text-decoration:none;display:inline-flex}.history-replay:hover{background:#98b5fb2e;border-color:#cddeff66}.history-empty{color:var(--muted);justify-items:start;gap:.7rem;padding:1.25rem .15rem .1rem;display:grid}.history-empty svg{color:#b8ceff}.history-loading{grid-template-rows:58px minmax(0,1fr);min-height:350px}.history-skeleton-title,.history-skeleton-list i{background:linear-gradient(100deg,#b1c8ff0d,#b1c8ff24,#b1c8ff0d) 0 0/180% 100%;border-radius:.6rem;animation:1.2s ease-in-out infinite skeleton-shift;display:block}.history-skeleton-title{width:min(290px,65%);height:46px}.history-skeleton-list{align-content:start;gap:.65rem;padding-top:.55rem;display:grid}.history-skeleton-list i{height:58px}.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:#01071629;border:1px solid #d8e3ff17;border-radius:.75rem;gap:.65rem;min-width:0;padding:.7rem;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:.28rem;padding:.32rem .38rem;display:flex}.library-playlist:hover{background:#aec4ff13;border-color:#bbcfff26}.library-playlist.is-selected{background:#809eea24;border-color:#bbcfff33;box-shadow:inset 0 1px #ffffff12}.library-playlist>button:first-child{min-width:0;min-height:42px;color:inherit;text-align:left;background:0 0;border:0;border-radius:.45rem;flex:auto;justify-content:space-between;align-items:center;gap:.55rem;padding:.3rem .34rem;display:flex}.library-playlist>button:first-child:hover{background:#cdddff12}.library-playlist>button:first-child>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-items .playlist-row{grid-template-columns:26px 28px minmax(0,1fr) 78px auto}.drag-handle,.row-actions button,.library-duplicate{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:.42rem;place-items:center;display:grid}.library-duplicate{flex:none;width:36px;height:36px}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.row-actions{align-items:center;gap:.08rem;display:flex}.row-actions button:hover,.library-duplicate:hover{color:var(--ink);background:#becff81f}.row-actions .remove-row:hover{color:var(--danger);background:#ffadbe1a}.library-filters{gap:.35rem;display:grid}.library-filters>span{min-height:34px;color:var(--muted);border-bottom:1px solid #d8e3ff17;align-items:center;gap:.35rem;padding:0 .45rem;display:flex}.library-filters input,.library-filters select{min-width:0;min-height:32px;color:var(--ink);font-size:.76rem;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.library-filters select{cursor:pointer}.library-no-results{color:var(--muted);margin:.45rem;font-size:.78rem}.library-skeleton{gap:.42rem;padding-top:.15rem;display:grid}.library-skeleton i{background:linear-gradient(100deg,#b1c8ff0d,#b1c8ff24,#b1c8ff0d) 0 0/180% 100%;border-radius:.55rem;height:50px;animation:1.2s ease-in-out infinite skeleton-shift;display:block}.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;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#081026f0;border:1px solid #dae4ff2e;border-radius:.7rem;align-items:center;gap:.5rem;max-width:min(360px,100vw - 2rem);padding:.72rem .85rem;font-size:.82rem;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 14px 34px #00000052}.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:40px;padding:.52rem .75rem;font-weight:650}@keyframes toast-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shift{0%{background-position:100% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.library-skeleton i,.toast{animation:none}.playlist-progress i{transition:none}.icon-save-button:hover:not(:disabled){transform:none}}@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{scroll-snap-type:x proximity;width:100%;padding-bottom:.08rem;overflow-x:auto}.studio-tab{scroll-snap-align:start;flex:none;min-height:38px}.studio-heading,.navbar-inner{min-height:54px}.navbar-inner{width:min(100% - 1rem,720px)}.studio-grid{grid-template-rows:clamp(330px,62dvh,480px) auto}.player-surface{min-height:200px}.keyboard-help{display:none}.playback-tools{gap:.3rem}.control-surface{grid-template-rows:none;grid-template-columns:1fr;align-items:stretch;padding:.2rem 0 0}.control-surface .form-heading,.control-surface label[for=source],.control-surface label[for=repetitions],.control-surface #source,.control-surface #repetitions{grid-area:auto}.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}.control-bar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem;display:flex}.control-timeline{flex:1 0 100%;order:-1}.control-preferences{margin-left:auto}.control-preferences summary span{display:inline}.preferences-popover{width:min(250px,100vw - 2.4rem);bottom:calc(100% + .35rem);right:0}.resume-session{flex-direction:column;align-items:flex-start}.resume-session .secondary-button{align-self:stretch}.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}.library-items .playlist-row{grid-template-columns:24px 24px minmax(0,1fr) 56px}.library-items .row-actions{grid-column:3/-1;justify-content:flex-end}.history-card{grid-template-columns:34px minmax(0,1fr);gap:.58rem}.history-card-actions{grid-column:1/-1;justify-content:space-between;padding-top:.05rem}.history-filters{grid-template-columns:1fr 1fr;display:grid}.history-filters .secondary-button{grid-column:1/-1;justify-self:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.starfield{display:none}}