@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b0b0b;--bg-elev: #121212;--card: #161616;--card-2: #1e1e1e;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .08);--rail: rgba(255, 255, 255, .16);--rail-strong: rgba(255, 255, 255, .28);--glass-nav: rgba(11, 11, 11, .72);--glass-bar: rgba(18, 18, 18, .82);--text: #f5f5f5;--text-dim: #a3a3a3;--muted: #6f6f6f;--accent: #f5f5f5;--on-accent: #0b0b0b;--state: #8b7cf0;--state-2: #b3a7f5;--state-soft: rgba(139, 124, 240, .12);--state-ring: rgba(139, 124, 240, .35);--accent-2: var(--state-2);--accent-soft: var(--state-soft);--accent-ring: var(--state-ring);--like: #ff3d71;--danger: #e5484d;--success: #30d158;--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--text-xs: .75rem;--text-sm: .85rem;--text-base: .95rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.6rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .6);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, .8, .2, 1);--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-diary: var(--font-sans);--track-tight: -.03em;--track-caps: .09em;--mood-hue: 250;--sunline: linear-gradient(90deg, transparent 0%, #8b7cf0 12%, #5a8dee 88%, transparent 100%);--dur-ceremony: .6s;--dur-stamp: .45s;--dur-ambient: 1.2s;--ease-settle: cubic-bezier(.16, 1, .3, 1);--pill-pad: .18rem .6rem;--radius-lg: 24px;--stamp-ink: var(--state-2);--stamp-tilt: 0deg;--player-bar-height: 78px;--tab-bar-height: 0px;color-scheme:dark;font-synthesis:none}:root[data-theme=light]{--bg: #fafafa;--bg-elev: #ffffff;--card: #ffffff;--card-2: #f4f4f4;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--highlight: inset 0 1px 0 rgba(255, 255, 255, .6);--surface-1: rgba(0, 0, 0, .04);--surface-2: rgba(0, 0, 0, .07);--rail: rgba(0, 0, 0, .14);--rail-strong: rgba(0, 0, 0, .26);--glass-nav: rgba(250, 250, 250, .78);--glass-bar: rgba(255, 255, 255, .85);--text: #171717;--text-dim: #525252;--muted: #6f6f6f;--accent: #171717;--on-accent: #fafafa;--state-2: #5b4bc4;--state-soft: rgba(91, 75, 196, .1);--state-ring: rgba(91, 75, 196, .32);--like: #d81b60;--danger: #cf3a3f;--success: #188038;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--scrim: rgba(0, 0, 0, .32);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .14);color-scheme:light}:root[data-theme=light] *{--mood-ink: hsl(var(--mood-hue) 75% 34%);--mood-soft: hsl(var(--mood-hue) 70% 45% / .12);--mood-line: hsl(var(--mood-hue) 70% 42% / .55);--mood-glow: radial-gradient(120% 100% at 50% 0%, hsl(var(--mood-hue) 70% 50% / .1), transparent 70%)}*{--mood-ink: hsl(var(--mood-hue) 85% 72%);--mood-soft: hsl(var(--mood-hue) 70% 55% / .12);--mood-line: hsl(var(--mood-hue) 75% 60% / .55);--mood-glow: radial-gradient(120% 100% at 50% 0%, hsl(var(--mood-hue) 70% 55% / .1), transparent 70%);--sunline-mood: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--state) 70%, hsl(var(--mood-hue) 70% 60%)) 12%, #5a8dee 88%, transparent 100% )}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-width:thin;scrollbar-color:var(--rail) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rail);background-clip:padding-box;border:3px solid transparent;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--rail-strong);background-clip:padding-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0 0 .4em;line-height:1.18;letter-spacing:var(--track-tight)}h1{font-size:clamp(1.6rem,1.15rem + 1.5vw,2.15rem);font-weight:750}h2{font-size:1.08rem;font-weight:700}h3{font-size:1rem;font-weight:700}a{color:var(--accent-2);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{text-decoration:underline}.muted{color:var(--text-dim)}.small{font-size:.85rem}.mt{margin-top:1.4rem}.centered-fill{display:grid;place-items:center;min-height:60vh;color:var(--text-dim)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row{display:flex;align-items:center}.row.gap{gap:.75rem}.row.wrap{flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field>span{font-size:.85rem;color:var(--text-dim)}input,textarea{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.6rem .8rem;font-size:.95rem;font-family:inherit;width:100%;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input:focus,textarea:focus{border-color:var(--state);background:var(--card)}.text-input{resize:vertical}.form-error{color:var(--danger);font-size:.9rem}.form-note{color:var(--text-dim);font-size:.9rem}:focus-visible{outline:2px solid var(--state-2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100%;display:flex;flex-direction:column}.topnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.25rem;padding:.7rem 1.5rem;background:var(--glass-nav);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.nav-links{display:flex;gap:.15rem;margin-left:.5rem}.nav-link{position:relative;color:var(--text-dim);padding:.45rem .75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.94rem;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav-link:hover{color:var(--text);background:var(--surface-1);text-decoration:none}.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.1rem;height:2px;border-radius:var(--radius-pill);background:var(--state)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.nav-handle{color:var(--text-dim);font-size:.9rem}.tab-bar{display:none}.account-menu{position:relative}.account-trigger{gap:.4rem}.account-menu-popup{position:absolute;z-index:20;top:calc(100% + .5rem);right:0;display:flex;flex-direction:column;gap:.1rem;width:max-content;max-width:min(220px,calc(100vw - 2rem));padding:.4rem;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--highlight)}.account-menu-item{display:block;width:100%;padding:.55rem .7rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.account-menu-item:hover{background:var(--surface-1);text-decoration:none}.content{flex:1;width:100%;max-width:920px;margin:0 auto;padding:1.75rem 1.5rem 2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--highlight)}.section{padding:1.35rem;margin-bottom:1.25rem}.page{display:block}.page.narrow{max-width:560px;margin:0 auto}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section>h2{margin-bottom:.5rem}.settings-section>p.muted{margin-bottom:1rem}.routine-grid-hint{margin:.6rem 0 .5rem}.routine-grid-readback{margin:0 0 .75rem;color:var(--text-dim)}.routine-activity-strip .chip-clear.selected{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.routine-grid-frame{overflow-x:auto;padding-bottom:.25rem}.routine-grid-ticks{display:flex;align-items:flex-end;min-width:360px}.routine-grid-corner{flex:0 0 30px}.routine-grid-tick-row{display:grid;grid-template-columns:repeat(48,minmax(6px,1fr));flex:1}.routine-grid-tick{font-size:.6rem;color:var(--muted);white-space:nowrap}.routine-grid-body{display:flex;min-width:360px}.routine-grid-labels{display:flex;flex-direction:column;flex:0 0 30px}.routine-grid-row-label{height:22px;display:flex;align-items:center;font-size:.68rem;color:var(--text-dim);font-weight:600}.routine-grid{display:flex;flex-direction:column;flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.routine-grid-row{display:grid;grid-template-columns:repeat(48,minmax(6px,1fr))}.routine-grid-cell{height:22px;display:grid;place-items:center;padding:0;border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-1);color:var(--text);font-size:.6rem;line-height:1;cursor:pointer;touch-action:none}.routine-grid-row:last-child .routine-grid-cell{border-bottom:none}.routine-grid-cell:hover:not(:disabled){background:var(--surface-2)}.routine-grid-cell.is-filled{background:var(--state-soft);box-shadow:inset 0 0 0 1px var(--state-soft)}.routine-grid-cell.is-now{box-shadow:inset 0 0 0 2px var(--text)}.routine-grid-cell:disabled{cursor:not-allowed}.routine-assist-notice{margin-top:.75rem}.routine-assist-notice p{margin:0}.routine-assist-notice ul{margin:.5rem 0 0}.routine-assist-field,.routine-save-row{margin-top:1rem}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:1.5rem}.brand.auth-brand{font-size:var(--text-xl);letter-spacing:var(--track-tight)}.auth-brand .brand-mark{width:40px;height:40px}.auth-footer{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);text-align:center}.auth-footer .consent-notice{margin:0;color:var(--muted)}.auth-footer a{color:var(--text-dim);text-decoration:underline;text-underline-offset:var(--space-1)}.auth-card{width:100%;max-width:400px;padding:2.25rem;box-shadow:var(--shadow-lg),var(--highlight)}.auth-title{margin-bottom:.2rem}.auth-sub{color:var(--text-dim);margin-top:0}.moment-recap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--mood-line);border-radius:var(--radius-sm);background:var(--mood-soft)}.moment-recap-line{margin:0;font-size:var(--text-sm);color:var(--text)}.moment-recap-change{flex-shrink:0;font-size:var(--text-sm);color:var(--text-dim);text-decoration:underline;text-underline-offset:var(--space-1)}.auth-switch{color:var(--text-dim);font-size:.9rem;margin-bottom:0}.auth-card .btn-primary{width:100%}.signin-root{position:relative}.auth-ambience{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.6rem;z-index:5}.auth-ambience .icon-btn{width:40px;height:40px;background:var(--surface-1);border:1px solid var(--border)}.auth-ambience .icon-btn[aria-pressed=true]{color:var(--state-2);border-color:var(--accent-ring);background:var(--accent-soft)}.auth-ambience-volume{width:90px;padding:0;border:none;background:transparent;accent-color:var(--state)}.signin-root .auth-title{letter-spacing:var(--track-tight)}.auth-card .btn-google{width:100%}.auth-code-field input{text-align:center;font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:var(--track-caps)}.auth-alternates{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;color:var(--muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 720px){.topnav{gap:.6rem;padding:.65rem 1rem}.topnav .brand-name,.nav-links,.nav-handle{display:none}.account-trigger{min-height:44px;min-width:44px;justify-content:center}.nav-right .allowance-pill{min-height:30px;padding:0 var(--space-2);font-size:var(--text-xs)}:root{--tab-bar-height: calc(56px + env(safe-area-inset-bottom, 0px)) }.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);height:var(--tab-bar-height);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass-nav);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-top:1px solid var(--border)}.tab-bar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;color:var(--text-dim);font-size:var(--text-xs);font-weight:600;transition:color var(--dur-fast) var(--ease)}.tab-bar-link:hover{color:var(--text);text-decoration:none}.tab-bar-link.active{color:var(--state-2)}.tab-bar-icon{display:grid;place-items:center;width:24px;height:24px}.content{padding:1.25rem 1rem 1.5rem;padding-bottom:calc(1.5rem + var(--tab-bar-height))}.section{padding:1.1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:0 1.05rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.92rem;font-weight:600;font-family:inherit;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-secondary{background:var(--surface-1);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent-ring)}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-1);border-color:var(--border-strong)}.btn-small{min-height:30px;padding:0 .8rem;font-size:.8rem}.btn-inline{min-height:26px;padding:0 .7rem;font-size:.75rem;vertical-align:middle}.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);font-weight:700;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.icon-btn{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-dim);font-size:.9rem;line-height:1;cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-1)}.icon-btn.active{color:var(--state-2);background:var(--accent-soft)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.play-btn{width:46px;height:46px;min-width:46px;border-radius:50%;border:1px solid transparent;background:var(--accent);color:var(--on-accent);font-size:1rem;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.play-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.play-btn:active{transform:scale(.95)}.play-btn.playing{background:transparent;border-color:var(--state);color:var(--state-2);box-shadow:none}.play-btn.playing:hover{background:var(--accent-soft)}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .85rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-dim);font-size:.88rem;font-family:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chip:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.chip.selected{background:var(--state-soft);border-color:var(--state);color:var(--state-2)}.chip.selected:hover{background:color-mix(in srgb,var(--state) 20%,transparent)}.chip-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:30px;padding:0 .7rem;background:var(--surface-1);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);font-size:.83rem;font-family:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chip-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.chip-btn:disabled{opacity:.5;cursor:not-allowed}.chip-btn.liked{color:var(--like);border-color:color-mix(in srgb,var(--like) 45%,transparent);background:color-mix(in srgb,var(--like) 12%,transparent)}.chip-stat{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.slider{display:block;margin:1rem 0}.slider-label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.4rem}.slider input[type=range]{width:100%;accent-color:var(--state);padding:0;background:transparent;border:none}.slider-hints{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:.25rem}.mood-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--mood-ink);background:var(--mood-soft);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.28rem .65rem;white-space:nowrap}.mood-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 5%,transparent)}.cover-art{display:block;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-2);box-shadow:var(--shadow-sm);object-fit:cover}.render-chip{display:inline-flex;align-items:center;flex-shrink:0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-dim);padding:.3rem .75rem;font-size:.8rem;white-space:nowrap}.render-chip.pending{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 30%,transparent);animation:render-pulse 1.8s ease-in-out infinite}.render-chip.failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}@keyframes render-pulse{0%,to{opacity:1}50%{opacity:.5}}.cover-pulse{line-height:0;flex-shrink:0;animation:cover-pulse 2.2s ease-in-out infinite}@keyframes cover-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}}@keyframes gift-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes stamp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.render-chip.pending,.cover-pulse{animation:none}}.row-menu{position:relative;flex:0 0 auto}.row-menu-trigger{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-family:inherit;font-size:1rem;line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.row-menu-trigger:hover:not(:disabled),.row-menu-trigger[aria-expanded=true]{background:var(--surface-1);color:var(--text)}.row-menu-trigger:disabled{cursor:default}.row-menu-list{position:absolute;top:calc(100% + .3rem);right:0;z-index:20;min-width:11rem;padding:.25rem;display:flex;flex-direction:column;gap:.1rem;background:var(--card-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.row-menu-item{padding:.45rem .6rem;border:0;border-radius:calc(var(--radius-sm) - 4px);background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.row-menu-item:hover{background:var(--surface-2)}.row-menu-item.danger{color:var(--danger)}.row-menu-confirm{min-width:13rem;padding:.6rem;gap:.5rem}.row-menu-prompt{margin:0;font-size:.9rem;color:var(--text-dim)}.row-menu-confirm-actions{display:flex;gap:.3rem;justify-content:flex-end}.row-menu-confirm-actions .row-menu-item{padding:.35rem .7rem;background:var(--surface-1)}.row-menu-confirm-actions .row-menu-item:hover{background:var(--surface-2)}.allowance-meter{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3)}.allowance-meter-label{font-size:var(--text-sm);color:var(--text-dim)}.allowance-meter-value{font-size:var(--text-sm);color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.allowance-meter.is-empty .allowance-meter-value{color:var(--muted)}.allowance-meter-rail{grid-column:1 / -1;height:6px;border-radius:var(--radius-pill);background:var(--surface-1);overflow:hidden}.allowance-meter-fill{display:block;height:100%;border-radius:inherit;background:var(--state);transition:width var(--dur) var(--ease)}.allowance-card{display:grid;gap:var(--space-3)}.allowance-card p{margin:0}.allowance-pill{flex-shrink:0;gap:var(--space-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.allowance-pill:hover{text-decoration:none}.allowance-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--state)}.allowance-pill.is-empty .allowance-pill-dot{background:var(--muted)}.plan-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-5)}.plan-card{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:var(--space-3);padding:var(--space-5)}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.plan-card-head h3{margin:0;font-size:var(--text-lg)}.plan-card.is-current{border-color:var(--state)}.plan-card-badge{display:inline-flex;align-items:center;padding:0 var(--space-2);min-height:24px;border:1px solid var(--state);border-radius:var(--radius-pill);background:var(--state-soft);color:var(--state-2);font-size:var(--text-xs);white-space:nowrap}.plan-card-price{margin:0;display:flex;align-items:baseline;gap:var(--space-1)}.plan-card-amount{font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--track-tight);font-variant-numeric:tabular-nums}.plan-card-tagline{margin:0}.plan-card-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-2);font-size:var(--text-sm)}.plan-card-list.is-soon{color:var(--muted)}.plan-card-cta{align-self:end}.credit-pack-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--hairline)}.credit-pack-row:first-of-type{border-top:none}.credit-pack-name{margin:0;font-weight:500}.earn-card{display:grid;gap:var(--space-3);justify-items:start}.ways-to-get-more{margin:0}.pixel-art{display:block;width:100%;height:auto;image-rendering:auto}.pixel-art.is-missing{background:var(--surface-1)}.paywall-sheet{width:100%;max-width:420px;margin:auto auto 0;padding:0;border:none;background:transparent;color:var(--text)}.paywall-sheet::backdrop{background:var(--scrim)}.paywall-card{padding:var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg),var(--highlight)}.paywall-sound{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--text-dim)}.paywall-title{margin:0;letter-spacing:var(--track-tight)}.paywall-sub{margin:var(--space-2) 0 var(--space-3);color:var(--text-dim)}.paywall-perks{margin:0 0 var(--space-4);padding-left:var(--space-4);display:grid;gap:var(--space-1);color:var(--text-dim);font-size:var(--text-sm)}.paywall-card .btn-primary{width:100%}@media (min-width: 720px){.paywall-sheet{margin:auto}.paywall-card{border-radius:var(--radius-lg)}}.create-head{max-width:700px;margin:0 auto 1.6rem;text-align:center}.create-hero h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.25rem);max-width:680px;margin:0 auto .35rem;letter-spacing:var(--track-tight)}.create-hero>.muted{max-width:620px;margin:0 auto;font-size:1.02rem}.create-kicker,.journey-eyebrow{margin:0 0 .35rem;color:var(--accent-2);font-size:.7rem;font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase}.composer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:start;gap:1.25rem}.composer-story{min-width:0}.composer-plan{position:sticky;top:76px;display:flex;flex-direction:column;gap:1rem;background:radial-gradient(120% 55% at 50% 0%,var(--mood-soft),transparent 60%),var(--card)}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.creation-journey{overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-md),var(--highlight)}.journey-step{position:relative}.creation-journey .journey-step{padding:1.35rem}.creation-journey .journey-step+.journey-step{border-top:1px solid var(--border)}.journey-step-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.85rem;margin-bottom:1rem}.journey-step-heading h2{margin-bottom:.3rem}.journey-step-heading .muted{margin:0;font-size:.9rem}.journey-step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;color:var(--text-dim);background:var(--surface-1);font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums}.journey-inline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1rem 0 .65rem}.journey-inline-heading h3{margin:0}.choice-card-grid,.routine-card-grid,.taste-card-grid{display:grid;gap:.6rem}.choice-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{position:relative;display:flex;align-items:flex-start;gap:.65rem;min-height:94px;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.choice-card:hover:not(:disabled),.routine-card:hover:not(:disabled),.taste-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2)}.choice-card.selected,.routine-card.selected,.taste-card.selected{border-color:var(--state);background:var(--state-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--state) 8%,transparent)}.choice-card:disabled,.routine-card:disabled,.taste-card:disabled{opacity:.5;cursor:not-allowed}.choice-card-symbol{color:var(--text-dim);font-size:1.2rem;line-height:1}.choice-card-copy{display:flex;flex-direction:column;gap:.2rem}.choice-card-copy strong{font-size:.92rem}.choice-card-copy span{color:var(--text-dim);font-size:.78rem;line-height:1.35}.choice-card-check{position:absolute;right:.55rem;bottom:.45rem;color:var(--state-2);font-weight:800}.vocal-character-reveal{animation:reveal-step .22s var(--ease) both}.journey-privacy-note{margin:.65rem 0 0;color:var(--muted);font-size:.76rem}.routine-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-card,.taste-card{display:flex;align-items:center;gap:.5rem;min-height:50px;padding:.65rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-dim);font:inherit;font-size:.82rem;font-weight:600;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.routine-card.selected,.taste-card.selected{color:var(--text)}.routine-symbol,.taste-symbol{flex-shrink:0;color:var(--text-dim);font-size:1rem}.taste-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.taste-card{flex-direction:column;justify-content:center;gap:.25rem;min-height:72px;text-align:center}.journey-selection-note{margin:.65rem 0 0}@keyframes reveal-step{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.intent-input{font-size:1.2rem;line-height:1.55;min-height:84px;resize:vertical;letter-spacing:-.01em}.intent-input.diary-input,.intent-input.diary-input::placeholder{font-family:var(--font-diary)}.intent-input.diary-input{font-size:1.05rem;letter-spacing:normal}.suggestion-row{margin-top:.85rem}.mobile-generate{display:none;width:100%;margin-top:1rem}.intent-hint{margin:.6rem 0 0}.intent-hint kbd{font:inherit;padding:.05em .35em;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-1);color:var(--text-dim)}.plan-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.plan-topline h2{margin:0}.plan-art-stage{position:relative;display:grid;place-items:center;min-height:180px;isolation:isolate}.plan-art-stage .cover-art{position:relative;z-index:1;box-shadow:var(--shadow-lg)}.plan-art-halo{position:absolute;width:190px;height:190px;border:1px solid var(--border-strong);border-radius:50%;background:radial-gradient(circle,var(--surface-1),transparent 68%);animation:recipe-breathe 4.5s ease-in-out infinite}.recipe-copy{display:flex;flex-direction:column;gap:.25rem;text-align:center}.recipe-copy strong{overflow:hidden;font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap}.recipe-signals{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.recipe-signal{padding:.28rem .6rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1)}.composer-plan .style-row{justify-content:center}.context-chip{justify-content:center;width:100%;height:auto;min-height:34px;padding:.4rem .75rem;white-space:normal;text-align:center}.recipe-context-link,.plan-allowance{margin:0;text-align:center}.plan-actions{display:grid;gap:.55rem}.plan-actions .btn{width:100%}.btn-generate{font-size:1.02rem;padding:.8rem 1.5rem}.recommendation-panel{display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.recommendation-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.recommendation-head h3{margin:0;font-size:var(--text-base)}.plan-actions .recommendation-head .btn{width:auto}.recommendation-panel>p{margin:0}.recommendation-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.recommendation-item{display:flex;align-items:center;gap:var(--space-3)}.recommendation-item .cover-art{flex-shrink:0;border-radius:var(--radius-sm)}.recommendation-meta{display:grid;gap:var(--space-1);flex:1;min-width:0}.recommendation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes recipe-breathe{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.04);opacity:1}}.wheel-section{display:flex;flex-direction:column}.mood-wheel{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,176,32,.14),transparent 70%),conic-gradient(from 90deg,#22d3a5,#ffb020,#ff5e3a,#1f8fb5,#22d3a5);border:1px solid var(--border);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 44px #0000008c}.mood-wheel:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring),inset 0 0 44px #0000008c}.wheel-axis{position:absolute;background:#ffffff1f}.wheel-axis-x{left:0;right:0;top:50%;height:1px}.wheel-axis-y{top:0;bottom:0;left:50%;width:1px}.wheel-label{position:absolute;font-size:.7rem;font-weight:600;color:#ffffffc7;text-shadow:0 1px 3px rgba(0,0,0,.6);transform:translate(-50%,-50%)}.wheel-top{left:50%;top:8%}.wheel-bottom{left:50%;top:92%}.wheel-left{left:12%;top:50%}.wheel-right{left:88%;top:50%}.wheel-thumb{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--state);transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000008c;pointer-events:none}.cover-upload-row{display:flex;align-items:center;gap:.75rem;margin-top:.6rem}.style-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.style-pill-wrap{position:relative}.style-pill{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--muted);padding:.32rem .8rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.style-pill:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface-1)}.style-pill:disabled{opacity:.5;cursor:not-allowed}.style-pill.chosen{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.style-pill.detected{background:var(--accent-soft);border-style:dashed;border-color:var(--state);color:var(--text-dim)}.style-pill.open{border-color:var(--state);color:var(--text)}.style-options{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;display:flex;flex-wrap:wrap;gap:.4rem;width:max-content;max-width:min(340px,78vw);padding:.7rem;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--highlight)}.style-options-question{flex-basis:100%;margin:0}.assist-section,.assist-panel{display:flex;flex-direction:column;gap:.7rem}.assist-thread{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto}.assist-msg{display:flex;flex-direction:column;gap:.15rem;max-width:85%}.assist-msg-user{align-self:flex-end;align-items:flex-end}.assist-bubble{margin:0;padding:.55rem .85rem;border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--border);font-size:.95rem;line-height:1.45;white-space:pre-wrap}.assist-msg-user .assist-bubble{background:var(--accent-soft);border-color:var(--state)}.assist-msg-error .assist-bubble{border-color:var(--danger);color:var(--text-dim)}.assist-thinking{color:var(--muted)}.assist-context{margin:0;padding:0 .3rem}.assist-offer{border:1px dashed var(--state-ring);border-radius:var(--radius);padding:.65rem .85rem;display:flex;flex-direction:column;gap:.5rem;background:var(--state-soft)}.assist-offer p{margin:0}.assist-bar{align-items:center}.assist-input{flex:1}@media (max-width: 840px){.composer-layout{grid-template-columns:1fr}.composer-plan{position:static}.mobile-generate{display:inline-flex}.taste-card-grid{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}.taste-card{scroll-snap-align:start}}@media (max-width: 720px){.create-grid,.choice-card-grid-three,.choice-card-grid-four{grid-template-columns:1fr}.choice-card{min-height:78px}.routine-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-inline-heading{align-items:flex-start;flex-direction:column;gap:.2rem}.intent-input{font-size:1.08rem}.create-head{margin-bottom:.85rem}.create-head h1{font-size:2rem;margin-bottom:.2rem}.create-head .muted{font-size:.9rem}.intent-hint{display:none}.journey-step-heading{grid-template-columns:30px minmax(0,1fr);gap:.65rem}.journey-step-number{width:28px;height:28px}.creation-journey .journey-step{padding:1.1rem}.plan-art-stage{min-height:160px}}@media (prefers-reduced-motion: reduce){.vocal-character-reveal,.plan-art-halo,.mood-ping{animation:none}}.mood-pick,.mood-ping{display:flex;gap:1rem;align-items:center;padding:.9rem 1rem;margin-bottom:1.25rem}.mood-pick-copy,.mood-ping-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.mood-pick-copy p,.mood-ping-copy p{margin:0}.mood-pick-title{margin:0;font-size:1rem}.mood-pick-reset{align-self:flex-start}.mood-ping{position:relative;animation:reveal-step .3s var(--ease) both}.mood-ping-copy{padding-right:1.6rem}.mood-ping-dismiss{position:absolute;top:.45rem;right:.45rem}@media (max-width: 720px){.mood-pick,.mood-ping{flex-direction:column;align-items:flex-start}}.feed-controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.autoplay-toggle{flex-shrink:0}.autoplay-toggle.on{color:var(--state-2);border-color:var(--state);background:var(--state-soft)}.up-next{margin:0 0 .75rem;font-size:.85rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-next-label{color:var(--muted);text-transform:uppercase;letter-spacing:var(--track-caps);font-size:.72rem;margin-right:.4rem}.feed-list{display:flex;flex-direction:column;gap:.5rem}.melody-card{position:relative;padding:.7rem .9rem;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.melody-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--highlight)}.melody-card.current{border-color:var(--accent-ring);background:linear-gradient(90deg,var(--accent-soft) 0%,transparent 42%)}.melody-card.current:before{content:"";position:absolute;inset:.55rem auto .55rem 0;width:3px;border-radius:var(--radius-pill);background:var(--state)}.melody-card .cover-art{box-shadow:0 0 0 1px var(--mood-line),var(--shadow-sm)}.melody-card.current .cover-art{box-shadow:var(--shadow-sm)}.melody-head{display:flex;align-items:center;gap:.75rem}.melody-meta{flex:1;min-width:0}.melody-title{margin:0;font-size:1.02rem;letter-spacing:-.01em}.melody-title a{color:inherit}.melody-title a:hover{color:var(--accent-2);text-decoration:none}.melody-submeta{margin:.1rem 0 0;font-size:.85rem;color:var(--text-dim);display:flex;align-items:center;gap:.35rem;min-width:0}.melody-author{font-size:.85rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.melody-author:hover{color:var(--text);text-decoration:none}.melody-duration{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.melody-daystamp{font-family:var(--font-diary);font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.melody-reason{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--track-caps);flex-shrink:0}.melody-actions{display:flex;align-items:center;gap:.55rem;margin-top:.6rem;flex-wrap:wrap}.comments{margin-top:.95rem;border-top:1px solid var(--border);padding-top:.85rem}.comment-list{list-style:none;padding:0;margin:0 0 .7rem;display:flex;flex-direction:column;gap:.45rem}.comment{font-size:.9rem}.comment.muted{color:var(--muted)}.comment-author{color:var(--accent-2);font-weight:600}.comment-form{display:flex;gap:.5rem}.profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem;margin-bottom:1.25rem;background:radial-gradient(120% 70% at 50% 0%,var(--mood-soft),transparent 60%),var(--card)}.profile-lead{flex:1;min-width:0}.profile-sound-block{display:flex;align-items:center;gap:.9rem;min-width:0}.profile-head .play-btn{width:56px;height:56px;min-width:56px}.profile-id{min-width:0}.profile-id h1{margin:0;letter-spacing:var(--track-tight);font-weight:650}.profile-bio{margin:.6rem 0 0;color:var(--text-dim);font-family:var(--font-diary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-stats{margin:.45rem 0 0;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.history-list{list-style:none;padding:0 0 0 1.4rem;margin:0;position:relative;display:flex;flex-direction:column;gap:.35rem}.history-list:before{content:"";position:absolute;left:5px;top:.6rem;bottom:.6rem;width:1px;background:var(--border)}.history-item{position:relative;display:flex;align-items:center;gap:.8rem;padding:.4rem;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease)}.history-item:hover{background:var(--surface-1)}.history-item:before{content:"";position:absolute;left:calc(.5px - 1.4rem);top:50%;margin-top:-5px;width:10px;height:10px;border-radius:50%;background:var(--mood-line)}.history-title{flex:1;min-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{color:var(--text-dim);flex-shrink:0}.history-item .daily-stamp{margin:0;flex-shrink:0;animation:none}.melody-page-head{display:flex;align-items:flex-start;gap:1.1rem}.melody-page-meta h1{margin:0 0 .2rem;font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem)}.melody-page-stats{margin-top:.55rem;font-variant-numeric:tabular-nums}.made-on-mark{text-align:center;margin-top:.5rem}@media (max-width: 720px){.melody-card{padding:.7rem .8rem}.melody-card:hover{transform:none}.melody-card .mood-badge,.history-item .daily-stamp-label{display:none}.history-item .daily-stamp-label+.daily-stamp-date:before{content:none}.melody-title{font-size:.98rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-head{flex-direction:column;padding:1.25rem}.history-item .mood-badge{display:none}.history-item{gap:.5rem}.history-title{min-width:4rem}}.daily-hero{position:relative;margin-bottom:1.1rem;padding:1.1rem 1.15rem;border-radius:var(--radius-lg);background:var(--card);border-color:var(--border-strong);transition:padding var(--dur) var(--ease)}.daily-hero.is-claimed{padding:.75rem 1.15rem}.daily-hero.is-gift{padding:1.45rem 1.15rem 1.65rem}.daily-hero .cover-art{animation:gift-in var(--dur-ceremony) var(--ease-settle) both}.daily-hero-main{display:flex;gap:var(--space-4);align-items:flex-start}.daily-hero-lead{display:flex;align-items:center;gap:var(--space-3)}.daily-hero-body{min-width:0;flex:1}.daily-eyebrow{margin:0 0 .15rem;font-size:.72rem;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent-2)}.daily-date{font-family:var(--font-diary);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text-dim)}.daily-stamp{display:inline-flex;align-items:center;gap:.3rem;margin:0 0 .35rem;padding:var(--pill-pad);background:var(--state-soft);border:1px solid var(--state-ring);border-radius:var(--radius-pill);color:var(--stamp-ink);font-size:var(--text-xs);font-weight:600;animation:stamp-in var(--dur-stamp) var(--ease-settle) both}.daily-stamp-check{display:block;flex-shrink:0}.daily-stamp-label+.daily-stamp-date:before{content:"· "}.daily-stamp-date+.daily-stamp-streak:before{content:"· "}.daily-hero-title{margin:0 0 .3rem;font-size:1.3rem;line-height:1.25}.daily-hero-title a{color:inherit;text-decoration:none}.daily-hero-title a:hover{text-decoration:underline}.daily-reasons{margin:0 0 .7rem;font-size:.85rem;color:var(--text-dim)}.daily-hero-actions{gap:var(--space-2);flex-wrap:wrap}@media (max-width: 720px){.daily-hero-main{flex-direction:column}.daily-hero .cover-art{width:72px;height:72px}.daily-hero-title{font-size:var(--text-lg);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (prefers-reduced-motion: reduce){.daily-hero .cover-art,.daily-stamp{animation:none}}.daily-gift-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.streak-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--pill-pad);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-dim);white-space:nowrap}.streak-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--state)}.gift-cover{display:block;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-strong);line-height:0}.gift-cover .cover-art{filter:saturate(.3) brightness(.85) blur(5px);transform:scale(1.08)}.gift-provenance{margin:0 0 var(--space-3);font-size:var(--text-sm)}.mood-strip{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.mood-strip-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.mood-strip-title{margin:0;font-size:var(--text-sm);font-weight:600}.mood-strip-dots{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0}.mood-strip-dot{width:12px;height:12px;border-radius:50%;background:var(--mood-line)}.mood-strip-dot.is-empty{background:transparent;border:1px solid var(--border-strong)}.mood-strip-dot.is-today{box-shadow:0 0 0 2px var(--state-2)}.mood-strip-caption{margin:var(--space-2) 0 0}.tomorrow-teaser{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.tomorrow-teaser-eyebrow{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--state-2)}.tomorrow-teaser-copy{margin:0;font-size:var(--text-sm);color:var(--text-dim)}.daily-claim-ack{margin:var(--space-2) 0 0}.daily-claim-ack .daily-stamp{margin:0}.daily-spent{display:flex;flex-direction:column;gap:var(--space-2)}.history-calendar{margin-top:var(--space-2)}.history-calendar-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600}.history-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);max-width:320px}.history-calendar-head{font-size:var(--text-xs);color:var(--muted);text-align:center}.history-calendar-day{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-family:inherit;font-size:var(--text-xs)}button.history-calendar-day{cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}button.history-calendar-day:hover{background:var(--surface-1);border-color:var(--border-strong)}.history-calendar-day.is-today{border-color:var(--state-2)}.history-calendar-dot{width:8px;height:8px;border-radius:50%;background:var(--mood-line)}.history-calendar-caption{margin:var(--space-2) 0 0}.play-btn svg,.transport-btn svg,.icon-btn svg{display:block;flex-shrink:0}.now-playing-spacer{height:var(--player-bar-height)}.now-playing-bar{position:fixed;left:0;right:0;bottom:var(--tab-bar-height);z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.6fr) auto;grid-template-areas:"track transport scrubber aside";align-items:center;gap:1rem;padding:.6rem 1.25rem;background:var(--glass-bar);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid transparent;box-shadow:var(--shadow-lg),var(--highlight)}.now-playing-bar:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--sunline);pointer-events:none}.now-playing-bar.playing:before{background:var(--sunline-mood)}.now-playing-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mood-glow);opacity:0;transition:opacity var(--dur-ambient);pointer-events:none}.now-playing-bar.playing:after{opacity:1}.now-playing-track{grid-area:track;display:flex;align-items:center;gap:.7rem;min-width:0}.now-playing-bar>.transport{grid-area:transport}.now-playing-bar>.scrubber{grid-area:scrubber}.now-playing-aside{grid-area:aside;display:flex;align-items:center;gap:.4rem}.now-playing-meta{display:flex;flex-direction:column;min-width:0}.now-playing-title{color:var(--text);font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-meta .melody-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq{display:flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0;--eq-rest: .3}.eq i{width:3px;height:14px;border-radius:var(--radius-pill);background:var(--mood-ink);transform:scaleY(var(--eq-rest));transform-origin:bottom}.playing .eq:not(.is-live) i{animation:eq-dance 1.1s ease-in-out infinite alternate}.playing .eq:not(.is-live) i:nth-child(2){animation-duration:.9s;animation-delay:.15s}.playing .eq:not(.is-live) i:nth-child(3){animation-duration:1.3s;animation-delay:.05s}@keyframes eq-dance{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.eq.is-live i{transform:scaleY(calc(var(--eq-rest) + (1 - var(--eq-rest)) * var(--eq-level, 0)));transition:transform 90ms linear}.transport{display:flex;align-items:center;gap:.4rem}.transport-btn{background:none;border:none;color:var(--text-dim);font-size:1rem;line-height:1;cursor:pointer;width:34px;height:34px;border-radius:var(--radius-pill);display:grid;place-items:center;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.transport-btn:hover:not(:disabled){color:var(--text);background:var(--surface-1)}.transport-btn:disabled{opacity:.35;cursor:not-allowed}.transport-compact .play-btn{width:38px;height:38px;min-width:38px;font-size:.85rem}.transport-large{gap:1rem}.transport-large .play-btn{width:66px;height:66px;min-width:66px;font-size:1.4rem}.transport-large .transport-btn{width:46px;height:46px;font-size:1.4rem}.playback-modes{display:flex;align-items:center;gap:.2rem}.scrubber{display:flex;align-items:center;gap:.6rem;min-width:0}.scrubber-time{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--muted);min-width:34px;text-align:center}.scrubber-rail{position:relative;flex:1;min-width:0;height:18px;display:flex;align-items:center}.scrubber-rail:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:var(--radius-pill);background:var(--surface-2)}.scrubber-buffered{position:absolute;left:0;height:4px;border-radius:var(--radius-pill);background:var(--rail)}.scrubber-played{position:absolute;left:0;height:4px;border-radius:var(--radius-pill);background:var(--state)}.scrubber-input{position:absolute;left:0;width:100%;height:18px;margin:0;padding:0;background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scrubber-input:focus{box-shadow:none}.scrubber-input::-webkit-slider-runnable-track{height:4px;background:transparent}.scrubber-input::-moz-range-track{height:4px;background:transparent}.scrubber-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:#fff;border:2px solid var(--state);box-shadow:var(--shadow-sm)}.scrubber-input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--state);box-shadow:var(--shadow-sm)}.scrubber-input:disabled{cursor:default}.scrubber-input:disabled::-webkit-slider-thumb{opacity:0}.scrubber-input:disabled::-moz-range-thumb{opacity:0}.volume-control{display:flex;align-items:center;gap:.3rem}.volume-input{width:86px;padding:0;border:none;background:transparent;accent-color:var(--state)}.volume-input:focus{box-shadow:none}.player-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1.5rem 2rem;overflow-y:auto;animation:player-screen-in var(--dur) var(--ease)}.player-screen-bar{width:100%;display:flex}.player-screen-art{line-height:0}.player-screen-art .cover-art{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:min(78vw,34vh);height:auto}.player-screen-meta{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.player-screen-title{margin:0;font-size:1.5rem;letter-spacing:-.02em}.player-screen-title a{color:var(--text)}.player-screen-intent{margin:.3rem 0 0;max-width:42ch;color:var(--text-dim);font-family:var(--font-diary)}.player-screen-stats{justify-content:center}.player-screen .scrubber{width:100%;max-width:560px}.player-screen-controls{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:wrap}@media (max-height: 800px){.player-screen{gap:.75rem;padding-bottom:1.25rem}.player-screen-art .cover-art{max-width:min(78vw,26vh)}}@media (max-height: 660px){.player-screen-art .cover-art{max-width:min(78vw,21vh)}}@keyframes player-screen-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width: 720px){:root{--player-bar-height: 104px}.now-playing-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track transport" "scrubber scrubber";gap:.5rem .75rem;padding:.55rem .9rem .7rem}.now-playing-aside{display:none}.player-screen-controls{gap:1rem}}@media (prefers-reduced-motion: reduce){.player-screen{animation:none}.now-playing-bar:after{transition:none}.playing .eq i,.playing .eq.is-live i{animation:none;transform:scaleY(.65)}}.player-queue{margin-top:.4rem;border-top:1px solid var(--border);padding-top:.4rem}.player-queue-head{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin:0 0 .5rem;padding:.3rem;border:0;border-radius:var(--radius-sm);background:transparent;font-family:inherit;font-size:.72rem;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease)}.player-queue-head:hover,.player-queue-head[aria-expanded=true]{color:var(--text-dim)}.player-queue-caret{font-size:.9em;line-height:1}.player-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;max-height:26vh;overflow-y:auto}.player-queue-list[hidden]{display:none}.player-queue-item{display:flex;align-items:center;gap:.6rem;padding:.3rem .35rem;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease)}.player-queue-item:hover{background:var(--surface-1)}.player-queue-title{flex:1 1 6rem;min-width:5rem;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-queue-author{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-queue-remove{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-family:inherit;font-size:.8rem;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.player-queue-remove:hover{background:var(--surface-2);color:var(--text)}@media (max-width: 720px){.player-queue-author{display:none}}.lean-artwork-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.lean-artwork{line-height:0;border-radius:var(--radius);outline:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);touch-action:none}.lean-artwork:focus-visible{box-shadow:0 0 0 2px var(--state-2)}.lean-artwork-toward{transform:translateY(-4px);box-shadow:0 0 0 2px var(--state)}.lean-artwork-away{transform:translateY(2px);box-shadow:0 0 0 1px var(--border-strong);opacity:.72}.lean-actions{display:flex;gap:var(--space-2)}.lean-actions .chip-btn.is-leaned{border-color:var(--state);color:var(--state-2);background:var(--state-soft)}@media (prefers-reduced-motion: reduce){.lean-artwork{transition:none}.lean-artwork-toward,.lean-artwork-away{transform:none}}.onb-page{display:flex;flex-direction:column;gap:1.1rem}.onb-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.onb-progress{display:flex;gap:.9rem;margin:0;padding:0;list-style:none;flex:1;min-width:0}.onb-progress-step{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:.45rem;row-gap:.3rem;flex:1;min-width:0;color:var(--muted)}.onb-progress-step.active{color:var(--text)}.onb-progress-step.done{color:var(--text-dim)}.onb-progress-orb{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border);font-size:.8rem;font-weight:700;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.onb-progress-step.active .onb-progress-orb{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--state-2)}.onb-progress-step.done .onb-progress-orb{background:var(--surface-2);color:var(--success)}.onb-progress-label{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb-progress-rail{grid-column:1 / -1;height:4px;border-radius:var(--radius-pill);background:var(--surface-1);overflow:hidden}.onb-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--state);transition:width .5s var(--ease)}.onb-progress-wrap{display:flex;align-items:flex-end;gap:.9rem;flex:1;min-width:0}.onb-progress-wrap .onb-progress{flex:1}.onb-signature-texture{position:relative;display:flex;align-items:flex-end;gap:3px;height:26px;flex-shrink:0}.onb-signature-bar{width:5px;border-radius:var(--radius-pill) var(--radius-pill) 1px 1px;transition:height .4s var(--ease),background .4s var(--ease)}.onb-signature-pop{position:absolute;bottom:100%;right:0;margin-bottom:.3rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--state-soft);border:1px solid var(--state-ring);color:var(--state-2);font-size:.72rem;font-weight:700;white-space:nowrap;animation:onb-signature-pop-in 1.1s var(--ease) both}@keyframes onb-signature-pop-in{0%{opacity:0;transform:translateY(4px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.05)}30%{transform:translateY(0) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.96)}}.onb-welcome-levels{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.onb-welcome-level{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}.onb-welcome-level p{margin:.1rem 0 0}.onb-section{display:flex;flex-direction:column;gap:.9rem}.onb-counter{margin:0;letter-spacing:.04em;text-transform:uppercase}.onb-prompt{margin:0;font-size:1.25rem;font-weight:650;letter-spacing:-.01em;line-height:1.35}.onb-framing{margin:0 0 .2rem}.onb-scale{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem 0}.onb-scale-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-dim);font-family:inherit;font-weight:650;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.onb-scale-dot.magnitude-0{width:40px;height:40px;font-size:.85rem}.onb-scale-dot.magnitude-1{width:46px;height:46px;font-size:.9rem}.onb-scale-dot.magnitude-2{width:54px;height:54px;font-size:.95rem}.onb-scale-dot.magnitude-3{width:62px;height:62px;font-size:1rem}.onb-scale-dot:hover:not(:disabled),.onb-scale-dot:focus-visible{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--text);transform:scale(1.06)}.onb-scale-hints{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.onb-clip-cards{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.onb-clip-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.4rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-2);box-shadow:var(--highlight);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.onb-clip-card:hover,.onb-clip-card:focus-within{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-md),var(--highlight)}.onb-clip-card.playing{border-color:var(--accent-ring);box-shadow:var(--shadow-md)}.onb-clip-play{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:1.3rem;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.onb-clip-play:hover{background:var(--accent-soft);border-color:var(--accent-ring);transform:scale(1.05)}.onb-clip-card.playing .onb-clip-play{background:var(--state-soft);color:var(--state-2);border-color:var(--state)}.onb-clip-name{font-size:.85rem;font-weight:650;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.persona-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.6rem 1.4rem;text-align:center}.persona-eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--state-2)}.persona-bloom{width:180px;height:180px}.persona-label{margin:0;font-size:1.6rem;letter-spacing:-.02em}.persona-reading{margin:0;max-width:34ch}.persona-factors{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:380px;margin:.4rem 0 0;padding:0;list-style:none}.persona-factor{display:grid;grid-template-columns:8.5rem 1fr 2.2rem;align-items:center;gap:.6rem;text-align:left}.persona-factor-label{font-size:.85rem;font-weight:600;color:var(--text-dim)}.persona-factor-meter{display:block;height:6px;border-radius:var(--radius-pill);background:var(--surface-1);overflow:hidden}.persona-factor-fill{display:block;height:100%;border-radius:inherit}.persona-factor-value{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.persona-actions{margin-top:.4rem}.onb-reveal-actions{justify-content:center}@media (max-width: 560px){.onb-progress-label{display:none}.onb-clip-cards{grid-template-columns:1fr}.onb-scale-dot.magnitude-2{width:48px;height:48px}.onb-scale-dot.magnitude-3{width:52px;height:52px}.persona-factor{grid-template-columns:7rem 1fr 2.2rem}}.onb-quiz-live{position:relative;isolation:isolate}.onb-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:var(--atmosphere-opacity, .7);transition:opacity .6s var(--ease)}.onb-atmosphere:before,.onb-atmosphere:after{content:"";position:absolute;top:-25%;right:-20%;bottom:-25%;left:-20%;filter:blur(var(--atmosphere-blur, 48px))}.onb-atmosphere:before{background:radial-gradient(38% 32% at 24% 30%,var(--accent-soft),transparent 72%);animation:onb-atmosphere-drift var(--atmosphere-drift, 18s) ease-in-out infinite alternate}.onb-atmosphere:after{background:radial-gradient(34% 30% at 76% 62%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 74%);animation:onb-atmosphere-drift-reverse var(--atmosphere-drift, 18s) ease-in-out infinite alternate;animation-delay:-3s}@keyframes onb-atmosphere-drift{0%{transform:translate3d(-3%,-2%,0) scale(var(--atmosphere-spread, 1))}to{transform:translate3d(3%,3%,0) scale(calc(var(--atmosphere-spread, 1) * 1.08))}}@keyframes onb-atmosphere-drift-reverse{0%{transform:translate3d(3%,2%,0) scale(var(--atmosphere-spread, 1))}to{transform:translate3d(-3%,-3%,0) scale(calc(var(--atmosphere-spread, 1) * 1.05))}}.onb-atmosphere-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--atmosphere-structure, 0);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;transition:opacity .6s var(--ease)}.onb-atmosphere-pulse{position:absolute;top:68%;left:var(--atmosphere-pulse-x, 50%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:var(--radius-pill);background:radial-gradient(circle,var(--accent-2),transparent 70%);animation:onb-atmosphere-pulse .7s var(--ease-settle) both}@keyframes onb-atmosphere-pulse{0%{transform:scale(.3);opacity:.85}to{transform:scale(22);opacity:0}}.onb-step-slide-even{animation:onb-step-in-even .32s var(--ease) both}.onb-step-slide-odd{animation:onb-step-in-odd .32s var(--ease) both}@keyframes onb-step-in-even{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes onb-step-in-odd{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes onb-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onb-scale.has-landed .onb-scale-dot:not(.landed){opacity:.35;transform:scale(.92)}.onb-scale .onb-scale-dot.landed{background:var(--state-soft);border-color:var(--state);color:var(--state-2);animation:onb-dot-land .19s var(--ease) both}@keyframes onb-dot-land{0%{transform:scale(1)}55%{transform:scale(1.22)}to{transform:scale(1.08)}}.onb-clip-eq{display:flex;align-items:flex-end;gap:3px;height:16px}.onb-clip-eq span{width:3px;height:100%;border-radius:var(--radius-pill);background:var(--border-strong);transform-origin:bottom}.onb-clip-eq span:nth-child(1){transform:scaleY(.3125)}.onb-clip-eq span:nth-child(2){transform:scaleY(.6875)}.onb-clip-eq span:nth-child(3){transform:scaleY(.4375)}.onb-clip-eq span:nth-child(4){transform:scaleY(.8125)}.onb-clip-card.playing .onb-clip-eq span{background:var(--accent-2)}.onb-clip-card.playing .onb-clip-eq:not(.is-live) span{animation:onb-eq .9s ease-in-out infinite}.onb-clip-card.playing .onb-clip-eq:not(.is-live) span:nth-child(2){animation-duration:.7s;animation-delay:-.2s}.onb-clip-card.playing .onb-clip-eq:not(.is-live) span:nth-child(3){animation-duration:1.1s;animation-delay:-.4s}.onb-clip-card.playing .onb-clip-eq:not(.is-live) span:nth-child(4){animation-duration:.8s;animation-delay:-.6s}@keyframes onb-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.onb-clip-eq.is-live span{transition:transform 90ms linear}.onb-clip-card.playing{animation:onb-card-breathe 2.6s ease-in-out infinite}@keyframes onb-card-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.onb-clip-cards.has-choice .onb-clip-card:not(.won){opacity:.35;transform:scale(.96)}.onb-clip-card.won{border-color:var(--accent-ring);box-shadow:var(--shadow-md);animation:onb-card-win .24s var(--ease) both}@keyframes onb-card-win{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1.02)}}.onb-progress-step.done .onb-progress-orb{animation:onb-orb-pop .32s var(--ease)}@keyframes onb-orb-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.onb-welcome{position:relative;isolation:isolate}.onb-welcome:before{content:"";position:absolute;top:-20%;right:-30%;bottom:-20%;left:-30%;z-index:-1;pointer-events:none;background:radial-gradient(40% 34% at 20% 15%,var(--accent-soft),transparent 70%),radial-gradient(34% 30% at 80% 55%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 72%);animation:onb-ambient-drift 16s ease-in-out infinite alternate}@keyframes onb-ambient-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}.onb-welcome .create-head,.onb-welcome-level{animation:onb-fade-up .4s var(--ease) both}.onb-welcome-level:nth-child(1){animation-delay:.08s}.onb-welcome-level:nth-child(2){animation-delay:.16s}.onb-welcome-level:nth-child(3){animation-delay:.24s}.onb-welcome .row.gap{animation:onb-fade-up .4s var(--ease) .34s both}.onb-welcome-level .onb-progress-orb{animation:onb-orb-float 4.5s ease-in-out infinite alternate}.onb-welcome-level:nth-child(2) .onb-progress-orb{animation-delay:-1.5s}.onb-welcome-level:nth-child(3) .onb-progress-orb{animation-delay:-3s}@keyframes onb-orb-float{0%{transform:translateY(1.5px)}to{transform:translateY(-2.5px)}}.onb-reveal .create-head{animation:onb-fade-up .4s var(--ease) both}.onb-reveal-actions{animation:onb-fade-up .45s var(--ease) 1.15s both}.persona-card{animation:onb-persona-in .5s var(--ease) both}@keyframes onb-persona-in{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.persona-eyebrow{animation:onb-fade-up .35s var(--ease) .1s both}.persona-bloom{animation:onb-fade-up .45s var(--ease) .15s both}.persona-ring{stroke-dasharray:100;stroke-dashoffset:100;animation:onb-ring-draw .9s var(--ease) .25s forwards}.persona-ring:nth-of-type(2){animation-delay:.35s}.persona-ring:nth-of-type(3){animation-delay:.45s}@keyframes onb-ring-draw{to{stroke-dashoffset:0}}.persona-bloom g{transform-box:view-box;transform-origin:center;animation:onb-petal-bloom .55s var(--ease) both}.persona-bloom g:nth-of-type(1){animation-delay:.3s}.persona-bloom g:nth-of-type(2){animation-delay:.38s}.persona-bloom g:nth-of-type(3){animation-delay:.46s}.persona-bloom g:nth-of-type(4){animation-delay:.54s}.persona-bloom g:nth-of-type(5){animation-delay:.62s}@keyframes onb-petal-bloom{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.persona-core{transform-box:view-box;transform-origin:center;animation:onb-core-pop .4s var(--ease) .7s both}@keyframes onb-core-pop{0%{opacity:0;transform:scale(0)}to{opacity:.95;transform:scale(1)}}.persona-factor-fill{transform-origin:left center;animation:onb-fill-grow .6s var(--ease) both}.persona-factor-value{animation:onb-fade-up .35s var(--ease) both}.persona-factor:nth-child(1) .persona-factor-fill,.persona-factor:nth-child(1) .persona-factor-value{animation-delay:.5s}.persona-factor:nth-child(2) .persona-factor-fill,.persona-factor:nth-child(2) .persona-factor-value{animation-delay:.59s}.persona-factor:nth-child(3) .persona-factor-fill,.persona-factor:nth-child(3) .persona-factor-value{animation-delay:.68s}.persona-factor:nth-child(4) .persona-factor-fill,.persona-factor:nth-child(4) .persona-factor-value{animation-delay:.77s}.persona-factor:nth-child(5) .persona-factor-fill,.persona-factor:nth-child(5) .persona-factor-value{animation-delay:.86s}@keyframes onb-fill-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.persona-label{animation:onb-label-land .45s var(--ease) 1s both}@keyframes onb-label-land{0%{opacity:0;transform:scale(1.18)}60%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.persona-reading{animation:onb-fade-up .4s var(--ease) 1.12s both}.persona-actions{animation:onb-fade-up .4s var(--ease) 1.24s both}@media (prefers-reduced-motion: reduce){.onb-step-slide-even,.onb-step-slide-odd,.onb-scale .onb-scale-dot.landed,.onb-clip-card.playing,.onb-clip-card.playing .onb-clip-eq:not(.is-live) span,.onb-clip-card.won,.onb-progress-step.done .onb-progress-orb,.onb-welcome:before,.onb-welcome .create-head,.onb-welcome-level,.onb-welcome-level .onb-progress-orb,.onb-welcome .row.gap,.onb-reveal .create-head,.onb-reveal-actions,.persona-card,.persona-eyebrow,.persona-bloom,.persona-bloom g,.persona-core,.persona-factor-fill,.persona-factor-value,.persona-label,.persona-reading,.persona-actions,.onb-atmosphere:before,.onb-atmosphere:after,.onb-atmosphere-pulse,.onb-signature-pop{animation:none}.persona-ring{animation:none;stroke-dashoffset:0}.onb-scale.has-landed .onb-scale-dot:not(.landed),.onb-clip-cards.has-choice .onb-clip-card:not(.won),.onb-clip-card:hover,.onb-clip-card:focus-within{transform:none}.onb-atmosphere-pulse{opacity:0}}.first-run{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:640px;margin-inline:auto}.first-run-step{display:flex;flex-direction:column;gap:var(--space-4)}.first-run-headline{margin:0;font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--track-tight);line-height:1.2}.first-run-sub{margin:calc(var(--space-3) * -1) 0 0;font-size:var(--text-base)}.first-run-note{margin:0}.first-run-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.first-run-wheel{display:flex;justify-content:center;padding:var(--space-2) 0}.first-run-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scroll-snap-type:x proximity}.first-run-chips .chip{flex:0 0 auto;scroll-snap-align:start}.first-run-progress{display:flex;flex-direction:column;gap:var(--space-2)}.first-run-progress-count{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.first-run-progress-rail{display:flex;gap:var(--space-1)}.first-run-progress-rail span{flex:1;height:var(--space-1);border-radius:var(--radius-pill);background:var(--rail)}.first-run-progress-rail .is-done{background:var(--state)}.first-run-progress-rail .is-current{background:var(--state-ring)}.first-run-scene{display:flex;flex-direction:column;gap:var(--space-3)}.first-run-scene-art{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md)}.first-run-scene-setup{margin:0;font-size:var(--text-base);color:var(--text-dim)}.first-run-answer-pick{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font:inherit;text-align:center;cursor:pointer}.first-run-answer-pick:hover{background:var(--surface-2);border-color:var(--state-ring)}.onb-clip-card.won .first-run-answer-pick{background:var(--state-soft);border-color:var(--state)}.first-run-answer-label{font-size:var(--text-base);font-weight:700;line-height:1.3}.first-run-answer-hint{font-size:var(--text-sm);color:var(--text-dim)}.first-run-answer-cue{margin-top:var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.first-run-answer-pick:hover .first-run-answer-cue{color:var(--text)}.onb-clip-card.won .first-run-answer-cue{color:var(--state-2)}.first-run-scene-howto{margin:0;font-size:var(--text-sm);color:var(--text-dim)}.first-run-answer.playing:not(.won){animation:none}.first-run-answer{transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.first-run-answer .onb-clip-play{transition:transform var(--dur-fast) var(--ease)}.first-run-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center;animation:gift-in var(--dur-ceremony) var(--ease-settle) both}.first-run-type-eyebrow{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--state-2)}.first-run-type-character{width:256px;max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.first-run-type-code{margin:0;font-size:calc(var(--text-2xl) * 2);font-weight:800;line-height:1;letter-spacing:calc(var(--track-caps) * 3);padding-inline-start:calc(var(--track-caps) * 3)}.first-run-type-name{margin:0;font-size:var(--text-xl);font-weight:800;letter-spacing:var(--track-tight);line-height:1.2}.first-run-type-tagline{margin:0;font-size:var(--text-base);color:var(--text-dim)}.first-run-leans{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.lean-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.lean-bar-pole{color:var(--text-dim);font-weight:500}.lean-bar-pole.is-start{text-align:end}.lean-bar-pole.is-lead{color:var(--text);font-weight:700}.lean-bar-track{display:flex;height:var(--space-2);border-radius:var(--radius-pill);background:var(--rail);overflow:hidden}.lean-bar-fill{height:100%;border-radius:inherit;background:var(--state)}.lean-bar-fill.from-end{margin-inline-start:auto}.lean-bar.is-unasked .lean-bar-track{background:transparent;border:1px dashed var(--border-strong)}.first-run-reveal{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.first-run-reveal-art{flex:0 0 auto;line-height:0;animation:gift-in var(--dur-ceremony) var(--ease-settle) both}.first-run-reveal-art .cover-art{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--mood-line)}.first-run-reveal-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.first-run-reveal-title{margin:0;font-size:var(--text-lg);font-weight:700;letter-spacing:var(--track-tight)}.first-run-reveal-transport{display:flex;align-items:center;gap:var(--space-2)}.first-run-status{margin:0}.first-run-test-offer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.first-run-test-offer p{margin:0}.first-run-test-offer .first-run-reveal-title{font-size:var(--text-base)}.first-run-identity{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.first-run-identity .field{width:100%}.first-run-handle-row{display:flex;align-items:center;gap:var(--space-2)}.first-run-handle-row input{flex:1;min-width:0}.first-run-handle-at{color:var(--text-dim);font-size:var(--text-base)}@media (prefers-reduced-motion: reduce){.first-run-reveal-art,.first-run-type-card{animation:none}}@media (max-width: 560px){.first-run-headline{font-size:var(--text-xl)}.first-run-reveal{flex-direction:column;align-items:flex-start}.first-run-answer{flex-direction:row;padding:var(--space-3)}.first-run-answer-pick{flex:1;min-width:0}}.landing{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-7);padding-block:var(--space-6) var(--space-7)}.landing-hero{display:flex;flex-direction:column;gap:var(--space-4)}.landing-title{margin:0;font-size:calc(var(--text-2xl) * 1.35);font-weight:800;letter-spacing:var(--track-tight);line-height:1.05;text-wrap:balance}.landing-sub{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-lg);color:var(--text-dim)}.landing-prompt{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--highlight);transition:border-color var(--dur-fast) var(--ease)}.landing-prompt:focus-within{border-color:var(--state)}.landing-prompt textarea{resize:none;padding:var(--space-1) var(--space-2);border:0;background:transparent;font-size:var(--text-lg);line-height:1.4}.landing-prompt textarea:hover:not(:disabled),.landing-prompt textarea:focus{border:0;background:transparent}.landing-prompt-send{align-self:flex-end;padding-inline:var(--space-5)}.landing-fineprint{margin:0}.landing-showcase{display:flex;flex-direction:column;gap:var(--space-2)}.landing-showcase>p{margin:0 0 var(--space-2)}.landing-section-title{margin:0;font-size:var(--text-xl);font-weight:800;letter-spacing:var(--track-tight)}.sound-showcase{display:flex;flex-direction:column;gap:var(--space-4)}.sound-showcase-featured{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--card);border:1px solid var(--mood-line);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--highlight)}.sound-showcase-owner{margin:0;align-self:flex-start;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--mood-ink)}.sound-showcase-cover{max-width:100%;border-radius:var(--radius-sm);overflow:hidden;line-height:0}.sound-showcase-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.sound-showcase-title{margin:0;min-width:0;font-size:var(--text-lg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-showcase-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.sound-showcase-tile{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sound-showcase-tile p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-showcase-tile-play{padding:0;border:1px solid var(--mood-line);border-radius:var(--radius-sm);background:none;overflow:hidden;line-height:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.sound-showcase-tile-play:hover{transform:translateY(-1px)}.sound-showcase-tile-play[aria-pressed=true]{outline:2px solid var(--state);outline-offset:2px}.sound-showcase-tile-play .cover-art,.sound-showcase-tile-play svg,.sound-showcase-tile-play img{width:100%;height:auto}.sound-showcase-tile-title{font-size:var(--text-sm);font-weight:600}.landing-close{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}@media (min-width: 720px){.landing-title{font-size:calc(var(--text-2xl) * 1.8)}}.changelog-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.changelog-filter{display:flex;flex-wrap:wrap;gap:var(--space-2)}.changelog-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-dim);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.changelog-chip:hover{background:var(--surface-2);color:var(--text)}.changelog-chip[aria-pressed=true]{border-color:var(--border-strong);color:var(--text)}.changelog-chip[aria-pressed=false]{opacity:.45}.changelog-count{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}.changelog-summary{margin:0;color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.changelog-dot{width:7px;height:7px;border-radius:50%;background:var(--dot, var(--muted));flex:none}.changelog-chip-new,.changelog-note-new{--dot: var(--success)}.changelog-chip-better,.changelog-note-better{--dot: var(--accent-2)}.changelog-chip-fixed,.changelog-note-fixed{--dot: var(--danger)}.changelog-release+.changelog-release{margin-top:var(--space-6)}.changelog-date{font-family:var(--font-diary);font-weight:400;font-size:var(--text-lg);color:var(--text-dim);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.changelog-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.changelog-note{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--highlight);padding:var(--space-4)}.changelog-tag{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.changelog-note-title{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:650;line-height:1.35;letter-spacing:var(--track-tight);text-wrap:balance}.changelog-note-body{margin:0;color:var(--text-dim);font-size:var(--text-base);line-height:1.6;max-width:62ch}@media (max-width: 640px){.changelog-controls{align-items:flex-start;flex-direction:column}}.legal-page{max-width:72ch;margin:0 auto}.legal-head{margin-bottom:var(--space-6)}.legal-head h1{margin-top:var(--space-3)}.legal-meta{font-size:var(--text-sm);color:var(--text-dim)}.legal-index{margin-bottom:var(--space-6);border-top:1px solid var(--border-strong)}.legal-index-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--border-strong);font-size:var(--text-sm)}.legal-index-title{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-lg);font-weight:700}.legal-toc{padding:var(--space-4);margin-bottom:var(--space-6);background:var(--surface-1);border-radius:var(--radius-sm)}.legal-toc ol{display:grid;gap:var(--space-2);padding-left:var(--space-5);margin-bottom:0}.legal-section{margin-bottom:var(--space-6)}.legal-section h2{scroll-margin-top:calc(var(--space-7) * 2);font-size:var(--text-lg)}.legal-section p{line-height:1.7}.legal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.legal-actions .btn{min-height:44px;white-space:normal;text-align:center}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--space-4);row-gap:var(--space-1);font-size:var(--text-xs)}.legal-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:var(--space-1)}.legal-footer{width:100%;padding:var(--space-4) var(--space-4) calc(var(--space-5) + var(--tab-bar-height));border-top:1px solid var(--border);text-align:center}.legal-footer p{margin:var(--space-1) 0;font-size:var(--text-xs);color:var(--text-dim)}.cookie-banner{padding:var(--space-4) var(--space-5);background:var(--card);border-bottom:1px solid var(--border-strong)}.cookie-banner>div{max-width:72ch;margin-left:auto;margin-right:auto}.cookie-banner p{margin:0 0 var(--space-2);font-size:var(--text-sm)}.cookie-banner .legal-actions{margin-top:var(--space-3);margin-bottom:0}.consent-notice{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--text-dim);text-align:center}.privacy-choices .btn[aria-pressed=true]{border-color:var(--state)}@media (max-width: 720px){.legal-actions .btn{flex:1 1 100%}.cookie-banner{padding:var(--space-3) var(--space-4)}.cookie-banner p{font-size:var(--text-xs);margin-bottom:var(--space-1)}.cookie-banner .legal-actions{margin-top:var(--space-2);flex-wrap:nowrap}.cookie-banner .legal-actions .btn{flex:1 1 0;padding-block:var(--space-2);font-size:var(--text-sm)}}.settings-page{max-width:1080px;margin:0 auto}.settings-header{margin-bottom:var(--space-6)}.settings-header h1{margin-bottom:var(--space-2)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:var(--space-7)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav a{display:flex;flex-direction:column;gap:var(--space-1);min-height:44px;padding:var(--space-3) var(--space-4);border-left:2px solid transparent;color:var(--text);text-decoration:none;font-size:var(--text-sm);font-weight:700}.settings-nav a>.muted{font-size:var(--text-xs);font-weight:400}.settings-nav a:hover{background:var(--surface-1)}.settings-nav a[aria-current=page]{border-left-color:var(--state);color:var(--state-2)}.settings-mobile-nav{display:none}.settings-body{min-width:0}.settings-panel-header{margin-bottom:var(--space-5)}.settings-panel-header h2{margin-bottom:var(--space-2);font-size:var(--text-2xl)}.settings-panel[hidden]{display:none}.settings-panel h2{font-size:var(--text-lg)}.settings-actions .btn{min-height:44px}.settings-plan-name{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xl);font-weight:700}.settings-details{display:grid;gap:var(--space-4);margin:var(--space-5) 0}.settings-details div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-4)}.settings-details dt{color:var(--text-dim)}.settings-details dd{margin:0;overflow-wrap:anywhere}.settings-resource-list{border-top:1px solid var(--border-strong)}.settings-resource-list a{display:flex;flex-direction:column;gap:var(--space-1);min-height:44px;padding:var(--space-4) 0;border-bottom:1px solid var(--border-strong)}.settings-resource-list .muted{font-size:var(--text-sm)}@media (max-width: 720px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.settings-nav{display:none}.settings-mobile-nav{display:flex;margin:0}.settings-mobile-nav select{min-height:44px;width:100%;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);font:inherit}.settings-details div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}}.render-dock{position:fixed;right:1rem;bottom:calc(1rem + var(--tab-bar-height));z-index:30;display:flex;flex-direction:column;gap:.5rem;width:min(320px,calc(100vw - 2rem))}.render-dock.above-player{bottom:calc(var(--player-bar-height) + var(--tab-bar-height) + .75rem)}.render-dock-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .65rem;background:var(--glass-bar);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md),var(--highlight);animation:render-dock-in var(--dur) var(--ease)}@keyframes render-dock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.render-dock-item .cover-art{border-radius:8px;flex-shrink:0}.render-dock-item.failed{border-color:var(--danger)}.render-dock-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.render-dock-title{color:var(--text);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.render-dock-title:hover{color:var(--accent-2);text-decoration:none}.render-dock-state{color:var(--text-dim);font-size:.78rem}.render-dock-item.failed .render-dock-state{color:var(--danger)}.render-dock-dismiss{color:var(--muted);font-size:1.05rem;flex-shrink:0}.render-dock-shimmer{height:3px;border-radius:999px;margin-top:.25rem;background:linear-gradient(90deg,var(--state-soft),var(--state),var(--state-soft));background-size:200% 100%;animation:render-dock-shimmer 1.4s linear infinite}@keyframes render-dock-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.create-confirmation{display:flex;align-items:center;gap:.6rem;margin-top:.25rem;padding:.55rem .7rem;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}.create-confirmation .cover-art{border-radius:8px;flex-shrink:0}.create-confirmation p{margin:0;flex:1;min-width:0;font-size:.9rem;color:var(--text-dim)}.create-confirmation a{color:var(--text);font-weight:600}.lyrics{display:flex;flex-direction:column;gap:.45rem;text-align:left}.lyrics-heading{margin:0;font-size:.85rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--track-caps)}.lyrics-section{display:flex;flex-direction:column;gap:.2rem}.lyrics-tag{margin:.45rem 0 0;font-size:.78rem;font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:var(--track-caps)}.lyrics-lines{margin:0;white-space:pre-line;color:var(--text);line-height:1.7;font-size:.95rem}.player-screen .lyrics{width:min(46ch,100%);min-height:8.5rem;max-height:30vh;overflow-y:auto;padding:.9rem 1.1rem;background:#00000047;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--highlight);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.4rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.4rem),transparent)}@media (max-height: 660px){.player-screen .lyrics{min-height:7rem}}.player-screen .lyrics::-webkit-scrollbar{width:6px}.player-screen .lyrics::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--radius-pill)}@media (prefers-reduced-motion: reduce){.render-dock-shimmer{animation:none;background:var(--accent-soft)}.render-dock-item{animation:none}}