:root{--app-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--app-safe-right:var(
    --safe-area-inset-right,env(safe-area-inset-right,0px)
  );--app-safe-bottom:var(
    --safe-area-inset-bottom,env(safe-area-inset-bottom,0px)
  );--app-safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--layout-gutter:clamp(20px,3vw,44px);--mini-player-height:64px;--mobile-navigation-height:72px}body,html{block-size:100%;overflow:hidden;overscroll-behavior:none}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;position:relative;inset-block-start:var(--app-offset-top,0);block-size:var(--app-height,100dvh);inline-size:100%;min-inline-size:0;overflow:hidden}.app-shell>.sidebar{grid-area:1/1;position:relative;inset:auto;inline-size:auto;min-block-size:0;padding-block-start:max(28px,var(--app-safe-top));padding-inline-start:max(20px,var(--app-safe-left));overscroll-behavior:contain}.app-shell>.main-shell{grid-area:1/2;display:flex;flex-direction:column;min-inline-size:0;min-block-size:0;margin:0;padding:0;overflow:hidden}.main-shell>.topbar{flex:0 0 auto;block-size:auto;min-block-size:calc(80px + var(--app-safe-top));padding:var(--app-safe-top) max(var(--layout-gutter),var(--app-safe-right)) 0 var(--layout-gutter)}.main-shell>.network-banner{flex:0 0 auto}.main-shell>main{flex:1 1 auto;min-inline-size:0;min-block-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:24px}.main-shell .page{inline-size:100%;padding:28px max(var(--layout-gutter),var(--app-safe-right)) 32px var(--layout-gutter)}.playback-dock{grid-area:2/1/3/-1;display:grid;grid-auto-rows:auto;position:relative;isolation:isolate;min-inline-size:0;max-inline-size:100%;padding-inline:var(--app-safe-left) var(--app-safe-right);padding-block-end:var(--app-safe-bottom);border-block-start:1px solid var(--border);background:var(--panel);z-index:40}.playback-dock>.player-bar{position:relative;inset:auto;block-size:auto;min-block-size:88px;min-inline-size:0;grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) minmax(0,.8fr);padding:10px var(--layout-gutter);gap:20px;border:0}.playback-dock>.youtube-dock{--youtube-card-width:min(376px,calc(100vw - 32px));--youtube-card-height:calc(max(200px, (var(--youtube-card-width) - 18px) * 9 / 16) + 70px);position:fixed;inset-block-start:calc(var(--app-offset-top, 0px) + max(8px, var(--app-height, 100dvh) - var(--playback-dock-height, 88px) - var(--youtube-card-height) - var(--youtube-error-space, 0px) - 12px));inset-block-end:auto;inset-inline-end:max(16px,var(--app-safe-right));inline-size:var(--youtube-card-width);min-inline-size:0;margin:0;max-inline-size:calc(100% - 32px);max-block-size:calc(var(--app-height, 100dvh) - 16px);overflow:auto;overscroll-behavior:contain}.playback-dock>.youtube-dock-error{--youtube-error-space:60px}.playback-dock .youtube-dock iframe{block-size:100%;min-block-size:200px;max-inline-size:100%}.toast{inset-block-end:calc(100dvh - var(--app-offset-top, 0px) - var(--app-height, 100dvh) + var(--playback-dock-height, 88px) + 12px);max-block-size:calc(var(--app-height, 100dvh) - 24px);overflow:auto}.dialog{--dialog-edge:16px;position:fixed;inset-block-start:calc(var(--app-offset-top, 0px) + var(--dialog-edge));inset-block-end:calc(100dvh - var(--app-offset-top, 0px) - var(--app-height, 100dvh) + var(--dialog-edge));max-block-size:calc(var(--app-height, 100dvh) - 2 * var(--dialog-edge));margin-block:auto;min-block-size:0;border-radius:var(--dialog-radius,24px);scroll-padding-block:16px}.home-page .page-heading{margin-block-end:24px}.listening-home{background:var(--ambient-wash,none)}.home-page .page-heading h1{font-size:clamp(30px,3.8vw,44px);line-height:1.1;letter-spacing:-1.3px}.listening-greeting{color:var(--muted);font-size:13px}.listening-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listening-shortcut{display:flex;align-items:center;gap:14px;min-inline-size:0;min-block-size:80px;padding:10px;background:var(--surface);border-radius:var(--card-radius,16px);transition:background var(--motion-fast,.15s)}.listening-shortcut:hover{background:var(--surface-hover)}.listening-shortcut>img{flex:0 0 auto;object-fit:cover}.listening-shortcut>.listening-liked-art,.listening-shortcut>img{inline-size:60px;block-size:60px;border-radius:calc(var(--card-radius, 16px) * .6)}.listening-shortcut>.listening-liked-art{display:grid;place-items:center;flex:0 0 auto;background:var(--raised);color:var(--accent)}.listening-shortcut>span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600}.listening-shortcut>svg{margin-inline-start:auto;flex:0 0 auto;inline-size:20px;color:var(--muted)}.home-page section+section,.listening-shortcuts+.listening-mixes{margin-block-start:30px}.home-page .section-heading h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.8px}.listening-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.listening-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-grid .album-card img{border-radius:var(--card-radius,16px)}.listening-grid .album-card h3,.listening-grid .card-title{margin-block-start:12px;font-size:16px;font-weight:650}.listening-grid .album-card p{margin-block-start:5px;font-size:13px;line-height:1.5}.continue-list .track-list{margin-block-start:0}.continue-list .track-row{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;min-block-size:76px;padding:8px 0}.continue-list .track-album,.continue-list .track-duration,.continue-list .track-header,.continue-list .track-number{display:none}.continue-list .track-art img{inline-size:60px;block-size:60px;border-radius:calc(var(--card-radius, 16px) * .6)}.continue-list .track-title{font-size:16px}.continue-list .track-artist{font-size:13px}.continue-list .icon-button{inline-size:44px;block-size:44px}@media (min-width:761px) and (max-width:980px){.playback-dock>.player-bar{grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr)}}@media (max-width:760px),(pointer:coarse) and (max-height:600px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell>.sidebar,.main-shell .history-nav,.main-shell .studio-tag,.main-shell .topbar-search{display:none}.app-shell>.main-shell{grid-area:1/1}.main-shell>.topbar{min-block-size:calc(72px + var(--app-safe-top));padding:var(--app-safe-top) max(20px,var(--app-safe-right)) 0 max(20px,var(--app-safe-left));gap:12px;border:0}.main-shell .topbar-wordmark{display:block;min-inline-size:0;color:var(--text);font:800 30px Manrope Variable,sans-serif;letter-spacing:-1.8px;white-space:nowrap}.topbar-wordmark>span{color:var(--accent)}.main-shell .topbar-account{gap:8px}.main-shell .topbar-settings{display:flex}.topbar-account .avatar,.topbar-account .icon-button{inline-size:44px;block-size:44px}.topbar-account .button{min-block-size:44px;padding-inline:12px}.main-shell>main{scrollbar-gutter:auto}.main-shell .page{padding:18px max(20px,var(--app-safe-right)) 28px max(20px,var(--app-safe-left))}.main-shell .home-page{padding-block-start:4px}.home-page .page-heading{margin-block-end:12px}.home-page section+section{margin-block-start:24px}.listening-shortcuts+.listening-mixes{margin-block-start:16px}.home-page .section-heading{margin-block-end:10px}.playback-dock{padding-block-start:6px;gap:6px;border-block-start:0}.playback-dock>.player-bar{display:flex;justify-content:space-between;block-size:var(--mini-player-height);min-block-size:var(--mini-player-height);margin-inline:8px;padding:8px 12px;gap:10px;border:1px solid var(--border);border-radius:var(--player-radius,12px);background:var(--surface);box-shadow:none}.playback-dock .player-center,.playback-dock .player-extras,.playback-dock .player-like{display:none}.playback-dock .playing-info{flex:1 1 auto;gap:10px}.playback-dock .idle-art,.playback-dock .playing-art img{inline-size:44px;block-size:44px}.playback-dock .playing-text{gap:3px}.playback-dock .playing-info>span strong,.playback-dock .playing-text strong{display:block;font-size:13px}.playback-dock .playing-info small,.playback-dock .playing-text span{font-size:11px}.playback-dock .mobile-transport{display:flex;flex:0 0 auto;gap:0}.playback-dock .mobile-transport .icon-button{inline-size:44px;block-size:44px}.playback-dock .mini-progress{display:block;position:absolute;inset-inline-start:0;inset-block-end:0;block-size:2px;max-inline-size:100%;background:var(--accent);border-radius:2px}.playback-dock>.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;inset:auto;block-size:var(--mobile-navigation-height);min-block-size:var(--mobile-navigation-height);padding:6px 8px;gap:4px;border:0;background:transparent}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:0;min-block-size:44px;gap:5px;font-size:11px;color:var(--muted);border-radius:var(--control-radius,12px)}.mobile-nav .selected{color:var(--accent)}.playback-dock>.youtube-dock{--youtube-card-width:min(376px,calc(100vw - 24px));inset-inline-end:max(12px,var(--app-safe-right));max-inline-size:calc(100% - 24px)}.dialog.now-playing{--dialog-edge:0px;inline-size:100%;max-inline-size:100%;block-size:var(--app-height,100dvh);max-block-size:var(--app-height,100dvh);border:0;border-radius:0;padding:max(8px,var(--app-safe-top)) max(20px,var(--app-safe-right)) max(20px,var(--app-safe-bottom)) max(20px,var(--app-safe-left))}.now-playing .now-playing-art{inline-size:min(100%,calc(var(--app-height, 100dvh) * .29),320px);block-size:auto;margin-inline:auto}.listening-shortcuts{gap:8px}.listening-shortcut{min-block-size:68px;gap:8px;padding:8px}.listening-shortcut>.listening-liked-art,.listening-shortcut>img{inline-size:48px;block-size:48px}.listening-shortcut>span{font-size:12px}.listening-shortcut>svg{inline-size:14px;block-size:14px}.listening-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.listening-grid .album-card h3,.listening-grid .card-title{font-size:15px}.listening-grid .album-card p{font-size:12px}.continue-list .track-row{grid-template-columns:minmax(0,1fr) 44px;min-block-size:68px;padding-block:4px}.continue-list .like-button{display:none}}@media (max-width:360px){.listening-shortcut>.listening-liked-art,.listening-shortcut>img{inline-size:40px;block-size:40px}.listening-shortcut>span{font-size:11px}}:root[data-compact-viewport] .app-shell{grid-template-columns:minmax(0,1fr)}:root[data-compact-viewport] .app-shell>.sidebar,:root[data-compact-viewport] .main-shell>.topbar,:root[data-compact-viewport] .playback-dock>.youtube-dock{display:none}:root[data-compact-viewport] .app-shell>.main-shell{grid-area:1/1}:root[data-compact-viewport] .playback-dock{grid-template-columns:minmax(0,1fr) 132px;grid-auto-rows:52px;gap:4px;padding-block-start:4px;padding-block-end:min(var(--app-safe-bottom),max(0px,calc(var(--app-height, 100dvh) - 56px)))}:root[data-compact-viewport] .playback-dock>.player-bar{display:flex;grid-area:1/1;block-size:52px;min-block-size:52px;min-inline-size:0;padding:3px 6px;margin-inline:4px 0;gap:4px}:root[data-compact-viewport] .mobile-transport>:not(.mobile-play-button),:root[data-compact-viewport] .playback-dock .idle-art,:root[data-compact-viewport] .playback-dock .player-center,:root[data-compact-viewport] .playback-dock .player-extras,:root[data-compact-viewport] .playback-dock .player-like,:root[data-compact-viewport] .playback-dock .playing-art{display:none}:root[data-compact-viewport] .playback-dock .playing-info{flex:1 1 auto;min-inline-size:0}:root[data-compact-viewport] .playback-dock .playing-text{justify-content:center;min-block-size:44px;min-inline-size:44px}:root[data-compact-viewport] .playback-dock .mobile-transport{display:flex;flex:0 0 auto}:root[data-compact-viewport] .mobile-play-button{inline-size:44px;block-size:44px}:root[data-compact-viewport] .playback-dock>.mobile-nav{display:grid;grid-area:1/2;grid-template-columns:repeat(3,44px);position:relative;inset:auto;block-size:52px;min-block-size:52px;padding:4px 0;gap:0}:root[data-compact-viewport] .mobile-nav a{display:grid;place-items:center;position:relative;min-inline-size:44px;min-block-size:44px}:root[data-compact-viewport] .mobile-nav a>span{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-height:500px){.library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.library-grid>.album-card,.library-grid>.new-playlist-card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;min-inline-size:0;min-block-size:112px;padding:8px;column-gap:16px;row-gap:4px;aspect-ratio:auto;text-align:start}.library-grid .liked-cover,.library-grid .playlist-cover,.library-grid>.new-playlist-card>svg{grid-area:1/1/3/2;inline-size:96px;block-size:96px;margin:0}.library-grid>.new-playlist-card>svg{inline-size:32px;block-size:32px;justify-self:center}.library-grid .album-card h3,.library-grid>.new-playlist-card>strong{grid-area:1/2;align-self:end;display:-webkit-box;min-inline-size:0;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.3}.library-grid .album-card p,.library-grid>.new-playlist-card>span{grid-area:2/2;align-self:start;min-inline-size:0;margin:0;font-size:12px}.dialog{--dialog-edge:8px;padding:16px}.dialog.now-playing{--dialog-edge:0px}.now-playing .now-playing-art{inline-size:min(180px,calc(var(--app-height, 100dvh) * .26))}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.076198e1.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.09c66476.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-ext-wght-normal.08e5f2ba.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.b515a53c.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.a5a64f6d.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.41320caf.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.22a8837b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.f754fc25.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#0b0b0b;--panel:#101010;--field:#171717;--surface:#181818;--raised:#202020;--surface-hover:#292929;--text:#f7f7f7;--muted:#a5a5a5;--muted-strong:#c6c6c6;--muted-faint:#939393;--accent:#1ed760;--accent-strong:#4ee486;--accent-rgb:30 215 96;--on-emphasis:#04160b;--danger:#b7444d;--danger-text:#ffabb0;--on-danger:#ffffff;--success:#83dfac;--success-rgb:131 223 172;--warning-bg:#503a18;--warning-text:#ffe2a6;--toast-bg:#eaf4ee;--toast-text:#102719;--switch-track:#636b65;--switch-knob:#ffffff;--line:255 255 255;--shadow-rgb:0 0 0;--bg-rgb:11 11 11;--wash-1:rgb(var(--line)/2%);--wash-2:rgb(var(--line)/5%);--wash-3:rgb(var(--line)/10%);--wash-4:rgb(var(--line)/18%);--overlay-weak:var(--wash-1);--overlay-strong:var(--wash-2);--border:var(--wash-2);--border-strong:var(--wash-3);--border-loud:var(--wash-4);--control-border:#717171;--backdrop:rgba(0,0,0,0.74);--ambient-wash:none;--hero-wash:linear-gradient(135deg,#20382b,#101a14 70%);--control-radius:12px;--card-radius:16px;--player-radius:12px;--dialog-radius:24px;--pill-radius:999px;--radius-control:var(--control-radius);--radius-card:var(--card-radius);--radius-player:var(--player-radius);--radius-dialog:var(--dialog-radius);--density-scale:1;--control-min-size:44px;--motion-fast:140ms;--motion-normal:220ms;color-scheme:dark}:root[data-theme=light]{--bg:#f7f7f8;--panel:#ffffff;--field:#ececef;--surface:#ffffff;--raised:#ffffff;--surface-hover:#e7e7eb;--text:#121216;--muted:#5b5b65;--muted-strong:#41414a;--muted-faint:#656570;--accent:#06732f;--accent-strong:#05692b;--accent-rgb:6 115 47;--on-emphasis:#ffffff;--danger:#a62936;--danger-text:#9d2432;--success:#187545;--success-rgb:24 117 69;--warning-bg:#fff0cb;--warning-text:#654000;--toast-bg:#1d2922;--toast-text:#f0fff5;--switch-track:#707779;--switch-knob:#ffffff;--line:17 17 17;--shadow-rgb:10 15 12;--bg-rgb:247 247 248;--control-border:#777780;--hero-wash:linear-gradient(135deg,#dcebe2,#f4f8f5 75%);color-scheme:light}:root[data-skin=rainbow][data-theme=dark]{--bg:#101116;--panel:#15161e;--field:#1b1c26;--surface:#1c1e2a;--raised:#242735;--surface-hover:#2d3041;--text:#f4f5ff;--muted:#b1b6d0;--muted-strong:#d0d5ec;--muted-faint:#9ca3bf;--accent:#b6b0ff;--accent-strong:#d1cdff;--accent-rgb:182 176 255;--on-emphasis:#131027;--bg-rgb:16 17 22;--switch-track:#666b81;--control-border:#868cac;--ambient-wash:radial-gradient(ellipse at 5% 0%,#432850 0%,transparent 45%),radial-gradient(ellipse at 95% 10%,#213e44 0%,transparent 45%);--hero-wash:linear-gradient(120deg,#56345e,#2b4150 60%,#273d2e)}:root[data-skin=rainbow][data-theme=light]{--bg:#f7f7ff;--panel:#ffffff;--field:#eeedf9;--surface:#ffffff;--raised:#ffffff;--surface-hover:#e7e6f5;--text:#252238;--muted:#625e78;--muted-strong:#48405e;--muted-faint:#696279;--accent:#5b3bb5;--accent-strong:#492a9e;--accent-rgb:91 59 181;--on-emphasis:#ffffff;--bg-rgb:247 247 255;--control-border:#78708d;--ambient-wash:radial-gradient(ellipse at 5% 0%,#f0e0f5 0%,transparent 45%),radial-gradient(ellipse at 95% 10%,#dceff2 0%,transparent 45%);--hero-wash:linear-gradient(120deg,#edddf1,#deedf4 60%,#e3eedf)}:root[data-skin=rainbow]{--card-radius:18px;--density-scale:1.02}:root[data-skin=midnight][data-theme=dark]{--bg:#111118;--panel:#15151e;--field:#191924;--surface:#1b1b28;--raised:#232333;--surface-hover:#2b2b3c;--text:#f6f3ed;--muted:#b3b0bd;--muted-strong:#d0cbd7;--muted-faint:#a19bab;--accent:#f1ba74;--accent-strong:#ffd4a2;--accent-rgb:241 186 116;--on-emphasis:#21160a;--bg-rgb:17 17 24;--switch-track:#756678;--control-border:#93879b;--hero-wash:linear-gradient(135deg,#493a30,#20202e 75%)}:root[data-skin=midnight][data-theme=light]{--bg:#f7f4ee;--panel:#fffcf7;--field:#ece7df;--surface:#fffcf7;--raised:#ffffff;--surface-hover:#eae4da;--text:#29251f;--muted:#6b6154;--muted-strong:#51483e;--muted-faint:#6d5f50;--accent:#84530f;--accent-strong:#734504;--accent-rgb:132 83 15;--on-emphasis:#ffffff;--bg-rgb:247 244 238;--control-border:#847360;--hero-wash:linear-gradient(135deg,#efe1ca,#f7f4ee 75%)}:root[data-skin=midnight]{--control-radius:14px;--card-radius:18px;--player-radius:14px}:root[data-contrast=more]{--border:var(--control-border);--border-strong:var(--control-border);--border-loud:var(--control-border)}:root[data-contrast=more][data-theme=dark]{--muted:#e2e2e2;--muted-strong:#f7f7f7;--muted-faint:#d0d0d0;--control-border:#bcbcbc}:root[data-contrast=more][data-theme=light]{--muted:#303030;--muted-strong:#181818;--muted-faint:#404040;--control-border:#454545}:root[data-transparency=reduced]{--ambient-wash:none;--backdrop:var(--bg)}:root[data-transparency=reduced] dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-motion=reduced]{--motion-fast:0ms;--motion-normal:0ms}:root[data-motion=reduced],:root[data-motion=reduced] *,:root[data-motion=reduced] :after,:root[data-motion=reduced] :before{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}@media (forced-colors:active){.appearance-option.selected{outline:2px solid Highlight}}.appearance-picker{display:grid;gap:24px;min-width:0;width:100%}.appearance-block{min-width:0}.appearance-block h2,.appearance-native h2{font-size:15px;color:var(--text);margin:0 0 7px}.appearance-block>p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 12px}.appearance-modes,.appearance-skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.appearance-option{border:1px solid var(--control-border);border-radius:clamp(8px,var(--control-radius),16px);min-width:0;min-height:var(--control-min-size);color:var(--muted);background:var(--field);padding:10px;transition:background var(--motion-fast),border-color var(--motion-fast)}.appearance-option.selected{color:var(--text);background:var(--raised);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.appearance-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.appearance-modes .appearance-option{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px}.appearance-option-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;font-weight:650}.appearance-option small{display:block;text-align:left;font-size:10px;line-height:1.5;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}.appearance-preview{display:flex;gap:4px;height:31px;margin-bottom:12px;padding:6px;border-radius:6px;background:var(--preview-bg)}.appearance-preview i{display:block;flex:1 1;border-radius:3px;background:var(--preview-accent)}.appearance-preview i:nth-child(2){opacity:.65}.appearance-preview i:nth-child(3){opacity:.35}[data-preview=base]{--preview-bg:#0b0b0b;--preview-accent:#1ed760}[data-preview=rainbow]{--preview-bg:#1c1e2a;--preview-accent:#b6b0ff}[data-preview=rainbow] .appearance-preview{background:linear-gradient(110deg,#51418b,#377773)}[data-preview=midnight]{--preview-bg:#111118;--preview-accent:#f1ba74}:root[data-theme=light] [data-preview=base]{--preview-bg:#e7e7eb;--preview-accent:#06732f}:root[data-theme=light] [data-preview=rainbow]{--preview-bg:#eeedf9;--preview-accent:#5b3bb5}:root[data-theme=light] [data-preview=midnight]{--preview-bg:#ece7df;--preview-accent:#84530f}.appearance-native{padding-top:18px;border-top:1px solid var(--border-strong)}.appearance-native ul{display:grid;gap:12px;list-style:none;padding:0;margin:12px 0 0}.appearance-native li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.appearance-native li>span:first-child{min-width:0}.appearance-native strong{display:block;color:var(--text);font-size:12px}.appearance-native small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.appearance-availability{color:var(--muted);font-size:10px;padding:5px 8px;background:var(--field);border-radius:var(--pill-radius);flex-shrink:0}.appearance-native [data-available=true] .appearance-availability{color:var(--success)}.appearance-accessibility{color:var(--muted-strong);padding:12px;border:1px solid var(--border-strong);border-radius:var(--control-radius);font-size:12px;line-height:1.6}@media (max-width:360px){.appearance-option{padding:8px}.appearance-option small{font-size:9px}.appearance-modes .appearance-option{gap:5px}.appearance-native li{align-items:flex-start}}