.hero-section{display:flex;align-items:flex-start;justify-content:space-between;gap:3.5rem;padding:3rem 0 2.5rem}.hero-content{flex:1 1 600px;max-width:680px}.hero-eyebrow{margin-bottom:1rem}.hero-title{margin:0 0 1.5rem;max-width:14ch}.hero-mobile-band{display:none}.hero-aside{flex:0 0 240px;display:flex;justify-content:flex-end;padding-top:1rem}.hero-art-card{width:230px;background:var(--paper);border:none;border-radius:var(--radius-lg);padding:.85rem;box-shadow:var(--shadow-lift)}.hero-art-card-btn{display:block;border:none;cursor:pointer;text-align:left;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.hero-art-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #17140f1f}.hero-art-swatches{display:flex;height:110px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #17140f14}.hero-art-swatches span{flex:1;height:100%;transition:background .9s var(--ease)}.hero-art-meta{display:flex;flex-direction:column;gap:.15rem;margin-top:.65rem}.hero-art-label{font-family:var(--serif);font-size:1.05rem;color:var(--ink);font-weight:500}.hero-art-sub{font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--ink-3)}.mood-selection-section{margin-top:1rem}.category-filter-row{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--rule);padding-bottom:.65rem;margin-bottom:2rem;-webkit-overflow-scrolling:touch}.category-filter-row::-webkit-scrollbar{display:none}.cat-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.4rem 1.05rem;border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);font-family:var(--sans);font-size:.8rem;font-weight:500;letter-spacing:-.01em;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .16s var(--spring-snappy)}.category-filter-row .cat-pill:hover{background:color-mix(in oklab,var(--paper-2) 75%,transparent);color:var(--ink);transform:none;box-shadow:none}.cat-pill:active{transform:scale(.95)}.cat-pill.active{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600;box-shadow:0 2px 8px #17140f24}.cat-pill.active:hover,.view-tab.active:hover,.segmented-btn.active:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:none;box-shadow:none}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2.25rem 1.75rem}.mood-card{display:flex;flex-direction:column;align-items:stretch;padding:.75rem;border:1px solid var(--glass-border);border-radius:var(--radius-card);background:var(--glass-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--serif);text-align:left;cursor:pointer;box-shadow:var(--shadow-subtle),var(--glass-specular);transition:transform .2s var(--spring-snappy),background .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rise .4s var(--ease) backwards}.mood-card:hover{background:var(--glass-surface-elevated);transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lift)}.mood-card:active{transform:scale(.97)}.mood-card.selected{background:var(--glass-surface-elevated);border-color:var(--rule-firm);box-shadow:var(--shadow-lift)}.mood-card .swatches{display:flex;gap:0;width:100%;height:120px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #17140f14;outline:1px solid var(--rule);outline-offset:0;transition:transform .2s var(--ease),outline-color .15s,box-shadow .2s}.mood-card:hover .swatches{outline-color:var(--ink-3)}.mood-card.selected .swatches{outline:1.5px solid var(--accent);box-shadow:0 4px 14px color-mix(in oklab,var(--accent) 30%,transparent)}.swatch-chip{flex:1;height:100%;box-shadow:none}.mood-card-header{display:flex;align-items:baseline;gap:.5rem;width:100%;margin-top:.75rem}.mood-card-idx{font-family:var(--sans);font-size:.72rem;color:var(--ink-3);font-weight:600;font-variant-numeric:tabular-nums}.mood-card.selected .mood-card-idx{color:var(--accent)}.mood-card-title{font-size:1.45rem;line-height:1.1;font-weight:400;color:var(--ink);letter-spacing:-.015em}.mood-card-descriptor{font-family:var(--serif);font-size:.9rem;font-style:italic;color:var(--ink-2);margin-top:.15rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mood-card .check{margin-left:auto;width:18px;height:18px;border-radius:50%;flex:0 0 auto;background:var(--ink);color:var(--paper);display:grid;place-items:center;align-self:center}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.mood-result-container{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--rule);scroll-margin-top:5rem}@media(min-width:960px){.mood-result-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:3rem;align-items:start}.mood-result-left,.mood-result-soundscape{grid-column:1;order:0;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.mood-result-left>h2,.mood-result-soundscape>h2{margin:0}.mood-result-right,.mood-result-palette{grid-column:2;order:0;position:sticky;top:calc(4.75rem + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:1.25rem}}@media(max-width:959px){.mood-result-container{display:flex;flex-direction:column;gap:2.25rem;margin-top:2rem;padding-top:1.5rem;scroll-margin-top:4.5rem}.mood-result-palette,.mood-result-right{order:1;display:flex;flex-direction:column;gap:1.25rem;width:100%}.mood-result-soundscape,.mood-result-left{order:2;display:flex;flex-direction:column;gap:1.25rem;min-width:0;width:100%}.mood-result-soundscape>h2,.mood-result-left>h2{margin:0;font-size:clamp(1.35rem,3.5vw,1.75rem);line-height:1.2}}.mood-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.mood-title-area{flex:1 1 450px;min-width:0}.mood-title-heading-group{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.mood-blend-formula-pill{font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--rule);padding:.2rem .55rem;border-radius:var(--radius-pill);letter-spacing:.01em}.mood-title-area h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.15}.mood-desc-text{font-family:var(--serif);font-style:italic;color:var(--ink-2);font-size:.95rem;margin:.25rem 0 .35rem}.mood-quote-text{font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.45;color:var(--ink-2);margin:.35rem 0 0;max-width:80ch;border-left:1.5px solid var(--rule-firm);padding-left:.75rem}.palette-toolbar-inline{align-self:flex-start;flex-shrink:0;margin-top:.25rem}.view-mode-tabs{display:inline-flex;gap:2px;background:color-mix(in oklab,var(--paper-3) 60%,transparent);padding:3px;border:1px solid color-mix(in oklab,var(--rule) 50%,transparent);border-radius:var(--radius-pill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 2px #0000000a}.view-tab{padding:.35rem .9rem;border:0;background:transparent;border-radius:var(--radius-pill);font-family:var(--sans);font-size:.75rem;letter-spacing:.02em;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .16s var(--spring-snappy)}.view-tab:hover{color:var(--ink)}.view-tab:active{transform:scale(.96)}.view-tab.active{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}[data-theme=dark] .view-tab.active{background:var(--paper-3);color:var(--ink);box-shadow:0 2px 8px #0006,0 1px 2px #0003}.stage{position:relative;display:flex;height:clamp(115px,13vw,135px);padding-bottom:1.55rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lift);outline:1px solid var(--rule);background:var(--paper)}.stage .band{flex:1;padding:0 0 1.55rem;position:relative;transition:flex .45s var(--ease);display:flex;align-items:flex-end;justify-content:center}.stage .band:hover,.stage .band:focus-within{flex:1.35}.stage .band-copy{position:absolute;inset:0 0 1.55rem;z-index:1;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;cursor:pointer}.stage .band-copy:hover{background:transparent;transform:none;box-shadow:none}.stage .band-copy:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3.5px var(--accent)}.stage .fill{position:absolute;inset:0 0 1.55rem;transition:background .8s var(--ease)}.stage .hex{position:absolute;bottom:0;left:0;right:0;font:400 .65rem/1.55rem var(--mono);letter-spacing:.04em;color:var(--ink-3);background:transparent;text-align:center;opacity:1;transform:none;border-radius:0;padding:0;white-space:nowrap;overflow:hidden}.stage .band:hover .hex,.stage .band:focus-within .hex{color:var(--ink);font-weight:500}.stage .band-tune{position:absolute;left:50%;bottom:1.85rem;z-index:2;transform:translate(-50%) translateY(4px);display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:var(--radius-pill);background:color-mix(in oklab,currentColor 14%,transparent);border:1px solid color-mix(in oklab,currentColor 45%,transparent);box-shadow:none;font-family:var(--sans);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .15s var(--ease),transform .15s var(--ease),background .15s}.stage .band:hover .band-tune,.stage .band:focus-within .band-tune,.stage .band-tune.active{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:none){.stage .band-tune{opacity:1;transform:translate(-50%) translateY(0);bottom:2.05rem}}.stage .band-tune:hover{background:color-mix(in oklab,currentColor 26%,transparent);transform:translate(-50%) translateY(0);box-shadow:none}.stage .band-tune.active{background:color-mix(in oklab,currentColor 30%,transparent);font-weight:500}.stage .band-tune:focus-visible{outline:none;box-shadow:var(--ring)}@media(hover:none){.stage .band-tune{opacity:1;transform:translate(-50%)}}.stage-gradient{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:1.25rem;outline:1px solid var(--rule);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lift);min-height:150px}.gradient-chips{display:flex;gap:.4rem;margin-top:.7rem;flex-wrap:wrap;justify-content:center}.gradient-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .7rem;border-radius:var(--radius-pill);border:0;background:color-mix(in oklab,var(--tone, var(--paper)) 26%,var(--paper-2));font-family:var(--sans);font-size:.74rem;font-weight:500;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.gradient-chip:hover{background:color-mix(in oklab,var(--tone, var(--paper)) 40%,var(--paper));transform:translateY(-1px)}.gradient-chip-dot{width:9px;height:9px;border-radius:50%}.stage-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:.8rem}.tone-grid-hint{margin:.55rem 0 .6rem;font-size:.78rem;color:var(--ink-3);line-height:1.4}.swatch-card{background:color-mix(in oklab,var(--tone, var(--paper)) 10%,var(--paper));border:0;border-radius:var(--radius-md);padding:.6rem;cursor:pointer;box-shadow:var(--shadow-subtle);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.swatch-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:color-mix(in oklab,var(--tone, var(--paper)) 18%,var(--paper))}.swatch-preview{height:84px;width:100%;border-radius:var(--radius-sm);position:relative;overflow:hidden}.swatch-card.tone-active{background:color-mix(in oklab,var(--tone, var(--accent)) 24%,var(--paper));box-shadow:0 4px 16px color-mix(in oklab,var(--tone, var(--accent)) 35%,transparent)}.swatch-copy-hint{position:absolute;inset:auto 0 0;padding:.35rem .5rem;font-family:var(--sans);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in oklab,var(--paper) 90%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink-2);opacity:0;transition:opacity .15s;text-align:center}.swatch-preview:hover .swatch-copy-hint{opacity:1}.swatch-info{padding:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.swatch-tone-pill{font-family:var(--serif);font-style:normal;font-weight:500;font-size:.96rem;line-height:1.2;color:var(--ink)}.swatch-hex{font-family:var(--mono);font-weight:400;font-size:.75rem;letter-spacing:.03em;color:var(--ink-2)}.swatch-rgb{font-family:var(--mono);font-size:.66rem;color:var(--ink-3)}.swatch-actions-row{display:flex;align-items:center;gap:.35rem;margin-top:.4rem}.swatch-copy-btn,.swatch-tune-btn{flex:1;min-width:0;white-space:nowrap;justify-content:center;font-family:var(--sans);font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.26rem .4rem;border:0;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--ink) 6%,transparent);color:var(--ink-2);display:inline-flex;align-items:center;gap:.28rem;cursor:pointer;transition:background .15s,color .15s}.swatch-copy-btn:hover,.swatch-tune-btn:hover{background:color-mix(in oklab,var(--ink) 12%,transparent);color:var(--ink)}.swatch-tune-btn.active{color:var(--accent);background:color-mix(in oklab,var(--accent) 16%,transparent)}.psychology-card{background:var(--paper);border:none;border-radius:var(--radius-md);padding:1.05rem 1.35rem;box-shadow:var(--shadow-subtle)}.psychology-text{font-size:.98rem;color:var(--ink);line-height:1.55;margin:0;max-width:68ch}.psychology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 1.5rem;margin-top:.5rem}.psychology-item{display:flex;flex-direction:column;gap:.25rem}.psychology-item-header{font-family:var(--sans);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--ink)}.psychology-item-body{font-size:.92rem;line-height:1.5;color:var(--ink-2);margin:0;max-width:68ch}.active-tone-banner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-card);padding:.85rem 1.15rem;margin:1rem 0;box-shadow:var(--shadow-subtle);transition:all .2s var(--ease)}.tone-banner-left{display:flex;align-items:center;gap:.9rem;min-width:0;flex:1 1 auto}.tone-banner-swatch{width:34px;height:34px;border-radius:9px;flex:0 0 34px;box-shadow:0 3px 10px #00000029,inset 0 0 0 1px #fff3}.tone-banner-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.tone-banner-title{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.tone-banner-badge{font-family:var(--sans);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.tone-banner-label{font-family:var(--serif);font-weight:600;font-size:1.05rem;color:var(--ink);line-height:1.2}.tone-banner-hex{font-family:var(--mono);font-weight:500;font-size:.75rem;color:var(--ink-3);letter-spacing:.04em}.tone-banner-desc{font-family:var(--sans);font-size:.84rem;color:var(--ink-2);line-height:1.35;margin:0}.tone-banner-reset{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans);font-size:.8rem;font-weight:590;border:1px solid var(--rule-firm);border-radius:var(--radius-pill);padding:.45rem .9rem;background:var(--paper-2);color:var(--ink);cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #0000000a;transition:all .16s var(--spring-snappy)}.tone-banner-reset:hover{background:var(--paper-3);border-color:var(--ink-2);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.tone-banner-reset:active{transform:scale(.96)}.palette-action-row,.track-action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.palette-action-row{margin-top:.75rem}.palette-action-left,.track-action-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.track-action-note{margin:.5rem 0 0;font-size:.85rem;color:var(--ink-3)}.soundscape-card{padding:1.25rem 1.35rem;background:var(--glass-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle),var(--glass-specular)}.soundscape-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;min-height:28px}.soundscape-header-title{font-family:var(--sans);font-size:.88rem;font-weight:590;color:var(--ink-3);letter-spacing:.02em}.soundscape-card .vibe-tuner-container{margin:0}.soundscape-curation-note{display:flex;align-items:center;gap:.45rem;font-family:var(--serif);font-size:.86rem;font-style:italic;color:var(--ink-2);margin:0;line-height:1.4}.soundscape-curation-note svg{color:var(--accent);flex-shrink:0}.track-list-container{margin-top:.45rem}.soundscape-search-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .5rem .35rem .6rem;margin-bottom:.65rem;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-pill, 9999px);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #17140f08}.soundscape-search-bar:hover{background:var(--paper);border-color:var(--rule-firm);box-shadow:0 3px 10px #17140f0f;transform:translateY(-1px)}.soundscape-search-bar:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.search-bar-left{display:flex;align-items:center;gap:.55rem;min-width:0}.search-bar-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-2);border:1px solid var(--rule);flex-shrink:0}.search-bar-text-short{display:none}.search-bar-text{font-family:var(--sans);font-size:.82rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundscape-search-bar:hover .search-bar-text{color:var(--ink)}.search-bar-right{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.search-bar-badge{display:none}.search-bar-action{display:inline-flex;align-items:center;gap:.35rem;height:26px;padding:0 .65rem;border-radius:var(--radius-pill);font-family:var(--sans);font-size:.78rem;font-weight:500;background:var(--paper-3);color:var(--ink-2);border:1px solid var(--rule);transition:all .15s ease}.soundscape-search-bar:hover .search-bar-action{background:var(--accent, #e07a5f);color:var(--accent-ink, #ffffff);border-color:transparent}.tracklist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.85rem;margin-bottom:.45rem;border-bottom:1px solid var(--rule);flex-wrap:nowrap}.tracklist-toolbar-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.soundscape-play-all-btn{display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .75rem;border-radius:var(--radius-pill);font-family:var(--sans);font-size:.82rem;font-weight:500;background:var(--ink);color:var(--paper);border:0;cursor:pointer;box-shadow:0 2px 6px #17140f29;transition:transform .12s ease,background .15s ease;white-space:nowrap;flex-shrink:0}.soundscape-play-all-btn:hover{transform:scale(1.03);background:var(--ink-2)}.soundscape-play-all-btn:active{transform:scale(.97)}.tracklist-badge{font-family:var(--sans);font-size:.74rem;font-weight:500;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.tracklist-action-btn{display:inline-flex;align-items:center;gap:.35rem;height:30px;padding:0 .65rem;border-radius:var(--radius-pill);font-family:var(--sans);font-size:.82rem;font-weight:500;border:0;background:var(--paper-2);color:var(--ink-2);cursor:pointer;transition:all .16s var(--spring-snappy);white-space:nowrap;flex-shrink:0}.tracklist-action-btn:hover{background:var(--paper-3);color:var(--ink)}.tracklist-action-btn:active:not(:disabled){transform:scale(.96)}.tracklist-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tracklist-toolbar-right{display:flex;align-items:center;gap:.65rem}.track-search-wrap{display:flex;align-items:center;gap:.5rem;height:32px;width:230px;padding:0 .65rem 0 .75rem;background:var(--paper-2);border:0;border-radius:var(--radius-pill);transition:background .15s ease,box-shadow .15s ease;box-sizing:border-box}.track-search-wrap:focus-within{background:var(--paper);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 45%,transparent)}.track-search-icon{flex:0 0 auto;color:var(--ink-3);pointer-events:none;display:flex;align-items:center}.track-search-wrap:focus-within .track-search-icon{color:var(--ink)}.track-search-input{flex:1;min-width:0;height:100%;border:0;outline:none;box-shadow:none;background:transparent;padding:0;margin:0;font-family:var(--sans);font-size:.85rem;font-style:normal;font-weight:400;color:var(--ink)!important}.track-search-input::placeholder{font-family:var(--sans)!important;font-style:normal!important;font-size:.84rem!important;color:var(--ink-3)!important}.track-search-clear{flex:0 0 auto;width:18px;height:18px;padding:0;border:0;background:transparent;color:var(--ink-3);display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:color .12s}.track-search-clear:hover{color:var(--ink)}.tracklist-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tracklist-platform-selector{display:inline-flex;flex-shrink:0}.tracklist-platform-selector .platform-selector-pill{height:30px;padding:0 .65rem 0 .55rem;font-size:.8rem;gap:.35rem}.tracklist-head{display:grid;grid-template-columns:28px 40px minmax(0,1fr) 48px;align-items:center;gap:.85rem;padding:.4rem .75rem;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.tl-head-idx{text-align:center}.tl-head-title{grid-column:2 / 4;padding-left:.2rem;white-space:nowrap}.tl-head-dur{text-align:right}.tracklist-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.track{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.45rem .75rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .14s var(--spring-snappy);-webkit-user-select:none;user-select:none}.track:hover{background:var(--paper-2)}.track:active{transform:scale(.99)}.track.playing{background:color-mix(in oklab,var(--accent) 9%,var(--paper));border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.track-idx-col{display:grid;place-items:center;width:28px;height:28px;position:relative}.track-num{font-family:var(--sans);font-size:.76rem;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:opacity .1s ease}.track-hover-play{position:absolute;inset:0;display:grid;place-items:center;width:26px;height:26px;margin:auto;border-radius:50%;background:var(--ink);color:var(--paper);border:0;padding:0;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease;box-shadow:0 2px 6px #17140f33}.track:hover .track-hover-play,.track:focus-within .track-hover-play{opacity:1;transform:scale(1)}.track:hover .track-num,.track:focus-within .track-num{opacity:0}.track-hover-play:hover{background:var(--ink-2);transform:scale(1.08)}.track-hover-play:active{transform:scale(.92)}.playing-bars{display:inline-flex;gap:2px;align-items:flex-end;height:14px}.playing-bars i{width:2.5px;background:var(--accent, var(--ink));border-radius:1px}.playing-bars i:nth-child(1){height:30%;animation:eq-1 .75s ease-in-out infinite alternate}.playing-bars i:nth-child(2){height:95%;animation:eq-2 .85s ease-in-out infinite alternate}.playing-bars i:nth-child(3){height:45%;animation:eq-3 .65s ease-in-out infinite alternate}.playing-bars i:nth-child(4){height:75%;animation:eq-4 .8s ease-in-out infinite alternate}@keyframes eq-1{0%,to{height:28%}50%{height:92%}}@keyframes eq-2{0%,to{height:88%}50%{height:35%}}@keyframes eq-3{0%,to{height:42%}50%{height:100%}}@keyframes eq-4{0%,to{height:72%}50%{height:28%}}.track-art-col{width:40px;height:40px;flex-shrink:0;border-radius:7px;overflow:hidden;box-shadow:0 1px 4px #17140f14;border:1px solid var(--rule);background:var(--paper-3)}.track-thumb{width:100%;height:100%;object-fit:cover;display:block}.track-thumb-placeholder{width:100%;height:100%;background:var(--paper-2);display:block}.track-meta-col{min-width:0;display:flex;flex-direction:column;gap:2px}.track-title-line{display:flex;align-items:center;gap:.5rem;min-width:0}.track-title-text{font-family:var(--serif);font-size:.98rem;font-weight:500;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track.playing .track-title-text{color:var(--accent, var(--ink))}.track-artist-line{font-family:var(--sans);font-size:.8rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.tone-color-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.track-end-wrap{display:flex;align-items:center;gap:.65rem;justify-content:flex-end}.track-acts{display:flex;align-items:center;gap:.35rem;opacity:0;transition:opacity .15s ease}.track:hover .track-acts,.track:focus-within .track-acts{opacity:1}@media(hover:none){.track-acts{opacity:.85}}.track-act-btn{width:28px!important;height:28px!important;padding:0!important;display:grid!important;place-items:center;color:var(--ink-3)!important;background:transparent!important;border:0!important;border-radius:50%!important;transition:color .15s ease,transform .15s ease}.track-act-btn:hover{color:var(--ink)!important;transform:scale(1.1)}.track-like-btn.liked{color:#e05d44!important;opacity:1!important}.platform-icon-wrap{display:inline-flex;align-items:center}.platform-icon-btn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--rule);color:var(--ink);text-decoration:none;transition:all .15s ease}.platform-icon-btn:hover{background:var(--paper);border-color:var(--rule-firm);transform:scale(1.1);box-shadow:0 2px 6px #17140f1a}.track-duration{font-family:var(--sans);font-size:.75rem;color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.track.playing .track-duration{color:var(--accent, var(--ink));font-weight:500}.mood-blender-box{margin-top:1.25rem}.blender-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.blender-presets-container{margin:1.25rem 0}.blender-presets-tag{display:block;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.5rem}.blender-presets-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.blender-preset-btn{padding:.35rem .85rem;border:1px solid var(--rule-firm);border-radius:var(--radius-pill);background:var(--paper);font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--ink);cursor:pointer;transition:all .15s}.blender-preset-btn:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink);transform:translateY(-1px)}.blender-preset-btn:active{transform:scale(.96)}.blender-mood-picker{margin-top:1.25rem}.blender-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.blender-picker-label{display:block;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:0}.blender-close-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-subtle, rgba(23, 20, 15, .12));background:var(--paper);color:var(--ink-2);font-family:var(--sans);font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.blender-close-btn:hover{background:var(--paper-2);border-color:var(--ink-3);color:var(--ink)}.blender-close-btn:active{transform:scale(.96)}.blender-chips-row{display:flex;flex-wrap:wrap;gap:.5rem}.blender-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border:1px solid var(--rule-firm);border-radius:var(--radius-pill);background:var(--paper);font-family:var(--serif);font-size:.95rem;color:var(--ink-2);cursor:pointer;transition:all .15s}.blender-chip:hover{background:var(--paper-2);border-color:var(--ink);color:var(--ink)}.blender-chip:active{transform:scale(.96)}.blender-chip.active{border-color:var(--ink);background:var(--paper-2);color:var(--ink);font-weight:500}.blender-chip-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.blender-chip-pct{font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.blender-master-bar-container{margin:1.75rem 0 1.25rem;display:flex;flex-direction:column;gap:.6rem}.blender-bar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.blender-bar-title-group{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.blender-bar-title{font-family:var(--sans);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.blender-bar-hint{font-family:var(--serif);font-style:italic;font-size:.88rem;color:var(--ink-2)}.blender-bar-actions{display:flex;align-items:center;gap:.4rem}.blender-quick-weight-btn{font-family:var(--sans);font-size:.74rem;font-weight:500;font-variant-numeric:tabular-nums;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--rule-firm);background:var(--paper-2);color:var(--ink-2);cursor:pointer;transition:all .12s}.blender-quick-weight-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}.blender-segmented-bar{position:relative;width:100%;height:36px;background:var(--paper-2);border:1px solid var(--glass-border);border-radius:var(--radius-pill);display:flex;overflow:visible;box-shadow:inset 0 2px 5px #0000001f,var(--glass-specular)}.blender-bar-segment{height:100%;position:relative;display:flex;align-items:center;justify-content:center;transition:width .08s var(--spring-snappy);overflow:hidden;container-type:inline-size}@container (max-width: 46px){.blender-segment-content{display:none}}.blender-bar-segment:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.blender-bar-segment:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.blender-segment-content{display:inline-flex;align-items:baseline;gap:.35rem;padding:0 .55rem;color:var(--seg-ink, #fff);text-shadow:0 1px 2px rgba(0,0,0,.25);font-family:var(--serif);font-size:.88rem;white-space:nowrap;pointer-events:none;overflow:hidden;max-width:100%}.blender-segment-name{font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis}.blender-segment-pct{font-family:var(--sans);font-size:.78rem;font-weight:650;font-variant-numeric:tabular-nums;flex:0 0 auto}.blender-divider-handle{position:absolute;top:-4px;bottom:-4px;width:22px;margin-left:-11px;background:#fff;border:1.5px solid var(--ink);border-radius:var(--radius-pill);box-shadow:0 3px 12px #00000040,var(--glass-specular);cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;touch-action:none;transition:transform .16s var(--spring-snappy),box-shadow .16s ease}.blender-divider-handle:hover,.blender-divider-handle:active{transform:scale(1.1);box-shadow:0 6px 18px #00000059;border-color:#000}.blender-divider-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translate(-50%)}.blender-divider-handle:focus-visible{outline:none;box-shadow:var(--ring),0 4px 14px #00000059}.divider-grip-lines{display:flex;gap:2.5px}.divider-grip-lines span{width:1.5px;height:14px;background:var(--ink-2);border-radius:1px}.blender-quick-weight-btn:active{transform:scale(.94)}.blender-preview-card{margin-top:1.15rem;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem 1.45rem;background:var(--glass-surface-elevated, var(--paper));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-subtle),var(--glass-specular)}.blender-preview-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.blender-preview-subtitle{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.blender-preview-name{font-family:var(--serif);font-size:1.3rem;line-height:1.15;margin-top:.15rem;color:var(--ink)}.blender-preview-actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.blender-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--rule-firm);background:var(--paper);color:var(--ink-2);font-family:var(--sans);font-size:.88rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.blender-cancel-btn:hover{background:var(--paper-2);border-color:var(--ink);color:var(--ink)}.blender-apply-btn{flex:0 0 auto}.blender-color-ribbon{display:flex;height:12px;margin-top:.85rem;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px #17140f1f}.blend-summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.25rem;padding:.9rem 1.25rem}.blend-summary-main{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;min-width:0}.blend-summary-title{font-family:var(--serif);font-size:1.1rem;color:var(--ink)}.blend-summary-chips{display:flex;gap:.4rem;flex-wrap:wrap}.blend-summary-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;background:var(--paper-2);font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--ink-2)}.blend-summary-capsule{width:120px;cursor:default;outline:none}.ribbon-band{flex:1;transition:background .7s var(--ease)}.blender-quote{font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--ink-2);margin:.65rem 0 0}.single-summary-desc{font-family:var(--serif);font-style:italic;font-size:.88rem;color:var(--ink-3);display:inline-flex;align-items:center;margin-left:.25rem}.single-grid-expanded-wrap{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.single-grid-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .25rem}.single-grid-title{font-family:var(--serif);font-size:1.05rem;color:var(--ink-2)}.single-grid-close-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-subtle, rgba(23, 20, 15, .12));background:var(--paper);color:var(--ink-2);font-family:var(--sans);font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.single-grid-close-btn:hover{background:var(--paper-2);border-color:var(--ink-3);color:var(--ink)}.hero-journal-card{margin:1.5rem 0 1.25rem;padding:1.35rem 1.6rem 1.15rem;background:var(--glass-surface-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lift),var(--glass-specular);transition:box-shadow .2s ease,border-color .2s ease,transform .2s var(--spring-snappy);position:relative}.hero-journal-card:focus-within{border-color:color-mix(in oklab,var(--accent) 50%,var(--glass-border));box-shadow:0 8px 32px -4px color-mix(in oklab,var(--accent) 20%,rgba(23,20,15,.12)),var(--glass-specular)}.hero-journal-card.has-text{border-color:var(--ink-2, #333333)}.hero-journal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.hero-journal-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--ink)}.hero-journal-label svg{color:var(--ink-2)}.hero-journal-sub{font-family:var(--serif);font-style:italic;font-size:.86rem;color:var(--ink-3)}.hero-journal-canvas{width:100%;margin:.15rem 0 .5rem;padding:.5rem .85rem;border-radius:var(--radius, 12px);background:var(--paper-2);box-shadow:inset 0 1px 2px #17140f0d;cursor:text;transition:background .2s ease,box-shadow .2s ease}.hero-journal-card:focus-within .hero-journal-canvas{background:var(--paper);box-shadow:inset 0 0 0 2px var(--rule-firm)}.hero-journal-textarea{width:100%;min-height:68px;max-height:180px;padding:.45rem 0;border:none;background:transparent;color:var(--ink);font-family:var(--serif);font-size:1.06rem;line-height:1.55;resize:none;box-shadow:none;outline:none;transition:color .15s ease}.hero-journal-textarea:focus{outline:none;border:none;box-shadow:none;background:transparent}.hero-journal-textarea::placeholder{color:var(--ink-3);font-style:normal;font-size:1.02rem;opacity:.8}.hero-journal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:.75rem;margin-top:.25rem;border-top:1px solid var(--rule, rgba(0, 0, 0, .08));flex-wrap:wrap}.hero-journal-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1.35rem;border-radius:var(--radius-pill);font-family:var(--serif);font-size:.88rem;font-weight:500;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);margin-left:auto}.hero-journal-submit.idle{background:var(--paper-2, #f3efe6);color:var(--ink-3, #777777);border-color:var(--rule-firm, rgba(0, 0, 0, .14));opacity:.85;box-shadow:none}.hero-journal-submit.idle:hover{background:var(--paper-3, #eae5d9);color:var(--ink, #111111);border-color:var(--rule-firm, rgba(0, 0, 0, .22))}.hero-journal-submit.active{background:var(--ink, #111111);color:var(--paper, #ffffff);border-color:var(--ink, #111111);box-shadow:0 2px 8px #17140f2e}.hero-journal-submit.active:hover{background:var(--accent, #e07a5f);color:var(--accent-ink, #ffffff);border-color:var(--accent, #e07a5f);transform:translateY(-1px);box-shadow:0 4px 14px #e07a5f4d}.hero-journal-submit:active{transform:scale(.96)}.hero-journal-card.is-analyzing{border-color:#9381ff66;box-shadow:0 8px 30px #9381ff1f,0 0 0 1.5px #9381ff40;animation:journalCardPulse 3s ease-in-out infinite alternate}@keyframes journalCardPulse{0%{box-shadow:0 8px 30px #9381ff14,0 0 0 1px #9381ff33}to{box-shadow:0 12px 36px #e07a5f24,0 0 0 2px #e07a5f59}}.hero-journal-submit.analyzing{background:linear-gradient(135deg,#3d405b,#e07a5f,#81b29a,#3d405b);background-size:300% 300%;animation:submitAuroraShift 4s ease infinite;color:#fff!important;opacity:1!important;cursor:wait;box-shadow:0 2px 10px #e07a5f4d}@keyframes submitAuroraShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-wave-bars{display:inline-flex;align-items:center;gap:2.5px;height:14px}.b-wave-bar{width:2.5px;background:#fff;border-radius:999px;animation:bWaveBounce .75s ease-in-out infinite alternate}.b-wave-bar:nth-child(1){height:6px;animation-delay:.1s}.b-wave-bar:nth-child(2){height:13px;animation-delay:.25s}.b-wave-bar:nth-child(3){height:9px;animation-delay:.4s}@keyframes bWaveBounce{0%{transform:scaleY(.4);opacity:.7}to{transform:scaleY(1.2);opacity:1}}.journal-zen-stage{margin-top:.85rem;padding:.75rem .9rem;background:var(--paper-2);border:1px solid var(--rule-firm);border-radius:var(--radius-md);animation:zenFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes zenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.journal-zen-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}.journal-zen-status{display:inline-flex;align-items:center;gap:.55rem}.zen-wave-bars{display:inline-flex;align-items:center;gap:2.5px;height:14px}.zen-wave-bar{width:2.5px;background:var(--ink-2);border-radius:999px;animation:zenWave .9s ease-in-out infinite alternate}.zen-wave-bar:nth-child(1){height:6px;animation-delay:.1s}.zen-wave-bar:nth-child(2){height:12px;animation-delay:.25s}.zen-wave-bar:nth-child(3){height:16px;animation-delay:.45s}.zen-wave-bar:nth-child(4){height:10px;animation-delay:.2s}.zen-wave-bar:nth-child(5){height:7px;animation-delay:.35s}@keyframes zenWave{0%{transform:scaleY(.3);opacity:.5}to{transform:scaleY(1.15);opacity:1}}.journal-zen-phrase{font-family:var(--serif);font-style:italic;font-size:.92rem;color:var(--ink);transition:opacity .25s ease}.journal-zen-hint{font-family:var(--sans);font-size:.74rem;font-weight:500;color:var(--ink-3);letter-spacing:.01em}.journal-zen-canvas-wrap{width:100%;height:96px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background:#fff6;box-shadow:inset 0 0 0 1px #0000000a}.journal-zen-canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}.hero-catalog-divider{display:flex;align-items:center;gap:1rem;margin:1.6rem 0 1rem}.hero-catalog-divider-line{flex:1;height:1px;background:var(--rule)}.hero-catalog-divider-text{font-family:var(--serif);font-style:italic;font-size:.88rem;color:var(--ink-3);white-space:nowrap}.home-mode-switch-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:.85rem}.segmented-control{display:inline-flex;gap:2px;background:color-mix(in oklab,var(--paper-3) 60%,transparent);padding:3px;border:1px solid color-mix(in oklab,var(--rule) 50%,transparent);border-radius:var(--radius-pill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 2px #0000000a}.segmented-btn{padding:.4rem 1.05rem;border-radius:var(--radius-pill);border:0;background:transparent;font-family:var(--sans);font-size:.85rem;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .16s var(--spring-snappy)}.segmented-btn:hover{color:var(--ink)}.segmented-btn.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;font-weight:600}[data-theme=dark] .segmented-btn.active{background:var(--paper-3);color:var(--ink);box-shadow:0 2px 8px #0006,0 1px 2px #0003}.ai-reflection-banner{margin:0 0 .75rem;padding:.95rem 1.25rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);animation:fadeIn .35s ease-out}.ai-reflection-banner-top{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.45rem}.ai-reflection-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.ai-reflection-badge svg{color:var(--accent, #c1440e)}.ai-reflection-tags{display:flex;gap:.4rem;flex-wrap:wrap}.ai-reflection-tag{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.01em;padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--rule);color:var(--ink-2)}.ai-reflection-text{max-width:68ch;font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.5;color:var(--ink);margin:0}.how{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:5rem;padding-top:2rem;border-top:1px solid var(--rule)}.how .step{border:0;background:transparent;border-radius:0;padding:0;box-shadow:none}.how .step:hover{transform:none;box-shadow:none}.how .step b{display:block;font-family:var(--serif);font-size:1.35rem;font-weight:400;margin:0 0 .35rem;color:var(--ink)}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);padding-bottom:.65rem;margin-bottom:2rem;flex-wrap:wrap}.catalogue-toolbar .category-filter-row{border-bottom:none;padding-bottom:0;margin-bottom:0;flex:1 1 auto}.blender-synergy-badge-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.35rem}.blender-synergy-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:var(--paper);border:1px solid var(--accent);color:var(--ink);border-radius:var(--radius-pill);font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blender-synergy-pill .synergy-glyph,.blender-synergy-pill .sparkle{color:var(--accent);font-size:.72rem;margin-right:.2rem}.blender-affect-metrics{font-family:var(--sans);font-size:.74rem;font-weight:500;color:var(--ink-2);letter-spacing:.02em;text-transform:uppercase}.blender-ratio-subtext{display:block;font-family:var(--sans);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--ink-2);margin-top:.2rem}.blender-synergy-desc{font-family:var(--serif);font-style:italic;font-size:.96rem;color:var(--ink);margin:.45rem 0 0;line-height:1.45;max-width:68ch}.affect-research-card{margin-top:1.25rem;background:var(--paper-2);border:none;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:rise .3s var(--ease) backwards}.affect-research-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid var(--rule)}.affect-research-title-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.affect-framework-pill{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;background:var(--paper);border:1px solid var(--rule-firm);border-radius:var(--radius-pill);color:var(--ink-2)}.affect-colophon-link{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-2);padding:.3rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--paper);transition:all .2s var(--ease)}.affect-colophon-link:hover{color:var(--ink);border-color:var(--accent)}.affect-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.affect-metric-box{display:flex;flex-direction:column;gap:.4rem}.affect-metric-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:.75rem;font-variant-numeric:tabular-nums}.affect-metric-name{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}.affect-metric-val{color:var(--ink);font-weight:600;letter-spacing:.02em}.affect-metric-track{width:100%;height:6px;background:var(--paper-3);border-radius:var(--radius-pill);overflow:hidden}.affect-metric-fill{height:100%;border-radius:var(--radius-pill);transition:width .4s var(--ease)}.affect-metric-sub{font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--ink-3)}.affect-polarity-box{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.25rem}.affect-polarity-badge{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.affect-polarity-text{font-size:.9rem;color:var(--ink-2);margin:0;line-height:1.45}@media(max-width:640px){.affect-metrics-row{grid-template-columns:1fr;gap:1rem}.mood-header-row{gap:.75rem;margin-bottom:1.25rem}.palette-toolbar-inline{width:100%;margin-top:.65rem;align-self:stretch}.view-mode-tabs{display:flex;width:100%;padding:.25rem;box-sizing:border-box}.view-tab{flex:1;justify-content:center;text-align:center;padding:.42rem .5rem;font-size:.78rem;white-space:nowrap}}.home-skeleton-wrap{padding:2rem 0}.home-vibe-fallback{min-height:120px}.home-tone-row{margin-bottom:.75rem;gap:.5rem}.home-divider-spaced{margin:1.2rem 0}.home-pill-saved{padding:.45rem .85rem}.mood-reflection-note-card{margin-top:1.25rem}.home-form-label-first{margin-top:0}.single-track-fallback-banner{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.55rem .85rem;margin:.35rem 0 .65rem;background:var(--paper-2);border:1px solid var(--rule-firm);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);font-size:.88rem;color:var(--ink-2)}.single-track-banner-text{display:flex;align-items:center;gap:.6rem;min-width:0;font-family:var(--serif);line-height:1.4;color:var(--ink-2)}.single-track-banner-text svg{color:var(--accent, #c1440e);flex-shrink:0}.single-track-banner-text strong{color:var(--ink);font-weight:600}.single-track-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.single-track-banner-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.82rem;font-weight:500;padding:.4rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--rule-firm);background:var(--paper);color:var(--ink);cursor:pointer;transition:all .15s ease}.single-track-banner-btn:hover{background:var(--paper-3);border-color:var(--ink);color:var(--ink)}:root{--mp-1: #0b2027;--mp-2: #40798c;--mp-3: #70a9a1;--mp-4: #9ec1a3;--mp-5: #cfe0c3;--paper: color-mix(in oklab, var(--mp-4) 4%, #f5f2ec);--paper-2: color-mix(in oklab, var(--mp-4) 7%, #ebe5d9);--paper-3: color-mix(in oklab, var(--mp-3) 10%, #e2dbcd);--ink: #14120e;--ink-2: #38342e;--ink-3: #585147;--rule: color-mix(in oklab, var(--mp-2) 14%, #d4cdc0);--rule-firm: color-mix(in oklab, var(--mp-2) 34%, #8d8474);--accent: color-mix(in oklab, var(--mp-2) 72%, #17140f);--accent-ink: #f5f2ec;--deck: var(--paper);--deck-2: var(--paper-2);--deck-ink: var(--ink);--deck-ink-2: var(--ink-2);--deck-rule: var(--rule-firm);--serif: -apple-system-ui-serif, "New York", "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, "IBM Plex Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, 0, 0, 1);--spring-snappy: cubic-bezier(.16, 1, .3, 1);--spring-bouncy: cubic-bezier(.34, 1.45, .64, 1);--spring-smooth: cubic-bezier(.25, 1, .5, 1);--spring-press: cubic-bezier(.34, 1.56, .64, 1);--ring: 0 0 0 2px var(--paper), 0 0 0 3.5px var(--accent);--glass-surface: color-mix(in oklab, var(--paper) 78%, transparent);--glass-surface-elevated: color-mix(in oklab, var(--paper-2) 84%, transparent);--glass-border: color-mix(in oklab, var(--rule) 65%, transparent);--glass-specular: inset 0 1px 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 1px 0 rgba(0, 0, 0, .03);--glass-blur: blur(28px) saturate(190%);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 18px;--radius-lg: 20px;--radius-xl: 24px;--radius-sheet: 28px;--radius-pill: 9999px;--font-display: var(--serif);--shadow-subtle: 0 1px 3px rgba(23, 20, 15, .05), 0 4px 12px -2px rgba(23, 20, 15, .04);--shadow-lift: 0 4px 16px -2px rgba(23, 20, 15, .08), 0 1px 3px rgba(23, 20, 15, .04);--shadow-elevated: 0 8px 24px -4px rgba(23, 20, 15, .12), 0 2px 6px -1px rgba(23, 20, 15, .08);--shadow-modal: 0 24px 48px -12px rgba(16, 14, 11, .35), 0 0 0 1px rgba(23, 20, 15, .08);color-scheme:light;accent-color:var(--accent)}[data-theme=dark]{--paper: color-mix(in oklab, var(--mp-1) 8%, #12110f);--paper-2: color-mix(in oklab, var(--mp-1) 12%, #1a1816);--paper-3: color-mix(in oklab, var(--mp-1) 16%, #25221e);--ink: #f2ede3;--ink-2: #c6beaf;--ink-3: #91897c;--rule: color-mix(in oklab, var(--mp-1) 15%, #2a2722);--rule-firm: color-mix(in oklab, var(--mp-2) 20%, #4c453a);--accent: color-mix(in oklab, var(--mp-3) 80%, #ffffff);--accent-ink: #12110f;--deck: var(--paper);--deck-2: var(--paper-2);--deck-ink: var(--ink);--deck-ink-2: var(--ink-2);--deck-rule: var(--rule-firm);--glass-surface: color-mix(in oklab, var(--paper) 75%, transparent);--glass-surface-elevated: color-mix(in oklab, var(--paper-2) 80%, transparent);--glass-border: color-mix(in oklab, var(--rule) 75%, transparent);--glass-specular: inset 0 1px 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 1px 0 rgba(0, 0, 0, .4);--glass-blur: blur(28px) saturate(190%);--ring: 0 0 0 2px var(--paper), 0 0 0 3.5px var(--accent);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .45), 0 4px 12px -2px rgba(0, 0, 0, .35);--shadow-lift: 0 4px 16px -2px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 24px -4px rgba(0, 0, 0, .65), 0 2px 6px -1px rgba(0, 0, 0, .35);--shadow-modal: 0 24px 48px -12px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .08);color-scheme:dark;accent-color:var(--accent)}[data-theme=dark] body:before{opacity:.12;mix-blend-mode:screen}[data-theme=dark] .note.err{color:#fca5a5;background:#ef444426}[data-theme=dark] .note.ok{color:#86efac;background:#22c55e26}[data-theme=dark] .modal-backdrop,[data-theme=dark] .discovery-backdrop{background:#000000c7}*{box-sizing:border-box}p,h1,h2,h3,h4,li,td,.card strong,.feed-card strong,.profile-hero-meta,.settings-row-label span{overflow-wrap:anywhere}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}html,body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.btn,.nav,.bottom-nav,.mood-card,.swatch-card,.swatch-preview,.segmented-btn,.cat-pill,.quick-prompt-chip,.view-tab{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea{user-select:text;-webkit-user-select:text}@media(hover:none)and (pointer:coarse){button:active,a.btn:active,.mood-card:active,.swatch-card:active,.quick-prompt-chip:active,.cat-pill:active,.segmented-btn:active,.bottom-nav-item:active,.view-tab:active{transform:scale(.96)!important;transition:transform .08s cubic-bezier(.2,.8,.4,1)!important}}.bottom-nav,.sheet-grabber{display:none}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}body{margin:0;min-height:100dvh;overflow-x:clip;max-width:100vw;font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.6;color:var(--ink);background:var(--paper);transition:background .9s var(--ease);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,color-mix(in oklab,var(--mp-1) 14%,transparent) 0%,transparent 55%),radial-gradient(circle at 82% 18%,color-mix(in oklab,var(--mp-2) 12%,transparent) 0%,transparent 50%),radial-gradient(circle at 50% 88%,color-mix(in oklab,var(--mp-3) 10%,transparent) 0%,transparent 60%);transition:background 1.2s var(--ease);opacity:.85}[data-theme=dark] body:after{background:radial-gradient(circle at 20% 15%,color-mix(in oklab,var(--mp-2) 22%,transparent) 0%,transparent 60%),radial-gradient(circle at 80% 25%,color-mix(in oklab,var(--mp-3) 18%,transparent) 0%,transparent 55%),radial-gradient(circle at 50% 80%,color-mix(in oklab,var(--mp-1) 25%,transparent) 0%,transparent 65%);opacity:.9}#root{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-weight:400;letter-spacing:-.015em;margin:0}h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.025em}h2{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.12;margin:2rem 0 .5rem}h3{font-size:1.25rem;line-height:1.25}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}p{margin:0 0 1rem}strong,b{font-weight:500}.lede{font-size:1.2rem;color:var(--ink-2);max-width:46ch;line-height:1.55}.muted{color:var(--ink-2);font-size:.95rem}.eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.serif-num{font-family:var(--serif);font-size:3.2rem;line-height:1;font-weight:300}.shell{max-width:1140px;width:100%;margin:0 auto;padding:1.75rem 2.5rem 2.5rem;flex:1 0 auto;box-sizing:border-box}body:has(.floating-player) .shell{padding-bottom:9rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.tight{gap:.4rem}.spacer{margin-left:auto}.stack>*+*{margin-top:.85rem}.divider{height:0;border:0;border-top:1px solid var(--rule);margin:2.5rem 0}.nav{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:color-mix(in oklab,var(--paper) 84%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid color-mix(in oklab,var(--rule) 75%,transparent);box-shadow:0 1px 3px #00000005;transition:background .4s var(--ease),border-color .4s var(--ease)}.nav-inner{max-width:1140px;margin:0 auto;padding:.85rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;white-space:nowrap;flex:0 0 auto;min-height:44px;font-family:var(--serif);font-size:1.15rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink);transition:transform .12s var(--spring-snappy),opacity .15s ease}.brand:active{transform:scale(.97)}.brand-dots{display:flex;gap:2.5px;align-items:center}.brand-dots i{width:4px;height:14px;border-radius:1px;transition:background .9s var(--ease)}.brand:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-user{display:flex;align-items:center;gap:.75rem}.nav a.link{font-family:var(--sans);font-size:.9rem;font-weight:500;letter-spacing:-.01em;color:var(--ink-2);text-decoration:none;padding:.35rem .85rem;border-radius:var(--radius-pill);transition:color .15s ease,background .15s ease,transform .12s var(--spring-snappy)}.nav a.link:hover{color:var(--ink);background:color-mix(in oklab,var(--paper-2) 80%,transparent)}.nav a.link:active{transform:scale(.96)}.nav a.link.active{color:var(--ink);background:var(--paper-2);font-weight:600;box-shadow:0 1px 3px #0000000a}.avatar{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:.95rem;color:var(--paper);background:var(--ink);box-shadow:0 2px 5px #17140f26;border:1px solid rgba(255,255,255,.2);line-height:1;-webkit-user-select:none;user-select:none}.nav-user-link{display:flex;align-items:center;gap:.55rem;color:var(--ink-2);text-decoration:none;padding:.25rem .65rem .25rem .35rem;border-radius:var(--radius-pill);transition:all .15s var(--spring-snappy)}.nav-user-link:hover{background:var(--paper-2);color:var(--ink)}.nav-user-link:active{transform:scale(.97)}.nav-avatar-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%}.nav-avatar-wrap .avatar{width:24px;height:24px;font-size:.72rem;box-shadow:0 1px 3px #17140f1f}.nav-user-name{font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.btn{font:500 .92rem/1 var(--sans);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border:1px solid var(--rule-firm);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .18s var(--ease),border-color .18s var(--ease),transform .14s var(--spring-snappy),box-shadow .18s var(--ease),color .18s var(--ease);box-shadow:0 1px 2px #17140f0a;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled),.btn:hover{background:var(--paper-2);border-color:var(--ink-3);transform:translateY(-1px);box-shadow:0 2px 6px #17140f12}button:active:not(:disabled),.btn:active{transform:scale(.97);box-shadow:0 1px 2px #17140f0a}button:disabled{opacity:.45;cursor:not-allowed}button.primary:disabled,.btn-primary:disabled{background:var(--paper-3);color:var(--ink-3);border-color:var(--rule-firm);opacity:1;cursor:not-allowed;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=slider]:focus-visible,[tabindex="0"]:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary,button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 2px 6px #17140f1f}.btn-primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 35%,transparent)}button.ghost,.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2);box-shadow:none;padding-left:.65rem;padding-right:.65rem}button.ghost:hover{background:var(--paper-2);color:var(--ink);border-color:transparent;text-decoration:none;transform:none;box-shadow:none}button:where(.small),.btn:where(.small){padding:.35rem .8rem;font-size:.86rem}button.icon{padding:.45rem;border-color:transparent;color:var(--ink-3);border-radius:50%;box-shadow:none;background:transparent}button.icon:hover{background:var(--paper-2);color:var(--ink);transform:none;box-shadow:none}button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--paper))}button.icon[aria-pressed=true]{border-color:transparent;color:var(--accent)}.card{background:var(--paper);border:none;border-radius:var(--radius-lg);padding:1.75rem;margin-top:2rem;box-shadow:var(--shadow-subtle);transition:border-color .2s,box-shadow .2s}.card+.card{margin-top:1.75rem}.card-tight{padding:1.25rem;margin-top:1.25rem}.pill{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.02em;padding:.25rem .65rem;color:var(--ink-2);background:var(--paper-2);border:none;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:.45rem}.pill .dot,.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;display:inline-block}.strip{display:inline-flex;vertical-align:middle;width:110px;height:11px;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px #17140f14;outline:1px solid rgba(0,0,0,.08)}.strip i{flex:1}label{display:block;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:1.25rem 0 .45rem}input[type=text],input[type=email],input[type=password],select{font:400 .95rem/1.5 var(--sans);width:100%;padding:.65rem .85rem;color:var(--ink);background:var(--paper-2);border:1px solid transparent;border-radius:var(--radius-md);transition:background .15s,box-shadow .15s}input:focus,select:focus{outline:none;background:var(--paper);box-shadow:0 0 0 2px var(--accent)}.pw-field{position:relative;display:flex}.pw-field input{padding-right:2.8rem}.pw-toggle{position:absolute;right:.35rem;top:0;bottom:0;margin:auto 0;justify-content:center;width:1.9rem;height:1.9rem;padding:0}textarea{font:400 .95rem/1.5 var(--sans);width:100%;padding:.75rem .9rem;color:var(--ink);background:var(--paper-2);resize:vertical;border:1px solid transparent;border-radius:var(--radius-md);transition:background .15s,box-shadow .15s}textarea:focus{outline:none;background:var(--paper);box-shadow:0 0 0 2px var(--accent)}::placeholder{color:var(--ink-3);font-style:italic}.switch{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;margin:0;font-size:1rem;color:var(--ink);font-family:inherit;letter-spacing:normal;text-transform:none}.switch span:not(.track){font-family:inherit;text-transform:none;letter-spacing:normal;font-size:.92rem;color:var(--ink);line-height:1.35}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:44px;height:24px;flex:0 0 auto;background:var(--paper-3);border:1px solid var(--rule-firm);border-radius:var(--radius-pill);position:relative;transition:background .18s,border-color .18s}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink-3);transition:transform .18s var(--ease),background .15s;box-shadow:0 1px 3px #0003}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:after{transform:translate(20px);background:var(--accent-ink)}.switch input:focus-visible+.track{box-shadow:var(--ring)}.floating-player{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);width:min(1080px,calc(100vw - 2.5rem));z-index:80;background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid color-mix(in oklab,var(--glass-border) 75%,var(--deck-glow, var(--ink)) 25%);border-radius:var(--radius-xl);color:var(--ink);box-shadow:0 20px 48px -10px #17140f2e,0 4px 16px #17140f0f,var(--glass-specular),0 10px 32px -4px color-mix(in oklab,var(--deck-glow, transparent) 26%,transparent);transition:width .32s var(--spring-snappy),border-color .3s ease,box-shadow .3s ease;overflow:visible;animation:deckIn .3s var(--spring-snappy)}@media(min-width:769px){.floating-player.is-expanded.no-queue,.floating-player.is-expanded:not(:has(.fp-queue)){width:min(840px,calc(100vw - 2.5rem))}}.fp-single-card{display:none}@keyframes deckIn{0%{opacity:0;transform:translate(-50%,16px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.fp-mini-progress,.fp-mobile-sheet-header,.fp-mobile-expanded-controls{display:none}.fp-inner{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:1.25rem;padding:.75rem 1.35rem}.fp-meta-zone{display:flex;align-items:center;gap:.75rem;min-width:0;position:relative;z-index:2}.fp-art-wrap{position:relative;width:46px;height:46px;flex:0 0 auto;border-radius:8px;overflow:visible;box-shadow:0 2px 8px #17140f1f;border:1px solid var(--rule)}.fp-art-glow{position:absolute;inset:-3px;background-size:cover;background-position:center;filter:blur(10px) saturate(1.8);opacity:.55;border-radius:8px;z-index:0;pointer-events:none;transition:opacity .3s ease}.fp-art,.fp-art-placeholder{position:relative;z-index:1;width:100%;height:100%;border-radius:7px;object-fit:cover;display:block}.fp-art-placeholder{background:var(--paper-2)}.fp-wave{position:absolute;right:3px;bottom:3px;display:inline-flex;align-items:flex-end;gap:2px;height:13px;padding:2px 3.5px;background:#12100cc7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:4px;box-shadow:0 1px 4px #00000059;pointer-events:none}.fp-wave span{width:2px;background:#fff;border-radius:1px}.fp-wave span:nth-child(1){height:28%;animation:eq-1 .75s ease-in-out infinite alternate}.fp-wave span:nth-child(2){height:88%;animation:eq-2 .85s ease-in-out infinite alternate}.fp-wave span:nth-child(3){height:42%;animation:eq-3 .65s ease-in-out infinite alternate}.fp-wave span:nth-child(4){height:72%;animation:eq-4 .8s ease-in-out infinite alternate}.fp-text{min-width:0;flex:0 1 auto;max-width:clamp(140px,18vw,240px);overflow:hidden}.fp-title{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-artist{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:-.01em;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:140px}.fp-subtitle-row{display:flex;align-items:center;gap:.45rem;margin-top:2px;min-width:0;overflow:hidden}.fp-heart-btn{flex:0 0 auto;color:var(--ink-2);transition:all .15s ease;border:0!important;background:transparent!important;padding:.35rem;margin-left:.1rem;position:relative;z-index:3}.fp-heart-btn:hover{color:var(--accent, #e05d44);transform:scale(1.12)}.fp-heart-btn.liked{color:#e05d44!important}.fp-transport-zone{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:440px;min-width:300px;justify-self:center;position:relative;pointer-events:none}.fp-transport-zone>*{pointer-events:auto}.fp-transport-btns{display:flex;align-items:center;justify-content:center;gap:.75rem}.fp-subtle-btn{color:var(--ink-2)!important;opacity:.65;border:0!important;background:transparent!important;padding:.35rem!important;transition:all .15s ease}.fp-subtle-btn:hover{color:var(--ink)!important;opacity:1;transform:scale(1.1)}.fp-subtle-btn.active{color:var(--deck-glow, var(--accent))!important;opacity:1;position:relative}.fp-subtle-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:currentColor}.fp-skip-btn{color:var(--ink-2)!important;border:0!important;background:transparent!important;padding:.35rem!important;transition:all .15s ease}.fp-skip-btn:hover:not(:disabled){color:var(--ink)!important;transform:scale(1.1)}.fp-skip-btn:active{transform:scale(.92)}.fp-skip-btn:disabled{opacity:.28;cursor:not-allowed}.fp-play-btn{width:42px;height:42px;border-radius:50%!important;padding:0;display:grid;place-items:center;background:var(--ink)!important;color:var(--paper)!important;border:0!important;box-shadow:0 4px 14px #17140f38;transition:transform .14s var(--spring-snappy),background .15s ease,box-shadow .15s ease}.fp-play-btn:hover{transform:scale(1.07);background:var(--ink-2)!important;box-shadow:0 6px 18px #17140f47}.fp-play-btn:active{transform:scale(.94)}.fp-timeline{display:flex;align-items:center;gap:.65rem;width:100%}.fp-time-stamp{font-family:var(--sans);font-size:.72rem;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:0 0 32px;text-align:center}.fp-progress-wrap{flex:1;height:18px;cursor:pointer;background:transparent;position:relative;display:flex;align-items:center}.fp-progress-track{width:100%;height:4px;background:var(--paper-3);border-radius:9999px;position:relative;overflow:visible;transition:height .15s var(--spring-snappy)}.fp-progress-wrap:hover .fp-progress-track{height:6px}.fp-progress-fill{height:100%;background:var(--deck-glow, var(--ink));border-radius:9999px;position:relative;transition:width .05s linear}.fp-progress-thumb{position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 2px 6px #0000004d;opacity:0;transition:transform .15s var(--spring-snappy),opacity .15s ease}.fp-progress-wrap:hover .fp-progress-thumb,.fp-progress-wrap:focus-within .fp-progress-thumb{transform:translateY(-50%) scale(1);opacity:1}.fp-utility-zone{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;justify-self:end;position:relative;z-index:2}.fp-volume{display:flex;align-items:center;gap:.35rem}.fp-volume button{border:0!important;background:transparent!important;color:var(--ink-2)!important;padding:.35rem!important}.fp-volume button:hover{color:var(--ink)!important}.fp-volume-slider{width:76px;height:4px;border-radius:999px;-webkit-appearance:none;appearance:none;background:var(--paper-3);outline:none;cursor:pointer;transition:height .15s}.fp-volume-slider:hover{height:5px}.fp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:0 1px 3px #17140f59;transition:transform .12s ease}.fp-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.fp-volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:0;background:var(--ink);cursor:pointer;box-shadow:0 1px 3px #17140f59}.fp-queue-btn,.fp-close-btn{border:0!important;background:transparent!important;color:var(--ink-2)!important;padding:.35rem!important;transition:all .15s ease}.fp-queue-btn:hover,.fp-close-btn:hover{color:var(--ink)!important;transform:scale(1.08)}.platform-picker-wrap{position:relative;display:inline-flex}.platform-btn-group{display:inline-flex;align-items:stretch}.platform-main-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.84rem;font-weight:500;letter-spacing:.01em;height:30px;padding:0 .75rem;border-radius:var(--radius-pill) 0 0 var(--radius-pill);text-decoration:none;border:1px solid var(--rule-firm);border-right:0;color:var(--ink);background:var(--paper-2);transition:all .15s ease}.platform-main-btn:hover{background:var(--paper-3);text-decoration:none;color:var(--ink)}.floating-player .platform-main-btn{color:var(--ink);background:var(--paper-2);border-color:var(--rule-firm);height:28px;padding:0 .65rem 0 .55rem;font-size:.82rem}.floating-player .platform-main-btn:hover,.floating-player .platform-picker-wrap:has(.platform-dropdown-toggle[aria-expanded=true]) .platform-main-btn{background:var(--paper-3);color:var(--ink);border-color:var(--ink-3)}.platform-main-icon{display:inline-flex;align-items:center;justify-content:center}.platform-name-text,.platform-option-label{white-space:nowrap}.platform-dropdown-btn,.platform-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 .5rem;border-radius:0 var(--radius-pill) var(--radius-pill) 0;border:1px solid var(--rule-firm);border-left:1px solid var(--rule);color:var(--ink);background:var(--paper-2);cursor:pointer;box-shadow:none;outline:none;transition:all .15s ease}.platform-dropdown-toggle:hover{background:var(--paper-3);color:var(--ink)}.floating-player .platform-dropdown-toggle{background:var(--paper-2);color:var(--ink);border-color:var(--rule-firm);border-left:1px solid rgba(0,0,0,.08);height:28px;padding:0 .4rem}.floating-player .platform-dropdown-toggle:hover,.floating-player .platform-dropdown-toggle[aria-expanded=true]{background:var(--paper-3);color:var(--ink);border-color:var(--ink-3)}.floating-player .platform-picker-wrap:hover .platform-main-btn,.floating-player .platform-picker-wrap:hover .platform-dropdown-toggle{border-color:var(--ink-3)}.platform-dropdown-toggle svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.platform-dropdown-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.platform-selector-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.01em;height:32px;padding:0 .75rem 0 .65rem;border-radius:var(--radius-pill);border:1px solid var(--rule-firm);color:var(--ink);background:var(--paper-2);cursor:pointer;box-shadow:0 1px 2px #17140f0a;transition:all .15s ease;outline:none;white-space:nowrap}.platform-selector-pill:hover,.platform-selector-pill[aria-expanded=true]{background:var(--paper-3);border-color:var(--ink-3);color:var(--ink)}.platform-selector-pill:focus-visible{box-shadow:var(--ring)}.platform-picker-wrap.compact .platform-selector-pill{height:30px;padding:0 .65rem 0 .55rem;font-size:.8rem;gap:.35rem}.platform-picker-wrap.compact .platform-main-btn{height:30px;padding:0 .65rem 0 .55rem;font-size:.8rem}.platform-picker-wrap.compact .platform-dropdown-btn,.platform-picker-wrap.compact .platform-dropdown-toggle{height:30px;padding:0 .4rem}.platform-selector-chevron{display:inline-flex;align-items:center;margin-left:.15rem;color:var(--ink-3);transition:transform .2s cubic-bezier(.16,1,.3,1),color .15s ease}.platform-selector-pill:hover .platform-selector-chevron,.platform-selector-pill[aria-expanded=true] .platform-selector-chevron{color:var(--ink)}.platform-selector-pill[aria-expanded=true] .platform-selector-chevron svg{transform:rotate(180deg)}.platform-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:130;min-width:228px;background:var(--paper);border:1px solid var(--rule-firm);border-radius:14px;padding:.45rem;box-shadow:0 16px 36px -4px #17140f29,0 2px 8px #17140f14;display:flex;flex-direction:column;gap:.18rem;animation:dropIn .16s cubic-bezier(.16,1,.3,1)}.platform-dropdown-menu.dropup,.floating-player .platform-dropdown-menu{bottom:calc(100% + 12px);top:auto;background:var(--paper);border:1px solid var(--rule-firm);border-radius:14px;box-shadow:0 16px 36px -4px #17140f29,0 2px 8px #17140f14;animation:dropUp .16s cubic-bezier(.16,1,.3,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.platform-menu-header{font-family:var(--sans);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:.35rem .65rem .3rem;font-weight:600;border-bottom:1px solid var(--rule);margin-bottom:.2rem}.platform-menu-footer{font-family:var(--sans);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding:.35rem .65rem .25rem;border-top:1px solid var(--rule);margin-top:.2rem}.platform-option,.floating-player .platform-dropdown-menu .platform-option{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:8px;font-family:var(--sans);font-size:.88rem;font-weight:500;color:var(--ink-2)!important;white-space:nowrap;text-decoration:none;width:100%;text-align:left;cursor:pointer;background:transparent!important;border:1px solid transparent!important;transition:background .12s ease,color .12s ease,border-color .12s ease}.platform-option:hover,.floating-player .platform-dropdown-menu .platform-option:hover{background:#17140f0a!important;color:var(--ink)!important}.platform-option.active,.floating-player .platform-dropdown-menu .platform-option.active{background:var(--paper-2)!important;border-color:var(--rule-firm)!important;color:var(--ink)!important;font-weight:600}.platform-icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.platform-option-label{flex:1}.platform-selected-check,.floating-player .platform-dropdown-menu .platform-selected-check{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)!important;flex-shrink:0}.platform-selected-check svg{stroke-width:2.4}.note{border-radius:var(--radius-md);padding:.85rem 1.15rem;font-size:.95rem;border:0;box-shadow:var(--shadow-subtle)}.note.err{color:#7a2418;background:#f3e3df}.note.ok{color:#1f4c2e;background:#e2ecdf}.note.info{color:var(--ink-2);background:var(--paper-2)}.form-err{color:#a8321f;font-size:.9rem}.verify-notice{margin-bottom:1.25rem}.discovery-tip-card{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.45rem .85rem;margin:.4rem 0 .75rem;border-radius:var(--radius-card);border:1px solid var(--rule-firm);background:var(--paper-2);box-shadow:var(--shadow-subtle);animation:rise .25s var(--ease) backwards}.discovery-tip-content{display:flex;align-items:center;gap:.65rem;flex:1 1 auto;min-width:0}.discovery-tip-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.2rem .5rem;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--rule);font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.discovery-tip-badge svg{color:var(--mp-2, #c1440e)}.discovery-tip-text{margin:0;font-family:var(--serif);font-size:.88rem;line-height:1.4;color:var(--ink)}.discovery-tip-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.discovery-tip-action-btn{font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:.25rem .6rem;border-radius:var(--radius-pill);color:var(--ink)}.discovery-tip-close-btn{width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center}.discovery-tip-close-btn:hover{color:var(--ink);background:var(--paper-3)}@media(max-width:640px){.discovery-tip-card{flex-direction:column;align-items:flex-start;gap:.55rem;padding:.75rem .85rem}.discovery-tip-actions{width:100%;justify-content:space-between}}.desktop-notice-card{display:none}@media(max-width:768px){.desktop-notice-card{display:block;position:relative;margin:0 0 1.25rem;border-radius:var(--radius-card);border:1px solid var(--rule-firm);background:var(--paper-2);box-shadow:var(--shadow-subtle);overflow:hidden;animation:rise .3s var(--ease) backwards}.desktop-notice-accent-bar{display:flex;height:3px;width:100%}.desktop-notice-accent-bar span{flex:1;height:100%;transition:background .9s var(--ease)}.desktop-notice-inner{padding:.9rem 1rem .95rem;display:flex;flex-direction:column;gap:.55rem}.desktop-notice-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.desktop-notice-badge{display:inline-flex;align-items:center;gap:.38rem;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent);padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent)}button.desktop-notice-close{background:transparent;border:none;padding:.35rem;color:var(--ink-3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transform:none;transition:color .15s ease,background .15s ease;min-width:32px;min-height:32px}button.desktop-notice-close:hover,button.desktop-notice-close:active{background:color-mix(in oklab,var(--ink) 8%,transparent);color:var(--ink)}.desktop-notice-content{display:flex;flex-direction:column;gap:.28rem}.desktop-notice-title{font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--ink);margin:0;line-height:1.32;letter-spacing:-.01em}.desktop-notice-desc{font-family:var(--serif);font-size:.85rem;line-height:1.45;color:var(--ink-2);margin:0}.desktop-notice-actions{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;flex-wrap:wrap}.desktop-notice-copy-btn{display:inline-flex;align-items:center;gap:.38rem;font-size:.82rem;padding:.38rem .82rem;font-weight:500;cursor:pointer}button.desktop-notice-dismiss-btn{display:inline-flex;align-items:center;font-size:.82rem;padding:.38rem .65rem;color:var(--ink-3);cursor:pointer;background:transparent;border:none;box-shadow:none;transform:none}button.desktop-notice-dismiss-btn:hover{color:var(--ink);background:transparent;box-shadow:none;transform:none}}.toasts{position:fixed;left:2.5rem;bottom:7.5rem;transform:none;z-index:300;display:grid;gap:.5rem;width:min(90vw,22rem)}.toast{background:var(--ink);color:var(--paper);border-radius:var(--radius-md);padding:.7rem 1rem;font-size:.92rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 8px 24px -4px #100e0b66;animation:rise .25s var(--ease)}.toast.err svg{color:#f87171;flex-shrink:0}.modal-backdrop,.discovery-backdrop{position:fixed;inset:0;z-index:200;background:#17140f9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.modal-content,.discovery-modal-box{background:var(--glass-surface-elevated, var(--paper));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.75rem 2rem;width:min(540px,92vw);max-height:calc(88svh - 2rem);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 64px #00000038,var(--glass-specular);margin:auto}.discovery-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.discovery-header-titles{display:flex;flex-direction:column;gap:.25rem}.discovery-title{font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--ink);margin:0}.discovery-header-sub{font-size:.96rem;color:var(--ink-2);line-height:1.4}.discovery-close-btn{color:var(--ink-2)}.discovery-close-btn:hover{color:var(--ink)}.discovery-label{display:block;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:.2rem}.quick-prompt-chip{padding:.44rem .92rem;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-surface);font-family:var(--serif);font-size:.92rem;font-weight:500;color:var(--ink);cursor:pointer;transition:all .16s var(--spring-snappy)}.quick-prompt-chip:hover{background:var(--paper);border-color:var(--rule-firm);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.quick-prompt-chip:active{transform:scale(.96)}.discovery-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;margin-top:1rem;flex-wrap:wrap}.discovery-cancel-btn{color:var(--ink-2)}.discovery-submit-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.35rem;font-weight:500}.discovery-results-view{display:grid;gap:1.5rem}.discovery-reflection-card{background:var(--glass-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:1.25rem 1.5rem;box-shadow:var(--shadow-subtle),var(--glass-specular)}.reflection-badge{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.discovery-reflection-text{font-family:var(--serif);font-size:1.15rem;font-style:italic;color:var(--ink);margin:.35rem 0 0;line-height:1.5}.discovery-breakdown-section{display:grid;gap:.75rem}.breakdown-title{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.breakdown-bars-stack{display:grid;gap:.75rem}.breakdown-card{display:grid;gap:.35rem}.breakdown-info-row{display:flex;align-items:baseline;gap:.5rem}.breakdown-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;align-self:center}.breakdown-mood-name{font-size:1.05rem;color:var(--ink);font-weight:500}.breakdown-pct-badge{margin-left:auto;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.breakdown-bar-track{height:9px;background:var(--paper-2);outline:1px solid var(--rule-firm);border-radius:999px;overflow:hidden}.breakdown-bar-fill{display:block;height:100%;border-radius:999px;transition:width .5s var(--ease)}.discovery-palette-preview{display:grid;gap:.5rem}.discovery-colors-strip{display:flex;height:72px;border-radius:var(--radius-md);overflow:hidden;outline:1px solid var(--rule-firm);box-shadow:var(--shadow-subtle)}.preview-color-block{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.preview-color-hex{font-family:var(--mono);font-size:.65rem;font-weight:500;color:#fff;background:#17140fb3;border-radius:2px;padding:1px 4px;margin-bottom:5px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--paper-2),var(--paper-3),var(--paper-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:left;padding:4rem 0;color:var(--ink-2);border-top:1px solid var(--rule)}.empty .serif-num{color:var(--ink-3)}.history-guest-showcase{padding-top:0;max-width:780px;margin:0 auto}.history-guest-header{margin-bottom:.85rem;text-align:left}.history-guest-title{font-family:var(--serif);font-size:clamp(2rem,4vw,2.5rem);line-height:1.1;margin:.35rem 0 .5rem;color:var(--ink)}.history-empty-card{text-align:center;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:1rem}.history-empty-card h3{margin:.25rem 0 0}.history-empty-card p{max-width:42ch;margin:0 0 .85rem}.catalogue-footer-card{margin-top:1.75rem;background:var(--paper-2);border:1px solid var(--rule-firm);border-radius:var(--radius-md);padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.catalogue-footer-tag{display:block;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.25rem}.catalogue-footer-desc{font-size:.9rem;color:var(--ink);line-height:1.35;margin:0}.catalogue-footer-btn{flex-shrink:0;white-space:nowrap}@media(max-width:960px){.hero-section{flex-direction:column;gap:2rem}.hero-aside{display:none}.hero-content{flex-basis:auto;min-width:0;width:100%}.hero-mobile-band{display:flex;height:44px;margin:0 0 1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #17140f14;outline:1px solid var(--rule)}.hero-mobile-band i{flex:1;transition:background .9s var(--ease)}}@media(max-width:768px){body,input[type=text],input[type=email],input[type=password],select,textarea{font-size:16px}.track-search-input{font-size:16px!important}.shell{padding:1.25rem 1.15rem calc(4.75rem + env(safe-area-inset-bottom,0px));padding-left:max(1.15rem,env(safe-area-inset-left,0px));padding-right:max(1.15rem,env(safe-area-inset-right,0px));box-sizing:border-box}body:has(.floating-player) .shell{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom,0px))}.nav-inner{padding:.65rem 1.15rem;gap:.5rem;justify-content:space-between;align-items:center;flex-wrap:nowrap}.brand{gap:.55rem;flex-shrink:0}.brand-name{display:inline;font-size:1.05rem;white-space:nowrap}.nav-links{display:none!important}.nav-user-name{display:none}.nav-user .btn{padding:.4rem .8rem;font-size:.85rem}.hero-section{padding:.6rem 0 .4rem}.hero-aside{display:none}.hero-eyebrow{margin-bottom:.35rem}.hero-title{margin:0 0 .45rem;max-width:none;font-size:clamp(1.45rem,4.8vw,1.75rem);line-height:1.18;letter-spacing:-.015em}.hero-content .lede{font-size:.9rem;line-height:1.4;margin-bottom:.65rem}.home-mode-switch-row{margin-top:.5rem;gap:.5rem;flex-direction:column;align-items:stretch}.home-mode-switch-row .segmented-control{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.25rem}.home-mode-switch-row .segmented-btn{justify-content:center;display:inline-flex;align-items:center;min-height:44px;padding:.5rem .65rem;font-size:.88rem;gap:.35rem}.mood-selection-section{margin-top:.5rem}.category-filter-row{margin-left:-1.15rem;margin-right:-1.15rem;padding-left:1.15rem;padding-right:1.15rem;scroll-padding-left:1.15rem;margin-bottom:1.25rem;padding-bottom:.5rem}.mood-header-row{align-items:flex-start}.mood-result-container{margin-top:1.5rem;padding-top:1.25rem;border-top-width:1.5px}.mood-title-area h2{font-size:clamp(1.85rem,6vw,2.4rem);line-height:1.12;margin:0 0 .25rem}.mood-desc-text{font-size:.95rem;margin:.25rem 0 .45rem}.mood-quote-text{font-size:1rem;line-height:1.45;padding-left:.75rem;margin-top:.35rem}.category-filter-row{mask-image:linear-gradient(to right,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,#000 90%,transparent)}.community-filters-carousel::-webkit-scrollbar{display:none}.floating-player:not(.is-expanded){bottom:calc(60px + env(safe-area-inset-bottom,0px));left:10px;right:10px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);transform:translateZ(0);will-change:transform;border-radius:var(--radius-card);background:var(--glass-surface-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid color-mix(in oklab,var(--glass-border) 80%,var(--deck-glow, var(--ink)) 20%);box-shadow:0 12px 32px -6px #17140f33,0 2px 8px #17140f0f,var(--glass-specular);overflow:hidden;padding:0}.floating-player:not(.is-expanded) .fp-mini-progress{display:block;position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--paper-3);overflow:hidden;z-index:10}.floating-player:not(.is-expanded) .fp-mini-progress-fill{height:100%;background:var(--deck-glow, var(--ink));border-radius:999px;transition:width .1s linear}.floating-player:not(.is-expanded) .fp-inner{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem .5rem .5rem;gap:.5rem;width:100%;box-sizing:border-box}.floating-player:not(.is-expanded) .fp-meta-zone{display:flex;align-items:center;gap:.65rem;flex:1 1 auto;min-width:0;max-width:none}.floating-player:not(.is-expanded) .fp-art-wrap{width:42px;height:42px;border-radius:10px;flex:0 0 42px;overflow:hidden;box-shadow:0 3px 10px #17140f2e}.floating-player:not(.is-expanded) .fp-art,.floating-player:not(.is-expanded) .fp-art-placeholder{width:100%;height:100%}.floating-player:not(.is-expanded) .fp-text{margin:0!important;padding:0!important;box-sizing:border-box!important;flex:1 1 auto;min-width:0;max-width:none;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start!important;overflow:hidden;cursor:pointer}.floating-player:not(.is-expanded) .fp-title{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;width:100%;text-align:left}.floating-player:not(.is-expanded) .fp-artist{font-family:var(--sans);font-size:.76rem;font-weight:400;color:var(--ink-2);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;margin-top:1px}.floating-player:not(.is-expanded) .fp-subtitle-row{margin-top:1px;gap:.35rem;align-items:center}.floating-player:not(.is-expanded) .fp-subtitle-row svg{opacity:.7;flex-shrink:0}.floating-player:not(.is-expanded) .fp-transport-zone{display:flex;align-items:center;width:auto;min-width:0;max-width:none;flex:0 0 auto}.floating-player:not(.is-expanded) .fp-transport-btns{display:flex;align-items:center;gap:0}.floating-player:not(.is-expanded) .fp-play-btn{width:38px!important;height:38px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px;background:var(--ink)!important;color:var(--paper)!important;border:none!important;box-shadow:0 4px 12px color-mix(in oklab,var(--deck-glow, var(--ink)) 30%,rgba(23,20,15,.25));transition:transform .12s var(--spring-snappy),background .15s ease}.floating-player:not(.is-expanded) .fp-play-btn:active{transform:scale(.92)!important}.floating-player:not(.is-expanded) .fp-timeline{display:none!important}.floating-player:not(.is-expanded) .fp-utility-zone{display:flex;align-items:center;gap:.15rem;flex:0 0 auto}.floating-player:not(.is-expanded) .platform-picker-wrap,.floating-player:not(.is-expanded) .fp-volume,.floating-player:not(.is-expanded) .fp-queue-btn,.floating-player:not(.is-expanded) .fp-subtle-btn,.floating-player:not(.is-expanded) .fp-skip-btn{display:none!important}.floating-player:not(.is-expanded) .fp-heart-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;color:var(--ink-2)}.floating-player:not(.is-expanded) .fp-close-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;color:var(--ink-2)}.floating-player.is-expanded,.floating-player.is-expanded.no-queue,.floating-player.is-expanded:not(:has(.fp-queue)){position:fixed!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:none!important;transform:none!important;inset:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;background:var(--paper)!important;background-image:radial-gradient(ellipse at 50% 0%,color-mix(in oklab,var(--deck-glow, var(--accent)) 16%,transparent),transparent 60%)!important;z-index:250!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;margin:0!important;animation:mobileSheetIn .28s cubic-bezier(.16,1,.3,1)}@keyframes mobileSheetIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.floating-player.is-expanded .fp-inner{display:none!important}.floating-player.is-expanded .fp-expanded{display:flex;flex-direction:column;min-height:100dvh;padding:max(env(safe-area-inset-top,0px),12px) 1.25rem max(env(safe-area-inset-bottom,0px),28px);box-sizing:border-box;gap:.9rem;max-height:none;overflow:visible}.floating-player.is-expanded.no-queue .fp-expanded,.floating-player.is-expanded:not(:has(.fp-queue)) .fp-expanded{display:flex;flex-direction:column;min-height:100dvh;padding:max(env(safe-area-inset-top,0px),14px) 1.35rem max(env(safe-area-inset-bottom,0px),28px);gap:.9rem;justify-content:space-between}.fp-single-card{display:block;background:color-mix(in oklab,var(--paper-2) 65%,transparent);border:1px solid var(--rule);border-radius:var(--radius-lg, 16px);padding:.95rem 1.15rem;margin-top:.35rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fp-single-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.fp-single-card-header .eyebrow{margin:0;font-size:.72rem;letter-spacing:.1em;color:var(--ink-3)}.fp-single-descriptor{font-family:var(--serif);font-style:italic;font-size:.92rem;line-height:1.45;color:var(--ink);margin:0 0 .8rem}.fp-single-metrics{display:flex;align-items:center;justify-content:space-around;padding-top:.65rem;border-top:1px solid var(--rule)}.fp-single-metric{display:flex;flex-direction:column;align-items:center;gap:.15rem}.fp-metric-label{font-family:var(--sans);font-size:.68rem;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.fp-metric-val{font-family:var(--sans);font-weight:600;font-size:.92rem;color:var(--ink)}.fp-single-metric-divider{width:1px;height:24px;background:var(--rule)}.fp-mobile-sheet-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 0 .4rem}.fp-mobile-sheet-header:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:5px;border-radius:999px;background:color-mix(in oklab,var(--ink) 22%,transparent)}.fp-sheet-collapse-btn,.fp-sheet-close-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);border-radius:50%}.fp-sheet-header-title{display:inline-flex;align-items:center;gap:.45rem}.fp-sheet-header-eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(--ink-2)}.floating-player.is-expanded .fp-expanded-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;width:100%}.floating-player.is-expanded .fp-expanded-art{width:min(60vw,210px);height:min(60vw,210px);border-radius:var(--radius-xl);object-fit:cover;box-shadow:0 18px 40px -8px color-mix(in oklab,var(--deck-glow, var(--ink)) 40%,rgba(23,20,15,.28)),0 0 0 1px #ffffff1a inset}.floating-player.is-expanded .fp-expanded-meta{width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem}.floating-player.is-expanded .fp-expanded-meta-top{width:100%;justify-content:center}.floating-player.is-expanded .fp-expanded-meta-titles{text-align:center}.floating-player.is-expanded .fp-expanded-meta-titles .fp-eyebrow-row,.floating-player.is-expanded .fp-expanded-collapse-btn{display:none}.floating-player.is-expanded .fp-expanded-title{font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1.2;margin:0;color:var(--ink);text-align:center}.floating-player.is-expanded .fp-expanded-artist{font-family:var(--sans);font-size:.95rem;font-weight:500;color:var(--ink-2);letter-spacing:-.01em;margin:0;text-align:center}.floating-player.is-expanded .fp-expanded-album{font-family:var(--sans);font-size:.8rem;font-weight:400;color:var(--ink-3);margin:0;text-align:center}.floating-player.is-expanded .fp-emotion-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.35rem}.floating-player.is-expanded .fp-expanded-traits{display:flex;justify-content:center;gap:.4rem;margin-top:.15rem}.fp-mobile-expanded-controls{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:360px;margin:.2rem auto 0}.fp-mobile-timeline{width:100%}.fp-mobile-transport-btns{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .5rem;box-sizing:border-box}.fp-mobile-play-btn{width:56px!important;height:56px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 18px #17140f40}.fp-mobile-actions-row{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;flex-wrap:wrap;margin-top:.2rem}.fp-mobile-like-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.82rem;font-weight:500;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule-firm);padding:.4rem .85rem;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.fp-mobile-like-pill.liked{color:#e05d44;border-color:color-mix(in oklab,#e05d44 40%,var(--rule-firm));background:color-mix(in oklab,#e05d44 8%,var(--paper-2))}.floating-player.is-expanded .fp-queue{width:100%;max-width:480px;margin:.4rem auto .8rem;border-top:1px solid var(--rule);padding-top:.75rem}.floating-player.is-expanded .fp-queue .fp-queue-list{max-height:220px;overflow-y:auto}.bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:150;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:translateZ(0);will-change:transform;border-top:1px solid color-mix(in oklab,var(--rule) 70%,transparent);box-shadow:0 -1px 0 0 var(--glass-specular);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;height:54px;max-width:500px;margin:0 auto;padding:0 .5rem}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);text-decoration:none;padding:4px 0;border-radius:var(--radius-sm);transition:color .15s ease,transform .12s var(--spring-snappy);-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:22px;transition:transform .18s var(--spring-bouncy)}.bottom-nav-item.active .bottom-nav-icon-wrap{transform:translateY(-1px) scale(1.06)}.bottom-nav-label{font-family:var(--sans);font-size:.68rem;font-weight:590;letter-spacing:-.01em;line-height:1}.bottom-nav-avatar .avatar{width:20px;height:20px;font-size:.6rem;box-shadow:none}textarea{resize:none}.vibe-tuner-bar>*{flex:1 1 100%}.vibe-personal-btn{flex:1;justify-content:flex-start}.toasts{left:1.15rem;right:1.15rem;width:auto;bottom:calc(120px + env(safe-area-inset-bottom,0px))}}@media(max-width:640px){.tracklist-toolbar{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.4rem}.tracklist-toolbar-left{flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:.4rem}.tracklist-toolbar-right{flex:0 0 auto;width:auto;justify-content:flex-end}.tracklist-toolbar .tracklist-badge{display:none}.soundscape-play-all-btn,.tracklist-action-btn{white-space:nowrap}.soundscape-play-all-btn,.tracklist-action-btn{height:34px}.liked-search-box{flex:1 1 100%;max-width:none}.liked-catalog-actions{flex:1 1 100%}.liked-catalog-actions .tracklist-action-btn{flex:1 1 0;min-width:0;height:38px;justify-content:center}.tracklist-toolbar .tracklist-action-btn{width:38px;padding:0;justify-content:center}.tracklist-toolbar .tracklist-action-btn span{display:none}.platform-dropdown-menu{position:fixed;inset:auto 0 0;width:100%;min-width:0;z-index:250;border-radius:18px 18px 0 0;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));animation:sheetSlideUp .18s cubic-bezier(.16,1,.3,1)}.platform-dropdown-menu .platform-option{min-height:44px}.floating-player .platform-dropdown-menu{position:absolute;left:auto;right:0;bottom:calc(100% + 12px);width:auto;min-width:228px;border-radius:14px;padding:.45rem;z-index:130}.tracklist-badge{display:none}.hero-journal-textarea{min-height:6rem}.empty{padding:2rem 0}.divider{margin:1.5rem 0}.settings-section-card,.history-day-card{padding:1.15rem 1rem}.liked-catalog-card,.affect-research-card{padding:1rem}.segmented-control{width:100%;display:flex}.segmented-btn{flex:1;text-align:center}.stage .hex,.gradient-chip,.preview-color-hex,.vibe-slider-extremes,.vibe-dna-section-label{font-size:.72rem}.vibe-slider{height:44px}.quick-prompts-grid{display:grid;gap:.5rem}.quick-prompt-chip{text-align:left;border-radius:var(--radius-md)}.hero-journal-card{padding:1.15rem 1rem 1rem;margin:1.25rem 0}.hero-journal-footer{flex-direction:column;align-items:stretch;gap:.75rem}.hero-journal-submit{width:100%;justify-content:center}.ai-reflection-banner{padding:.85rem 1rem}.ai-reflection-text{font-size:.92rem}.card{padding:1.15rem .9rem}.bar-row{grid-template-columns:6.5rem 1fr 3.4rem;gap:.6rem}.stage{height:110px}.stage .hex{font-size:.62rem}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem .85rem}.mood-card .swatches{height:96px}.mood-card-title{font-size:1.2rem}.catalogue-footer-card{flex-direction:column;align-items:stretch;text-align:left;padding:1.1rem 1rem;gap:.85rem;margin-top:1.25rem}.catalogue-footer-btn{width:100%;justify-content:center;padding:.55rem .85rem;font-size:.9rem}.palette-toolbar-inline{width:100%;margin-top:.75rem}.view-mode-tabs{display:flex;width:100%;background:var(--paper-2);padding:.25rem;border-radius:var(--radius-pill);border:1px solid var(--rule)}.view-tab{flex:1;justify-content:center;text-align:center;padding:.42rem .5rem;font-size:.78rem;white-space:nowrap}.stage-cards-grid{display:flex;flex-direction:column;gap:.4rem}.swatch-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.4rem;border-radius:var(--radius-sm)}.swatch-preview{width:46px;height:46px;min-height:0;align-self:center;border-radius:6px;flex-shrink:0}.swatch-rgb{display:none}.tone-grid-hint{font-size:.74rem;margin-bottom:.5rem}.swatch-copy-hint{display:none}.swatch-info{padding:0;gap:.05rem;min-width:0;align-items:flex-start}.swatch-tone-pill{font-size:.92rem}.swatch-hex{font-size:.73rem;line-height:1.3}.swatch-rgb{font-size:.68rem;line-height:1.2}.swatch-actions-row{margin-top:0;flex-direction:row;gap:.15rem;align-items:center}.swatch-copy-btn,.swatch-tune-btn{flex:0 0 auto;width:38px;height:38px;padding:0;border-radius:8px;background:transparent}.swatch-copy-btn span,.swatch-tune-btn span{display:none}.stage-gradient{min-height:200px;padding:0}.gradient-chips{gap:.35rem;margin-top:.6rem}.gradient-chip{padding:.28rem .55rem;font-size:.68rem}.psychology-card{padding:1.15rem 1rem}.psychology-text{font-size:.95rem;line-height:1.5}.psychology-grid{grid-template-columns:1fr;gap:.85rem}.palette-action-row,.track-action-row{margin-top:1.25rem;flex-direction:column;align-items:stretch;gap:.65rem}.palette-action-left,.track-action-left{display:flex;width:100%;gap:.5rem}.palette-action-left button,.track-action-left button,.track-action-left a.btn{flex:1;justify-content:center;padding:.55rem .75rem;font-size:.88rem}.active-tone-banner{padding:.45rem .75rem;margin:.65rem 0;gap:.5rem;flex-direction:row;flex-wrap:wrap;align-items:center}.tone-banner-left{gap:.5rem}.tone-banner-swatch{width:18px;height:18px}.tone-banner-desc{font-size:.78rem}.tone-banner-reset{padding:.2rem .5rem;font-size:.62rem}.soundscape-card{padding:1rem .85rem}.soundscape-search-bar{gap:.5rem;padding:.4rem .5rem .4rem .7rem}.search-bar-text{display:none}.search-bar-text-short{display:block;font-family:var(--serif);font-size:.88rem;color:var(--ink-2);white-space:nowrap}.search-bar-badge{display:none}.search-bar-action{height:34px;padding:0 .8rem}.search-bar-action span,.tracklist-head{display:none}.track-search-wrap{flex:1;width:auto}.track{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:.55rem;padding:.45rem .4rem}.track-art-col{width:36px;height:36px}.track-title-text{font-size:.9rem;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-duration{display:none}.track-artist-line{font-size:.76rem}.track-acts{opacity:1;gap:.2rem}.track-act-btn{width:26px!important;height:26px!important}.modal-backdrop,.discovery-backdrop{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}.modal-content,.discovery-modal-box{width:100%;max-width:100%;border-radius:20px 20px 0 0;border-left:none;border-right:none;border-bottom:none;margin:auto 0 0;padding:.85rem 1.15rem calc(2rem + env(safe-area-inset-bottom,0px));max-height:85svh;animation:sheetSlideUp .28s cubic-bezier(.16,1,.3,1)}.sheet-grabber{display:block;width:36px;height:4px;border-radius:2px;background:var(--rule-firm);margin:0 auto .75rem;opacity:.7}.mood-blender-box{margin-top:.5rem;padding-top:1rem}.blender-presets-container{margin:.25rem 0 .75rem}.blender-presets-tag{display:block;margin-bottom:.45rem;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.blender-presets-row{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-1.15rem;margin-right:-1.15rem;padding-left:1.15rem;padding-right:1.15rem;scroll-padding-left:1.15rem;margin-top:0;margin-bottom:.75rem;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.blender-presets-row::-webkit-scrollbar{display:none}.blender-preset-btn{flex-shrink:0;white-space:nowrap;padding:.38rem .8rem;font-size:.82rem}.blender-mood-picker{margin-top:.75rem}.blender-picker-label{font-size:.68rem;margin-bottom:.5rem}.blender-chips-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.blender-chip{display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.42rem .1rem;font-size:.73rem;min-width:0;width:100%}.blender-chip-dot{width:7px;height:7px}.blender-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blender-chip-pct{font-size:.68rem;font-weight:700}.blender-master-bar-container{margin-top:1.15rem}.blender-preview-card{padding:1.15rem 1rem;margin-top:1.25rem}.blender-preview-name{font-size:1.35rem}.blender-color-ribbon{height:14px}}@media(max-width:360px){.shell{padding:1rem .65rem calc(4.5rem + env(safe-area-inset-bottom,0px))}body:has(.floating-player) .shell{padding-bottom:calc(8.25rem + env(safe-area-inset-bottom,0px))}.nav-inner{padding:.5rem .65rem;gap:.25rem}.brand{justify-content:center}.hero-content{width:100%;min-width:0}.segmented-btn{padding:.35rem;font-size:.8rem}.category-filter-row,.blender-presets-row{margin-left:-.65rem;margin-right:-.65rem;padding-left:.65rem;padding-right:.65rem;scroll-padding-left:.65rem}.blender-chips-row{grid-template-columns:repeat(2,1fr)}.swatch-card{grid-template-columns:40px minmax(0,1fr) auto;gap:.5rem}.swatch-preview{width:40px;height:40px}.swatch-copy-btn,.swatch-tune-btn{width:34px;height:34px}.card{padding:.95rem .65rem}.track{grid-template-columns:32px minmax(0,1fr) auto;gap:.45rem;padding:.4rem .25rem}.track-idx-col{display:none}.track-art-col{width:32px;height:32px}.track-act-btn{width:24px!important;height:24px!important}.bottom-nav-inner{height:48px}.bottom-nav-label{font-size:.65rem}}.site-footer{padding:1.25rem 0 1.5rem;border-top:1px solid var(--rule);background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--paper-2) 55%,transparent))}.site-footer-inner{max-width:1140px;margin:0 auto;padding:0 2.5rem}.site-footer-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer-wordmark{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}.site-footer-links{display:flex;gap:1.25rem;align-items:center}.site-footer-links a,button.site-footer-linkbtn{font-family:var(--serif);font-size:.95rem;color:var(--ink-2);text-decoration:none;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;padding:0;cursor:pointer;transition:color .15s var(--ease);line-height:inherit}.site-footer-links a:hover,button.site-footer-linkbtn:hover,button.site-footer-linkbtn:active,.site-footer-help a:hover{color:var(--ink);background:transparent;border-color:transparent;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:3px}.site-footer-help{margin:.55rem 0 0;font-size:.86rem;line-height:1.5;color:var(--ink-3)}.site-footer-help a{color:var(--ink-2);text-decoration:none;white-space:nowrap}.site-footer-base{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--rule);font-family:var(--sans);font-size:.75rem;letter-spacing:.02em;color:var(--ink-3)}.site-footer-swatches{display:inline-flex;gap:3px}.site-footer-swatches i{width:14px;height:8px;border-radius:2px;display:block}@media(max-width:768px){.site-footer{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))}body:has(.floating-player) .site-footer{padding-bottom:calc(10rem + env(safe-area-inset-bottom,0px))}}@media(min-width:769px){body:has(.floating-player) .site-footer{padding-bottom:9rem}}@media(max-width:640px){.site-footer-inner{padding:0 1.15rem}.site-footer-base{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(hover:none)and (pointer:coarse){.bottom-nav-item,.fp-close-btn,.fp-skip-btn,.fp-play-btn,.colophon-close-btn,.desktop-notice-close,.icon-btn,.add-track-btn,.vibe-personal-info-btn,.blender-chip,.view-tab,button:where(.small),.btn:where(.small),.history-timeline-actions button{min-width:44px;min-height:44px}.vibe-personal-info-btn{min-width:44px!important}.pw-toggle{min-width:44px;min-height:44px}.history-timeline-actions button{padding:.45rem!important}.view-tab,.blender-chip,.filter-pill{display:inline-flex;align-items:center;justify-content:center}.switch{min-height:44px}.track-act-btn{min-width:36px!important;min-height:36px!important}.filter-pill{min-height:36px}.platform-icon-btn{min-width:36px;min-height:36px}.swatch-copy-btn,.swatch-tune-btn{min-height:40px;height:auto}.blender-quick-weight-btn{min-height:40px;padding:.4rem .75rem}.gradient-chip{min-height:32px;display:inline-flex;align-items:center}.vibe-slider{height:44px}.mood-blend-capsule{height:20px}.history-day-blend-capsule{height:22px}.stage .band-tune span{display:none}.stage .band-tune{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.track-idx-col{display:none}.track{grid-template-columns:40px minmax(0,1fr) auto}.track.playing .track-thumb,.track.playing .track-thumb-placeholder{outline:2px solid var(--ink);outline-offset:1px}.entry-track-play-overlay{opacity:.5}.play-overlay-badge{opacity:.6}.bar-chart-scroll-wrap,.bar-chart-scroll-wrap.bar-chart-compact{max-height:none;overflow-y:visible}}@media(max-width:360px){.profile-tabs-bar{margin-left:-.65rem;margin-right:-.65rem;padding-left:.65rem;padding-right:.65rem;scroll-padding-left:.65rem}}@media(hover:none)and (pointer:coarse){input[type=text],input[type=email],input[type=password],input[type=search],select,textarea,.track-search-input{font-size:16px}button.small,.btn.small,.filter-pill,.segmented-btn,.view-tab,.blender-chip,.aura-picker-pill,.cat-pill,.quick-prompt-chip,.pw-toggle,.history-moments-toggle,.blender-quick-weight-btn,.vibe-toggle-btn{min-height:36px}.site-footer-col a,.site-footer-linkbtn,.site-footer-help-more,button.link,.auth-back-link{padding-top:.4rem;padding-bottom:.4rem}.profile-stat-lbl{font-size:.64rem}.swatch-tune-btn{font-size:.66rem}}.ai-quota-sub{margin-right:auto;font-style:normal;font-size:.78rem;opacity:.8}.ai-quota-sub a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ai-quota-note{margin:0}.hero-journal-footer .ai-quota-note{flex-basis:100%}.discovery-form-body .ai-quota-sub{display:block;margin:-.25rem 0 .75rem}.discovery-form-body .ai-quota-note{margin-bottom:.75rem}.fp-art-wrap,.fp-text{padding:0;background:none;border:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.fp-text{box-shadow:none}.fp-text{padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:var(--radius-md);box-sizing:content-box}.fp-text:hover:not(:disabled){background:var(--paper-2);border-color:transparent;transform:none;box-shadow:none}.fp-art-wrap{border:1px solid var(--rule)}.fp-text .fp-subtitle-row{display:flex;align-items:center;gap:.3rem;flex:0 0 auto}.fp-text svg{opacity:.45;flex:0 0 auto}.fp-text:hover svg{opacity:.9}.floating-player.is-expanded{background:var(--paper)}.fp-expanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:0 2.5rem;align-items:center;padding:1.5rem 1.65rem .75rem;animation:fpExpandIn .22s var(--ease)}.fp-expanded:not(:has(.fp-queue)),.floating-player.no-queue .fp-expanded{grid-template-columns:minmax(0,1fr);justify-items:stretch;padding:1.5rem 1.65rem .75rem}.fp-expanded:not(:has(.fp-queue)) .fp-expanded-top,.floating-player.no-queue .fp-expanded-top{max-width:100%}@keyframes fpExpandIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fp-expanded-top{display:flex;gap:1.75rem;align-items:flex-start}.fp-expanded-art-wrap{position:relative;flex:0 0 auto;display:inline-flex}.fp-expanded-art-glow{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(36px) saturate(2);opacity:.6;border-radius:var(--radius-md, 12px);z-index:0;pointer-events:none;transform:scale(.96) translateY(6px);transition:opacity .4s ease}.fp-expanded-art{position:relative;z-index:1;width:220px;height:220px;border-radius:var(--radius-md, 12px);object-fit:cover;flex:0 0 auto;box-shadow:0 16px 38px -8px color-mix(in oklab,var(--deck-glow, var(--ink)) 45%,transparent)}.fp-expanded-meta{min-width:0;flex:1 1 auto}.fp-expanded-meta-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.fp-eyebrow-row{display:flex;align-items:center;gap:.5rem}.fp-eyebrow-row .eyebrow{margin:0;font-size:.78rem;letter-spacing:.08em}.fp-mood-dot{width:8px;height:8px;border-radius:999px;display:inline-block;box-shadow:0 0 8px var(--deck-glow, var(--ink));flex:0 0 auto}.fp-expanded-collapse-btn{opacity:.55;transition:opacity .15s ease,transform .15s ease;flex:0 0 auto;margin-top:-.25rem;margin-right:-.35rem}.fp-expanded-collapse-btn:hover{opacity:1}.fp-expanded-title{margin:.35rem 0 .2rem;font-size:1.9rem;line-height:1.18;letter-spacing:-.015em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.fp-expanded-artist{margin:0;font-size:1.1rem;font-weight:500;opacity:.9}.fp-expanded-album,.fp-expanded-descriptor{margin:.4rem 0 0;font-size:.88rem;color:var(--ink-soft, var(--ink));opacity:.72}.fp-expanded-descriptor{font-style:italic}.fp-emotion-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.fp-emotion-chip{padding:.28rem .7rem;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.02em}.fp-expanded-traits{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.fp-trait-chip{padding:.2rem .55rem;border-radius:999px;font-size:.72rem;letter-spacing:.02em;background:color-mix(in oklab,var(--ink) 6%,transparent);color:var(--ink-soft, var(--ink));opacity:.85}.fp-expanded-dock-status{display:flex;align-items:center;gap:.5rem}.fp-collapse-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--rule);background:color-mix(in oklab,var(--paper-2) 75%,transparent);color:var(--ink);font-size:.76rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;box-shadow:none}.fp-collapse-pill:hover{background:var(--paper-2);border-color:var(--rule-firm)}.floating-player.is-expanded.no-queue .fp-inner,.floating-player.is-expanded:not(:has(.fp-queue)) .fp-inner{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);column-gap:1rem}.floating-player.is-expanded.no-queue .fp-transport-zone,.floating-player.is-expanded:not(:has(.fp-queue)) .fp-transport-zone{min-width:0;max-width:380px}.floating-player.is-expanded.no-queue .platform-name-text,.floating-player.is-expanded:not(:has(.fp-queue)) .platform-name-text{display:none}.floating-player.is-expanded.no-queue .fp-volume-slider,.floating-player.is-expanded:not(:has(.fp-queue)) .fp-volume-slider{width:64px}@media(min-width:769px)and (max-width:960px){.floating-player .platform-name-text{display:none}.floating-player .fp-transport-zone{min-width:0}.floating-player .fp-inner{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);column-gap:.85rem}}.fp-queue{min-width:0}.fp-queue-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 .4rem}.fp-queue-head .eyebrow{margin:0}.fp-queue-count{font-size:.72rem;opacity:.55}.fp-queue .fp-queue-list{max-height:14rem;overflow-y:auto}.fp-queue-list{list-style:none;margin:.4rem 0 0;padding:0}.fp-queue-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.4rem .5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;text-align:left;box-shadow:none;cursor:pointer}.fp-queue-item:hover{background:color-mix(in oklab,var(--ink) 6%,transparent)}.fp-queue-item.is-current{background:color-mix(in oklab,var(--deck-glow, var(--ink)) 12%,transparent)}.fp-queue-index{width:1.2rem;font-size:.72rem;opacity:.55;flex:0 0 auto;text-align:right}.fp-queue-art{width:32px;height:32px;border-radius:5px;object-fit:cover;flex:0 0 auto}.fp-queue-text{display:flex;flex-direction:column;min-width:0}.fp-queue-name,.fp-queue-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-queue-name{font-size:.85rem}.fp-queue-artist{font-size:.7rem;opacity:.62}.playlist-save-modal{display:flex;flex-direction:column;max-height:88svh}.playlist-save-modal form{display:flex;flex-direction:column;min-height:0;flex:1}.pl-edit-tracks{display:flex;flex-direction:column;min-height:0;flex:1;margin-bottom:1rem}.pl-edit-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:.85rem 0 .5rem}.pl-edit-count{font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.pl-edit-results,.pl-edit-list{display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;overscroll-behavior:contain;padding:.3rem;border-radius:var(--radius-md);background:color-mix(in oklab,var(--paper-2) 70%,transparent);box-shadow:inset 0 1px 2px #17140f0d}.pl-edit-results{max-height:15rem;margin-top:.35rem}.pl-edit-list{flex:1;min-height:6rem;max-height:22rem}.pl-edit-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.6rem 1rem;text-align:center;font-family:var(--serif);font-style:italic;color:var(--ink-3);font-size:.9rem}.pl-edit-row{display:flex;align-items:center;gap:.65rem;padding:.4rem .5rem;border-radius:var(--radius-md);background:transparent;transition:background .15s ease}.pl-edit-row.is-in-list{background:var(--paper)}.pl-edit-row:hover{background:color-mix(in oklab,var(--ink) 5%,var(--paper))}.pl-edit-row.is-playing{background:color-mix(in oklab,var(--ink) 8%,var(--paper))}.pl-edit-index{width:1.25rem;flex-shrink:0;text-align:right;font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.pl-edit-cover{width:36px;height:36px;border-radius:5px}.pl-edit-row .track-primary-title{font-size:.88rem}.pl-edit-row .track-artist-sub{font-size:.78rem}.pl-edit-row-actions{display:flex;align-items:center;gap:.1rem;flex-shrink:0;opacity:0;transition:opacity .15s ease}.pl-edit-row:hover .pl-edit-row-actions,.pl-edit-row:focus-within .pl-edit-row-actions{opacity:1}.pl-edit-row-actions button:disabled{opacity:.25}.pl-edit-remove:hover{color:var(--danger, #a33)}@media(hover:none){.pl-edit-row-actions{opacity:1}}.crisis-card{background:var(--paper-2);border-radius:var(--radius-card);padding:1.5rem 1.6rem 1.35rem;margin:1.5rem 0;box-shadow:var(--shadow-lift)}.crisis-card-lede{font-family:var(--serif);font-size:1.05rem;line-height:1.45;color:var(--ink);margin:0 0 1.1rem;max-width:42ch}.crisis-card-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.crisis-card-lines a{display:grid;grid-template-columns:8.5rem 1fr;grid-template-areas:"num label" "num note";column-gap:1rem;align-items:baseline;padding:.6rem .7rem;margin:0 -.7rem;border-radius:var(--radius-md);text-decoration:none;color:var(--ink);transition:background .15s var(--ease)}.crisis-card-lines a:hover,.crisis-card-lines a:focus-visible{background:var(--paper-3)}.crisis-card-num{grid-area:num;font-family:var(--sans);font-size:1.15rem;font-weight:600;color:var(--ink);letter-spacing:.01em;font-variant-numeric:tabular-nums}.crisis-card-label{grid-area:label;font-family:var(--serif);font-size:.95rem;color:var(--ink)}.crisis-card-note{grid-area:note;font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--ink-3)}.crisis-card-foot{font-family:var(--serif);font-size:.85rem;color:var(--ink-3);margin:1.1rem 0 0}@media(max-width:520px){.crisis-card-lines a{grid-template-columns:1fr;grid-template-areas:"num" "label" "note";row-gap:.1rem}}