@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-md:6px;--radius-lg:8px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-primary{color:var(--brand-accent)}.text-secondary{color:var(--surface-2)}.overline{text-decoration-line:overline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\[offset\:100\]{offset:100}}:root{color-scheme:light dark;--font-sans:Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--brand-accent:#d92d4b;--accent-strong:#b91f3a;--accent-soft:#fbe7eb;--accent-rgb:217, 45, 75;--accent-contrast:#fff;--focus:#d92d4b;--danger:#d63c47;--success:#2fa66f;--sidebar-width:224px;--ease:cubic-bezier(.2, .8, .2, 1)}html[data-theme=lake-cyan]{--brand-accent:#087e8b;--accent-strong:#05616b;--accent-soft:#dff3f2;--accent-rgb:8, 126, 139;--focus:#087e8b}html[data-theme=aurora-green]{--brand-accent:#15875d;--accent-strong:#0d6746;--accent-soft:#e0f3e8;--accent-rgb:21, 135, 93;--focus:#15875d}html[data-theme=violet-stage]{--brand-accent:#7551c2;--accent-strong:#59389e;--accent-soft:#eee8fb;--accent-rgb:117, 81, 194;--focus:#7551c2}html[data-theme=sunset-coral]{--brand-accent:#d9534f;--accent-strong:#b43b38;--accent-soft:#fbe8e4;--accent-rgb:217, 83, 79;--accent-contrast:#101114;--focus:#d9534f}html[data-theme=amber-vinyl]{--brand-accent:#b66a12;--accent-strong:#8e4e06;--accent-soft:#f7ecd8;--accent-rgb:182, 106, 18;--accent-contrast:#101114;--focus:#b66a12}html[data-theme=sakura]{--brand-accent:#c43d74;--accent-strong:#9d2858;--accent-soft:#f9e4ed;--accent-rgb:196, 61, 116;--focus:#c43d74}html[data-theme=ocean-blue]{--brand-accent:#1769aa;--accent-strong:#0e4f85;--accent-soft:#e1edf8;--accent-rgb:23, 105, 170;--focus:#1769aa}html[data-theme=mono-studio]{--brand-accent:#4c5058;--accent-strong:#292c31;--accent-soft:#e8e9eb;--accent-rgb:76, 80, 88;--focus:#4c5058}html[data-theme=neon-drive]{--brand-accent:#008f78;--accent-strong:#006b5a;--accent-soft:#daf4ee;--accent-rgb:0, 143, 120;--accent-contrast:#101114;--focus:#008f78}html[data-appearance=light]{color-scheme:light;--background:#f5f6f8;--surface-1:#fff;--surface-2:#eff1f4;--surface-3:#e6e9ed;--foreground:#17181b;--text-secondary:#666b74;--text-tertiary:#686e78;--border:#dfe2e7;--sidebar:#f0f2f5;--shadow:0 18px 50px #1418201a}html[data-appearance=dark]{color-scheme:dark;--background:#101114;--surface-1:#17191d;--surface-2:#202329;--surface-3:#2a2e35;--foreground:#f5f6f7;--text-secondary:#a9aeb7;--text-tertiary:#9299a5;--border:#30343c;--accent-soft:rgba(var(--accent-rgb), .17);--sidebar:#141619;--shadow:0 20px 60px #00000059}html[data-appearance=light][data-theme=chord-red]{--brand-accent:#b91f3a;--accent-strong:#b91f3a;--accent-rgb:185, 31, 58;--accent-contrast:#fff}html[data-appearance=light][data-theme=lake-cyan]{--brand-accent:#05616b;--accent-strong:#05616b;--accent-rgb:5, 97, 107;--accent-contrast:#fff}html[data-appearance=light][data-theme=aurora-green]{--brand-accent:#0d6746;--accent-strong:#0d6746;--accent-rgb:13, 103, 70;--accent-contrast:#fff}html[data-appearance=light][data-theme=violet-stage]{--brand-accent:#59389e;--accent-strong:#59389e;--accent-rgb:89, 56, 158;--accent-contrast:#fff}html[data-appearance=light][data-theme=sunset-coral]{--brand-accent:#a83230;--accent-strong:#a83230;--accent-rgb:168, 50, 48;--accent-contrast:#fff}html[data-appearance=light][data-theme=amber-vinyl]{--brand-accent:#7a4200;--accent-strong:#7a4200;--accent-rgb:122, 66, 0;--accent-contrast:#fff}html[data-appearance=light][data-theme=sakura]{--brand-accent:#9d2858;--accent-strong:#9d2858;--accent-rgb:157, 40, 88;--accent-contrast:#fff}html[data-appearance=light][data-theme=ocean-blue]{--brand-accent:#0e4f85;--accent-strong:#0e4f85;--accent-rgb:14, 79, 133;--accent-contrast:#fff}html[data-appearance=light][data-theme=mono-studio]{--brand-accent:#3b3e45;--accent-strong:#3b3e45;--accent-rgb:59, 62, 69;--accent-contrast:#fff}html[data-appearance=light][data-theme=neon-drive]{--brand-accent:#006b5a;--accent-strong:#006b5a;--accent-rgb:0, 107, 90;--accent-contrast:#fff}html[data-appearance=dark][data-theme=chord-red]{--brand-accent:#ff6b83;--accent-strong:#ff6b83;--accent-rgb:255, 107, 131;--accent-contrast:#101114}html[data-appearance=dark][data-theme=lake-cyan]{--brand-accent:#4ecbd5;--accent-strong:#4ecbd5;--accent-rgb:78, 203, 213;--accent-contrast:#101114}html[data-appearance=dark][data-theme=aurora-green]{--brand-accent:#4bd69b;--accent-strong:#4bd69b;--accent-rgb:75, 214, 155;--accent-contrast:#101114}html[data-appearance=dark][data-theme=violet-stage]{--brand-accent:#b69aff;--accent-strong:#b69aff;--accent-rgb:182, 154, 255;--accent-contrast:#101114}html[data-appearance=dark][data-theme=sunset-coral]{--brand-accent:#ff8b84;--accent-strong:#ff8b84;--accent-rgb:255, 139, 132;--accent-contrast:#101114}html[data-appearance=dark][data-theme=amber-vinyl]{--brand-accent:#ffb85c;--accent-strong:#ffb85c;--accent-rgb:255, 184, 92;--accent-contrast:#101114}html[data-appearance=dark][data-theme=sakura]{--brand-accent:#ff84b3;--accent-strong:#ff84b3;--accent-rgb:255, 132, 179;--accent-contrast:#101114}html[data-appearance=dark][data-theme=ocean-blue]{--brand-accent:#65b5ff;--accent-strong:#65b5ff;--accent-rgb:101, 181, 255;--accent-contrast:#101114}html[data-appearance=dark][data-theme=mono-studio]{--brand-accent:#b9bec8;--accent-strong:#b9bec8;--accent-rgb:185, 190, 200;--accent-contrast:#101114}html[data-appearance=dark][data-theme=neon-drive]{--brand-accent:#41d8ba;--accent-strong:#41d8ba;--accent-rgb:65, 216, 186;--accent-contrast:#101114}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100dvh;color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;transition:background-color .22s var(--ease),color .22s var(--ease);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.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}.skip-link{z-index:100;background:var(--brand-accent);color:var(--accent-contrast);border-radius:6px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.logo-mark{width:100%;height:100%}.eyebrow,.overline{color:var(--brand-accent);letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}.button{cursor:pointer;min-height:44px;transition:background-color .15s var(--ease),transform .15s var(--ease);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.button-primary{background:var(--brand-accent);color:var(--accent-contrast)}.button-primary:hover{background:var(--accent-strong)}.button:disabled{opacity:.58;cursor:wait}.button-ghost{background:0 0}.button-ghost:hover{background:var(--surface-2)}.button-outline{border-color:var(--border);background:var(--surface-1)}.button-icon{width:44px;padding:0}.button-small{min-height:36px;padding-inline:12px}.favorite-button{width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.favorite-button:hover,.favorite-button:focus-visible{background:var(--accent-soft);color:var(--brand-accent)}.favorite-button svg{width:20px}.favorite-button.is-liked{color:#d92d4b}.favorite-button.is-liked svg{fill:currentColor}.favorite-button:disabled{opacity:.6;cursor:wait}.brand-lockup{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-lockup>span:last-child{gap:1px;display:grid}.brand-lockup strong{font-size:18px}.brand-lockup small{color:var(--text-tertiary);letter-spacing:.12em;font-size:10px;font-weight:700}.brand-mark{background:var(--brand-accent);width:40px;height:40px;color:var(--accent-contrast);box-shadow:0 8px 24px rgba(var(--accent-rgb),.25);border-radius:8px;flex:0 0 40px;place-items:center;padding:5px;display:grid}.login-view{background:var(--surface-1);grid-template-columns:minmax(420px,1.15fr) minmax(440px,.85fr);min-height:100dvh;display:grid}.login-visual{isolation:isolate;color:#fff;background:#0b0c0e url(/assets/chordway-album-Bg9WRv9u.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(28px,4vw,60px);display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";z-index:-1;background:linear-gradient(90deg,#05060857,#0506080a),linear-gradient(#0000 34%,#050608d6);position:absolute;inset:0}.login-visual .brand-mark{--brand-accent:#d92d4b;--accent-contrast:#fff}.login-visual .brand-lockup small{color:#ffffffa6}.login-visual-copy{max-width:620px;margin-top:auto;padding-bottom:5vh}.login-visual-copy>p{color:#ff4968;letter-spacing:.16em;margin:0 0 18px;font-size:11px;font-weight:800}.login-visual-copy h1{margin:0;font-size:clamp(36px,4.3vw,68px);line-height:1.16}.visual-track{border-top:1px solid #ffffff3d;align-items:center;gap:16px;width:min(420px,100%);margin-top:42px;padding-top:20px;display:flex}.visual-track>span:last-child{gap:4px;display:grid}.visual-track small{color:#ffffffa3}.visual-wave{align-items:center;gap:3px;height:34px;display:flex}.visual-wave i{background:#ff3659;border-radius:99px;width:2px;height:35%;display:block}.visual-wave i:nth-child(2),.visual-wave i:nth-child(6){height:65%}.visual-wave i:nth-child(3),.visual-wave i:nth-child(5){height:100%}.visual-wave i:nth-child(4){height:78%}.login-panel{background:var(--surface-1);place-items:center;min-height:100dvh;padding:48px clamp(32px,6vw,92px);display:grid}.login-panel-inner{width:min(390px,100%)}.login-mobile-brand{display:none}.login-heading h2{margin:0;font-size:38px}.login-heading>p:last-child{color:var(--text-secondary);margin:11px 0 0;font-size:14px}.login-form{gap:20px;margin-top:42px;display:grid}.form-field{color:var(--foreground);gap:8px;font-size:13px;font-weight:650;display:grid}.input-group{border:1px solid var(--border);background:var(--background);border-radius:6px;align-items:center;gap:11px;height:50px;padding:0 13px;display:flex}.input-group:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface-1)}.input-group>svg{width:18px;color:var(--text-tertiary)}.input-group input{min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:0}.input-group input::placeholder{color:var(--text-tertiary)}.input-action{width:40px;height:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.input-action svg{width:18px}.field-error{color:var(--danger);font-size:12px}.remember-row{width:fit-content;min-height:28px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.remember-row input{opacity:0;width:1px;height:1px;position:absolute}.custom-checkbox{border:1px solid var(--border);background:var(--background);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.custom-checkbox svg{opacity:0;width:12px}.remember-row input:checked+.custom-checkbox{border-color:var(--brand-accent);background:var(--brand-accent);color:var(--accent-contrast)}.remember-row input:checked+.custom-checkbox svg{opacity:1}.remember-row input:focus-visible+.custom-checkbox{outline:3px solid var(--focus);outline-offset:3px}.login-submit{width:100%;height:50px}.login-submit svg{width:18px}.login-server{border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:center;margin-top:32px;padding-top:18px;font-size:11px;display:flex}.login-server span{align-items:center;gap:7px;display:flex}.login-server i,.server-pill i{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2fa66f1f}.login-footnote{color:var(--text-tertiary);text-align:center;margin:22px 0 0;font-size:11px}.app-shell{min-height:100dvh}.sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand-lockup{padding:0 8px 28px}.primary-nav{gap:4px;display:grid}.nav-item{min-height:44px;color:var(--text-secondary);border-radius:6px;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--foreground)}.nav-item.is-active{background:var(--accent-soft);color:var(--brand-accent);font-weight:650}.nav-item svg{width:20px}.sidebar-playlists{color:var(--text-secondary);gap:12px;margin-top:34px;padding:0 12px;font-size:13px;display:grid}.sidebar-playlists .overline{color:var(--text-tertiary);margin-left:0}.sidebar-playlists a{color:inherit;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.sidebar-playlists a:hover{color:var(--brand-accent)}.server-pill{border-top:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:9px;margin-top:auto;padding:12px;font-size:12px;display:flex}.main-content{min-height:100dvh;margin-left:var(--sidebar-width);padding:0 40px 126px}.main-content.is-now-playing{padding-bottom:0}.topbar{z-index:15;background:var(--background);justify-content:center;align-items:center;min-height:76px;padding:14px 0;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--background) 88%,transparent)}}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-brand{display:none}.search-box{border:1px solid var(--border);background:var(--surface-1);width:min(480px,45vw);height:44px;color:var(--text-tertiary);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-box svg{width:18px}.search-box input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1}.search-box kbd{border:1px solid var(--border);background:var(--surface-2);border-radius:4px;padding:3px 6px;font-size:11px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-button svg{width:20px}.icon-button:hover{background:var(--accent-soft);color:var(--brand-accent)}.content-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:34px 0 24px;display:flex}.content-head h1{margin:0;font-size:32px;line-height:1.2}.subheading{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.subheading strong{color:var(--brand-accent)}.appearance-control{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;padding:4px;display:inline-flex}.appearance-control button{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 11px;display:flex}.appearance-control button.is-active{background:var(--surface-2);color:var(--foreground);box-shadow:0 1px 4px #00000014}.appearance-control svg{width:16px}.now-playing{border:1px solid var(--border);background:var(--surface-1);min-height:340px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(220px,300px) minmax(280px,1fr) minmax(250px,.8fr);align-items:center;gap:clamp(24px,3.3vw,54px);padding:clamp(24px,3vw,42px);display:grid;overflow:hidden}.album-art{aspect-ratio:1;box-shadow:0 18px 42px rgba(var(--accent-rgb),.24);background:#101114 url(/assets/chordway-album-Bg9WRv9u.png) 50%/cover no-repeat;border-radius:8px;position:relative;overflow:hidden}.album-art small{color:#ffffffb8;letter-spacing:.18em;font-size:10px;font-weight:700;position:absolute;bottom:16px;left:18px}.track-info{min-width:0}.status-chip{color:var(--brand-accent);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.status-chip i{background:var(--brand-accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.track-info h2{margin:15px 0 5px;font-size:clamp(28px,3vw,44px);line-height:1.08}.track-info>p{color:var(--text-secondary);margin:0}.lyric-line{align-items:center;gap:9px;margin:27px 0 24px;display:flex}.lyric-line span{background:var(--brand-accent);width:18px;height:2px}input[type=range]{width:100%;accent-color:var(--brand-accent)}.time-row{color:var(--text-tertiary);justify-content:space-between;font-size:11px;display:flex}.player-actions{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.play-button{background:var(--brand-accent);width:58px;height:58px;color:var(--accent-contrast);box-shadow:0 10px 28px rgba(var(--accent-rgb),.32);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.play-button svg{width:25px}.queue-preview{border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-self:stretch;padding-left:28px;display:flex}.queue-preview>strong{margin-bottom:8px;font-size:13px}.queue-row{border-bottom:1px solid var(--border);grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:62px;display:grid}.queue-row>span:first-child,.queue-row time{color:var(--text-tertiary);font-size:11px}.queue-row>span:nth-child(2){gap:3px;min-width:0;display:grid}.queue-row small{color:var(--text-secondary);font-size:11px}.theme-section,.library-section{padding-top:52px}.settings-page .theme-section{padding-top:28px}.mobile-player-settings{display:none}.lyrics-settings{padding-top:28px}.lyrics-settings .section-heading{margin-bottom:0}.settings-option{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.settings-option>span{gap:4px;min-width:0;display:grid}.settings-option small{color:var(--text-secondary)}.setting-segmented{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;flex:none;gap:3px;padding:4px;display:flex}.setting-segmented button{min-width:38px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0 10px;display:grid}.setting-segmented button.is-active{background:var(--accent-soft);color:var(--brand-accent)}.setting-segmented svg{width:18px}.settings-account{padding:52px 0 20px}.settings-account .section-heading{margin-bottom:12px}.settings-action{border:1px solid var(--border);background:var(--surface-1);width:100%;min-height:68px;color:var(--danger);text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px;display:flex}.settings-action>span{gap:4px;min-width:0;display:grid}.settings-action small{color:var(--text-secondary)}.settings-action svg{flex:0 0 20px;width:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:23px}.section-heading>p{color:var(--text-secondary);margin:0;font-size:13px}.theme-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.theme-card{border:1px solid var(--border);background:var(--surface-1);text-align:left;cursor:pointer;min-width:0;min-height:150px;transition:transform .18s var(--ease),border-color .18s var(--ease);border-radius:8px;flex-direction:column;justify-content:space-between;padding:15px;display:flex;overflow:hidden}.theme-card:hover{transform:translateY(-3px)}.theme-card.is-selected{border-color:var(--preview-accent);box-shadow:0 0 0 2px var(--preview-accent)}.theme-card-top{color:var(--text-tertiary);justify-content:space-between;font-size:10px;display:flex}.theme-check{background:var(--preview-accent);width:24px;height:24px;color:var(--preview-contrast);opacity:0;border-radius:50%;place-items:center;display:grid}.theme-card.is-selected .theme-check{opacity:1}.theme-check svg{width:14px}.mini-player{grid-template-columns:40px 1fr 28px;align-items:center;gap:9px;display:grid}.mini-cover{background:var(--preview-accent);width:40px;height:40px;color:var(--preview-contrast);border-radius:5px;place-items:center;font-weight:800;display:grid}.mini-track{gap:2px;min-width:0;display:grid}.mini-track strong,.mini-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-track strong{font-size:12px}.mini-track small,.theme-name small{color:var(--text-tertiary);font-size:10px}.mini-play{background:var(--preview-accent);width:28px;height:28px;color:var(--preview-contrast);border-radius:50%;place-items:center;display:grid}.mini-play svg{fill:currentColor;width:12px}.theme-name strong{font-size:14px;display:block}.album-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.album-card{text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;min-width:0;padding:0;display:grid}.album-card strong,.album-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-card small{color:var(--text-secondary);font-size:12px}.album-cover{aspect-ratio:1;color:#ffffffd1;border-radius:6px;place-items:center;font-size:clamp(28px,5vw,72px);font-weight:800;display:grid}.cover-1{background:#2e3944}.cover-2{background:#176b87}.cover-3{background:#c43d74}.cover-4{background:#b66a12}.mobile-nav{display:none}.route-status,.query-state{min-height:280px;color:var(--text-secondary);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.pwa-status{z-index:40;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:62px}.pwa-status>span{border:1px solid var(--border);background:var(--surface-1);min-height:36px;color:var(--text-secondary);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex}.pwa-status>span[role=status]{max-width:min(420px,100vw - 28px);min-height:36px;padding-block:8px;line-height:1.4}.pwa-status svg{width:15px}.route-status{min-height:100dvh}.query-state>svg{width:30px;height:30px;color:var(--brand-accent)}.query-state strong{color:var(--foreground);font-size:17px}.query-state p{max-width:420px;margin:0 0 8px;font-size:13px}.loading-disc{width:42px;height:42px;color:var(--brand-accent);place-items:center;animation:1.4s linear infinite spin;display:grid}.loading-disc svg{width:32px}@keyframes spin{to{transform:rotate(360deg)}}.first-section,.recent-section{padding-top:8px}.recent-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.recent-column{min-width:0}.recent-column>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:38px;padding:0 4px 8px;display:flex}.recent-column h3{margin:0;font-size:16px}.recent-column header span{color:var(--text-tertiary);font-size:11px}.recent-list{display:grid}.recent-list>p{min-height:64px;color:var(--text-tertiary);place-items:center;margin:0;font-size:12px;display:grid}.recent-item{border:0;border-bottom:1px solid var(--border);min-width:0;min-height:64px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;padding:8px 48px 8px 4px;display:grid;position:relative}.recent-item:hover{background:var(--surface-1)}.recent-item>span:last-child{gap:3px;min-width:0;display:grid}.recent-item strong,.recent-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item small{color:var(--text-secondary);font-size:11px}.recent-item>.favorite-button{position:absolute;right:2px}.recent-cover{aspect-ratio:1;background:var(--surface-2);width:46px;color:var(--text-tertiary);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.recent-cover>img{object-fit:cover;width:100%;height:100%}.recent-cover>svg{width:19px}.recent-play{color:#fff;opacity:0;transition:opacity .15s var(--ease);background:#0a0b0e94;place-items:center;display:grid;position:absolute;inset:0}.recent-play svg{fill:currentColor;width:17px}.recent-item:hover .recent-play,.recent-item:focus-visible .recent-play{opacity:1}.media-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.media-tile{gap:7px;min-width:0;display:grid}.media-tile strong,.media-tile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-tile small{color:var(--text-secondary);font-size:12px}.media-cover{aspect-ratio:1;background:var(--surface-2);min-width:0;color:var(--text-tertiary);border-radius:6px;place-items:center;display:grid;overflow:hidden}.media-cover img{object-fit:cover;width:100%;height:100%;display:block}.media-cover>svg{width:28%;height:28%}.segmented-tabs{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;gap:3px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.segmented-tabs button{min-height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 18px}.segmented-tabs button.is-active{background:var(--accent-soft);color:var(--brand-accent);font-weight:700}.tab-panel{min-height:320px}.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;display:grid}.artist-row{border-bottom:1px solid var(--border);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:9px;display:grid}.artist-row .media-cover{border-radius:50%;width:58px}.artist-row>span:last-child{gap:4px;min-width:0;display:grid}.artist-row strong,.artist-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artist-row small{color:var(--text-secondary);font-size:12px}.track-list{border-top:1px solid var(--border)}.track-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:70px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 46px minmax(150px,1.2fr) minmax(120px,.8fr) 54px 44px;align-items:center;gap:12px;padding:0;display:grid}.track-row:hover{background:var(--surface-1)}.track-row .media-cover{width:46px}.track-row time{color:var(--text-tertiary);font-size:11px}.track-index{color:var(--text-tertiary);text-align:center}.track-cover{position:relative}.track-cover-play{color:#fff;opacity:0;transition:opacity .15s var(--ease);background:#0a0b0e94;place-items:center;display:grid;position:absolute;inset:0}.track-cover-play svg{fill:currentColor;width:18px}.track-row:hover .track-cover-play,.track-row:focus-visible .track-cover-play,.search-result-row.is-track:hover .track-cover-play,.search-result-row.is-track:focus-visible .track-cover-play{opacity:1}.track-primary{gap:3px;min-width:0;display:grid}.track-primary strong,.track-primary small,.track-album{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-primary small,.track-album{color:var(--text-secondary);font-size:12px}.track-list.is-compact .track-row:nth-child(n+9){display:none}.folder-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.folder-list article{border:1px solid var(--border);background:var(--surface-1);border-radius:6px;grid-template-columns:42px 1fr;align-items:center;gap:2px 12px;min-width:0;padding:14px;display:grid}.folder-list article>span{background:var(--accent-soft);width:42px;height:42px;color:var(--brand-accent);border-radius:6px;grid-row:1/3;place-items:center;display:grid}.folder-list strong,.folder-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-list small{color:var(--text-tertiary);font-size:10px}.result-sections{gap:48px;display:grid}.result-sections>section{min-width:0}.inline-form{align-items:center;gap:8px;display:flex}.inline-form input{border:1px solid var(--border);background:var(--surface-1);width:min(230px,35vw);height:38px;color:var(--foreground);border-radius:5px;outline:0;padding:0 11px}.inline-form input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-soft)}.inline-form svg{width:16px}.operation-error{color:var(--danger);margin:-8px 0 18px;font-size:12px}.playlist-layout{grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:30px;display:grid}.playlist-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:24px 18px;display:grid}.playlist-list>a{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;padding:0 0 8px;display:grid}.playlist-list>a:hover,.playlist-list>a.is-active{background:var(--accent-soft);color:var(--brand-accent)}.playlist-list>a>span:first-child{aspect-ratio:1;background:var(--surface-2);border-radius:8px;place-items:center;width:100%;display:grid}.playlist-list>a>span:first-child>svg{width:30%;height:30%;color:var(--text-tertiary)}.playlist-list>a>span:last-child{gap:3px;min-width:0;display:grid}.playlist-list strong,.playlist-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-list small{color:var(--text-secondary);font-size:11px}.playlist-detail{min-width:0}.playlist-detail>.query-state{min-height:220px}.playlist-detail header{justify-content:space-between;align-items:center;gap:20px;min-height:88px;margin-bottom:16px;display:flex}.playlist-detail header>div{min-width:0}.playlist-detail h1{overflow-wrap:anywhere;margin:0;font-size:24px}.playlist-detail header p:last-child{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.search-results{border-top:1px solid var(--border);overflow:hidden}.search-results.is-virtual{contain:strict;overflow-y:auto}.search-result-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:72px;color:inherit;text-align:left;background:0 0;grid-template-columns:44px minmax(150px,1fr) minmax(140px,.8fr) 44px;align-items:center;gap:12px;padding:0;display:grid}.search-result-row.is-track{cursor:pointer}.search-result-row.is-track:hover{background:var(--surface-1)}.search-result-row>.search-result-icon{background:var(--surface-2);width:38px;height:38px;color:var(--brand-accent);border-radius:6px;place-items:center;display:grid}.search-result-row .track-cover{width:38px}.search-result-row>span:nth-child(2){gap:3px;min-width:0;display:grid}.search-result-row small{color:var(--brand-accent);font-size:9px;font-weight:800}.search-result-row strong,.search-result-row p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-row p{color:var(--text-secondary);margin:0;font-size:12px}.mini-player-bar{min-height:82px;inset:auto 0 0 var(--sidebar-width);z-index:25;border-top:1px solid var(--border);background:var(--surface-1);grid-template-columns:minmax(200px,1fr) minmax(320px,1.25fr) minmax(44px,1fr);align-items:center;gap:22px;padding:10px 30px;display:grid;position:fixed}@supports (color:color-mix(in lab,red,red)){.mini-player-bar{background:color-mix(in srgb,var(--surface-1) 94%,transparent)}}.mini-player-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mini-current{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;min-width:0;text-decoration:none;display:grid}.mini-current-cover{aspect-ratio:1;background:var(--surface-2);width:56px;color:var(--text-tertiary);border-radius:5px;place-items:center;display:grid;overflow:hidden}.mini-current-cover img{object-fit:cover;width:100%;height:100%}.mini-current>span:last-child{gap:4px;min-width:0;display:grid}.mini-current strong,.mini-current small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-current small{color:var(--text-secondary);font-size:11px}.player-control-set{gap:4px;min-width:0;display:grid}.player-controls-row{min-width:0}.progress-control{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.progress-control input{min-width:0;height:12px;margin:0;display:block}.progress-control time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.progress-current{text-align:left}.progress-duration{text-align:right}.transport-controls{justify-content:center;align-items:center;gap:9px;display:flex}.mini-player-bar .play-button{width:44px;height:44px}.mini-player-bar .icon-button{width:38px;height:38px}.mini-queue-shortcut{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-self:end;place-items:center;width:44px;height:44px;display:grid}.mini-player-actions{justify-self:end;align-items:center;display:flex}.player-error{background:var(--danger);color:#fff;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:6px 20px;font-size:12px;display:flex;position:absolute;inset:auto 0 100%}.player-error button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:4px;padding:4px 9px}.queue-panel{z-index:35;border-left:1px solid var(--border);background:var(--surface-1);flex-direction:column;width:min(380px,100vw);padding:20px;display:flex;position:fixed;inset:0 0 82px auto;box-shadow:-16px 0 48px #00000029}.queue-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.queue-panel h2{margin:0;font-size:22px}.queue-list{overflow-y:auto}.queue-list article{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;display:grid}.queue-list article.is-current{background:var(--accent-soft);color:var(--brand-accent)}.queue-track{min-width:0;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;display:grid}.queue-track>span:last-child{gap:3px;min-width:0;display:grid}.queue-track strong,.queue-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-track small{color:var(--text-secondary);font-size:11px}.queue-move{padding-right:6px;display:flex}.queue-actions{align-items:center;display:flex}.queue-move button{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0}.queue-move button:disabled{opacity:.25;cursor:default}.now-playing-page{grid-template-columns:minmax(400px,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(36px,6vw,90px);min-height:calc(100dvh - 76px);padding:20px 3vw 24px;display:grid}.now-playing-main{min-width:0}.now-playing-cover{aspect-ratio:1;background:var(--surface-2);width:min(52vh,520px,100%);color:var(--text-tertiary);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:8px;place-items:center;margin:0 auto 28px;padding:0;display:grid;overflow:hidden}.now-playing-cover img{object-fit:cover;width:100%;height:100%}.now-playing-cover>svg{width:25%;height:25%}.now-playing-meta{text-align:center;width:100%;min-width:0}.now-playing-title-row{justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}.now-playing-title-row>.favorite-button{position:absolute;right:0}.now-playing-title{white-space:nowrap;width:min(100% - 96px,520px);overflow:hidden}.now-playing-title>span{width:max-content;min-width:100%;display:block}.now-playing-title>span.is-scrolling{animation:8s ease-in-out infinite alternate title-marquee}@keyframes title-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-1 * var(--title-scroll-distance)))}}.now-playing-meta h1{overflow-wrap:anywhere;margin:0;font-size:32px}.now-playing-meta>p:not(.eyebrow){color:var(--text-secondary);margin:7px 0 22px}.setting-toggle{border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-top:22px;padding-top:16px;display:flex;position:relative}.setting-toggle>span{gap:3px;display:grid}.setting-toggle small{color:var(--text-secondary);font-size:11px}.setting-toggle input{opacity:0;width:1px;height:1px;position:absolute}.setting-toggle i{background:var(--surface-3);width:42px;height:24px;transition:background-color .15s var(--ease);border-radius:12px;flex:0 0 42px;position:relative}.setting-toggle i:after{content:"";width:18px;height:18px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 5px #0000003d}.setting-toggle input:checked+i{background:var(--brand-accent)}.setting-toggle input:checked+i:after{transform:translate(18px)}.setting-toggle input:focus-visible+i{outline:3px solid var(--focus);outline-offset:3px}.player-control-set.is-expanded{gap:12px}.player-control-set.is-expanded .player-controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:56px;display:flex;position:relative}.player-control-set.is-expanded .transport-controls{flex:none;gap:clamp(8px,1.5vw,16px)}.player-control-set.is-expanded .transport-controls .icon-button{width:40px;height:40px}.player-control-set.is-expanded .play-button{width:56px;height:56px}.volume-control{flex:none;place-items:center;width:max-content;display:grid;position:relative}.volume-button svg{width:19px;color:var(--text-secondary)}.volume-popover{z-index:30;border:1px solid var(--border);background:var(--surface-1);width:52px;height:164px;box-shadow:var(--shadow);border-radius:8px;place-items:center;padding:12px 0;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.volume-popover input{writing-mode:vertical-lr;direction:rtl;width:20px;height:136px;margin:0}.lyrics-panel{scrollbar-width:none;scroll-behavior:smooth;height:min(68vh,680px);min-height:420px;padding:16px 24px 45vh 0;overflow-y:auto}.lyrics-panel::-webkit-scrollbar{display:none}.lyrics-panel header{z-index:2;background:var(--background);padding:16px 0 14px;position:sticky;top:-16px}.lyrics-panel h2{margin:0;font-size:23px}.lyrics-panel>button,.lyrics-panel>p{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;margin:0;padding:13px 0;font-size:17px;line-height:1.6;display:block}.lyrics-panel.is-align-center>button,.lyrics-panel.is-align-center>p{text-align:center}.lyrics-panel.is-align-right>button,.lyrics-panel.is-align-right>p{text-align:right}.lyrics-panel.is-size-small>button,.lyrics-panel.is-size-small>p{font-size:15px}.lyrics-panel.is-size-large>button,.lyrics-panel.is-size-large>p{font-size:20px}.lyrics-panel>button{cursor:pointer;transition:color .15s var(--ease),transform .15s var(--ease)}.lyrics-panel>button.is-active{color:var(--brand-accent);font-weight:750;transform:translate(8px)}.lyrics-panel.is-align-center>button.is-active,.lyrics-panel.is-align-right>button.is-active{transform:none}.lyrics-panel .lyrics-empty{color:var(--text-tertiary);text-align:center;padding-top:80px}.mobile-lyrics-preview{display:none}@media(max-width:1180px){.now-playing{grid-template-columns:220px 1fr}.queue-preview{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding:18px 0 0;display:grid}.queue-preview>strong{grid-column:1/-1}.queue-row{border-right:1px solid var(--border);border-bottom:0;padding:0 12px}.theme-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-list{grid-template-columns:repeat(3,minmax(0,1fr))}.now-playing-page{grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:28px;padding-inline:0}}@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom))}.login-mobile-brand{margin-bottom:clamp(48px,10vh,90px);display:block}.sidebar{display:none}.main-content{padding:0 18px calc(var(--bottom-overlap,68px + env(safe-area-inset-bottom)) + 24px);margin-left:0}.main-content.is-now-playing{height:100dvh;min-height:0;padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow:hidden}.main-content.is-now-playing .topbar{display:none}.topbar{min-height:calc(64px + env(safe-area-inset-top));padding-top:calc(14px + env(safe-area-inset-top));justify-content:flex-start;gap:14px}.mobile-brand{align-items:center;gap:8px;display:flex}.mobile-brand .brand-mark{flex-basis:34px;width:34px;height:34px}.search-box{flex:1;width:auto}.search-box kbd{display:none}.now-playing{grid-template-columns:minmax(180px,240px) 1fr;padding:24px}.queue-preview{display:none}.theme-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.mobile-nav{z-index:30;height:calc(68px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface-1);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{min-height:54px;color:var(--text-tertiary);align-content:center;place-items:center;gap:3px;font-size:10px;text-decoration:none;display:grid}.mobile-nav a.is-active{color:var(--brand-accent)}.mobile-nav svg{width:21px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.playlist-layout{grid-template-columns:1fr}.playlist-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-player-bar{inset:auto 0 calc(68px + env(safe-area-inset-bottom)) 0;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:72px;padding:8px 10px}.mini-player-bar .player-control-set{display:flex}.mini-player-bar .progress-control,.mini-player-bar .transport-controls>.icon-button:first-child,.mini-player-bar .transport-controls>.icon-button:nth-last-child(-n+2),.mini-queue-shortcut{display:none}.mini-current{grid-template-columns:50px minmax(0,1fr)}.mini-current-cover{width:50px}.queue-panel{bottom:calc(140px + env(safe-area-inset-bottom))}.now-playing-page{height:calc(100dvh - 68px - env(safe-area-inset-bottom));min-height:0;padding:calc(clamp(32px,6dvh,64px) + env(safe-area-inset-top)) 1vw 108px;flex-direction:column;gap:12px;display:flex;overflow:hidden}.recent-columns{grid-template-columns:minmax(0,1fr);gap:24px}.now-playing-main{display:contents}.now-playing-meta{order:1}.now-playing-meta>.eyebrow{display:none}.now-playing-meta>p:not(.eyebrow){margin:5px 0 0}.now-playing-cover{flex:none;order:2;width:min(70vw,34vh,320px);max-width:none;margin:0 auto}.mobile-lyrics-preview{width:min(100%,560px);min-height:0;color:var(--text-secondary);text-align:left;flex:1;order:3;align-content:center;margin:0 auto;display:grid;overflow:hidden}.mobile-lyrics-preview p{text-overflow:ellipsis;white-space:nowrap;margin:0;padding:5px 0;font-size:15px;line-height:1.35;overflow:hidden}.mobile-lyrics-preview p.is-active{color:var(--brand-accent);font-weight:750}.mobile-lyrics-preview.is-align-center{text-align:center}.mobile-lyrics-preview.is-align-right{text-align:right}.mobile-lyrics-preview.is-size-small p{font-size:13px}.mobile-lyrics-preview.is-size-large p{font-size:17px}.lyrics-panel{overscroll-behavior:contain;flex:1;order:3;height:auto;min-height:0;padding:0 0 96px;display:none;overflow-y:auto}.now-playing-page.is-mobile-lyrics .now-playing-cover,.now-playing-page.is-mobile-lyrics .mobile-lyrics-preview{display:none}.now-playing-page.is-mobile-lyrics .lyrics-panel{display:block}.now-playing-meta>.player-control-set{inset:auto 0 calc(68px + env(safe-area-inset-bottom)) 0;z-index:25;border-top:1px solid var(--border);background:var(--surface-1);padding:10px 14px 12px;position:fixed}@supports (color:color-mix(in lab,red,red)){.now-playing-meta>.player-control-set{background:color-mix(in srgb,var(--surface-1) 96%,transparent)}}.now-playing-meta>.player-control-set{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.now-playing-meta>.player-control-set .volume-control{display:none}.player-control-set.is-expanded .transport-controls{justify-content:space-between;gap:0;width:min(78%,360px)}.mobile-player-settings{padding-top:20px;display:block}.mobile-player-settings .section-heading{margin-bottom:0}.pwa-status{max-width:calc(100vw - 28px);top:70px;right:14px}}@media(max-width:620px){.content-head{padding-top:25px;display:grid}.content-head h1{font-size:26px}.appearance-control{width:100%}.appearance-control button{flex:1;justify-content:center}.now-playing{padding:18px;display:block}.album-art{width:min(78vw,310px);margin:0 auto 24px}.track-info{text-align:center}.lyric-line{justify-content:center}.section-heading{align-items:flex-start}.section-heading>p{display:none}.theme-grid{gap:10px}.theme-card{min-height:142px;padding:13px}.album-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.content-head{align-items:stretch}.content-head>.inline-form,.content-head>.inline-form label,.content-head>.inline-form input{width:100%}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.artist-grid{grid-template-columns:1fr}.folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{grid-template-columns:28px 42px minmax(0,1fr) 42px 44px;gap:9px}.track-row .media-cover{width:42px}.track-album{display:none}.playlist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.playlist-detail header{align-items:flex-start}.playlist-detail .inline-form,.playlist-detail .inline-form label,.playlist-detail .inline-form input{width:100%}.search-result-row{grid-template-columns:42px minmax(0,1fr) 38px}.search-result-row p{display:none}.now-playing-cover{width:min(70vw,34vh,320px)}.now-playing-meta h1{font-size:26px}.player-control-set.is-expanded .transport-controls .icon-button{width:32px;height:32px}.player-control-set.is-expanded .play-button{width:44px;height:44px}.volume-control{width:60px}.lyrics-panel{min-height:0;padding-right:0}}@media(max-width:390px){.login-panel{place-items:start center;padding-inline:20px}.login-mobile-brand{margin-bottom:48px}.main-content{padding-inline:14px}.mobile-brand strong{display:none}.theme-card{min-height:132px}}@media(max-width:820px)and (max-height:700px){.mobile-lyrics-preview{display:none}.now-playing-cover{width:min(72vw,38vh,320px)}}@media(orientation:landscape)and (max-height:720px)and (min-width:821px){html{--sidebar-width:184px}.sidebar{width:var(--sidebar-width);padding-block:12px}.sidebar-playlists{display:none}.sidebar>.brand-lockup{padding-bottom:12px}.nav-item,.server-pill{min-height:56px}.main-content{margin-left:var(--sidebar-width);padding:0 20px 104px}.main-content.is-now-playing{padding-bottom:0}.topbar{min-height:72px}.search-box{height:56px}.icon-button,.mini-queue-shortcut,.queue-move button{width:56px;height:56px}.button{min-height:56px}.content-head{padding-block:18px}.track-row{grid-template-columns:56px 46px minmax(150px,1.2fr) minmax(120px,.8fr) 54px 44px;min-height:76px}.mini-player-bar{min-height:96px}.mini-player-bar .icon-button{width:56px;height:56px}.player-control-set.is-expanded .transport-controls .icon-button{width:44px;height:44px}.player-control-set.is-expanded .transport-controls{gap:6px}.mini-player-bar .play-button,.player-control-set.is-expanded .play-button{width:64px;height:64px}.queue-panel{bottom:96px}.now-playing-page{grid-template-columns:minmax(300px,.8fr) minmax(340px,1.2fr);gap:28px;min-height:calc(100dvh - 72px);padding:8px 0 12px}.now-playing-cover{width:min(42vh,300px);margin-bottom:12px}.lyrics-panel{height:68vh;min-height:300px}.setting-toggle{min-height:56px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.playlist-list>a{color:inherit;text-decoration:none}.playlist-list>a>span:first-child{overflow:hidden}.playlist-list img{object-fit:cover;width:100%;height:100%}.playlist-back{min-height:44px;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:20px;text-decoration:none;display:inline-flex}.playlist-back:hover{color:var(--brand-accent)}.playlist-settings-button{flex-shrink:0}.playlist-settings{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;margin-bottom:24px;padding:16px}.playlist-settings .inline-form{flex-wrap:wrap;align-items:end}.playlist-settings label{gap:8px;min-width:0;font-size:13px;display:grid}.playlist-settings-actions{gap:8px;display:flex}.playlist-settings .operation-error{margin:12px 0 0}.playlist-create-dialog{border:1px solid var(--border);background:var(--surface-1);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);box-shadow:var(--shadow);border-radius:14px;padding:24px;overflow-y:auto}.playlist-create-dialog::backdrop{background:#0000008c}.playlist-create-dialog form{gap:22px;display:grid}.playlist-create-dialog h2{margin:0;font-size:22px}.playlist-name-field{gap:10px;font-size:14px;display:grid}.playlist-name-field input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:44px;color:inherit;border-radius:6px;padding:0 12px;font-size:16px}.playlist-public-field{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.playlist-public-field input{width:20px;height:20px;accent-color:var(--brand-accent);flex-shrink:0}.playlist-public-field span{gap:4px;display:grid}.playlist-public-field strong{font-size:14px}.playlist-public-field small{color:var(--text-secondary);font-size:12px}.playlist-create-actions{justify-content:flex-end;gap:10px;display:flex}.playlist-create-dialog .operation-error{margin:0}.mobile-player-collapse{display:none}@media(max-width:820px){.mobile-player-collapse{width:44px;height:44px;top:calc(env(safe-area-inset-top) + 8px);z-index:35;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;left:12px}.mobile-player-collapse svg{width:22px;height:22px}.mobile-player-collapse:hover,.mobile-player-collapse:focus-visible{color:var(--brand-accent)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}