:root{--paper:#fdf9f2;--ink:#26221c;--ink-2:#6f6759;--line:#e6ddcf;--blue:#2a6f97;--amber:#d9a441;--ok:#3a7d44;--bad:#b3403a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;font-family:-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;min-height:44px;padding:10px 16px}button:disabled{opacity:.5}button.ghost{color:var(--blue);background:0 0;border:none}button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}input.sheet-input{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px;font-size:1.05rem}textarea{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px}.app{flex-direction:column;height:100%;display:flex}.topbar{padding:10px 14px calc(0px + env(safe-area-inset-top,0px));justify-content:flex-end;display:flex}.sync-badge{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem}.sync-ok{color:var(--ok)}.sync-busy{color:var(--amber)}.sync-bad{color:var(--bad)}.sync-off{color:var(--ink-2);background:var(--line)}.screen{flex-direction:column;flex:1;width:100%;max-width:680px;margin:0 auto;padding:12px 16px 24px;display:flex}.setup{text-align:center;justify-content:center;gap:12px}.setup-logo{border-radius:22px;width:96px;height:96px;margin:0 auto}.setup textarea{font-family:ui-monospace,monospace;font-size:.9rem}.error{color:var(--bad)}.hint{color:var(--ink-2)}.story-list header,.editor header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.story-list h1,.editor h1{flex:1;margin:0;font-size:1.3rem}.editor h1{text-align:center}ul.stories,ul.chapters{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.story-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #26221c0a}.story-open{box-shadow:0 2px 8px #26221c14}.story-row{text-align:left;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:1.05rem;font-weight:600;display:flex}.story-meta{color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:.82rem;font-weight:400;display:flex}.chevron{color:var(--ink-2)}ul.chapters{border-top:1px solid var(--line);gap:4px;margin:0;padding:4px 12px 12px}.chapter-row{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 6px;display:flex}.chapter-num{background:var(--paper);border:1px solid var(--line);width:26px;height:26px;color:var(--ink-2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.chapter-actions{gap:4px;padding-top:4px;display:flex}.editor{min-height:0}.chapter-text{resize:none;flex:1;font-size:1.05rem;line-height:1.6}.chapter-editor{flex:1;min-height:0;overflow-y:auto}.chapter-prose{outline:none;min-height:60vh;padding-bottom:40vh;font-size:1.05rem;line-height:1.6}.editor-actions{align-items:center;gap:10px;padding:4px 0 8px;display:flex}.gen-preview{white-space:pre-wrap;color:var(--ink-2);flex:1;font-size:1rem;line-height:1.6;overflow-y:auto}.gen-error{color:var(--bad);font-size:.85rem}.editor-actions .hint{margin:0;font-size:.82rem}.chat{flex-direction:column;min-height:0;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:8px;padding:8px 0;display:flex;overflow-y:auto}.chat-msg{white-space:pre-wrap;border-radius:14px;max-width:85%;padding:8px 12px;line-height:1.45}.chat-user{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-assistant{border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.offline-note{background:var(--line);color:var(--ink-2);border-radius:12px;margin:0 0 4px;padding:10px 14px;font-size:.85rem}.chat-input{padding:8px 0 max(8px, env(safe-area-inset-bottom));gap:8px;display:flex}.chat-input textarea{resize:none;flex:1}.settings-btn{font-size:1.1rem}.sheet-backdrop{z-index:20;background:#26221c66;align-items:flex-end;animation:.18s ease-out backdrop-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:680px;padding:20px 20px max(20px, env(safe-area-inset-bottom));background:#fff;border-radius:16px 16px 0 0;flex-direction:column;gap:12px;margin:0 auto;animation:.22s cubic-bezier(.32,.72,.28,1) sheet-in;display:flex}.sheet h2{margin:0;font-size:1.15rem}@keyframes backdrop-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.sheet{animation:none}}.segmented{gap:8px;display:flex}.segmented button{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 12px;font-weight:600;display:flex}.segmented button small{color:var(--ink-2);font-size:.75rem;font-weight:400}.segmented .seg-on{border-color:var(--blue);color:var(--blue);background:#eef4f8}.sheet input[type=range]{width:100%}.slider-label{text-align:center;font-weight:600}.sheet-actions{justify-content:flex-end;gap:10px;display:flex}