:root{--on-header: #FFFFFF;--focus-ring: var(--brand);--selected-border: var(--brand);--glass-top: rgba(255,255,255,.3);--glass-bottom: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.3);--attention: var(--chart-mom);--skeleton: var(--tint);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-sheet: 32px;--radius-pill: 999px;--shadow-glass: inset 0 1px 0 rgba(255,255,255,.4), 0 6px 14px rgba(0,0,0,.3);--target-min: 44px;--focus-width: 3px;--focus-offset: 2px;--font-sans: Nunito, system-ui, sans-serif;--font-serif: Lora, Georgia, serif;--text-display-size: 26px;--text-display-line: 32px;--text-display-weight: 800;--text-title-size: 22px;--text-title-line: 28px;--text-title-weight: 800;--text-heading-size: 17px;--text-heading-line: 24px;--text-heading-weight: 800;--text-body-size: 15px;--text-body-line: 22px;--text-body-weight: 600;--text-label-size: 14px;--text-label-line: 20px;--text-label-weight: 800;--text-caption-size: 13px;--text-caption-line: 18px;--text-caption-weight: 600;--text-micro-size: 11px;--text-micro-line: 14px;--text-micro-weight: 700;--text-story-size: 18px;--text-story-line: 30px;--text-story-weight: 500;--text-story-read-size: 24px;--text-story-read-line: 38px;--text-story-read-weight: 500;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-deliberate: .5s;--ease-linear: linear;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}[data-tt-theme=pregnancy-light]{--header: #1F2B6E;--header-deco-1: #2A3A8A;--header-deco-2: #26347E;--moon: #F3E6C4;--on-header-muted: #C9D1F2;--surface: #E9ECF6;--card-from: #FFFFFF;--card-to: #EEF1FA;--tint: #DCE4FA;--ink: #1B2150;--ink-muted: #5B6285;--brand: #2F55D4;--on-brand: #FFFFFF;--accent-from: #FFC284;--accent-to: #EF8B36;--on-accent: #1B2150;--chart-mom: #8F430E;--chart-dad: #6683E8;--shadow-raised: -6px -6px 14px rgba(255,255,255,.95), 8px 10px 22px rgba(20,30,70,.13);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.95), 4px 5px 12px rgba(20,30,70,.12);--shadow-inset: inset 3px 3px 7px rgba(20,30,70,.13), inset -3px -3px 7px rgba(255,255,255,.95);--shadow-accent: 0 10px 20px rgba(239,139,54,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:light}[data-tt-theme=pregnancy-dark]{--header: #141C4A;--header-deco-1: #1D2860;--header-deco-2: #1A2458;--moon: #E8D9B0;--on-header-muted: #C3CAE8;--surface: #10142E;--card-from: #242C58;--card-to: #181E42;--tint: #232B5A;--ink: #EEF0FA;--ink-muted: #A9B0D0;--brand: #8EA6FF;--on-brand: #10142E;--accent-from: #FFC284;--accent-to: #EF8B36;--on-accent: #1B2150;--chart-mom: #FFD2A8;--chart-dad: #7F97F0;--shadow-raised: -4px -4px 10px rgba(255,255,255,.04), 8px 10px 22px rgba(0,0,0,.45);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.04), 5px 6px 12px rgba(0,0,0,.45);--shadow-inset: inset 3px 3px 7px rgba(0,0,0,.45), inset -2px -2px 6px rgba(255,255,255,.05);--shadow-accent: 0 10px 20px rgba(239,139,54,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:dark}[data-tt-theme=newborn-light]{--header: #4B3C86;--header-deco-1: #5A4A99;--header-deco-2: #54448F;--moon: #FFD6C2;--on-header-muted: #E0D6F5;--surface: #F1ECF7;--card-from: #FFFFFF;--card-to: #F3EEFA;--tint: #EBDDF7;--ink: #2A1F4D;--ink-muted: #62587D;--brand: #7A4FC9;--on-brand: #FFFFFF;--accent-from: #FFC9B8;--accent-to: #F08A7A;--on-accent: #2A1F4D;--chart-mom: #A13D2F;--chart-dad: #9A77DB;--shadow-raised: -6px -6px 14px rgba(255,255,255,.95), 8px 10px 22px rgba(20,30,70,.13);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.95), 4px 5px 12px rgba(20,30,70,.12);--shadow-inset: inset 3px 3px 7px rgba(20,30,70,.13), inset -3px -3px 7px rgba(255,255,255,.95);--shadow-accent: 0 10px 20px rgba(240,138,122,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:light}[data-tt-theme=newborn-dark]{--header: #2A2150;--header-deco-1: #372B66;--header-deco-2: #30265C;--moon: #F5CDB8;--on-header-muted: #D6CCEB;--surface: #151129;--card-from: #2D2552;--card-to: #1F193C;--tint: #2E2550;--ink: #F2EDFA;--ink-muted: #B7ACCF;--brand: #C3A6FF;--on-brand: #151129;--accent-from: #FFC9B8;--accent-to: #F08A7A;--on-accent: #2A1F4D;--chart-mom: #FFD6C9;--chart-dad: #A585E8;--shadow-raised: -4px -4px 10px rgba(255,255,255,.04), 8px 10px 22px rgba(0,0,0,.45);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.04), 5px 6px 12px rgba(0,0,0,.45);--shadow-inset: inset 3px 3px 7px rgba(0,0,0,.45), inset -2px -2px 6px rgba(255,255,255,.05);--shadow-accent: 0 10px 20px rgba(240,138,122,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:dark}[data-tt-theme=toddler-light]{--header: #2468B0;--header-deco-1: #3A7DC4;--header-deco-2: #3275BC;--moon: #FFE9A8;--on-header-muted: #E3EEFB;--surface: #EAF2FB;--card-from: #FFFFFF;--card-to: #EDF4FC;--tint: #D6E7FA;--ink: #16304F;--ink-muted: #4E6480;--brand: #1F6FC4;--on-brand: #FFFFFF;--accent-from: #FFE38F;--accent-to: #F2B82A;--on-accent: #16304F;--chart-mom: #7F5700;--chart-dad: #4A90DA;--shadow-raised: -6px -6px 14px rgba(255,255,255,.95), 8px 10px 22px rgba(20,30,70,.13);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.95), 4px 5px 12px rgba(20,30,70,.12);--shadow-inset: inset 3px 3px 7px rgba(20,30,70,.13), inset -3px -3px 7px rgba(255,255,255,.95);--shadow-accent: 0 10px 20px rgba(242,184,42,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:light}[data-tt-theme=toddler-dark]{--header: #163A66;--header-deco-1: #1F4C80;--header-deco-2: #1B4474;--moon: #FFE9A8;--on-header-muted: #C9DAF0;--surface: #0F1D30;--card-from: #213754;--card-to: #16263D;--tint: #1E3452;--ink: #EAF2FB;--ink-muted: #A6B8CF;--brand: #8CC0FF;--on-brand: #0F1D30;--accent-from: #FFE38F;--accent-to: #F2B82A;--on-accent: #16304F;--chart-mom: #FFE38F;--chart-dad: #5F9BE0;--shadow-raised: -4px -4px 10px rgba(255,255,255,.04), 8px 10px 22px rgba(0,0,0,.45);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.04), 5px 6px 12px rgba(0,0,0,.45);--shadow-inset: inset 3px 3px 7px rgba(0,0,0,.45), inset -2px -2px 6px rgba(255,255,255,.05);--shadow-accent: 0 10px 20px rgba(242,184,42,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:dark}[data-tt-theme=preschool-light]{--header: #1A6E62;--header-deco-1: #27806F;--header-deco-2: #22786A;--moon: #FFE9A8;--on-header-muted: #DDF2EC;--surface: #EAF5F1;--card-from: #FFFFFF;--card-to: #EEF7F3;--tint: #D3EFE6;--ink: #123A34;--ink-muted: #4B6B64;--brand: #1A7A6B;--on-brand: #FFFFFF;--accent-from: #FFB896;--accent-to: #EE7A4C;--on-accent: #2B1409;--chart-mom: #A3441A;--chart-dad: #2E9C88;--shadow-raised: -6px -6px 14px rgba(255,255,255,.95), 8px 10px 22px rgba(20,30,70,.13);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.95), 4px 5px 12px rgba(20,30,70,.12);--shadow-inset: inset 3px 3px 7px rgba(20,30,70,.13), inset -3px -3px 7px rgba(255,255,255,.95);--shadow-accent: 0 10px 20px rgba(238,122,76,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:light}[data-tt-theme=preschool-dark]{--header: #10403A;--header-deco-1: #185249;--header-deco-2: #154A42;--moon: #F5E3A6;--on-header-muted: #C6E3DB;--surface: #0E1F1C;--card-from: #1F3D38;--card-to: #152B27;--tint: #1A3833;--ink: #E8F5F1;--ink-muted: #A3C2BA;--brand: #7FD8C6;--on-brand: #0E1F1C;--accent-from: #FFB896;--accent-to: #EE7A4C;--on-accent: #2B1409;--chart-mom: #FFCDB5;--chart-dad: #4FB39A;--shadow-raised: -4px -4px 10px rgba(255,255,255,.04), 8px 10px 22px rgba(0,0,0,.45);--shadow-raised-sm: -3px -3px 8px rgba(255,255,255,.04), 5px 6px 12px rgba(0,0,0,.45);--shadow-inset: inset 3px 3px 7px rgba(0,0,0,.45), inset -2px -2px 6px rgba(255,255,255,.05);--shadow-accent: 0 10px 20px rgba(238,122,76,.4), inset 0 2px 1px rgba(255,255,255,.55), inset 0 -3px 6px rgba(0,0,0,.12);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background var(--duration-slow) var(--ease-in-out)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2{line-height:1.25}a{color:var(--brand)}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--col: 680px;--side-w: clamp(340px, 40vw, 420px);--pad-x: var(--space-5)}.app{position:relative;min-height:100%;background:var(--surface);overflow-x:hidden}@supports (overflow: clip){.app{overflow-x:clip}}.screen{--avail: 100vw;--bleed: max(0px, calc((var(--avail) - var(--col)) / 2));--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);position:relative;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);padding-left:calc(var(--bleed) + var(--sl));padding-right:calc(var(--bleed) + var(--sr))}.screen--sky{background:var(--header)}.screen--pad{padding-left:calc(var(--bleed) + var(--sl) + var(--pad-x));padding-right:calc(var(--bleed) + var(--sr) + var(--pad-x))}.sky,.sheet,.bleed{margin-left:calc(-1 * (var(--bleed) + var(--sl)));margin-right:calc(-1 * (var(--bleed) + var(--sr)));padding-left:calc(var(--bleed) + var(--sl) + var(--pad-x));padding-right:calc(var(--bleed) + var(--sr) + var(--pad-x))}.screen--pad .sky,.screen--pad .bleed{margin-left:calc(-1 * (var(--bleed) + var(--sl) + var(--pad-x)));margin-right:calc(-1 * (var(--bleed) + var(--sr) + var(--pad-x)))}.footer-space{padding-bottom:var(--fs, 150px)}.hero-art{max-width:100%}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;background:#061d8c;cursor:pointer;opacity:1;transition:opacity .5s var(--ease-out);-webkit-tap-highlight-color:transparent}.splash--out{opacity:0}body[data-bottom=nav]{background:var(--card-from)}body[data-bottom=splash]{background:#575ddb}.splash:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,#575ddb00,#575ddb);pointer-events:none}.splash__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;-webkit-user-select:none;user-select:none}.splash__load{position:absolute;z-index:1;left:50%;bottom:max(9dvh,calc(env(safe-area-inset-bottom) + 28px));transform:translate(-50%);width:min(88vw,420px);display:flex;flex-direction:column;align-items:center;gap:20px}.splash__bar{position:relative;width:min(72vw,400px);height:10px;border-radius:999px;background:#ffffff47}.splash__fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:999px;background:linear-gradient(90deg,#ffd66b,#ffe9b8);box-shadow:0 0 12px #ffd66bb3;animation:splash-fill linear forwards}.splash__fill:after{content:"★";position:absolute;right:-12px;top:50%;transform:translateY(-52%);font-size:26px;line-height:1;color:#ffd66b;text-shadow:0 0 10px rgba(255,214,107,.9)}@keyframes splash-fill{0%{width:4%}to{width:100%}}.splash__text{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;text-align:center;text-shadow:0 1px 6px rgba(20,20,90,.55)}.splash__bg{display:none}@media(min-aspect-ratio:3/4){.splash__art{object-fit:contain}.splash__bg{display:block;position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(40px) brightness(.85)}.splash__bar{width:min(40dvh,400px)}}@media(prefers-reduced-motion:reduce){.splash__fill{animation:none}}.sky{position:relative;background:var(--header);color:var(--on-header);overflow:hidden;min-height:var(--sky-h, 0px);padding-top:max(env(safe-area-inset-top),16px);padding-bottom:0;flex-shrink:0}.sky__deco{position:absolute;pointer-events:none;background:center / contain no-repeat;aspect-ratio:720 / 266;opacity:.88}.sky__deco--1{width:210px;left:-70px;bottom:4px}.sky__deco--2{width:160px;right:-44px;bottom:22px;transform:scaleX(-1)}[data-tt-theme$=-dark] .sky__deco{opacity:.5}.sky__star{position:absolute;width:2px;height:2px;border-radius:2px;background:#fff;opacity:.8;pointer-events:none}.sky__moon{position:absolute;top:var(--moon-top, 100px);right:calc(var(--bleed, 0px) + var(--sr, 0px) + 22px);pointer-events:none}.sky__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding-top:var(--space-5)}.sky__title{margin:0;font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:800;color:var(--on-header)}.sky__sub{font-size:var(--text-body-size);color:var(--on-header-muted);font-weight:600}.sheet{position:relative;flex-grow:1;margin-top:calc(var(--radius-sheet) * -1);background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding-top:var(--space-6);padding-bottom:var(--space-8);display:flex;flex-direction:column;gap:14px;z-index:1}.sheet--nav{padding-bottom:120px}.sheet--footer{padding-bottom:150px}.sheet--onboarding{padding-bottom:var(--space-8)}.footer-bar.footer-bar--flow{position:static;left:auto;bottom:auto;transform:none;width:auto;max-width:none;padding:4px var(--space-5) max(env(safe-area-inset-bottom),24px)}.plain-top{padding:max(env(safe-area-inset-top),16px) var(--space-5) 0}.plain-top .sky__bar{padding-top:var(--space-5)}.glass-btn{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:linear-gradient(160deg,var(--glass-top) 0%,var(--glass-bottom) 100%);box-shadow:var(--shadow-glass);color:var(--on-header);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0}.glass-btn--pill{width:auto;border-radius:24px;padding:0 12px 0 4px;gap:8px;font-weight:800;font-size:14px}.raised-btn{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);border:0;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised-sm);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0;font-weight:800}.btn{min-height:50px;padding:0 22px;border-radius:var(--radius-pill);border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-fast)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{min-height:56px;background:linear-gradient(180deg,var(--accent-from) 0%,var(--accent-to) 100%);color:var(--on-accent);box-shadow:var(--shadow-accent)}.btn--secondary{min-height:54px;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);color:var(--ink);box-shadow:var(--shadow-raised-sm)}.btn--outline{min-height:48px;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);color:var(--ink);box-shadow:var(--shadow-raised-sm);border:2px solid var(--brand)}.btn--text{min-height:44px;background:none;color:var(--brand);font-size:14px}.btn--muted{min-height:48px;background:none;color:var(--ink-muted);font-size:14px;font-weight:700}.btn--sm{min-height:44px;padding:0 14px;font-size:13px}.btn--block{width:100%}.btn--round{width:78px;height:78px;min-height:0;padding:0;border-radius:50%;flex-shrink:0}.footer-bar{position:fixed;left:50%;bottom:0;width:100%;max-width:var(--col);transform:translate(-50%);padding:14px max(var(--space-5),env(safe-area-inset-right)) max(env(safe-area-inset-bottom),24px) max(var(--space-5),env(safe-area-inset-left));background:var(--surface);display:flex;flex-direction:column;gap:8px;z-index:5}.footer-bar--audio{gap:16px;padding-top:16px;padding-bottom:max(env(safe-area-inset-bottom),30px)}.footer-bar--raised{background:var(--card-from);border-radius:28px 28px 0 0;box-shadow:0 -6px 24px #0000001a}.rec-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:420px;margin:0 auto}.rec-controls>.btn:not(.btn--round){min-height:48px;padding:0 8px;font-size:14px}.card{padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised)}.card--sm{border-radius:var(--radius-lg);box-shadow:var(--shadow-raised-sm);padding:10px 12px}.card--selectable{border:2px solid transparent;text-align:left;color:var(--ink)}.card--selectable[aria-pressed=true],.card--selectable[aria-checked=true]{border-color:var(--selected-border)}.tint{padding:12px 14px;border-radius:16px;background:var(--tint);font-size:var(--text-caption-size);line-height:1.5;font-weight:600;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 16px;border-radius:var(--radius-pill);border:2px solid transparent;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised-sm);color:var(--ink);font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:none}.tag{padding:5px 10px;border-radius:10px;background:var(--tint);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.tag--brand{color:var(--brand);background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised-sm)}.field{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:800}.gsi{position:relative;border-radius:var(--radius-pill)}.gsi__face{width:100%;padding:0 16px;gap:10px;font-size:15px;line-height:1.25;text-align:center;pointer-events:none}.gsi__logo{width:28px;height:28px;flex:none;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}.gsi__hit{position:absolute;top:0;left:0;transform-origin:0 0;opacity:0;overflow:hidden}.gsi--off .gsi__hit{pointer-events:none}.gsi--off .gsi__face{opacity:.55}.gsi:hover .gsi__face{filter:brightness(1.04)}.gsi:focus-within .gsi__face{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.link-btn{background:none;border:0;padding:4px 0;min-height:32px;color:var(--brand);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.field__hint{font-size:var(--text-caption-size);font-weight:600;color:var(--ink-muted)}.input{min-height:52px;width:100%;padding:0 16px;border-radius:var(--radius-md);border:0;background:var(--surface);box-shadow:var(--shadow-inset);color:var(--ink);font-size:16px;font-weight:700}textarea.input{padding:14px 16px;resize:none;font-weight:600;font-size:15px}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:var(--ink)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.input::placeholder{color:var(--ink-muted);font-weight:600}.label{font-size:16px;font-weight:800;margin:0}.section-title{margin:4px 0 0;font-size:15px;font-weight:800}.muted{color:var(--ink-muted)}.caption{font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:600;color:var(--ink-muted)}fieldset{margin:0;padding:0;border:0;min-width:0}legend{padding:0;margin-bottom:12px;font-size:16px;font-weight:800}.seg{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:6px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-inset)}.seg__item{min-height:44px;border-radius:var(--radius-md);border:2px solid transparent;background:transparent;color:var(--ink-muted);font-size:14px;font-weight:800;padding:0 6px;transition:background var(--duration-fast),color var(--duration-fast)}.seg__item[aria-pressed=true]{background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised-sm);border-color:var(--selected-border);color:var(--ink)}.switch{width:100%;min-height:48px;padding:8px 0;border:0;background:none;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.switch__text{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:800}.switch__track{flex-shrink:0;position:relative;width:44px;height:26px;border-radius:13px;background:var(--ink-muted);transition:background var(--duration-fast)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 2px 4px #00000040;transition:left var(--duration-fast) var(--ease-out)}.switch[aria-checked=true] .switch__track{background:var(--brand)}.switch[aria-checked=true] .switch__track:after{left:21px}.list-card{padding:4px 14px;border-radius:22px;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised);display:flex;flex-direction:column}.list-card>*+*{border-top:1px solid color-mix(in srgb,var(--ink-muted) 22%,transparent)}.radio{min-height:64px;padding:12px 14px;border-radius:18px;border:2px solid transparent;background:linear-gradient(145deg,var(--card-from) 0%,var(--card-to) 100%);box-shadow:var(--shadow-raised-sm);color:var(--ink);text-align:left;display:flex;align-items:center;gap:12px;width:100%}.radio[aria-checked=true]{border-color:var(--selected-border)}.radio__dot{width:22px;height:22px;flex-shrink:0;border-radius:11px;border:2px solid var(--ink-muted);display:flex;align-items:center;justify-content:center}.radio[aria-checked=true] .radio__dot{border-color:var(--brand)}.radio[aria-checked=true] .radio__dot:after{content:"";width:10px;height:10px;border-radius:5px;background:var(--brand)}.nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--col);min-height:88px;padding:10px max(14px,env(safe-area-inset-right)) max(env(safe-area-inset-bottom),18px) max(14px,env(safe-area-inset-left));background:var(--card-from);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:0 -6px 24px #0000001a;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:10}.nav__item{min-height:48px;text-decoration:none;color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--text-micro-size);font-weight:700}.nav__item[aria-current=page]{color:var(--brand);font-weight:800}.fab{justify-self:center;margin-top:-30px;width:58px;height:58px;border-radius:29px;background:linear-gradient(180deg,var(--accent-from) 0%,var(--accent-to) 100%);color:var(--on-accent);box-shadow:var(--shadow-accent);display:flex;align-items:center;justify-content:center}.avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden;color:#1b2150;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.avatar--sm{width:28px;height:28px;font-size:12px;border:2px solid var(--tint)}.avatar__img{width:100%;height:100%;object-fit:cover}.art-bubble{position:relative;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--tint);display:flex;align-items:center;justify-content:center}.art-bubble__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.progress{position:relative;display:flex;align-items:center;height:32px;cursor:pointer;touch-action:none}.progress__track{position:relative;width:100%;height:8px;border-radius:4px;background:var(--surface);box-shadow:var(--shadow-inset)}.progress__fill{height:100%;border-radius:4px;background:var(--brand);transition:width var(--duration-normal) linear}.progress--dragging .progress__fill{transition:none}.progress__thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--brand);box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);pointer-events:none}.wave{height:40px;display:flex;align-items:center;justify-content:center;gap:4px}.wave span{width:3px;border-radius:2px;background:var(--ink-muted);transition:height 80ms linear}.rec-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:var(--tint);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.rec-dot{width:10px;height:10px;border-radius:5px;background:var(--accent-to)}.story-text{font-family:var(--font-serif);font-size:18px;line-height:30px;font-weight:500}.story-text p{margin:0 0 10px}.skeleton{border-radius:12px;background:var(--skeleton);animation:pulse 1.6s var(--ease-in-out) infinite}@keyframes pulse{50%{opacity:.55}}.fade-in{animation:fade var(--duration-slow) var(--ease-out)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%);max-width:360px;width:calc(100% - 40px);padding:12px 16px;border-radius:16px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:700;box-shadow:0 10px 30px #0000004d;z-index:50;animation:fade var(--duration-normal) var(--ease-out)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a1e8c;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade var(--duration-normal) var(--ease-out)}.dialog{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:32px 32px 0 0;padding:12px max(var(--space-5),env(safe-area-inset-right)) max(env(safe-area-inset-bottom),28px) max(var(--space-5),env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px}.dialog__grip{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--ink-muted)}.row{display:flex;align-items:center;gap:12px}.grow{flex-grow:1;min-width:0}.stack{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.page--forward .screen>:not(.nav):not(.footer-bar),.page--back .screen>:not(.nav):not(.footer-bar),.page--up .screen>:not(.nav):not(.footer-bar),.page--fade .screen>:not(.nav):not(.footer-bar){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out);animation-fill-mode:backwards}.page--forward .screen>:not(.nav):not(.footer-bar){animation-name:page-in-right}.page--back .screen>:not(.nav):not(.footer-bar){animation-name:page-in-left}.page--up .screen>:not(.nav):not(.footer-bar){animation-name:page-in-up;animation-duration:var(--duration-deliberate)}.page--fade .screen>:not(.nav):not(.footer-bar){animation-name:page-in-fade;animation-duration:var(--duration-normal)}.page--forward .screen>.sky,.page--back .screen>.sky{animation-name:page-in-fade}.page .sheet>*{animation:rise var(--duration-slow) var(--ease-out) backwards}.page .sheet>:nth-child(1){animation-delay:60ms}.page .sheet>:nth-child(2){animation-delay:.1s}.page .sheet>:nth-child(3){animation-delay:.14s}.page .sheet>:nth-child(4){animation-delay:.18s}.page .sheet>:nth-child(5){animation-delay:.22s}.page .sheet>:nth-child(n+6){animation-delay:.26s}.page--forward .footer-bar,.page--up .footer-bar{animation:footer-in var(--duration-slow) var(--ease-out) 80ms backwards}@keyframes page-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes page-in-left{0%{opacity:0;transform:translate(-28px)}}@keyframes page-in-up{0%{opacity:0;transform:translateY(40px)}}@keyframes page-in-fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes footer-in{0%{transform:translate(-50%,100%)}}.dialog-backdrop{animation:backdrop-in var(--duration-normal) var(--ease-out)}.dialog{animation:sheet-up var(--duration-slow) var(--ease-out)}.dialog-backdrop.is-closing{animation:backdrop-out .24s var(--ease-in) forwards}.dialog-backdrop.is-closing .dialog{animation:sheet-down .24s var(--ease-in) forwards}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}.toast{animation:toast-in var(--duration-slow) var(--ease-bounce)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}.chip,.seg__item,.radio,.glass-btn,.raised-btn,.card--selectable,.nav__item,.fab{transition:transform var(--duration-fast) var(--ease-out),background var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out)}.chip:active,.seg__item:active,.radio:active,.card--selectable:active{transform:scale(.97)}.glass-btn:active,.raised-btn:active,.fab:active{transform:scale(.92)}.btn--primary:active{filter:brightness(.96)}.pop{display:inline-flex;animation:pop var(--duration-normal) var(--ease-bounce)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.rec-btn{position:relative}.rec-btn:before,.rec-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent-to);opacity:0;pointer-events:none}.rec-btn[data-state=recording]:before{animation:ring 2.4s var(--ease-out) infinite}.rec-btn[data-state=recording]:after{animation:ring 2.4s var(--ease-out) 1.2s infinite}@keyframes ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.rec-dot{animation:breathe 1.6s var(--ease-in-out) infinite}@keyframes breathe{50%{opacity:.45;transform:scale(.85)}}.rec-pill{transition:background var(--duration-normal) var(--ease-in-out)}.rec-pill[data-saved=true]{background:color-mix(in srgb,var(--brand) 22%,var(--tint))}.line{transition:color var(--duration-slow) var(--ease-in-out),background var(--duration-slow) var(--ease-in-out),border-color var(--duration-slow) var(--ease-in-out),box-shadow var(--duration-slow) var(--ease-in-out),padding var(--duration-slow) var(--ease-in-out),font-size var(--duration-slow) var(--ease-in-out)}.para-in{animation:rise var(--duration-deliberate) var(--ease-out)}.float{animation:float 5s var(--ease-in-out) infinite;animation-play-state:paused}.float[data-playing=true]{animation-play-state:running}@keyframes float{50%{transform:translateY(-8px) rotate(-2deg)}}.halo,.halo-inner{transition:transform var(--duration-deliberate) var(--ease-in-out)}.halo[data-playing=true]{animation:halo 2.2s var(--ease-in-out) infinite}.halo-inner[data-playing=true]{animation:halo 2.2s var(--ease-in-out) infinite .35s}@keyframes halo{50%{transform:scale(1.1)}}.eq{display:flex;align-items:center;gap:3px;height:14px}.eq span{width:3px;height:4px;border-radius:2px;background:currentColor;animation:eq .9s var(--ease-in-out) infinite;animation-play-state:paused}.eq[data-playing=true] span{animation-play-state:running}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.eq span:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.bar{transform-origin:bottom;animation:bar-grow var(--duration-deliberate) var(--ease-out) backwards}@keyframes bar-grow{0%{transform:scaleY(0)}}.check-in{animation:pop var(--duration-normal) var(--ease-bounce)}.float{display:inline-flex}.step-next{animation:page-in-right var(--duration-slow) var(--ease-out) backwards}.step-prev{animation:page-in-left var(--duration-slow) var(--ease-out) backwards}.step-next>*,.step-prev>*{animation:rise var(--duration-slow) var(--ease-out) backwards}.step-next>:nth-child(2),.step-prev>:nth-child(2){animation-delay:70ms}.step-next>:nth-child(n+3),.step-prev>:nth-child(n+3){animation-delay:.14s}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}.chip--add{background:transparent;border:2px dashed var(--ink-muted);box-shadow:none;color:var(--ink-muted)}.chip--add[aria-expanded=true]{border-color:var(--brand);color:var(--brand)}.chip-wrap{position:relative;display:inline-flex}.chip--custom{padding-right:34px}.chip-x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:24px;height:24px;border-radius:12px;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#00000024;color:var(--ink)}.chip-wrap .chip--custom[aria-pressed=true]+.chip-x{color:var(--on-brand)}.chip-x:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.chip-x--tile{top:6px;left:6px;right:auto;transform:none;width:22px;height:22px;background:var(--tint);color:var(--ink)}.char-name{font-size:13px;font-weight:800;line-height:1.25;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-add{padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:2px dashed var(--ink-muted);box-shadow:none;color:var(--ink-muted)}.char-add[aria-expanded=true]{border-color:var(--brand);color:var(--brand)}.char-add__icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tint)}.add-box{margin-top:10px;animation:rise .22s ease both}.player-art{--halo: 240px;flex-grow:1;display:flex;align-items:center;justify-content:center;padding:24px 0 40px}.halo{width:var(--halo);height:var(--halo);border-radius:50%;background:var(--header-deco-2);display:flex;align-items:center;justify-content:center}.halo-inner{width:calc(var(--halo) * .766);height:calc(var(--halo) * .766);border-radius:50%;background:var(--header-deco-1);display:flex;align-items:center;justify-content:center}.halo img{width:calc(var(--halo) * .666);height:auto}.player-panel{background:var(--surface);border-radius:32px 32px 0 0;padding-top:22px;padding-bottom:max(env(safe-area-inset-bottom),30px);gap:16px}.lib-ring-wrap{display:flex;justify-content:center;padding:20px 0 70px}.lib-ring{--ring: 170px;width:var(--ring);height:var(--ring)}.lib-ring__in{width:calc(var(--ring) * .776);height:calc(var(--ring) * .776)}.lib-ring__big{font-size:calc(var(--ring) * .235)}.plain-top--sticky{position:sticky;top:0;z-index:4;background:var(--surface);padding-bottom:8px}@media(orientation:landscape)and (min-width:600px){.screen--split{--avail: calc(100vw - var(--side-w));padding-right:calc(var(--bleed) + var(--side-w))}.screen--split .side-panel{position:fixed;top:0;right:0;bottom:0;left:auto;transform:none;width:var(--side-w);max-width:none;margin:0;border-radius:0;padding:max(env(safe-area-inset-top),20px) max(var(--space-5),env(safe-area-inset-right)) max(env(safe-area-inset-bottom),20px) var(--space-5);justify-content:center;overflow-y:auto;box-shadow:-6px 0 24px #0000001f;z-index:5}.screen--split .side-panel .row{gap:8px}.page .screen--split .side-panel{animation:page-in-fade var(--duration-slow) var(--ease-out) backwards}.screen--split .footer-space{padding-bottom:var(--space-8)}}@media(max-height:500px){.sky{min-height:min(var(--sky-h, 0px),40dvh)}.sky__bar{padding-top:var(--space-1)}.sky__moon{display:none}.lib-ring-wrap{position:absolute;top:0;right:0;padding:0}.lib-ring{--ring: 84px}.lib-ring__in .caption{display:none}.plain-top{padding-top:max(env(safe-area-inset-top),8px)}.hero-art{max-height:30dvh;width:auto}.player-art{--halo: min(240px, 44dvh);padding:8px 0 16px}.footer-bar:not(.side-panel){flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:8px;padding-bottom:max(env(safe-area-inset-bottom),10px)}.footer-bar:not(.side-panel)>*{flex:1 1 0;min-width:0}.footer-bar:not(.side-panel)>div{flex-grow:2}.footer-bar:not(.side-panel) .btn{min-height:46px}.sheet--footer,.footer-space{padding-bottom:112px}.screen--split .footer-space{padding-bottom:var(--space-6)}.nav{min-height:0;padding-top:4px;padding-bottom:max(env(safe-area-inset-bottom),4px)}.nav__item{flex-direction:row;gap:6px}.fab{margin-top:0;width:44px;height:44px}.sheet--nav{padding-bottom:80px}.toast{bottom:70px}}.kw{color:var(--ink-muted);opacity:.6;border-radius:6px;padding:0 3px;margin:0 -3px;transition:color var(--duration-fast),background var(--duration-fast)}.kw--done{color:var(--ink);opacity:1}.kw--now{color:var(--on-brand);background:var(--brand);opacity:1}@media(prefers-reduced-motion:reduce){.kw{transition:none}}