:root{--paper: #e8edf4;--surface: #f7f9fc;--ink: #1c2848;--muted: #56627d;--line: #c8d2e1;--accent: #e3a01b;--accent-ink: #362300;--accent-soft: #f6e2b5;--danger: #b3261e;--display: "Young Serif", Georgia, "Times New Roman", serif;--body: "Hind", "Noto Sans", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper: #0f1629;--surface: #172039;--ink: #e5eaf4;--muted: #9ba7c0;--line: #2a365a;--accent: #f0b23c;--accent-ink: #2a1a00;--accent-soft: #3a2e14;--danger: #f2827a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font-family:var(--body);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance}h1{font-size:1.85rem;line-height:1.2}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0}.wrap{max-width:560px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right)) 120px max(16px,env(safe-area-inset-left));display:grid;gap:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-family:var(--display);font-size:1.25rem}.lead{color:var(--muted);margin-top:8px;max-width:34em}.note{font-size:.875rem;color:var(--muted)}.error{font-size:.9rem;color:var(--danger)}.stack{display:grid;gap:12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.big{padding:14px 22px;font-size:1.05rem}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:default}.link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;font-weight:500}.field{display:grid;gap:6px}.field label{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500}.field input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}.or{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:var(--muted);font-size:.875rem}.or:before,.or:after{content:"";border-top:1px solid var(--line)}.sec-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.person{width:100%;text-align:left;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}.avatar{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-family:var(--display);font-size:1.2rem}.pname{font-weight:600;font-size:1.05rem}.meta{color:var(--muted);font-size:.875rem}.empty{border:1px dashed var(--line);border-radius:14px;padding:20px;text-align:center;color:var(--muted);display:grid;gap:12px;justify-items:center}.theme{display:grid;gap:8px}.qbtn{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:5}.nav-in{max-width:560px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.tab{background:none;border:0;padding:8px;color:var(--muted);font-weight:500}.tab[aria-current=page]{color:var(--ink);font-weight:600}.rec-fab{width:64px;height:64px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;margin-top:-26px;box-shadow:0 0 0 6px var(--paper)}.rec-fab svg{width:26px;height:26px}.avatar{overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:72px;height:72px;font-size:1.6rem}.back{background:none;border:0;padding:0;color:var(--muted);font-weight:500}.phead{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-fields{display:grid;grid-template-columns:1fr 2fr;gap:8px}.confirm{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:10px}.btn.danger{color:var(--danger)}.lbl{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500}.chips{display:flex;gap:8px;min-width:0}.wrap-chips{flex-wrap:wrap}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 13px;font-size:.9rem}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.qbtn{display:flex;justify-content:space-between;gap:12px;align-items:center}.qbtn span:last-child{color:var(--muted);font-size:.85rem;flex:none}.photo-pick{display:flex;gap:16px;align-items:center}.vis{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a102073;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--paper);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-radius:20px 20px 0 0;padding:20px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;gap:16px}.sheet>*{min-width:0;max-width:100%}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-20px;z-index:2;background:var(--paper);padding:8px 0;margin:-8px 0}.sheet-head h2{min-width:0;overflow-wrap:anywhere}.sheet-head .btn{flex:none}.sheet audio,.sheet select,.sheet input,.sheet textarea{max-width:100%}@media(max-width:600px){.scrim{align-items:stretch}.sheet{max-height:none;height:100%;border-radius:0;align-content:start;padding-top:calc(20px + env(safe-area-inset-top))}.sheet-head{top:calc(-20px - env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top));margin-top:calc(-8px - env(safe-area-inset-top))}}@media(prefers-reduced-motion:no-preference){.sheet{animation:up .22s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:.6}}}.notice{background:var(--accent-soft);border-radius:14px;padding:14px;display:grid;gap:10px;justify-items:start}.scroll-chips{overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip .n{font-variant-numeric:tabular-nums;opacity:.7;margin-left:2px}.story{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.story-head{width:100%;text-align:left;background:none;border:0;padding:14px 16px;display:grid;gap:2px}.pending-story{border-style:dashed}.stitle{font-weight:600}.sbody{padding:0 16px 16px;display:grid;gap:12px}.asked{font-family:var(--display);color:var(--muted);border-left:2px solid var(--accent);padding-left:12px}.prompt-card{background:var(--surface);border:1px solid var(--line);border-top:2px dashed var(--accent);border-radius:4px 4px 14px 14px;padding:18px;display:grid;gap:12px}.prompt-text{font-family:var(--display);font-size:1.4rem;line-height:1.3;text-wrap:balance}.hint{font-size:.875rem;color:var(--muted)}.field select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}.recording{display:grid;gap:12px;justify-items:center;text-align:center;padding:8px 0}.rec-time{font-family:var(--display);font-size:2.6rem;font-variant-numeric:tabular-nums}.meter{width:100%;height:10px;background:var(--line);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform 80ms linear}.bar{width:100%;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);transition:width .2s}.check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}.danger-link{color:var(--danger);font-size:.9rem}.member{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:8px}.member select,.family-switch select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.family-switch{margin-top:10px;max-width:320px}.rec-fab[aria-disabled=true]{opacity:.45}.unsaved{border-style:dashed;border-color:var(--accent)}.tag{justify-self:start;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 6px;margin-top:4px}.tag.warn{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent)}.parts{gap:6px}.dot{width:12px;height:12px;border-radius:50%;background:var(--danger);display:inline-block}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;z-index:30;font-weight:500;max-width:calc(100% - 32px);text-align:center}.center{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.add-chip{font-weight:600;border-style:dashed}.add-theme{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.add-theme input{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.own-question{width:100%;font-family:var(--display);font-size:1.15rem;line-height:1.3;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}html.locked,html.locked body{overflow:hidden}