:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#11100f;--color-bg-surface:#191816;--color-bg-surface-elevated:#211f1b;--color-bg-surface-strong:#29261f;--color-bg-selected:var(--color-bg-surface-elevated);--color-content-primary:#f4f0e8;--color-content-secondary:#b6b0a5;--color-content-quiet:#777169;--color-border-default:#38342d;--color-border-soft:#2a2823;--color-action-primary:#67f3c2;--color-action-primary-strong:#8bf6d4;--color-action-primary-content:#071b13;--color-identity-mint:#67f3c2;--color-identity-forest:#12271f;--color-status-error:#ec8f87;--color-status-success:var(--color-identity-mint);--color-status-warning:#e3a07d;--color-status-info:var(--color-identity-mint);--color-focus:var(--color-identity-mint);--shadow-1:0 8px 24px #0000004f;--shadow-2:0 24px 70px #00000087;--color-canvas:var(--color-bg-canvas);--color-ink:var(--color-content-primary);--color-muted:var(--color-content-secondary);--color-subtle:var(--color-content-quiet);--color-line:var(--color-border-default);--color-accent:var(--color-action-primary);--color-accent-ink:var(--color-action-primary-content);--color-surface:var(--color-bg-surface);--color-surface-strong:var(--color-bg-surface-strong);--color-danger:var(--color-status-error);--space-0:0;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:5rem;--space-8:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--measure:68rem;--font-display:"Inter Tight", Arial, Helvetica, sans-serif;--font-interface:Inter, Arial, Helvetica, sans-serif;--font-data:"DM Mono", "SFMono-Regular", Consolas, monospace;--text-body:1rem;--text-small:.8125rem;--text-data:.75rem;--line-body:1.55;--line-tight:.95;--motion-quick:.12s;--motion-standard:.18s;--motion-panel:.24s;--motion-ease:cubic-bezier(.2, 0, 0, 1);background:var(--color-bg-canvas);color:var(--color-content-primary);font-family:var(--font-interface)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:#f5f1e9;--color-bg-surface:#fffdf8;--color-bg-surface-elevated:#eee7db;--color-bg-surface-strong:#e6ddcf;--color-bg-selected:var(--color-bg-surface-elevated);--color-content-primary:#211e1a;--color-content-secondary:#665f56;--color-content-quiet:#81786d;--color-border-default:#d7cec0;--color-border-soft:#e5ddd1;--color-action-primary:#26785f;--color-action-primary-strong:#1c654d;--color-action-primary-content:#f5fbf8;--color-status-error:#aa3e2e;--color-status-success:#426b3e;--color-status-warning:#9a5d3e;--color-status-info:#356078;--color-identity-mint:#26785f;--color-identity-forest:#e1efe8;--color-focus:#26785f}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:#f5f1e9;--color-bg-surface:#fffdf8;--color-bg-surface-elevated:#eee7db;--color-bg-surface-strong:#e6ddcf;--color-bg-selected:var(--color-bg-surface-elevated);--color-content-primary:#211e1a;--color-content-secondary:#665f56;--color-content-quiet:#81786d;--color-border-default:#d7cec0;--color-border-soft:#e5ddd1;--color-action-primary:#26785f;--color-action-primary-strong:#1c654d;--color-action-primary-content:#f5fbf8;--color-status-error:#aa3e2e;--color-status-success:#426b3e;--color-status-warning:#9a5d3e;--color-status-info:#356078;--color-identity-mint:#26785f;--color-identity-forest:#e1efe8;--color-focus:#26785f}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}button{font:inherit}.foundation-shell{min-height:100svh;padding:var(--space-4)}.page-frame{max-width:var(--measure);margin:0 auto}.topbar{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:.16em;margin:0;font-size:.75rem;font-weight:700}.status-pill{border:1px solid var(--color-border-default);color:var(--color-action-primary);letter-spacing:.12em;border-radius:999px;padding:.45rem .7rem;font-size:.7rem}.status-pill[data-tone=error]{border-color:var(--color-status-error);color:var(--color-status-error)}.status-pill[data-tone=warning]{border-color:var(--color-status-warning);color:var(--color-status-warning)}.status-pill[data-tone=info]{border-color:var(--color-status-info);color:var(--color-status-info)}.welcome-grid{align-items:center;gap:clamp(var(--space-5), 10vw, 9rem);grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);min-height:calc(100svh - 8rem);display:grid}.welcome{max-width:38rem}.eyebrow{color:var(--color-action-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem}h1{font-family:var(--font-display);letter-spacing:-.08em;margin:1rem 0;font-size:clamp(3.5rem,15vw,8rem);line-height:.9}h2{font-family:var(--font-display);letter-spacing:-.04em;margin:var(--space-2) 0;font-size:clamp(1.7rem,4vw,2.4rem)}h3,h4{font-family:var(--font-display)}.intro{color:var(--color-content-secondary);max-width:28rem;margin:0;font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.5}.text-link{margin-top:var(--space-3);text-underline-offset:.35rem;display:inline-block}.surface{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:clamp(var(--space-3), 5vw, var(--space-5))}.principles{color:var(--color-content-secondary);line-height:1.6}.principles p:not(.eyebrow){margin-bottom:var(--space-3)}.principles ul{border-top:1px solid var(--color-border-default);padding:var(--space-2) 0 0;margin:0;list-style:none}.principles li{padding:.45rem 0}.principles li:before{color:var(--color-action-primary);content:"—";margin-right:.6rem}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:2.75rem;transition:background-color var(--motion-quick) var(--motion-ease), border-color var(--motion-quick) var(--motion-ease), color var(--motion-quick) var(--motion-ease), opacity var(--motion-quick) var(--motion-ease);border:0;padding:.7rem 1rem}.button-accent,.button-primary{background:var(--color-action-primary);color:var(--color-action-primary-content)}.button-destructive{border:1px solid var(--color-status-error);color:var(--color-status-error);background:0 0}.button:disabled{cursor:not-allowed;opacity:.58}.button-quiet{color:var(--color-content-primary);background:0 0}.icon-button{justify-content:center;align-items:center;min-width:2.75rem;padding-inline:.65rem;display:inline-flex}.theme-toggle{border:1px solid var(--color-border-default);color:var(--color-content-secondary);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-ease), color var(--motion-quick) var(--motion-ease);background:0 0;border-radius:999px;padding:.4rem .65rem;font-size:.72rem}.theme-toggle:hover{color:var(--color-content-primary)}.artwork-tile{aspect-ratio:1;background:var(--color-bg-selected);border-radius:var(--radius-sm);flex:none;position:relative;overflow:hidden}.artwork-tile img{object-fit:cover;width:100%;height:100%;display:block}.artwork-tile-fallback{background:var(--color-bg-selected)}.track-row{border-bottom:1px solid var(--color-border-default);align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,2rem) minmax(0,1fr) auto auto;min-height:4.5rem;padding:.65rem 0;display:grid}.track-row-artwork{grid-column:2;width:2.5rem;height:2.5rem}.track-row-leading{color:var(--color-content-quiet);font-family:var(--font-data);text-align:right;grid-column:1;min-width:1.25rem;font-size:.8rem}.track-row-details{grid-column:3;gap:.2rem;min-width:0;display:grid}.track-row-title,.track-row-artists{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row-title{font-weight:650;text-decoration:none}.track-row-title:hover{text-underline-offset:.2rem;text-decoration:underline}.track-row-artists,.track-row-album,.track-row-duration{color:var(--color-content-secondary);font-size:.85rem}.track-row-artists{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row-artists a,.track-row-album{color:inherit;text-decoration:none}.track-row-artists a:hover,.track-row-album:hover{color:var(--color-content-primary);text-underline-offset:.2rem;text-decoration:underline}.track-row-duration{font-family:var(--font-data);grid-column:4}.track-row-actions{align-items:center;gap:var(--space-1);grid-column:5;display:flex}.track-list{border-top:1px solid var(--color-border-default)}.search-results{gap:var(--space-5);display:grid}.collection-list{gap:var(--space-2);display:grid}.playlist-row{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);display:flex}.playlist-row-artwork{width:4.5rem;height:4.5rem}.playlist-row-details{gap:.25rem;min-width:0;display:grid}.playlist-row-details h2{margin:0}.result-card-artwork{gap:var(--space-1);display:grid}.result-card-art{margin-bottom:var(--space-2);width:min(100%,11rem)}.recovery-banner{background:var(--color-bg-surface);border:1px solid var(--color-status-error);border-radius:var(--radius-md);padding:var(--space-3);gap:.45rem;display:grid}.recovery-banner strong{color:var(--color-status-error)}.recovery-banner .text-link{width:fit-content;margin-top:.15rem}.landing-page{max-width:86rem;padding:0 clamp(var(--space-3), 5vw, var(--space-5));margin:0 auto;overflow:clip}.landing-header{background:color-mix(in srgb, var(--color-bg-canvas) 94%, transparent);border-bottom:1px solid var(--color-border-soft);transition:background-color var(--motion-standard) var(--motion-ease), padding var(--motion-standard) var(--motion-ease), box-shadow var(--motion-standard) var(--motion-ease);z-index:20;position:sticky;top:0}.landing-header.is-condensed{background:var(--color-bg-canvas);box-shadow:var(--shadow-1)}.landing-header-inner{align-items:center;gap:var(--space-4);max-width:86rem;transition:padding var(--motion-standard) var(--motion-ease);grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);margin:0 auto;padding:1.35rem 0;display:grid}.landing-header.is-condensed .landing-header-inner{padding-block:.7rem}.landing-brand{color:var(--color-content-primary);justify-self:start;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.landing-brand>span:last-child{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700}.landing-brand .brand-mark-link{display:inline-flex}.landing-header nav,.landing-footer nav{align-items:center;gap:clamp(var(--space-2), 3vw, var(--space-4));display:flex}.landing-header nav a,.landing-footer nav a{color:var(--color-content-secondary);transition:color var(--motion-quick) var(--motion-ease);font-size:.8rem;text-decoration:none}.landing-header nav a:hover,.landing-footer nav a:hover{color:var(--color-content-primary)}.landing-header-action{align-items:center;gap:var(--space-2);justify-self:end;display:flex}.landing-environment{border:1px solid var(--color-border-default);color:var(--color-action-primary);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.38rem .62rem;font-size:.62rem}.landing-header .button,.landing-actions .button,.landing-closing .button{align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.landing-hero{gap:clamp(var(--space-4), 7vw, var(--space-8));grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:min(48rem,82svh);padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);display:grid;position:relative}.landing-hero:after{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(#67f3c21c .45px,#0000 .55px);background-size:5px 5px;position:absolute;inset:0}.landing-hero-atmosphere{opacity:.18;pointer-events:none;z-index:0;position:absolute;inset:7% -14% 0 24%}.landing-hero-atmosphere:after{background:linear-gradient(90deg, var(--color-bg-canvas) 2%, transparent 48%, var(--color-bg-canvas) 100%);content:"";position:absolute;inset:0}.landing-hero-atmosphere img{object-fit:cover}.landing-hero-copy,.landing-hero-product{z-index:1;position:relative}.landing-hero-copy{align-self:center;max-width:39rem}.landing-hero h1{margin:1.1rem 0 var(--space-4);max-width:8ch;font-size:clamp(4.5rem,10.8vw,9.5rem);line-height:.86}.landing-hero h1 span{display:block}.landing-heading-accent{color:var(--color-identity-mint)}.landing-lede{color:var(--color-content-secondary);max-width:34rem;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.landing-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.landing-secondary-action{align-items:center;gap:.45rem;margin-top:0;display:inline-flex}.landing-hero-meta{color:var(--color-content-quiet);font-family:var(--font-data);align-items:center;gap:var(--space-2);letter-spacing:.05em;text-transform:uppercase;margin-top:clamp(3rem,8vw,7rem);font-size:.68rem;display:flex}.landing-hero-meta span:first-child{color:var(--color-action-primary)}.landing-hero-product{align-self:center;min-width:0;padding:clamp(1rem,5vw,3rem) 0 3rem}.landing-player-preview{border-radius:var(--radius-lg);box-shadow:var(--shadow-2), 0 0 5rem #67f3c212;color:var(--color-content-primary);background:linear-gradient(140deg,#0a1f18f5,#0d1915fa);border:1px solid #67f3c27d;position:relative;overflow:hidden}.landing-player-preview:after{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(#67f3c221 .4px,#0000 .5px);background-size:4px 4px;position:absolute;inset:0}.landing-player-preview-hero{animation:12s ease-in-out infinite landing-preview-drift;transform:perspective(1500px)rotateY(-4deg)rotateX(.5deg)}.landing-player-preview-feature{transform:perspective(1500px)rotateY(-3deg)}.landing-preview-topbar,.landing-preview-footer{justify-content:space-between;align-items:center;display:flex}.landing-preview-topbar{color:var(--color-content-quiet);font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #67f3c22e;padding:.75rem 1rem;font-size:.6rem}.landing-preview-brand{color:var(--color-content-secondary);align-items:center;gap:.4rem;display:flex}.landing-preview-mark,.landing-preview-footer-mark{color:var(--color-action-primary);justify-content:center;align-items:center;display:inline-flex}.landing-preview-status,.landing-preview-kicker,.landing-discover-label{color:var(--color-action-primary);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.landing-preview-body{grid-template-columns:7.3rem minmax(0,1fr);min-height:19rem;display:grid}.landing-preview-sidebar{color:var(--color-content-quiet);border-right:1px solid #67f3c226;align-content:start;gap:.25rem;padding:1.2rem .8rem;font-size:.7rem;display:grid}.landing-preview-sidebar span{border-radius:var(--radius-sm);padding:.62rem .55rem}.landing-preview-sidebar .is-active{color:var(--color-content-primary);background:#67f3c221}.landing-preview-content{min-width:0;padding:clamp(1rem,3vw,1.6rem)}.landing-preview-heading{justify-content:space-between;align-items:start;display:flex}.landing-preview-heading h3{font-family:var(--font-interface);letter-spacing:-.05em;margin:.65rem 0 0;font-size:clamp(1.25rem,3vw,2.1rem);line-height:1}.landing-preview-meta{color:var(--color-content-quiet);font-family:var(--font-data);font-size:.62rem}.landing-preview-list{border-top:1px solid #67f3c233;margin-top:2rem}.landing-preview-track{border-bottom:1px solid #67f3c226;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.72rem 0;display:grid}.landing-preview-art{object-fit:cover;border-radius:.2rem;width:2.75rem;height:2.75rem}.landing-preview-track-copy{gap:.24rem;min-width:0;display:grid}.landing-preview-track-copy strong,.landing-preview-track-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-preview-track-copy strong{font-size:.78rem}.landing-preview-track-copy span,.landing-preview-duration{color:var(--color-content-quiet);font-family:var(--font-data);font-size:.58rem}.landing-preview-play{background:var(--color-action-primary);color:var(--color-action-primary-content);border-radius:999px;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;display:inline-flex}.landing-preview-play.is-muted{color:var(--color-action-primary);background:#67f3c21f}.landing-preview-footer{color:var(--color-content-quiet);font-family:var(--font-data);letter-spacing:.06em;text-transform:uppercase;margin-top:1.4rem;font-size:.58rem}.landing-signal{box-shadow:var(--shadow-1);max-width:16rem;padding:var(--space-3);z-index:2;background:#12271fed;border:1px solid #67f3c261;position:absolute;bottom:0;right:-1rem}.landing-signal-label,.landing-index{color:var(--color-action-primary);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.landing-signal-label{margin:0 0 var(--space-2)}.landing-signal-line{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 var(--space-2);font-size:1.2rem;line-height:1.05}.landing-signal-copy,.landing-principles p,.landing-preview-panel p,.landing-product-feature-copy p,.landing-section-lede,.landing-flow-list p{color:var(--color-content-secondary);margin:0;line-height:1.6}.landing-section{border-top:1px solid var(--color-border-soft);padding:clamp(4.5rem,9vw,8rem) 0}.landing-section-heading{max-width:44rem}.landing-section-heading h2{margin:var(--space-2) 0 var(--space-3);max-width:10ch;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.94}.landing-section-lede{max-width:32rem;font-size:1.05rem}.landing-principles{gap:clamp(var(--space-3), 5vw, var(--space-5));grid-template-columns:repeat(3,1fr);margin-top:clamp(3rem,8vw,7rem);display:grid}.landing-principles article,.landing-flow-list article{border-top:1px solid var(--color-border-default);padding-top:var(--space-2)}.landing-principles h3,.landing-flow-list h3{margin:var(--space-3) 0 var(--space-2);font-size:1.35rem}.landing-product-heading{margin-bottom:clamp(3rem,7vw,6rem)}.landing-product-feature{border-bottom:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);align-items:center;gap:clamp(var(--space-4), 7vw, var(--space-7));grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);padding:clamp(2rem,5vw,4rem) 0;display:grid}.landing-product-feature-copy{max-width:22rem}.landing-product-feature-copy h3{margin:var(--space-3) 0;font-size:clamp(2rem,4vw,3.2rem);line-height:.98}.landing-feature-note{color:var(--color-content-quiet);font-family:var(--font-data);margin-top:var(--space-4);font-size:.68rem;display:block}.landing-preview-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.landing-preview-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:0;padding:clamp(var(--space-3), 3vw, var(--space-4));transition:border-color var(--motion-standard) var(--motion-ease), box-shadow var(--motion-standard) var(--motion-ease), transform var(--motion-standard) var(--motion-ease);background:linear-gradient(150deg,#12271fc2,#191816f5)}@media (hover:hover) and (pointer:fine){.landing-preview-panel:hover{box-shadow:var(--shadow-1);border-color:#67f3c26b;transform:translateY(-.2rem)}}.landing-preview-panel-heading{align-items:center;gap:.65rem;display:flex}.landing-preview-panel-icon{color:var(--color-action-primary);border:1px solid #67f3c27a;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.landing-preview-panel h3{margin:var(--space-3) 0 var(--space-2);font-size:1.4rem;line-height:1}.landing-panel-artifact{margin-top:var(--space-4);min-height:7rem;padding-top:var(--space-3);border-top:1px solid #67f3c22b}.landing-taste-artifact,.landing-playlist-artifact,.landing-discover-artifact{color:var(--color-content-primary);font-family:var(--font-data);font-size:.65rem}.landing-taste-stat,.landing-playlist-artifact-title{justify-content:space-between;align-items:start;display:flex}.landing-taste-stat{color:var(--color-content-quiet);flex-direction:column;gap:.35rem}.landing-taste-stat strong{color:var(--color-content-primary);font-family:var(--font-display);letter-spacing:-.03em;font-size:1.2rem}.landing-taste-bars{height:3.5rem;margin-top:var(--space-2);border-bottom:1px solid #67f3c257;align-items:end;gap:.3rem;display:flex}.landing-taste-bars span{background:var(--color-action-primary);opacity:.8;flex:1;display:block}.landing-artifact-note{color:var(--color-content-quiet);margin-top:.5rem;font-size:.58rem;display:block}.landing-playlist-artifact-title{color:var(--color-content-quiet)}.landing-playlist-artifact-title span:first-child{color:var(--color-content-primary);font-family:var(--font-display);font-size:1.2rem}.landing-playlist-lines{gap:.6rem;margin-top:1.35rem;display:grid}.landing-playlist-lines span{background:linear-gradient(90deg,#67f3c2b3,#67f3c21f);height:1px}.landing-playlist-lines span:nth-child(2){width:82%}.landing-playlist-lines span:nth-child(3){width:66%}.landing-artifact-check{color:var(--color-action-primary);align-items:center;gap:.4rem;margin-top:1.2rem;display:flex}.landing-discover-artifact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.landing-discover-art{border-radius:var(--radius-sm);object-fit:cover;width:4rem;height:4rem}.landing-discover-artifact>div{gap:.3rem;min-width:0;display:grid}.landing-discover-artifact strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1rem}.landing-discover-artifact div span:last-child{color:var(--color-content-quiet);line-height:1.35}.landing-discover-arrow{color:var(--color-action-primary)}.landing-how-layout{align-items:center;gap:clamp(var(--space-4), 9vw, var(--space-8));grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);display:grid}.landing-organic-art{aspect-ratio:1;justify-self:center;width:100%;max-width:20rem;position:relative}.landing-organic-art-image{object-fit:cover;opacity:.78;border-radius:46% 54% 52% 48%;transform:rotate(8deg)}.landing-organic-ring{border:1px solid #67f3c261;border-radius:50%;position:absolute;inset:7%}.landing-organic-ring-one{transform:rotate(27deg)scaleX(1.2)}.landing-organic-ring-two{opacity:.55;inset:-3%;transform:rotate(-31deg)scaleY(.72)}.landing-flow-list{gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin-top:clamp(3rem,7vw,6rem);display:grid}.landing-flow-list h3{font-size:1.15rem}.landing-closing{border-top:1px solid var(--color-border-soft);align-items:end;gap:var(--space-4);justify-content:space-between;padding:clamp(5rem,10vw,9rem) 0;display:flex}.landing-closing h2{margin:var(--space-2) 0 0;max-width:9ch;font-size:clamp(3rem,8vw,7rem);line-height:.9}.landing-footer{border-top:1px solid var(--color-border-soft);align-items:end;gap:var(--space-4);padding:var(--space-4) 0 var(--space-5);grid-template-columns:1fr auto 1fr;display:grid}.landing-footer-brand{align-items:center;gap:.65rem;display:flex}.landing-footer-brand>span{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700}.landing-footer-brand p{color:var(--color-content-quiet);margin:0 0 0 .5rem;font-size:.8rem}.landing-footer-copyright{color:var(--color-content-quiet);font-family:var(--font-data);justify-self:end;margin:0;font-size:.65rem}.landing-reveal{transition:opacity var(--motion-panel) var(--motion-ease), transform var(--motion-panel) var(--motion-ease)}.landing-page.is-enhanced .landing-reveal:not([data-visible=true]){opacity:0;transform:translateY(1.1rem)}@keyframes landing-preview-drift{0%,to{transform:perspective(1500px)rotateY(-4deg)rotateX(.5deg)translateY(0)}50%{transform:perspective(1500px)rotateY(-4deg)rotateX(.5deg)translateY(-.45rem)}}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:.35rem}.app-shell{min-height:100svh;display:flex}.skip-link{background:var(--color-action-primary);color:var(--color-action-primary-content);left:var(--space-3);z-index:10;padding:.65rem .8rem;text-decoration:none;position:fixed;top:-5rem}.skip-link:focus{top:var(--space-3)}.shell-main:focus{outline:none}.desktop-sidebar{border-right:1px solid var(--color-border-default);padding:var(--space-3);flex-direction:column;flex:0 0 15rem;display:flex}.sidebar-brand{align-items:center;gap:var(--space-1);margin-bottom:var(--space-5);justify-content:space-between;display:flex}.brand-mark-link{flex:none;align-items:center;line-height:0;display:inline-flex}.brand-mark{object-fit:contain;height:auto;display:block}.brand-mark-adaptive-black,[data-theme=light] .brand-mark-adaptive-emerald{display:none}[data-theme=light] .brand-mark-adaptive-black{display:block}@media (prefers-color-scheme:light){:root:not([data-theme]) .brand-mark-adaptive-emerald{display:none}:root:not([data-theme]) .brand-mark-adaptive-black{display:block}}.nav-group-label{color:var(--color-content-quiet);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.7rem}.nav-item{border-radius:var(--radius-sm);color:var(--color-content-secondary);transition:background-color var(--motion-standard) var(--motion-ease), color var(--motion-standard) var(--motion-ease);justify-content:space-between;align-items:center;padding:.55rem .65rem;font-size:.9rem;text-decoration:none;display:flex}.nav-item-label{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.nav-item-icon{flex:none}.nav-item[aria-current=page]{background:var(--color-bg-selected);color:var(--color-content-primary)}.nav-item:hover{color:var(--color-content-primary)}.nav-item-planned{color:var(--color-content-quiet);cursor:default}.nav-status{letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.sidebar-note{color:var(--color-content-quiet);margin:auto 0 0;padding:0 .65rem;font-size:.8rem;line-height:1.5}.shell-content{flex-direction:column;flex:1;min-width:0;display:flex}.shell-main{flex:1}.player-bar{background:var(--color-bg-surface);border-top:1px solid var(--color-border-default);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(10rem,.5fr);display:grid}.player-track{align-items:center;gap:var(--space-2);min-width:0;display:flex}.player-track-link{border-radius:var(--radius-sm);color:inherit;transition:background-color var(--motion-standard) var(--motion-ease);padding:.2rem;text-decoration:none}.player-art{background:var(--color-bg-selected);color:var(--color-action-primary);object-fit:cover;flex:0 0 2.75rem;justify-content:center;align-items:center;height:2.75rem;font-size:1.25rem;display:flex}.player-kicker,.player-title,.player-subtitle{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.player-kicker{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.player-title{font-size:.9rem}.player-subtitle,.player-device{color:var(--color-content-quiet);font-size:.75rem}.player-controls{align-items:center;gap:.25rem;display:flex}.player-controls .button{padding:.5rem .65rem;font-size:.75rem}.player-device{text-align:right;justify-self:end;margin:0}.workspace-page{max-width:52rem;padding:clamp(var(--space-4), 8vw, 7rem) var(--space-4);margin:0 auto}.now-playing-card{align-items:center;gap:clamp(var(--space-4), 6vw, var(--space-6));grid-template-columns:minmax(14rem,.9fr) minmax(0,1.1fr);display:grid}.now-playing-art{aspect-ratio:1;background:var(--color-bg-selected);color:var(--color-action-primary);object-fit:cover;justify-content:center;width:100%;height:auto;font-size:clamp(3rem,10vw,6rem);display:flex}.now-playing-details h2{margin:var(--space-2) 0;font-size:clamp(2rem,5vw,3.5rem)}.now-playing-artists{flex-wrap:wrap;gap:.35rem .75rem;margin:0;display:flex}.now-playing-artists span:not(:last-child):after{color:var(--color-content-secondary);content:"·";margin-left:.75rem}.now-playing-progress{margin-top:var(--space-4)}.now-playing-progress progress{accent-color:var(--color-action-primary);width:100%;display:block}.now-playing-times{color:var(--color-content-secondary);justify-content:space-between;margin-top:.35rem;font-size:.75rem;display:flex}.playback-preferences{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.playback-preferences input[type=range]{accent-color:var(--color-action-primary);width:100%}.playback-queue-list{margin:0;padding:0;list-style:none}.playback-queue-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;justify-content:space-between;display:flex}.playback-queue-list li+li{border-top:1px solid var(--color-border-default)}.playback-queue-list strong,.playback-queue-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playback-queue-list span{color:var(--color-content-secondary);margin-top:.15rem;font-size:.8rem}.playback-queue-list a{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 40%;font-size:.8rem;overflow:hidden}.playback-toggle-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-header h1{margin-bottom:var(--space-2);font-size:clamp(2.8rem,8vw,5.5rem)}.page-header-with-artwork{align-items:end;gap:var(--space-3);grid-template-columns:7rem minmax(0,1fr);display:grid}.page-header-artwork{width:7rem;height:7rem}.page-description{color:var(--color-content-secondary);margin:0 0 var(--space-5);max-width:34rem;font-size:1.1rem;line-height:1.5}.empty-state{color:var(--color-content-secondary);max-width:38rem}.capability-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.capability-card{min-height:12rem}.capability-card h2{margin:var(--space-2) 0;font-size:1.25rem}.capability-card p:last-child{color:var(--color-content-secondary);margin:0;line-height:1.5}.empty-state h2{color:var(--color-content-primary)}.empty-kicker{color:var(--color-action-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem}.state-page{text-align:center;place-content:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.state-page h1,.state-page p{margin:0}.state-copy{color:var(--color-content-secondary);max-width:42ch}.login-page,.account-page{align-content:center;justify-items:center}.account-page h1{font-size:clamp(2.6rem,9vw,5rem)}.login-page h1{font-size:clamp(3rem,10vw,5rem)}.auth-message{color:var(--color-action-primary);max-width:36ch}.button-disabled{cursor:not-allowed;opacity:.65}.sidebar-account{color:var(--color-content-secondary);margin-top:var(--space-2);padding:0 .65rem;font-size:.8rem;text-decoration:none}.sidebar-account:hover{color:var(--color-content-primary)}.field-label,.field-help{font-size:.85rem;display:block}.field{gap:var(--space-1);display:grid}.field-label{color:var(--color-content-primary);margin:0}.field-help{color:var(--color-content-quiet);margin:0}.field-error{color:var(--color-status-error);margin:0;font-size:.85rem}.text-input{background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-content-primary);font:inherit;width:100%;padding:.75rem}:where(.text-input,select,textarea):focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:.1rem}.text-input:disabled{cursor:not-allowed;opacity:.6}.search-form{margin-bottom:var(--space-4);max-width:42rem}.search-form-row{align-items:end;gap:var(--space-2);display:flex}.search-form-row .field,.search-form-row .text-input{flex:1}.result-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-card{min-width:0}.add-track-control{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.add-track-control select{background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-content-primary);font:inherit;max-width:13rem;padding:.55rem}.add-track-control [role=alert]{color:var(--color-status-error);font-size:.8rem}.track-action{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.track-action [role=alert]{color:var(--color-status-error);font-size:.8rem}.settings-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:58rem;display:grid}.settings-grid h2{margin:var(--space-2) 0 var(--space-1)}.settings-grid form{gap:var(--space-2);margin-top:var(--space-3);display:grid}.settings-grid .button{margin-top:var(--space-3);display:inline-block}.discover-tier-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.discover-tier{min-width:0}.discover-tier-list{margin:var(--space-3) 0 0;gap:.7rem;padding:0;list-style:none;display:grid}.discover-tier-list li{gap:.15rem;min-width:0;display:grid}.discover-tier-list .playlist-actions{justify-content:flex-start;margin-top:.35rem}.discover-tier-list strong,.discover-tier-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discover-tier-list span{color:var(--color-content-secondary);font-size:.8rem}.result-card h2{margin:var(--space-2) 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.result-link{color:inherit;text-decoration:none}.result-link:hover h2{color:var(--color-action-primary)}.catalog-detail{max-width:38rem}.album-track-list{margin:0;padding:0;list-style:none}.album-track-list li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:2rem minmax(0,1fr) auto auto;display:grid}.album-track-list li+li{border-top:1px solid var(--color-border-default)}.album-track-number,.album-track-duration{color:var(--color-content-secondary);font-size:.8rem}.album-track-details{min-width:0}.album-track-details strong,.album-track-details span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album-track-details span{color:var(--color-content-secondary);margin-top:.15rem;font-size:.8rem}.catalog-detail p:last-child{margin-bottom:0}.playlist-track-list{padding:0;overflow:hidden}.playlist-summary{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.playlist-summary span{color:var(--color-content-secondary);font-size:.85rem}.playlist-summary form{margin-left:auto}.library-section{margin-top:var(--space-5)}.library-filter{margin-top:var(--space-4);max-width:48rem}.library-filter-result{margin-top:var(--space-2)}.library-sort{min-width:10rem}.assistant-intents{margin-top:var(--space-5)}.assistant-response{margin-top:var(--space-4);max-width:48rem}.assistant-response h2{font-size:clamp(1.25rem,3vw,1.8rem)}.assistant-response p:last-child{margin-bottom:0}.assistant-surface{margin-top:var(--space-4);max-width:48rem}.assistant-surface-header{align-items:start;gap:var(--space-2);justify-content:space-between;display:flex}.assistant-surface-header h2{margin:var(--space-1) 0 0;font-size:clamp(1.25rem,3vw,1.8rem)}.assistant-chat{gap:var(--space-2);margin-top:var(--space-3);max-width:48rem;display:grid}.assistant-chat .field-label{margin:0}.assistant-chat .button{justify-self:start}.assistant-answer{border-left:2px solid var(--color-action-primary);padding:var(--space-2) var(--space-3)}.assistant-answer p:last-child{white-space:pre-wrap;margin-bottom:0}.result-card.is-selected{border-color:var(--color-action-primary)}.library-play{margin-top:var(--space-3)}.playlist-track-header,.playlist-track-row{gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) auto auto;display:grid}.playlist-track-header{border-bottom:1px solid var(--color-border-default);color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.playlist-track-row+.playlist-track-row{border-top:1px solid var(--color-border-default)}.playlist-track-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-track-name{align-items:center;gap:var(--space-2);display:flex}.playlist-track-checkbox{accent-color:var(--color-action-primary);flex:none}.playlist-bulk-remove{margin:var(--space-2) var(--space-3) 0}.playlist-bulk-copy{align-items:end;gap:var(--space-2);margin:var(--space-2) var(--space-3) 0;flex-wrap:wrap;display:flex}.playlist-bulk-copy .field-label{margin:0}.playlist-bulk-copy .text-input{min-width:12rem}.playlist-track-row span:last-child{color:var(--color-content-secondary)}.playlist-remove{color:var(--color-content-secondary);text-underline-offset:.2rem;padding:0;font-size:.75rem;text-decoration:underline}.playlist-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.playlist-filter{margin:var(--space-4) 0 var(--space-2);max-width:42rem}.playlist-filter .field-label{margin-top:0}.playlist-filter-row{align-items:end}.playlist-sort-label{margin:0}.playlist-sort{min-width:10rem}.playlist-filter-result{margin:0 0 var(--space-2)}.playlist-filter-empty{padding:var(--space-4);margin:0}.playlist-play{padding:0;font-size:.75rem}.playlist-move{color:var(--color-content-quiet);padding:0;font-size:.7rem}.review-summary{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.review-summary .surface{gap:.35rem;display:grid}.review-summary strong{font-size:1.6rem}.review-summary span{color:var(--color-content-secondary);font-size:.8rem}.review-findings{gap:var(--space-2);display:grid}.review-decision-summary{color:var(--color-content-secondary);margin:var(--space-4) 0 var(--space-2)}.review-decision-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.review-finding h2{font-size:1.25rem}.review-track-context{color:var(--color-content-secondary);margin:0 0 var(--space-3);padding-left:1.2rem;font-size:.85rem}.review-finding p:last-child{margin-bottom:0}.discover-intro{max-width:42rem}.discover-intro h2{font-size:clamp(1.4rem,4vw,2rem)}.discover-intro p:last-child{color:var(--color-content-secondary);margin-bottom:0;line-height:1.6}.discover-section{margin-top:var(--space-5)}.section-heading-row{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.section-heading-row h2{margin:0;font-size:1.35rem}.builder-entry{margin-bottom:var(--space-4);text-decoration:none;display:inline-block}.builder-form{gap:var(--space-2);margin-bottom:var(--space-5);max-width:42rem;display:grid}.builder-form .field-label{margin:0}.builder-textarea{resize:vertical;line-height:1.5}.builder-proposal{gap:var(--space-3);display:grid}.builder-proposal-header{max-width:42rem}.builder-proposal-header h2{font-size:clamp(1.4rem,4vw,2rem)}.builder-proposal-header p:last-child{color:var(--color-content-secondary);margin-bottom:0;line-height:1.6}.builder-candidates{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.builder-candidate-topline{justify-content:space-between;align-items:center;display:flex}.builder-candidate-topline .result-type{margin:0}.builder-candidate .track-row{padding:var(--space-2) 0 0}.builder-candidate-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.builder-reorder{color:var(--color-content-quiet);padding:0;font-size:.7rem}.builder-toggle{text-underline-offset:.2rem;padding:.25rem 0;font-size:.75rem;text-decoration:underline}.builder-candidate.is-removed{opacity:.55}.builder-selection{color:var(--color-content-secondary);margin:0}.builder-success{color:var(--color-status-success);margin:0;line-height:1.5}.builder-success a{color:var(--color-content-primary)}.result-card p:last-child{color:var(--color-content-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.result-type{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem}.taste-dashboard{gap:var(--space-5);display:grid}.taste-snapshot{gap:var(--space-3);display:grid}.taste-snapshot h2{margin:var(--space-1) 0 0;font-size:clamp(1.35rem,3vw,1.8rem)}.taste-metrics{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.taste-metric{padding:var(--space-2);gap:.35rem;display:grid}.taste-metric-label{color:var(--color-content-quiet);font-size:.75rem}.taste-metric strong{color:var(--color-content-primary);font-size:1.1rem}.taste-metric-context{color:var(--color-content-quiet);font-size:.75rem;line-height:1.35}.taste-panel{border-left:2px solid var(--color-action-primary);color:var(--color-content-secondary)}.taste-panel h2{color:var(--color-content-primary);max-width:28rem}.taste-panel p:last-child{max-width:36rem;line-height:1.6}.taste-detail-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.taste-detail-grid>.surface,.taste-observations>.surface{min-width:0}.taste-signal-list{gap:var(--space-2);display:grid}.taste-signal-corrections{margin-top:var(--space-5);max-width:52rem}.taste-signal-corrections h2{font-size:clamp(1.25rem,3vw,1.8rem)}.taste-signal-correction-list{gap:var(--space-2);display:grid}.taste-signal-correction{border-top:1px solid var(--color-border-default);align-items:center;gap:var(--space-3);padding-top:var(--space-2);justify-content:space-between;display:flex}.taste-signal-correction>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.taste-signal-list p{margin:0}.taste-observations{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.taste-ranked-list{margin:var(--space-3) 0 0;gap:.7rem;padding:0;list-style:none;display:grid}.taste-ranked-list li{border-bottom:1px solid var(--color-border-default);align-items:baseline;gap:var(--space-2);justify-content:space-between;padding-bottom:.55rem;display:flex}.taste-ranked-list li:last-child{border-bottom:0;padding-bottom:0}.taste-ranked-list strong{color:var(--color-content-secondary);font-size:.8rem;font-family:var(--font-data);white-space:nowrap}.data-value{font-family:var(--font-data);font-variant-numeric:tabular-nums}.taste-corrections{border-top:1px solid var(--color-border-default);margin-top:var(--space-5);padding-top:var(--space-5)}.taste-corrections h2{margin:var(--space-2) 0 var(--space-1)}.taste-correction-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.taste-correction-field{gap:var(--space-1);display:grid}.taste-correction-field span{font-size:.85rem}.taste-correction-field textarea{background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-content-primary);font:inherit;resize:vertical;width:100%;min-height:5rem;padding:.7rem}.taste-correction-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.taste-correction-actions [role=alert]{color:var(--color-status-error)}.detail-list{color:var(--color-content-secondary);margin:var(--space-2) 0 0;padding-left:1.1rem;line-height:1.6}.detail-list li+li{margin-top:.6rem}.muted-copy{color:var(--color-content-quiet);line-height:1.5}.mobile-header,.mobile-nav{display:none}@media (max-width:720px){.landing-page{padding:var(--space-2) var(--space-3)}.landing-header{margin-inline:calc(-1 * var(--space-3));padding-inline:var(--space-3)}.landing-header-inner{gap:var(--space-2);grid-template-columns:1fr auto;padding-block:.85rem}.landing-header nav,.landing-brand>span:last-child,.landing-environment{display:none}.landing-header-action{gap:0}.landing-header .button{min-height:2.5rem;padding:.58rem .72rem;font-size:.72rem}.landing-hero{grid-template-columns:1fr;gap:0;min-height:auto;padding:4.5rem 0 3rem}.landing-hero h1{font-size:clamp(3.85rem,18vw,6.6rem)}.landing-hero-atmosphere{opacity:.14;inset:30% -34% 8% -24%}.landing-hero-product{margin-top:-1rem;padding:2rem 0 4rem}.landing-player-preview-hero,.landing-player-preview-feature{transform:perspective(1100px)rotateY(-2deg)}.landing-player-preview-hero{animation:none}.landing-preview-body{grid-template-columns:4.7rem minmax(0,1fr);min-height:16rem}.landing-preview-sidebar{padding-inline:.42rem;font-size:.6rem}.landing-preview-sidebar span{padding-inline:.35rem}.landing-preview-heading h3{font-size:1.35rem}.landing-preview-list{margin-top:1.35rem}.landing-preview-track{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem}.landing-preview-duration{display:none}.landing-signal{max-width:13.5rem;padding:var(--space-2);bottom:1.3rem;right:-.25rem}.landing-signal-line{font-size:1.05rem}.landing-section-heading h2{font-size:clamp(2.45rem,12vw,4rem)}.landing-principles,.landing-preview-grid,.landing-flow-list{grid-template-columns:1fr}.landing-principles{gap:var(--space-4);margin-top:3.5rem}.landing-product-feature{grid-template-columns:1fr;align-items:start}.landing-product-feature-copy{max-width:26rem}.landing-preview-panel{min-height:0}.landing-how-layout{gap:var(--space-5);grid-template-columns:1fr}.landing-organic-art{justify-self:start;max-width:13rem}.landing-flow-list{gap:var(--space-4)}.landing-closing{flex-direction:column;align-items:start}.landing-footer{align-items:start;gap:var(--space-3);flex-direction:column;display:flex}.landing-footer-brand{flex-wrap:wrap}.landing-footer-brand p{flex-basis:100%;margin-left:0}.landing-footer nav{align-items:start;gap:var(--space-2);flex-direction:column}.landing-footer-copyright{justify-self:start}.foundation-shell{padding:var(--space-3)}.welcome-grid{gap:var(--space-5);padding:10vh 0 var(--space-5);grid-template-columns:1fr}.desktop-sidebar{display:none}.mobile-header{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.mobile-header-actions{align-items:center;gap:.5rem;display:flex}.mobile-nav{background:var(--color-bg-surface);border-top:1px solid var(--color-border-default);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.mobile-nav .nav-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.45rem .2rem;font-size:.68rem}.mobile-nav .nav-status{display:none}.mobile-more{position:relative}.mobile-more summary{color:var(--color-content-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:2.5rem;padding:.45rem .2rem;font-size:.68rem;list-style:none;display:flex}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more[open] summary,.mobile-more summary:hover,.mobile-more summary[aria-current=page]{background:var(--color-bg-selected);border-radius:var(--radius-sm);color:var(--color-content-primary)}.mobile-more-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);min-width:11rem;padding:.35rem;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 .75rem 2rem #0000002e}.mobile-more-menu .nav-item{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;font-size:.85rem}.workspace-page{padding:var(--space-4) var(--space-3) calc(6rem + env(safe-area-inset-bottom))}.page-header-with-artwork{grid-template-columns:5rem minmax(0,1fr);align-items:start}.page-header-artwork{width:5rem;height:5rem}.now-playing-card,.playback-preferences{grid-template-columns:1fr}.playback-queue-list li{flex-direction:column;align-items:start;gap:.25rem}.playback-queue-list a{text-align:left;max-width:100%}.album-track-list li{grid-template-columns:1.5rem minmax(0,1fr);align-items:start}.album-track-duration{grid-column:2}.album-track-list .playlist-actions{grid-column:2;justify-content:flex-start}.player-bar{padding:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto}.track-row{padding:var(--space-2) 0;grid-template-columns:minmax(0,2.5rem) minmax(0,1fr) auto;align-items:start;gap:.65rem}.track-row-leading{display:none}.track-row-artwork{grid-area:1/1/span 2}.track-row-details{grid-column:2}.track-row-duration{grid-column:3}.track-row-actions{grid-column:2/-1;justify-content:flex-start}.player-device{display:none}.capability-grid,.search-form-row,.result-grid{grid-template-columns:1fr}.section-heading-row,.assistant-surface-header{flex-direction:column;align-items:start}.search-form-row{flex-direction:column;align-items:stretch}.taste-metrics,.taste-detail-grid,.taste-observations,.taste-correction-grid,.discover-tier-grid,.settings-grid{grid-template-columns:1fr}.taste-signal-correction{align-items:stretch;gap:var(--space-2);flex-direction:column}.playlist-track-header,.playlist-track-row{grid-template-columns:minmax(0,1fr) auto auto}.playlist-track-header span:nth-child(2),.playlist-track-row span:nth-child(2),.playlist-track-header span:nth-child(3),.playlist-track-row span:nth-child(3){display:none}.playlist-track-header span:last-child{text-align:right}.playlist-track-row .playlist-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.landing-player-preview-hero{animation:none!important}.landing-page.is-enhanced .landing-reveal:not([data-visible=true]){opacity:1;transform:none}}.app-shell{background:var(--color-bg-canvas);color:var(--color-content-primary)}.desktop-sidebar{background:color-mix(in srgb, var(--color-identity-forest) 34%, var(--color-bg-surface));border-right-color:var(--color-border-soft);min-height:100svh;padding:var(--space-3) var(--space-2);flex-basis:16rem}.sidebar-brand{margin-bottom:var(--space-4);padding:0 var(--space-1)}.sidebar-brand .status-pill{margin-left:auto}.nav-group{margin-bottom:var(--space-4)}.nav-group-label{color:var(--color-content-quiet);font-family:var(--font-data);letter-spacing:.14em;margin:0 var(--space-1) .5rem;font-size:.64rem}.nav-item{gap:var(--space-2);min-height:2.75rem;padding:.6rem var(--space-1);border:1px solid #0000}.nav-item-label{gap:.7rem}.nav-item-icon{color:var(--color-content-quiet);transition:color var(--motion-standard) var(--motion-ease)}.nav-item[aria-current=page]{background:color-mix(in srgb, var(--color-identity-forest) 72%, var(--color-bg-surface-elevated));border-color:color-mix(in srgb, var(--color-action-primary) 22%, transparent);box-shadow:inset 2px 0 var(--color-action-primary)}.nav-item[aria-current=page] .nav-item-icon,.nav-item:hover .nav-item-icon,.nav-item:focus-visible .nav-item-icon{color:var(--color-action-primary)}.nav-item-planned{border-color:#0000}.sidebar-note{border-top:1px solid var(--color-border-soft);margin:auto var(--space-1) 0;padding:var(--space-3) 0 0}.sidebar-account{margin:var(--space-3) var(--space-1) 0;padding:0}.shell-main{background:var(--color-bg-canvas)}.workspace-page{max-width:76rem;padding:clamp(var(--space-5), 7vw, 6rem) clamp(var(--space-3), 5vw, 5rem) calc(var(--space-7) + env(safe-area-inset-bottom))}.page-header{border-bottom:1px solid var(--color-border-soft);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.page-header h1{letter-spacing:-.065em}.page-description{color:var(--color-content-secondary);max-width:42rem;font-size:1.05rem}.eyebrow,.empty-kicker,.result-type,.player-kicker{color:var(--color-action-primary);font-family:var(--font-data)}.surface{background:color-mix(in srgb, var(--color-identity-forest) 18%, var(--color-bg-surface));border-color:var(--color-border-soft);border-radius:var(--radius-lg)}.surface h2,.surface h3{letter-spacing:-.035em}.button{min-height:2.75rem;transition:background-color var(--motion-quick) var(--motion-ease), border-color var(--motion-quick) var(--motion-ease), color var(--motion-quick) var(--motion-ease), transform var(--motion-quick) var(--motion-ease), opacity var(--motion-quick) var(--motion-ease);justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.button-accent,.button-primary{background:var(--color-action-primary);border:1px solid var(--color-action-primary);color:var(--color-action-primary-content);font-weight:650}.button-quiet{border:1px solid var(--color-border-default);color:var(--color-content-primary);background:0 0}.button-destructive{background:color-mix(in srgb, var(--color-status-error) 8%, transparent);border-color:color-mix(in srgb, var(--color-status-error) 64%, transparent)}.button:not(:disabled):hover{transform:translateY(-1px)}.button-accent:not(:disabled):hover,.button-primary:not(:disabled):hover{background:var(--color-action-primary-strong);border-color:var(--color-action-primary-strong)}.button-quiet:not(:disabled):hover{background:var(--color-bg-selected);border-color:var(--color-action-primary)}.text-link{color:var(--color-action-primary);text-underline-offset:.3rem;transition:color var(--motion-quick) var(--motion-ease)}.text-link:hover{color:var(--color-action-primary-strong)}.status-pill{border-color:color-mix(in srgb, var(--color-action-primary) 38%, transparent);color:var(--color-action-primary);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem}.status-pill[data-tone=neutral]{border-color:var(--color-border-default);color:var(--color-content-secondary)}.status-pill[data-tone=success]{border-color:color-mix(in srgb, var(--color-status-success) 50%, transparent);color:var(--color-status-success)}.theme-toggle{border-color:var(--color-border-default);font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem}.theme-toggle:hover{background:var(--color-bg-selected);border-color:var(--color-action-primary);color:var(--color-action-primary)}.artwork-tile,.player-art,.now-playing-art{background:color-mix(in srgb, var(--color-identity-forest) 68%, var(--color-bg-selected))}.artwork-tile{border-radius:var(--radius-md)}.track-list{border-top-color:var(--color-border-soft)}.track-row{border-bottom-color:var(--color-border-soft);min-height:4.75rem;transition:background-color var(--motion-standard) var(--motion-ease), border-color var(--motion-standard) var(--motion-ease)}.track-row:hover{background:color-mix(in srgb, var(--color-identity-forest) 28%, transparent)}.track-row-title{font-weight:600}.playlist-row,.result-card{background:color-mix(in srgb, var(--color-identity-forest) 18%, var(--color-bg-surface));border-color:var(--color-border-soft);transition:background-color var(--motion-standard) var(--motion-ease), border-color var(--motion-standard) var(--motion-ease), transform var(--motion-standard) var(--motion-ease)}.playlist-row:hover,.result-card:hover{background:color-mix(in srgb, var(--color-identity-forest) 38%, var(--color-bg-surface));border-color:color-mix(in srgb, var(--color-action-primary) 34%, transparent);transform:translateY(-1px)}.result-card.is-selected{background:color-mix(in srgb, var(--color-identity-forest) 44%, var(--color-bg-surface));border-color:var(--color-action-primary)}.recovery-banner{background:color-mix(in srgb, var(--color-status-error) 7%, var(--color-bg-surface));border-color:color-mix(in srgb, var(--color-status-error) 58%, transparent);border-radius:var(--radius-md);border-left-width:3px}.empty-state{border-left:3px solid var(--color-action-primary)}.player-bar{background:color-mix(in srgb, var(--color-identity-forest) 42%, var(--color-bg-surface));border-top-color:var(--color-border-soft);min-height:5rem}.player-art{border-radius:var(--radius-md)}.player-track-link:hover,.player-track-link:focus-visible{background:color-mix(in srgb, var(--color-identity-forest) 55%, transparent)}.player-controls .button{min-width:2.75rem}.now-playing-card{background:color-mix(in srgb, var(--color-identity-forest) 24%, var(--color-bg-surface))}.field{gap:.6rem}.field-label{font-weight:600}.text-input,.add-track-control select,.taste-correction-field textarea,select,textarea{background:color-mix(in srgb, var(--color-identity-forest) 22%, var(--color-bg-canvas));border-color:var(--color-border-default);border-radius:var(--radius-md);min-height:2.75rem}.text-input:hover,.add-track-control select:hover,.taste-correction-field textarea:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--color-action-primary) 52%, transparent)}.text-input:focus-visible,.add-track-control select:focus-visible,.taste-correction-field textarea:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-focus)}.search-form{max-width:52rem}.search-form .text-input{min-height:3.25rem;padding-inline:1rem}.settings-grid,.discover-tier-grid,.taste-detail-grid,.taste-observations,.review-summary,.builder-candidate{gap:var(--space-4)}.settings-grid>.surface,.discover-tier,.taste-detail-grid>.surface,.taste-observations>.surface,.review-summary .surface,.builder-candidate{border-color:var(--color-border-soft)}.playlist-track-list{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg)}.playlist-track-header{background:color-mix(in srgb, var(--color-identity-forest) 24%, transparent);border-bottom-color:var(--color-border-soft)}.playlist-track-row+.playlist-track-row,.album-track-list li+li,.playback-queue-list li+li,.taste-signal-correction{border-top-color:var(--color-border-soft)}.taste-panel,.assistant-answer{border-left-color:var(--color-action-primary)}.data-value,.taste-metric strong,.review-summary strong{font-family:var(--font-data)}.state-page{max-width:38rem;min-height:100svh;padding:clamp(var(--space-5), 8vw, 7rem) var(--space-3);text-align:left;align-content:center;justify-items:start;margin:0 auto}.state-page h1{letter-spacing:-.075em;max-width:12ch;font-size:clamp(3rem,9vw,6rem)}.state-page .brand-mark-link{margin-bottom:var(--space-2)}.state-page .text-link{margin-top:0}.state-copy{font-size:1.05rem;line-height:1.6}.login-page,.account-page{gap:var(--space-3)}.account-status{margin:0}.mobile-header{background:color-mix(in srgb, var(--color-identity-forest) 34%, var(--color-bg-surface));border-bottom:1px solid var(--color-border-soft);min-height:4.25rem;padding:var(--space-2) var(--space-3)}.mobile-nav{background:color-mix(in srgb, var(--color-identity-forest) 42%, var(--color-bg-surface));border-top-color:var(--color-border-soft)}.mobile-nav .nav-item[aria-current=page],.mobile-more[open] summary,.mobile-more summary[aria-current=page]{box-shadow:none;color:var(--color-action-primary)}.mobile-more-menu{background:var(--color-bg-surface);border-color:var(--color-border-default);box-shadow:var(--shadow-1)}@media (hover:hover) and (pointer:fine){.nav-item:hover,.mobile-more summary:hover{background:color-mix(in srgb, var(--color-identity-forest) 36%, transparent)}}@media (max-width:720px){.workspace-page{padding:var(--space-4) var(--space-3) calc(6.5rem + env(safe-area-inset-bottom))}.page-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.page-header h1{font-size:clamp(2.8rem,13vw,4.5rem)}.state-page{min-height:100svh;padding:var(--space-5) var(--space-3) calc(var(--space-5) + env(safe-area-inset-bottom))}.state-page h1{font-size:clamp(2.8rem,14vw,4.5rem)}.surface{padding:var(--space-3)}.player-bar{min-height:4.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.button:not(:disabled):hover,.playlist-row:hover,.result-card:hover{transform:none}}
