:root{--color-surface:#faf7f2;--color-surface-raised:#fff;--color-text:#2b2724;--color-text-muted:#8a817a;--color-accent:#b5654a;--color-accent-soft:#ead5cb;--color-danger-text:#9b3b2a}@media (prefers-color-scheme:dark){:root{--color-surface:#1d1b19;--color-surface-raised:#282522;--color-text:#eee8e1;--color-text-muted:#9c938b;--color-accent:#d98a6c;--color-accent-soft:#4a3a33;--color-danger-text:#e6907c}}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--space-7:4rem;--content-width:34rem;--record-size:min(12rem,30dvh);--reader-reply-height:45dvh;--hint-width-small:9rem;--orb-size:15rem;--orb-blur:1.5rem;--touch-target:3rem}:root{--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--weight-thin:200;--weight-regular:400;--text-sm:1rem;--text-md:1.25rem;--text-lg:1.6rem;--text-xl:2.2rem;--line-height:1.6;--line-height-reading:1.85;--text-reading-small:1rem;--text-reading-medium:1.1rem;--text-reading-large:1.3rem;--text-reading-xlarge:1.6rem;--reading-title-ratio:1.45}:root{--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:999px}:root{--ease-calm:cubic-bezier(.25,.1,.25,1);--transition-fast:.15s var(--ease-calm);--transition-slow:.6s var(--ease-calm);--fade-duration:.9s;--word-fade-duration:.45s;--veil-fade-in:.7s;--veil-fade-out:.9s;--breath-cycle:10s}@media (prefers-reduced-motion:reduce){:root{--transition-fast:1ms linear;--transition-slow:1ms linear;--fade-duration:1ms;--word-fade-duration:1ms;--veil-fade-in:1ms;--veil-fade-out:1ms}}:root{--shadow-raised:0 .5rem 2rem #3c281e1f;--shadow-pressed:0 .2rem .8rem #3c281e29}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-weight:var(--weight-thin);font-size:var(--text-md);line-height:var(--line-height);-webkit-tap-highlight-color:transparent;min-height:100%;margin:0}button{font:inherit;color:inherit;background:var(--color-surface-raised);border-radius:var(--radius-full);box-shadow:var(--shadow-raised);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none}button:active{box-shadow:var(--shadow-pressed);transform:scale(.97)}button:disabled{cursor:default;opacity:.5}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}select,input{font:inherit;color:inherit;background:0 0;border:none}.icon-button{width:var(--touch-target);height:var(--touch-target);display:grid;box-shadow:none;background:0 0;place-items: center}@keyframes fade-in{0%{opacity:0;transform:translateY(.4rem)}}.pin-pad{display:flex;justify-content:center;align-items: center;gap:var(--space-5);padding:var(--space-6)var(--space-4);flex-direction:column;min-height:100dvh}.pin-pad .title{font-family:var(--font-serif);font-weight:var(--weight-thin);font-size:var(--text-xl);margin:0}.pin-pad .dots{display:flex;gap:var(--space-3)}.pin-pad .dot{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-accent-soft);transition:background var(--transition-fast)}.pin-pad .dot[data-filled=true]{background:var(--color-accent)}.pin-pad .message{min-height:var(--line-height);color:var(--color-danger-text);font-size:var(--text-sm);margin:0}.pin-pad .keys{display:grid;grid-template-columns:repeat(3,var(--space-7));gap:var(--space-4)}.pin-pad .key{width:var(--space-7);height:var(--space-7);font-size:var(--text-lg);display:grid;place-items: center}.pin-pad .open{padding:var(--space-3)var(--space-6);font-size:var(--text-md)}.book-picker{display:flex;align-items: center;gap:var(--space-3);flex-direction:column;min-width:0}.book-picker .select{font-family:var(--font-serif);font-size:var(--text-lg);text-align:center;text-align-last:center;padding:var(--space-2)var(--space-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:100%}.book-picker .title-input{font-family:var(--font-serif);font-size:var(--text-lg);text-align:center;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);max-width:100%}.book-picker .actions{display:flex;gap:var(--space-3)}.book-picker .actions button{padding:var(--space-2)var(--space-5)}.book-picker .quiet{box-shadow:none;color:var(--color-text-muted);background:0 0}.book-picker .message{color:var(--color-danger-text);font-size:var(--text-sm);margin:0}.conversation{max-width:var(--content-width);display:grid;gap:var(--space-4);text-align:center;width:100%;min-height:8rem}.conversation .transcript{color:var(--color-text-muted);animation:fade-in var(--fade-duration)var(--ease-calm);transition:opacity var(--fade-duration)var(--ease-calm);margin:0;font-style:italic}.conversation .transcript[data-leaving=true]{opacity:0}.conversation .reply{font-family:var(--font-serif);font-size:var(--text-lg);margin:0}.conversation .word{animation:word-in var(--word-fade-duration)var(--ease-calm)}.conversation .notice{font-size:var(--text-md);animation:fade-in var(--fade-duration)var(--ease-calm);margin:0}.conversation .notices{display:grid;gap:var(--space-3)}.conversation .notice-ref{color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.04em;animation:fade-in var(--fade-duration)var(--ease-calm);margin:0}@keyframes word-in{0%{opacity:0;filter:blur(2px)}}.record-button{--size:var(--record-size);display:flex;align-items: center;gap:var(--space-4);transition:opacity var(--transition-slow),transform var(--transition-slow);flex-direction:column}.record-button[data-phase=sending]{opacity:0;pointer-events:none;transform:scale(.85)}.record-button[data-phase=replying]{opacity:0;pointer-events:none;transform:scale(.85)}.record-button[data-size=small]{--size:calc(var(--record-size)/2.5);gap:var(--space-2)}.record-button[data-size=small] .hint{max-width:var(--hint-width-small);font-size:var(--text-sm)}.record-button .control{position:relative;width:var(--size);height:var(--size);transition:width var(--transition-slow),height var(--transition-slow)}.record-button .ring{position:absolute;fill:none;stroke-width:2;inset:0;transform:rotate(-90deg)}.record-button .track{stroke:var(--color-accent-soft)}.record-button .progress{stroke:var(--color-accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:opacity var(--transition-slow)}.record-button[data-phase=recording] .progress{opacity:1;animation:fill-ring var(--record-limit)linear forwards}.record-button .button{position:absolute;display:grid;color:var(--color-accent);transform:scale(calc(1 + var(--level,0)*.08));transition:transform var(--transition-fast),box-shadow var(--transition-fast);place-items: center;inset:9%}.record-button[data-phase=sending] .button{animation:breathe 2.4s var(--ease-calm)infinite}.record-button .hint{min-height:calc(var(--line-height)*1em);color:var(--color-text-muted);font-size:var(--text-md);text-align:center;margin:0}@keyframes fill-ring{to{stroke-dashoffset:0}}@keyframes breathe{50%{transform:scale(.96)}}.thread{max-width:var(--content-width);display:grid;gap:var(--space-6);width:100%}.thread .past{min-height:0}.popover{position:relative}.popover .panel{position:absolute;top:calc(100% + var(--space-2));z-index:3;width:min(22rem,calc(100vw - 2*var(--space-4)));max-height:calc(100dvh - var(--touch-target) - 3*var(--space-4));overflow-y:auto;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);text-align:left;left:0}.popover[data-align=end] .panel{left:auto;right:0}.voice-picker .title{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.voice-picker .voices{list-style:none;display:grid;margin:0;padding:0}.voice-picker .voice{display:flex;align-items: center;gap:var(--space-2)}.voice-picker .choose{min-height:var(--touch-target);box-shadow:none;background:0 0}.voice-picker .listen{min-height:var(--touch-target);box-shadow:none;background:0 0}.voice-picker .choose{display:flex;align-items: center;gap:var(--space-3);font-size:var(--text-md);text-align:left;white-space:nowrap;flex:1;min-width:0;padding:0}.voice-picker .dot{border:1.5px solid var(--color-accent-soft);border-radius:var(--radius-full);flex:none;width:1rem;height:1rem}.voice-picker .voice[data-chosen=true] .dot{border-color:var(--color-accent);background:radial-gradient(circle,var(--color-accent)45%,transparent 50%)}.voice-picker .listen{width:var(--touch-target);display:grid;color:var(--color-text-muted);flex:none;place-items: center;padding:0}.voice-picker .listen[data-state=loading]{color:var(--color-accent)}.voice-picker .listen[data-state=playing]{color:var(--color-accent)}.voice-picker .listen[data-state=loading]{animation:sample-pulse .9s var(--ease-calm)infinite}.voice-picker .failed{margin:var(--space-2)0 0;color:var(--color-danger-text);font-size:var(--text-sm)}@keyframes sample-pulse{50%{opacity:.55}}.home{--header-height:calc(var(--touch-target) + 2*var(--space-4));--floating-room:calc(var(--record-size)/2.5 + 2*var(--space-6));display:flex;align-items: center;gap:var(--space-6);padding:0 var(--space-4)var(--space-6);flex-direction:column;min-height:100dvh}.home .top{position:sticky;z-index:2;width:calc(100% + 2*var(--space-4));margin-inline:calc(-1*var(--space-4));padding:var(--space-4);display:grid;grid-template-columns:var(--touch-target)minmax(0,1fr)var(--touch-target);background:var(--color-surface);align-items: start;top:0}.home .fresh{height:calc(100dvh - var(--header-height));scroll-margin-top:var(--header-height);display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;width:100%}.home .start{grid-row:2;display:flex;align-items: center;gap:var(--space-5);flex-direction:column}.home .fresh .below{grid-row:3;padding-top:var(--space-4);align-self: start;min-height:0}.home .ask-way{display:flex;align-items: center;gap:var(--space-2);flex-direction:column}.home .ask-tip{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:0}.home .ask{min-height:var(--touch-target);padding:var(--space-2)var(--space-5);color:var(--color-text);font-size:var(--text-md)}.home .ask-small{position:absolute;right:calc(100% + var(--space-3));min-height:var(--touch-target);padding:0 var(--space-3);display:flex;align-items: center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;top:50%;translate:0 -50%}.home .live{max-width:var(--content-width);scroll-margin-top:calc(var(--header-height) + var(--space-4));width:100%}.home[data-fresh=false]{padding-bottom:var(--floating-room)}.home .dock{position:fixed;left:0;right:0;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:1;width:-moz-fit-content;width:fit-content;margin-inline-start:auto;margin-inline-end:auto}.home .dock:before{content:"";position:absolute;inset:calc(-1*var(--space-5));z-index:-1;border-radius:var(--radius-full);background:radial-gradient(closest-side,var(--color-surface)65%,transparent)}.home .floating[data-size=small] .hint{display:none}.home .top>*{transition:opacity var(--transition-slow)}.home[data-busy=true] .top>*{opacity:0;pointer-events:none}.chapter-menu .backdrop{position:fixed;z-index:10;animation:fade-in var(--transition-slow);background:#1e140f40;inset:0}.chapter-menu .panel{padding:var(--space-5)var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-raised);overflow-y:auto;animation:slide-in var(--transition-slow);width:min(85vw,24rem);height:100%}.chapter-menu .close{margin-bottom:var(--space-4)}.chapter-menu .list{list-style:none;display:grid;gap:var(--space-2);margin:0;padding:0}.chapter-menu .item{text-align:left;padding:var(--space-3)var(--space-4);font-family:var(--font-serif);font-size:var(--text-md);border-radius:var(--radius-md);box-shadow:none;background:0 0;width:100%}.chapter-menu .item[aria-current=page]{background:var(--color-surface-raised);box-shadow:var(--shadow-raised)}@keyframes slide-in{0%{transform:translate(-100%)}}.popover.reading-size-picker{position:static}.popover.reading-size-picker .aa{font-family:var(--font-serif);font-size:var(--text-md)}.popover.reading-size-picker .panel{width:auto}.popover.reading-size-picker .title{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.popover.reading-size-picker .sizes{display:flex;align-items: flex-end;gap:var(--space-1)}.popover.reading-size-picker .size{width:var(--touch-target);height:var(--touch-target);display:grid;font-family:var(--font-serif);box-shadow:none;background:0 0;place-items: center;padding:0}.popover.reading-size-picker .size[data-size=small]{font-size:var(--text-reading-small)}.popover.reading-size-picker .size[data-size=medium]{font-size:var(--text-reading-medium)}.popover.reading-size-picker .size[data-size=large]{font-size:var(--text-reading-large)}.popover.reading-size-picker .size[data-size=xlarge]{font-size:var(--text-reading-xlarge)}.popover.reading-size-picker .size[aria-checked=true]{color:var(--color-accent);background:var(--color-accent-soft)}.popover.reading-size-picker .failed{margin:var(--space-2)0 0;color:var(--color-danger-text);font-size:var(--text-sm)}.reader{overflow-x:clip;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.reader .bar{position:sticky;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface);top:0}.reader .book-title{text-align:center;color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader .actions{position:relative;display:flex;gap:var(--space-2)}.reader .page{max-width:var(--content-width);padding:var(--space-5)var(--space-5)var(--space-6);font-family:var(--font-serif);font-size:var(--text-reading-medium);line-height:var(--line-height-reading);animation:fade-in var(--fade-duration)var(--ease-calm);justify-self:center;width:100%}.reader[data-reading-size=small] .page{font-size:var(--text-reading-small)}.reader[data-reading-size=large] .page{font-size:var(--text-reading-large)}.reader[data-reading-size=xlarge] .page{font-size:var(--text-reading-xlarge)}.reader .chapter-title{font-weight:var(--weight-thin);font-size:calc(var(--reading-title-ratio)*1em);line-height:var(--line-height);margin:0 0 var(--space-5)}.reader .chapter-body p{margin:0 0 var(--space-5)}.reader .empty{color:var(--color-text-muted);text-align:center}.reader .footer{position:sticky;display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4)var(--space-4);background:var(--color-surface);bottom:0}.reader .conversation{max-width:var(--content-width);max-height:var(--reader-reply-height);overflow-y:auto;overscroll-behavior:contain;width:100%;min-height:0}.reader .conversation:empty{display:none}.reader .bar>*{transition:opacity var(--transition-slow)}.reader .controls>.icon-button{transition:opacity var(--transition-slow)}.reader .page-count{transition:opacity var(--transition-slow)}.reader[data-busy=true] .bar>*{opacity:0;pointer-events:none}.reader[data-busy=true] .controls>.icon-button{opacity:0;pointer-events:none}.reader[data-busy=true] .page-count{opacity:0;pointer-events:none}.reader .controls{display:flex;align-items: center;gap:var(--space-6)}.reader .page-count{position:absolute;right:var(--space-4);bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.thinking-veil{position:fixed;z-index:10;display:grid;background:var(--color-surface);opacity:0;visibility:hidden;transition:opacity var(--veil-fade-out)var(--ease-calm),visibility 0s linear var(--veil-fade-out);place-items: center;inset:0}.thinking-veil[data-visible=true]{opacity:1;visibility:visible;transition:opacity var(--veil-fade-in)var(--ease-calm),visibility 0s}.thinking-veil .orb{position:relative;width:var(--orb-size);height:var(--orb-size);animation:orb-breathe var(--breath-cycle)var(--ease-calm)infinite}.thinking-veil .shape{position:absolute;filter:blur(var(--orb-blur));opacity:.7;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;inset:12%}.thinking-veil .shape:nth-of-type(3){background:radial-gradient(circle at 35% 40%,var(--color-accent),transparent 70%);animation:17s linear infinite orb-drift-a}.thinking-veil .shape:nth-of-type(4){background:radial-gradient(circle at 60% 55%,var(--color-accent-soft),transparent 70%);animation:23s linear infinite orb-drift-b}.thinking-veil .shape:nth-of-type(5){background:radial-gradient(circle at 50% 50%,var(--color-surface-raised),transparent 65%);animation:29s linear infinite reverse orb-drift-a;inset:22%}.thinking-veil .ripple{position:absolute;border:1px solid var(--color-accent-soft);border-radius:var(--radius-full);opacity:0;animation:orb-ripple var(--breath-cycle)var(--ease-calm)infinite;inset:18%}.thinking-veil .ripple:nth-of-type(2){animation-delay:calc(var(--breath-cycle)/2)}.thinking-veil .label{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px}@keyframes orb-breathe{0%{transform:scale(.9)}40%{transform:scale(1.06)}to{transform:scale(.9)}}@keyframes orb-drift-a{0%{transform:rotate(0)translate(4%,-3%)scale(1)}50%{transform:rotate(180deg)translate(-4%,3%)scale(1.08)}to{transform:rotate(360deg)translate(4%,-3%)scale(1)}}@keyframes orb-drift-b{0%{transform:rotate(0)translate(-5%,2%)scale(1.05)}50%{transform:rotate(-180deg)translate(5%,-2%)scale(.95)}to{transform:rotate(-360deg)translate(-5%,2%)scale(1.05)}}@keyframes orb-ripple{0%{transform:scale(.8);opacity:0}20%{opacity:.7}to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion:reduce){.thinking-veil .orb,.thinking-veil .shape,.thinking-veil .ripple{animation:none}}