@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tm-bg:#0a0a0a;--tm-surface:#111;--tm-surface-raised:#151515;--tm-surface-muted:#1a1a1a;--tm-surface-sunken:#050505;--tm-border:#1f1f1f;--tm-border-strong:#2a2a2a;--tm-text:#f4f1ea;--tm-text-muted:#a8a299;--tm-text-subtle:#6e6a63;--tm-accent:#ff9000;--tm-accent-strong:#fa3;--tm-accent-text:#0a0a0a;--tm-info:#6aa9ff;--tm-success:#5fce8a;--tm-warning:#ff9000;--tm-danger:#ff6f5e;--tm-radius-sm:.25rem;--tm-radius-md:.375rem;--tm-radius-lg:.5rem;--tm-shadow:0 -1px 0 var(--tm-border);--tm-shadow-elevated:0 .75rem 2rem #00000080;--tm-space-1:.25rem;--tm-space-2:.5rem;--tm-space-3:.75rem;--tm-space-4:1rem;--tm-space-5:1.5rem;--tm-space-6:2rem;--tm-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tm-font-mono:"Berkeley Mono", "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--tm-text-xs:.75rem;--tm-text-sm:.85rem;--tm-text-base:.95rem;--tm-text-lg:1.1rem;--tm-content-max:64rem;--tm-play-bar-height:4.5rem}}@layer base{*{box-sizing:border-box}:where(button,input){font:inherit}:where(button){color:inherit}:where(:focus-visible){outline:1px solid var(--tm-accent);outline-offset:2px}:root{color:var(--tm-text);background:var(--tm-bg);font-family:var(--tm-font-sans);scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body{margin:0}a{color:inherit}code{background:var(--tm-surface-muted);border:1px solid var(--tm-border);border-radius:var(--tm-radius-sm);color:var(--tm-accent);font-family:var(--tm-font-mono);padding:.1rem .35rem;font-size:.85em}}@layer utilities{.u-stack{gap:var(--u-stack-gap,var(--tm-space-4));display:grid}.u-stack-tight{--u-stack-gap:var(--tm-space-2)}.u-cluster{align-items:center;gap:var(--u-cluster-gap,var(--tm-space-2));flex-wrap:wrap;display:flex}.u-row{align-items:center;gap:var(--u-row-gap,var(--tm-space-3));display:flex}.u-row-between{justify-content:space-between}.u-grow{flex:auto;min-width:0}.u-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-text-mono{font-family:var(--tm-font-mono)}.u-text-eyebrow{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.08em;text-transform:uppercase}.u-text-muted{color:var(--tm-text-muted)}.u-text-subtle{color:var(--tm-text-subtle)}.u-tabular{font-variant-numeric:tabular-nums}.u-divider-top{border-top:1px solid var(--tm-border)}}@layer components{.tm-panel{width:min(var(--tm-content-max), 100%);border:1px solid var(--tm-border);border-radius:var(--tm-radius-lg);background:var(--tm-surface);padding:clamp(1.25rem,3vw,2rem)}.tm-card{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);padding:1rem}.tm-button{border-radius:var(--tm-radius-sm);cursor:pointer;font-size:var(--tm-text-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2rem;padding:.4rem .75rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tm-button[data-disabled]{cursor:not-allowed;opacity:.45}.tm-button--primary{background:var(--tm-accent);color:var(--tm-accent-text)}.tm-button--primary:hover:not([data-disabled]){background:var(--tm-accent-strong)}.tm-button--secondary{border-color:var(--tm-border-strong);background:var(--tm-surface-raised);color:var(--tm-text)}.tm-button--secondary:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--tm-accent) 60%, var(--tm-border-strong));background:var(--tm-surface-muted)}.tm-button--ghost{color:var(--tm-text-muted);background:0 0}.tm-button--ghost:hover:not([data-disabled]){background:var(--tm-surface-muted);color:var(--tm-text)}.tm-button--danger{background:color-mix(in srgb, var(--tm-danger) 18%, var(--tm-surface));color:var(--tm-danger)}.tm-icon-button{border-radius:var(--tm-radius-sm);width:1.85rem;height:1.85rem;color:var(--tm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-grid}.tm-icon-button:hover:not([data-disabled]){background:var(--tm-surface-muted);color:var(--tm-text)}.tm-icon-button[data-disabled]{cursor:not-allowed;opacity:.35}.tm-icon-button.tm-button--primary{background:var(--tm-accent);color:var(--tm-accent-text)}.tm-icon-button.tm-button--primary:hover:not([data-disabled]){background:var(--tm-accent-strong)}.tm-icon-button.tm-button--secondary{border-color:var(--tm-border-strong);background:var(--tm-surface-raised);color:var(--tm-text)}.tm-icon-button.tm-button--secondary:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--tm-accent) 60%, var(--tm-border-strong));background:var(--tm-surface-muted)}.tm-icon{width:.95rem;height:.95rem}.tm-field{gap:.45rem;display:grid}.tm-field-label{color:var(--tm-text);cursor:pointer;font-size:.9rem;font-weight:700}.tm-field-description{color:var(--tm-text-subtle);margin:0;font-size:.88rem;line-height:1.45}.tm-input{border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-sm);background:var(--tm-surface-sunken);width:100%;color:var(--tm-text);padding:.55rem .75rem}.tm-input:focus-visible{border-color:var(--tm-accent);outline:none}.tm-input::placeholder{color:var(--tm-text-subtle)}.tm-input[data-invalid]{border-color:var(--tm-danger)}.tm-check-field,.tm-switch-field{align-items:flex-start;gap:.8rem;display:flex}.tm-check-copy{gap:.25rem;display:grid}.tm-checkbox-control{border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-sm);background:var(--tm-surface-sunken);cursor:pointer;place-items:center;width:1.1rem;height:1.1rem;margin-top:.18rem;padding:0;display:grid}.tm-checkbox-control[data-checked]{border-color:var(--tm-accent);background:var(--tm-accent)}.tm-checkbox-control[data-checked]:after{border:solid var(--tm-accent-text);content:"";border-width:0 2px 2px 0;width:.32rem;height:.62rem;transform:rotate(45deg)}.tm-switch-control{border:1px solid var(--tm-border-strong);background:var(--tm-surface-sunken);cursor:pointer;border-radius:999px;align-items:center;width:2.4rem;height:1.3rem;padding:0;transition:background .14s;display:inline-flex;position:relative}.tm-switch-control[data-checked]{border-color:var(--tm-accent);background:var(--tm-accent)}.tm-switch-thumb{background:var(--tm-text);border-radius:999px;width:.85rem;height:.85rem;transition:transform .14s;transform:translate(.18rem)}.tm-switch-control[data-checked] .tm-switch-thumb{background:var(--tm-accent-text);transform:translate(1.18rem)}.tm-disclosure{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);overflow:hidden}.tm-disclosure-button{background:var(--tm-surface-raised);cursor:pointer;border:0;width:100%;padding:.7rem .9rem;display:flex}.tm-disclosure-button-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;font-weight:700;display:flex}.tm-disclosure-state{color:var(--tm-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.tm-disclosure-panel{color:var(--tm-text-muted);padding:1rem;line-height:1.55}.tm-tab-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tm-tab{border:1px solid var(--tm-border);border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);cursor:pointer;font-size:var(--tm-text-sm);background:0 0;padding:.4rem .75rem;font-weight:600}.tm-tab[data-selected]{border-color:color-mix(in srgb, var(--tm-accent) 60%, transparent);background:color-mix(in srgb, var(--tm-accent) 12%, transparent);color:var(--tm-accent-strong)}.tm-tab-panel{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);padding:1rem}.tm-badge{border-radius:var(--tm-radius-sm);width:fit-content;font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:.15rem .45rem;font-weight:500;display:inline-flex}.tm-badge--neutral{border-color:var(--tm-border-strong);background:var(--tm-surface-muted);color:var(--tm-text-muted)}.tm-badge--info{border-color:color-mix(in srgb, var(--tm-info) 45%, transparent);background:color-mix(in srgb, var(--tm-info) 16%, transparent);color:var(--tm-info)}.tm-badge--success{border-color:color-mix(in srgb, var(--tm-success) 45%, transparent);background:color-mix(in srgb, var(--tm-success) 16%, transparent);color:var(--tm-success)}.tm-badge--warning{border-color:color-mix(in srgb, var(--tm-warning) 45%, transparent);background:color-mix(in srgb, var(--tm-warning) 16%, transparent);color:var(--tm-warning)}.tm-badge--danger{border-color:color-mix(in srgb, var(--tm-danger) 45%, transparent);background:color-mix(in srgb, var(--tm-danger) 16%, transparent);color:var(--tm-danger)}.tm-stat{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);gap:.25rem;padding:.9rem;display:grid}.tm-stat-label,.tm-stat-detail{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase}.tm-stat-value{color:var(--tm-text);font-family:var(--tm-font-mono);font-size:1.35rem}.tm-empty-state{border:1px dashed var(--tm-border-strong);border-radius:var(--tm-radius-md);color:var(--tm-text-subtle);text-align:center;padding:1rem}.tm-empty-title{color:var(--tm-text);margin:0 0 .35rem;font-weight:800}.tm-empty-description{margin:0}@media (prefers-reduced-motion:reduce){.tm-button,.tm-switch-control,.tm-switch-thumb{transition-duration:.01ms}}.app{min-height:100vh;padding:1.25rem 1.5rem calc(var(--tm-play-bar-height) + 2rem);grid-template-rows:auto 1fr;justify-items:center;display:grid}.app-header{width:min(var(--tm-content-max), 100%);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{color:var(--tm-text);font-family:var(--tm-font-mono);letter-spacing:.04em;font-size:.95rem;font-weight:600;text-decoration:none}.nav{gap:.25rem;display:flex}.nav-link{border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);font-size:var(--tm-text-sm);border:1px solid #0000;padding:.35rem .65rem;text-decoration:none;transition:background .12s,color .12s}.nav-link:hover{background:var(--tm-surface-muted);color:var(--tm-text)}.nav-link-active{background:var(--tm-surface-raised);color:var(--tm-text)}.nav-favorites-slot{align-items:center;min-height:1.85rem;display:inline-flex}.nav-link-placeholder{border-radius:var(--tm-radius-sm);color:#0000;font-size:var(--tm-text-sm);pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:.35rem .65rem}.session-actions{align-items:center;gap:.25rem;display:flex}.session-auth-slot{justify-content:flex-end;align-items:center;min-width:9.75rem;min-height:1.85rem;display:inline-flex}.session-auth-skeleton{background:color-mix(in srgb, var(--tm-surface-muted) 80%, var(--tm-border));border-radius:var(--tm-radius-sm);border:1px solid #0000;width:100%;height:1.85rem}.session-menu{align-items:center;display:inline-flex;position:relative}.session-menu-trigger{border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.25rem;height:1.85rem;padding:.15rem .25rem;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.session-menu-trigger:hover,.session-menu-trigger[data-open]{background:var(--tm-surface-muted);border-color:var(--tm-border);color:var(--tm-text)}.session-avatar{object-fit:cover;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;display:grid}.session-avatar-fallback{background:var(--tm-surface-raised);border:1px solid var(--tm-border-strong)}.session-avatar-fallback .tm-icon{width:.85rem;height:.85rem}.session-menu-chevron{place-items:center;transition:transform .12s;display:inline-grid}.session-menu-chevron .tm-icon{width:.7rem;height:.7rem}.session-menu-trigger[data-open] .session-menu-chevron{transform:rotate(180deg)}.session-menu-backdrop{z-index:19;background:0 0;position:fixed;inset:0}.session-menu-panel{background:var(--tm-surface-raised);border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-md);box-shadow:var(--tm-shadow-elevated);z-index:20;min-width:12rem;padding:.35rem;display:grid}.session-menu-identity{border-bottom:1px solid var(--tm-border);gap:.1rem;min-width:0;margin-bottom:.25rem;padding:.45rem .55rem .6rem;display:grid}.session-menu-label{color:var(--tm-text-subtle);font-size:var(--tm-text-xs)}.session-menu-name{color:var(--tm-text);font-size:var(--tm-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-menu-sign-out{border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);cursor:pointer;font-size:var(--tm-text-sm);text-align:left;background:0 0;border:0;width:100%;padding:.45rem .55rem}.session-menu-sign-out:hover,.session-menu-sign-out:focus-visible{background:var(--tm-surface-muted);color:var(--tm-text)}.session-login{box-sizing:border-box;font-size:var(--tm-text-sm);width:100%;min-height:1.85rem;padding:.35rem .65rem}.track-action-placeholder{flex-shrink:0;width:1.85rem;height:1.85rem;display:inline-block}.app-main{width:min(var(--tm-content-max), 100%)}.panel{border:1px solid var(--tm-border);border-radius:var(--tm-radius-lg);background:var(--tm-surface);padding:1.5rem}.detail-panel{gap:1rem;display:grid}.eyebrow{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem}.title{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.15}.lede{color:var(--tm-text-muted);font-size:var(--tm-text-base);margin:.75rem 0 1.25rem;line-height:1.55}.playlist-section{margin-top:1.5rem}.playlist-section+.playlist-section{border-top:1px solid var(--tm-border);padding-top:1.5rem}.section-title{font-size:var(--tm-text-lg);margin:0}.section-description{color:var(--tm-text-muted);font-size:var(--tm-text-sm);margin:.35rem 0 0}.playlist-create-form{column-gap:var(--tm-space-2);margin:var(--tm-space-3) 0 var(--tm-space-4);row-gap:var(--tm-space-1);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;max-width:30rem;display:grid}.playlist-create-form>.tm-field{grid-area:1/1/-1;grid-template-rows:subgrid;row-gap:var(--tm-space-1)}.playlist-create-form>.tm-button{grid-area:2/2;align-self:stretch}.playlist-inline-form{flex:auto;align-items:center;gap:.35rem;min-width:0;display:flex}.playlist-name-input{min-width:8rem}.playlist-row-actions{flex-shrink:0;gap:.25rem;display:flex}.personal-playlist-row .tm-button{padding:.3rem .5rem}.library-playlist-selector{gap:.35rem;max-width:24rem;margin:.75rem 0;display:grid}.confirmation-dialog{color:inherit;z-index:70;background:0 0;margin:0;position:fixed;inset:0}.confirmation-dialog-backdrop{background:#00000094;position:fixed;inset:0}.confirmation-dialog-panel{background:var(--tm-surface-raised);border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-md);box-shadow:var(--tm-shadow-elevated);width:100%;max-width:min(26rem,100vw - 2rem);padding:1.25rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.status--error{color:var(--tm-danger)}.actions{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.button{border-radius:var(--tm-radius-sm);background:var(--tm-accent);color:var(--tm-accent-text);cursor:pointer;font-size:var(--tm-text-sm);border:0;justify-content:center;align-items:center;padding:.45rem .85rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--tm-accent-strong)}.link-button{display:inline-flex}.status{color:var(--tm-text-subtle);font-size:var(--tm-text-sm);min-height:1.25rem}.status-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.track-list{gap:.25rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.artwork{aspect-ratio:1;background:var(--tm-surface-muted);border:1px solid var(--tm-border);border-radius:var(--tm-radius-sm);flex:none;overflow:hidden}.artwork--track{height:2.5rem}.artwork--playlist{height:3rem}.artwork--hero{border-radius:var(--tm-radius-md);height:clamp(7rem,20vw,11rem)}.artwork--player{height:2.5rem}.artwork-image,.artwork-fallback,.artwork picture{width:100%;height:100%;display:block}.artwork-image{object-fit:cover}.artwork-fallback{background:linear-gradient(135deg, transparent 40%, color-mix(in srgb, var(--tm-accent) 16%, transparent)), var(--tm-surface-muted)}.track{border-radius:var(--tm-radius-sm);background:0 0;align-items:center;gap:.75rem;padding:.4rem .6rem;transition:background .12s;display:flex}.track:hover{background:var(--tm-surface-raised)}.track--active{background:var(--tm-surface-raised);box-shadow:inset 2px 0 0 0 var(--tm-accent-strong)}.track--active .track-title{color:var(--tm-accent-strong)}.track--active .track-actions{opacity:1}.track-info{flex:auto;gap:.05rem;min-width:0;display:grid}.track-title{color:var(--tm-text);font-size:var(--tm-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.25;text-decoration:none;display:block;overflow:hidden}.track-title:hover{color:var(--tm-accent-strong)}.track-artist{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-actions{opacity:.55;flex-shrink:0;align-items:center;gap:.25rem;transition:opacity .12s;display:flex}.track:hover .track-actions,.track:focus-within .track-actions{opacity:1}.track-meta{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;display:grid}.track-meta dt{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase}.track-meta dd{color:var(--tm-text);overflow-wrap:anywhere;margin:0}.steps{color:var(--tm-text-muted);gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.55;display:grid}.play-bar{z-index:10;min-height:var(--tm-play-bar-height);background:var(--tm-surface);border-top:1px solid var(--tm-border);box-shadow:var(--tm-shadow);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:.6rem 1rem;display:grid;position:fixed;bottom:0;left:0;right:0}.play-bar-info{gap:.1rem;min-width:0;display:grid}.play-bar-identity{align-items:center;gap:.65rem;min-width:0;display:flex}.play-bar-title{color:var(--tm-text);font-size:var(--tm-text-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.play-bar-artist{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.play-bar-context{color:var(--tm-text-muted);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.play-bar-context-link{text-decoration:none}.play-bar-context-link:hover{color:var(--tm-accent-strong);text-decoration:underline}.play-bar-center{grid-template-columns:auto minmax(12rem,28rem);align-items:center;gap:.85rem;display:grid}.play-bar-controls{align-items:center;gap:.15rem;display:flex}.play-bar-icon-button{border-radius:var(--tm-radius-sm);width:1.85rem;height:1.85rem;color:var(--tm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .12s,color .12s;display:inline-grid}.play-bar-icon-button:hover:not(:disabled){background:var(--tm-surface-muted);color:var(--tm-text)}.play-bar-icon-button:disabled{cursor:not-allowed;opacity:.35}.play-bar-icon-button-primary{background:var(--tm-text);width:2.1rem;height:2.1rem;color:var(--tm-bg);border-radius:999px}.play-bar-icon-button-primary:hover:not(:disabled){background:var(--tm-accent);color:var(--tm-accent-text)}.play-bar-icon{width:.95rem;height:.95rem}.play-bar-icon-button-primary .play-bar-icon{width:1rem;height:1rem}.play-bar-timeline{grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem;display:grid}.play-bar-time{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-variant-numeric:tabular-nums;text-align:center}.play-bar-slider{padding:.35rem 0;position:relative}.play-bar-slider-track{background:var(--tm-surface-muted);cursor:pointer;border-radius:999px;height:.2rem;overflow:hidden}.play-bar-slider-fill{border-radius:inherit;background:var(--tm-accent)}.play-bar-slider-thumb{background:var(--tm-accent);cursor:grab;opacity:0;border:0;border-radius:999px;width:.7rem;height:.7rem;margin-top:-.35rem;transition:opacity .12s,transform .12s;top:50%}.play-bar-slider:hover .play-bar-slider-thumb,.play-bar-slider-thumb[data-dragging]{opacity:1}.play-bar-slider-thumb[data-dragging]{cursor:grabbing;transition-duration:60ms}.play-bar-slider[data-disabled]{opacity:.4}.play-bar-slider[data-disabled] .play-bar-slider-track,.play-bar-slider[data-disabled] .play-bar-slider-thumb{cursor:not-allowed}.play-bar-actions{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.play-bar-volume-popover{display:inline-flex;position:relative}.play-bar-volume-button[data-open]{background:var(--tm-surface-muted);color:var(--tm-text)}.play-bar-volume-panel{z-index:20;border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);width:10rem;box-shadow:var(--tm-shadow);outline:none;padding:.75rem}.play-bar-volume-control{gap:.55rem;display:grid}.play-bar-volume-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.play-bar-volume-label{color:var(--tm-text-subtle);cursor:pointer;font-size:var(--tm-text-xs)}.play-bar-volume-slider{width:100%;padding:.45rem 0}.play-bar-volume-panel .play-bar-slider-thumb{opacity:1}.play-bar-volume-value{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-variant-numeric:tabular-nums;text-align:right}.play-bar-queue{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-variant-numeric:tabular-nums}.toast-stack{width:min(28rem,100vw - 1.5rem);padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem 0!important}.toast-entry{opacity:1;transform-origin:top;display:block;transform:translateY(0)scale(1)}.toast-entry[data-transition]{transition:opacity .22s,transform .32s cubic-bezier(.34,1.56,.64,1)}.toast-entry[data-closed]{opacity:0;transform:translateY(-120%)scale(.94)}.toast-entry[data-closed][data-leave]{transform:translateY(-30%)scale(.96)}.toast{border:1px solid var(--tm-border-strong);border-left:3px solid var(--tm-text-subtle);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);width:100%;min-width:0;color:var(--tm-text);font-size:var(--tm-text-base);align-items:center;gap:.7rem;padding:.85rem .75rem .85rem 1rem;font-weight:500;line-height:1.35;display:flex;position:relative;box-shadow:0 16px 40px #0000008c,0 2px 6px #0006,inset 0 1px #ffffff08}.toast--info{border-left-color:var(--tm-info)}.toast--success{border-left-color:var(--tm-success)}.toast--warning{border-left-color:var(--tm-warning)}.toast--danger{border-left-color:var(--tm-danger)}.toast-icon{width:1.6rem;height:1.6rem;color:var(--tm-text-subtle);background:color-mix(in srgb, currentcolor 14%, transparent);border-radius:999px;flex:none;place-items:center;display:inline-grid}.toast-icon .tm-icon{width:1rem;height:1rem}.toast--info .toast-icon{color:var(--tm-info)}.toast--success .toast-icon{color:var(--tm-success)}.toast--warning .toast-icon{color:var(--tm-warning)}.toast--danger .toast-icon{color:var(--tm-danger)}.toast-message{overflow-wrap:anywhere;flex:auto;min-width:0}.toast-dismiss{border-radius:var(--tm-radius-sm);width:1.6rem;height:1.6rem;color:var(--tm-text-subtle);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:color .12s,background .12s;display:inline-grid}.toast-dismiss:hover{background:var(--tm-surface-muted);color:var(--tm-text)}.toast-dismiss .tm-icon{width:.85rem;height:.85rem}@media (width<50rem){.play-bar{grid-template-columns:minmax(0,1fr) auto}.play-bar-center{grid-template-columns:auto minmax(0,1fr)}.play-bar-actions{grid-column:1/-1;justify-content:space-between}}@media (width<36rem){.app{padding:1rem 1rem calc(var(--tm-play-bar-height) + 1.5rem)}.app-header{flex-direction:column;align-items:flex-start;gap:.75rem}.session-actions{justify-content:flex-end;align-self:stretch}.panel{padding:1rem}.track{gap:.5rem;padding-inline:.35rem}.artwork--track,.artwork--playlist{height:2.25rem}.playlist-create-form{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr)}.playlist-create-form>.tm-field{grid-row:1/4}.playlist-create-form>.tm-button{margin-top:var(--tm-space-1);grid-area:4/1;justify-self:start}.play-bar{grid-template-columns:minmax(0,1fr)}.play-bar-center{grid-template-columns:auto minmax(0,1fr)}.play-bar-actions{gap:.5rem}.toast-stack{width:calc(100vw - 1.25rem);padding:calc(env(safe-area-inset-top,0px) + .5rem) .625rem 0!important}.toast{font-size:var(--tm-text-sm);padding:.75rem .65rem .75rem .85rem}}@media (prefers-reduced-motion:reduce){.play-bar-slider-thumb,.play-bar-icon-button,.session-menu-trigger,.session-menu-chevron,.toast-entry[data-transition]{transition-duration:.01ms}}}