.web-auth{position:fixed;z-index:100;inset:0;min-width:320px;min-height:100vh;display:grid;place-items:center;overflow:auto;padding:24px;color:#edf0f6;background:radial-gradient(circle at 50% -15%,rgba(80,92,145,.22),transparent 42%),#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.web-auth__card{width:min(100%,440px);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#182039eb;box-shadow:0 26px 70px #0000003d}.web-auth__eyebrow{margin:0 0 16px;color:#b7a7ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.web-auth h1{margin:0;color:#fbfcff;font-size:clamp(26px,4vw,34px);line-height:1.18;letter-spacing:-1px}.web-auth__card>p:not(.web-auth__eyebrow):not(.web-auth__error){margin:14px 0 0;color:#aeb8cf;line-height:1.6}.web-auth__error{margin:18px 0 0;padding:11px 13px;border-radius:9px;background:#f8717121;color:#fecaca;font-size:14px;line-height:1.45}.web-auth__primary{width:100%;min-height:44px;margin-top:24px;border:0;border-radius:10px;background:#8b5cf6;color:#fff;font-size:15px;font-weight:750;cursor:pointer;transition:background .2s ease,transform .2s ease}.web-auth__primary:hover{background:#9d72f8;transform:translateY(-1px)}.editor-route-fallback{min-height:100vh;background:#0d1014}:root{font-family:Inter,Segoe UI,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;color:#f5f3ff;background:#0d1221;font-synthesis:none;--music-bg: #0d1221;--music-surface: #171d31;--music-line: #252d43;--music-text: #f5f3ff;--music-muted: #a7b0c3;--music-accent: #a78bfa;--music-primary: #8b5cf6}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--music-bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input{-webkit-tap-highlight-color:transparent}:where(button,a,input,summary):focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.web-single-app{min-height:100dvh;padding-top:72px}.web-single-app--hosted{padding-top:0}.web-app-topbar{position:fixed;z-index:10;inset:0 0 auto;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--music-bg);border-bottom:1px solid var(--music-line)}.web-app-topbar__app-name{display:flex;align-items:center;gap:12px;min-width:0;font-size:18px;letter-spacing:-.4px;white-space:nowrap}.web-app-topbar__app-name img{width:32px;height:32px;flex-shrink:0}.web-user-menu{position:relative}.web-user-menu__trigger{min-height:44px;display:flex;align-items:center;gap:9px;padding:4px;border:0;border-radius:12px;background:transparent;color:var(--music-text)}.web-user-menu__trigger:hover,.web-user-menu__trigger[aria-expanded=true]{background:#222a41}.web-user-menu__avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#307f72;color:#fff;font-size:12px;font-weight:750}.web-user-menu__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.web-user-menu__chevron{width:16px;height:16px;color:var(--music-muted)}.web-user-menu__panel{position:absolute;z-index:11;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow-y:auto;padding:20px;border:1px solid #343c55;border-radius:16px;background:var(--music-surface);box-shadow:0 16px 48px #0006}.web-user-menu__identity{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--music-line)}.web-user-menu__avatar--large{width:44px;height:44px;font-size:15px}.web-user-menu__identity>div{display:grid;gap:4px;min-width:0}.web-user-menu__identity strong{font-size:16px;overflow-wrap:anywhere}.web-user-menu__identity div span{color:var(--music-muted);font-size:13px;overflow-wrap:anywhere}.web-user-menu__details{display:grid;gap:12px;margin:16px 0}.web-user-menu__details div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.5}.web-user-menu__details dt{color:var(--music-muted)}.web-user-menu__details dd{margin:0;text-align:right;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.web-user-menu__account-link{display:flex;align-items:center;min-height:44px;border-radius:8px;padding:10px;color:var(--music-text);text-decoration:none;font-size:14px}.web-user-menu__account-link:hover{background:#252d43}.web-user-menu__sign-out{margin-top:12px;width:100%;min-height:44px;border:1px solid #663a4b;border-radius:10px;background:#33202e;color:#fecaca;font-size:14px}.music-app{min-height:calc(100dvh - 72px);padding-bottom:128px;background:var(--music-bg)}.web-single-app--hosted .music-app{min-height:100dvh}.library{width:100%;max-width:1100px;margin:auto;padding:48px 40px}.library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.library-header h1{margin:0;font-size:40px;font-weight:750;line-height:1.25;letter-spacing:-1.4px}.subtitle{margin:9px 0 0;color:var(--music-muted);font-size:15px;line-height:1.5}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--music-primary);color:#fff;font-weight:650;font-size:15px}.primary-button:hover{background:#9b73f8}.import-trigger{margin-top:4px}.library-tabs{display:flex;gap:28px;border-bottom:1px solid var(--music-line);margin-bottom:16px}.library-tab{position:relative;display:flex;align-items:center;min-height:48px;color:var(--music-muted);text-decoration:none;font-size:16px;font-weight:600;padding-bottom:8px}.library-tab--active{color:var(--music-accent)}.library-tab--active:after{content:"";position:absolute;inset:auto 0 -1px;height:3px;border-radius:3px;background:var(--music-accent)}.library-tab:hover{color:#d6c9fc}.track-list{list-style:none;margin:0;padding:0}.track-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 100px 54px 44px;gap:14px;align-items:center;min-height:80px;padding:10px 12px;border-bottom:1px solid var(--music-line)}.track-row--active{border-radius:12px;border-color:transparent;background:#1b2038}.track-row:hover{background:#171e31;border-radius:12px}.track-main{min-width:0;padding:0;border:0;background:transparent;color:var(--music-text);display:flex;align-items:center;gap:18px;text-align:left}.track-artwork,.cover-art{width:52px;height:52px;flex-shrink:0;border-radius:8px;object-fit:cover}.track-info{display:grid;gap:6px;min-width:0}.track-info strong{font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info>span{color:var(--music-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-size,.track-duration{color:var(--music-muted);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.track-playing{display:grid;place-items:center;color:var(--music-accent)}.icon-button{width:44px;height:44px;flex-shrink:0;display:inline-grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:#c6c8e0}.icon-button:hover:not(:disabled){background:#2b304a;color:#fff}.empty-library-intro{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:36px 8px}.empty-library-intro img{width:130px;height:115px;object-fit:contain}.empty-library-intro h2{margin:0;font-size:24px;letter-spacing:-.6px}.empty-library-intro p{max-width:320px;margin:0 0 8px;color:var(--music-muted);font-size:14px;line-height:1.7}.empty-library-intro small{color:var(--music-muted);font-size:12px}.library-error{color:#fecaca;padding:14px;background:#33202e;border-radius:10px;font-size:14px;line-height:1.6}.library-loading{color:var(--music-muted);padding:28px 0}.player-bar{position:fixed;z-index:4;inset:auto 0 0;min-height:104px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,440px) minmax(100px,1fr);grid-template-rows:44px 20px;gap:6px 32px;align-items:center;padding:16px 32px;border-top:1px solid var(--music-line);background:#101629}.now-playing{grid-column:1;grid-row:1 / 3;min-width:0;display:flex;align-items:center;gap:14px;border:0;padding:0;background:transparent;text-align:left;border-radius:8px}.now-playing:disabled{opacity:1}.now-playing__text{display:grid;gap:5px;min-width:0}.now-playing strong{color:var(--music-text);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing__text>span{color:var(--music-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-error{position:absolute;bottom:100%;left:16px;right:16px;padding:12px;border-radius:10px;background:#33202e;color:#fecaca;font-size:13px}.cover-art--empty{display:grid;place-items:center;background:#272344;color:#c4b5fd}.control-buttons{display:flex;align-items:center;justify-content:center;gap:12px;grid-column:2;grid-row:1}.play-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--music-primary);color:#fff}.play-button svg{width:22px;height:22px;fill:currentColor}.play-button:hover:not(:disabled){background:#a78bfa;color:#131126}.progress-row{display:flex;align-items:center;gap:10px;grid-column:2;grid-row:2;color:var(--music-muted);font-size:11px;font-variant-numeric:tabular-nums}.progress-row input{min-width:0;width:100%;margin:0;height:20px}.mobile-progress{display:none}input[type=range]{accent-color:var(--music-accent);cursor:pointer}.volume-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;grid-column:3;grid-row:1 / 3;color:var(--music-muted)}.volume-control input{width:96px;height:28px}.music-dialog{width:min(540px,calc(100vw - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid #39415b;border-radius:20px;background:#171d31;color:var(--music-text);box-shadow:0 24px 90px #0006;overscroll-behavior:contain}.music-dialog::backdrop{background:#060916b8}.music-dialog__header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.music-dialog__header h2{margin:0;min-width:0;overflow-wrap:anywhere;font-size:22px;letter-spacing:-.5px}.import-panel__methods{display:grid;gap:24px}.import-device{display:flex;align-items:center;gap:14px;padding:18px;min-height:92px;border:1px dashed #797295;border-radius:12px;color:var(--music-text);background:#20243d;text-align:left}.import-device:hover,.import-device--active{border-color:#c4b5fd;background:#282440}.import-method__icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;color:#c4b5fd}.import-method__icon svg{width:24px;height:24px}.import-device>span:last-child,.import-link label{display:grid;gap:6px}.import-device strong,.import-link strong{font-size:15px}.import-device small,.import-link small{font-size:12px;color:var(--music-muted);line-height:1.6}.import-link{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 14px}.import-link__field{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:8px}.import-link__field input{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid #464e69;border-radius:10px;color:#fff;background:#0d1221;font-size:14px}.import-link__field input::placeholder{color:#9aa5bc}.import-link__field button{min-height:46px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:#8b5cf6;font-size:14px}.directory-button{grid-column:1 / -1;justify-self:start;min-height:44px;padding:8px 0;border:0;background:transparent;color:#c4b5fd;text-align:left;font-size:13px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.import-panel__feedback{margin:14px 0 0;padding:12px;border-radius:10px;background:#222942;color:#e3dafc;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.track-actions{display:grid;gap:8px}.track-actions p{margin:0 0 12px;color:var(--music-muted);font-size:13px}.track-actions button{display:flex;gap:14px;align-items:center;padding:14px;min-height:52px;border:0;border-radius:10px;background:#242b44;color:var(--music-text);text-align:left}.track-actions button:hover{background:#303653}.expanded-player{display:grid;gap:12px}.expanded-player>img{width:min(200px,55vw);aspect-ratio:1;justify-self:center;border-radius:16px}.expanded-player>p{text-align:center;overflow-wrap:anywhere;font-size:13px;color:var(--music-muted)}.expanded-player>input{width:100%;height:28px}.expanded-player__time{display:flex;justify-content:space-between;color:var(--music-muted);font-size:12px;font-variant-numeric:tabular-nums}.expanded-player__controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px}.expanded-player__controls .play-button{width:56px;height:56px}@media(max-width:760px){.web-single-app{padding-top:64px}.web-single-app--hosted{padding-top:0}.web-app-topbar{height:64px;padding:0 20px;border:0}.web-app-topbar__app-name{font-size:17px;gap:10px}.web-app-topbar__app-name img{width:30px;height:30px}.web-user-menu__name,.web-user-menu__chevron{display:none}.web-user-menu__trigger{width:44px;justify-content:center}.web-user-menu__avatar{width:30px;height:30px}.music-app{min-height:calc(100dvh - 64px);padding-bottom:calc(104px + env(safe-area-inset-bottom))}.library{padding:16px 20px 28px}.library-header{margin-bottom:8px}.library-header h1{font-size:30px;line-height:1.3;letter-spacing:-1px}.subtitle{margin-top:8px;font-size:14px}.import-trigger{min-height:42px;padding:0 15px;border-radius:11px;font-size:16px}.library-tabs{gap:26px;margin-bottom:12px}.library-tab{font-size:16px;min-height:44px}.track-row{grid-template-columns:minmax(0,1fr) 20px 38px 44px;gap:3px;min-height:76px;padding:10px 0}.track-row--active{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.track-main{gap:14px}.track-info strong{font-size:15px;font-weight:600}.track-info>span{font-size:12px}.track-artwork{width:52px;height:52px}.track-size{display:none}.track-duration{font-size:12px}.track-row>.icon-button{width:44px;height:48px}.track-playing svg{width:20px}.empty-library-intro{min-height:360px}.player-bar{min-height:calc(88px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.now-playing{grid-row:1;gap:12px}.cover-art{width:48px;height:48px}.now-playing strong{font-size:14px}.control-buttons{grid-column:2;gap:8px}.play-button{width:48px;height:48px}.previous-button{display:none}.progress-row{position:absolute;grid-column:auto;grid-row:auto;top:-12px;left:0;right:0;height:24px;gap:0}.progress-row span{display:none}.progress-row input{height:24px;appearance:none;background:transparent}.progress-row input{position:relative;z-index:1}.mobile-progress{display:block;appearance:none;position:absolute;width:100%;height:3px;border:0;background:#48536e}.mobile-progress::-webkit-progress-bar{background:#48536e}.mobile-progress::-webkit-progress-value{background:#a78bfa}.mobile-progress::-moz-progress-bar{background:#a78bfa}.progress-row input::-webkit-slider-runnable-track{height:3px;background:transparent}.progress-row input::-moz-range-track{height:3px;background:transparent}.progress-row input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#a78bfa}.progress-row input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#a78bfa}.volume-control{display:none}.music-dialog{width:100%;max-width:none;max-height:calc(100dvh - 40px);margin:auto 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.music-dialog__header h2{font-size:21px}}@media(max-width:359px){.web-app-topbar{padding:0 14px}.web-app-topbar__app-name{font-size:15px;gap:8px}.library{padding-right:14px;padding-left:14px}.track-artwork{width:44px;height:44px}.track-main{gap:10px}.track-info strong{font-size:14px}.track-duration{display:none}.track-row{grid-template-columns:minmax(0,1fr) 20px 44px}.player-bar{padding-right:14px;padding-left:14px}.cover-art{width:40px;height:40px}.import-link__field{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}