:root{--ink:#292721;--muted:#746e63;--paper:#f6f1e7;--paper-deep:#ebe2d3;--surface:#fffdf8;--accent:#9f3d2f;--accent-dark:#742b22;--hairline:#41372b26;--reader-scale:1;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9f3d2f47}.app-shell{overflow-anchor:none;min-height:100vh}.reader-bar{z-index:30;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--paper) 91%, transparent);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);grid-template-columns:90px 1fr 90px;align-items:center;display:grid;position:fixed;inset:0 0 auto}.menu-button,.font-controls button,.icon-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.menu-button{justify-self:start;gap:7px;font-weight:650}.menu-button svg{width:22px}.bar-title{text-align:center;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.bar-title span{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.bar-title small{color:var(--accent);border:1px solid #9f3d2f38;border-radius:99px;padding:2px 6px;font-size:11px;font-weight:750}.font-controls{border:1px solid var(--hairline);background:#ffffff59;border-radius:99px;justify-self:end;align-items:center;height:40px;display:flex;overflow:hidden}.font-controls button{min-width:34px;min-height:38px}.font-controls button:disabled{opacity:.25}.font-controls svg{width:16px}.font-controls span{font-family:ui-serif,Songti SC,STSong,serif;font-weight:700}.edit-mode-controls{justify-self:end;align-items:center;gap:4px;display:flex}.edit-mode-controls button{border:1px solid var(--hairline);cursor:pointer;background:#ffffff61;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.edit-mode-controls button:last-child{color:#fff;border-color:var(--accent);background:var(--accent)}.edit-mode-controls button:disabled{opacity:.45}.edit-mode-controls svg{width:19px}.read-only-banner{z-index:29;top:calc(64px + env(safe-area-inset-top));color:#5e401a;text-align:center;background:#f3d9a9;padding:10px 20px;font-size:14px;position:fixed;left:0;right:0}.reader-stage{padding:calc(64px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 120px max(22px, env(safe-area-inset-left))}.reader-stage.is-editing{background:color-mix(in srgb, var(--paper) 88%, white)}.memoir{max-width:680px;font-family:ui-serif,Songti SC,STSong,Noto Serif CJK SC,serif;font-size:calc(19px * var(--reader-scale));letter-spacing:.025em;margin:0 auto;line-height:1.95}.memoir h1,.memoir h2{scroll-margin-top:calc(84px + env(safe-area-inset-top));text-wrap:balance}.memoir h1{font-size:calc(33px * var(--reader-scale));letter-spacing:-.02em;border-bottom:1px solid var(--hairline);margin:6.5rem 0 2.5rem;padding:0 0 1.4rem;line-height:1.35;position:relative}.memoir h1:first-child{margin-top:0}.memoir h1:after{content:"";background:var(--accent);width:58px;height:2px;position:absolute;bottom:-1px;left:0}.chapter-kicker{color:var(--accent);letter-spacing:.4em;margin-bottom:12px;font:750 12px/1 ui-sans-serif,system-ui;display:block}.memoir h2{color:#353028;font-size:calc(25px * var(--reader-scale));margin:3.8rem 0 1.6rem;line-height:1.5}.memoir p{text-align:justify;overflow-wrap:anywhere;margin:0 0 1.45em}.memoir strong{color:var(--accent-dark)}.memoir blockquote{color:var(--muted);border-left:2px solid var(--accent);margin:2rem 0;padding-left:1.3rem}.memoir ul,.memoir ol{padding-left:1.4em}.memoir img{max-width:100%;height:auto}.memoir-editor textarea{box-sizing:content-box;resize:none;width:100%;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:1px solid #0000;border-radius:8px;margin-left:-9px;transition:border-color .15s,background .15s;display:block;overflow:hidden}.memoir-editor textarea:hover,.memoir-editor textarea:focus{background:#fffdf8c7;border-color:#9f3d2f33}.memoir-editor textarea:focus{outline:3px solid #9f3d2f21}.edit-mode-hint{color:var(--accent-dark);background:#9f3d2f0e;border:1px solid #9f3d2f29;border-radius:8px;padding:10px 13px;font:650 13px/1.5 ui-sans-serif,system-ui;text-align:left!important;margin:0 0 3rem!important}.editable-heading{scroll-margin-top:calc(84px + env(safe-area-inset-top))}.editable-heading textarea{font-weight:inherit;padding:7px 9px}.editable-h1{border-bottom:1px solid var(--hairline);font-size:calc(33px * var(--reader-scale));letter-spacing:-.02em;margin:6.5rem 0 2.5rem;padding:0 0 1.4rem;font-weight:750;line-height:1.35;position:relative}.editable-h1:first-of-type{margin-top:0}.editable-h1:after{content:"";background:var(--accent);width:58px;height:2px;position:absolute;bottom:-1px;left:0}.delete-chapter-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font:650 12px/1 ui-sans-serif,system-ui;display:flex;position:absolute;bottom:-2.6rem;right:0}.delete-chapter-button:hover:not(:disabled){color:#8c2f24;background:#9f3d2f14}.delete-chapter-button:disabled{cursor:not-allowed;opacity:.42}.delete-chapter-button svg,.add-chapter-button svg{width:17px;height:17px}.add-chapter-button{width:100%;min-height:54px;color:var(--accent-dark);cursor:pointer;background:#9f3d2f0a;border:1px dashed #9f3d2f61;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:4.5rem 0 1rem;font:700 14px/1.4 ui-sans-serif,system-ui;display:flex}.add-chapter-button:hover:not(:disabled){background:#9f3d2f17}.editable-h2{color:#353028;margin:3.8rem 0 1.6rem;padding:7px 9px;font-size:calc(25px * var(--reader-scale))!important;font-weight:700!important;line-height:1.5!important}.editable-paragraph{text-align:justify;margin:0 0 1.45em;padding:5px 8px;line-height:1.95!important}.editor-saving-status{color:var(--muted);font:650 14px/1.5 ui-sans-serif,system-ui;text-align:center!important;margin:48px 0 0!important}.story-footer{text-align:center;max-width:680px;color:var(--muted);margin:100px auto 0}.story-footer:before{content:"";background:var(--hairline);width:1px;height:56px;margin:0 auto 24px;display:block}.story-footer span{letter-spacing:.38em;font:600 13px/1 ui-serif,Songti SC,serif}.chat-fab{z-index:28;right:max(18px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:#fffaf3;background:var(--accent);cursor:pointer;border:0;border-radius:99px;align-items:center;gap:9px;min-height:56px;padding:0 19px;font-weight:720;animation:.5s cubic-bezier(.2,.8,.2,1) both fab-in;display:flex;position:fixed;box-shadow:0 10px 28px #4c231d40}.chat-fab:active{transform:scale(.97)}.chat-fab svg{width:23px}.save-toast{z-index:70;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));color:#fff;text-align:left;background:#315c45;border:0;border-radius:12px;align-items:center;gap:10px;width:min(520px,100% - 32px);padding:13px 16px;animation:.28s ease-out both toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #19302340}.save-toast svg{flex:none;width:20px}.scrim{z-index:40;opacity:0;pointer-events:none;background:#1f1b166b;border:0;transition:opacity .22s;position:fixed;inset:0}.scrim.elevated{z-index:49}.scrim.is-visible{opacity:1;pointer-events:auto}.chapter-drawer{z-index:41;width:min(88vw,390px);padding:max(24px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:18px 0 50px #2b241d29}.chapter-drawer.is-open{transform:translate(0)}.drawer-heading,.sheet-heading,.chat-heading{justify-content:space-between;align-items:center;padding:0 22px 20px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:780}.drawer-heading h2,.sheet-heading h2{margin:6px 0 0;font:750 28px/1.2 ui-serif,Songti SC,serif}.chapter-drawer nav{overscroll-behavior:contain;flex:1;padding:8px 12px 20px;overflow-y:auto}.toc-item{text-align:left;cursor:pointer;width:100%;min-height:50px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;display:flex;position:relative}.toc-item.depth-1{color:var(--ink);margin-top:12px;padding:10px 12px;font-size:16px;font-weight:720}.toc-item.depth-1 svg{width:18px;color:var(--accent)}.toc-item.depth-2{min-height:44px;padding:7px 12px 7px 42px;font-size:15px}.toc-item.depth-2:before{content:"";background:#bdb3a5;border-radius:50%;width:4px;height:4px;position:absolute;left:26px}.toc-item.is-active{color:var(--accent-dark);background:#9f3d2f13}.toc-item.depth-2.is-active:before{background:var(--accent);box-shadow:0 0 0 4px #9f3d2f1c}.history-entry{border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:52px;margin:8px 20px 0;font-weight:670;display:flex}.history-entry svg{width:19px;color:var(--accent)}.chat-sheet,.version-sheet{z-index:50;background:var(--surface);transition:transform .32s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translateY(105%);box-shadow:0 -20px 60px #30271f33}.chat-sheet.is-open,.version-sheet.is-open{transform:translateY(0)}.chat-sheet{height:min(88svh,760px);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;grid-template-rows:auto auto 1fr auto auto;display:grid;inset:auto 0 0}.sheet-handle{background:#d5ccbf;border-radius:99px;width:40px;height:4px;margin:9px auto 5px}.chat-heading{justify-content:flex-start;gap:12px;padding-bottom:12px}.chat-heading .icon-button{margin-left:auto}.bot-mark{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.bot-mark svg{width:23px}.chat-title{flex-direction:column;gap:3px;display:flex}.chat-title>span{font-size:18px;font-weight:760}.chat-title small{color:var(--muted);align-items:center;gap:4px;display:flex}.chat-title small svg{width:13px}.reading-range{border-left:3px solid var(--accent);background:#9f3d2f0e;flex-direction:column;gap:2px;margin:0 18px 10px;padding:10px 12px;display:flex}.reading-range span{color:var(--muted);font-size:12px}.reading-range strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.message-list{overscroll-behavior:contain;flex-direction:column;gap:12px;padding:12px 18px 20px;display:flex;overflow-y:auto}.message{white-space:pre-wrap;border-radius:15px;max-width:88%;padding:11px 14px;line-height:1.6}.message.user{color:#fff;background:var(--accent);border-bottom-right-radius:4px;align-self:flex-end}.message.assistant{background:var(--paper-deep);border-bottom-left-radius:4px;align-self:flex-start}.message.failed{color:#7a261c;background:#f5d8d2}.typing:after{content:"…";animation:1s infinite pulse}.chat-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:9px;margin:auto;display:flex}.chat-empty>svg{width:38px;height:38px;color:var(--accent)}.chat-empty p{margin:0}.chat-empty button{border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:99px;min-height:42px;padding:6px 12px}.chat-status{border-top:1px solid var(--hairline);min-height:34px;color:var(--muted);padding:7px 18px;font-size:13px}.composer{border-top:1px solid var(--hairline);background:var(--surface);padding:10px 14px 12px}.composer textarea{resize:none;width:100%;min-height:58px;max-height:130px;color:var(--ink);background:0 0;border:0;font-size:17px;line-height:1.5}.composer textarea:focus{outline:none}.composer-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.voice-button,.send-button{cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 15px;display:flex}.voice-button{border:1px solid var(--hairline);background:0 0}.voice-button.is-recording{color:#fff;background:#b62d2d;border-color:#b62d2d;animation:1.4s infinite recording}.send-button{color:#fff;background:var(--accent);border:0;font-weight:720}.send-button:disabled,.voice-button:disabled{opacity:.38;cursor:default}.voice-button svg,.send-button svg{width:19px}.version-sheet{height:min(86svh,760px);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;display:flex;inset:auto 0 0}.sheet-heading{padding-bottom:18px}.sheet-heading h2{align-items:center;gap:9px;display:flex}.sheet-heading h2 svg{width:23px;color:var(--accent)}.version-list{overscroll-behavior:contain;flex:1;padding:0 20px 30px;overflow-y:auto}.version-row{border-top:1px solid var(--hairline);grid-template-columns:48px 1fr auto;gap:12px;padding:18px 0;display:grid;position:relative}.version-row:first-child{border-top:0}.version-marker{border:1px solid var(--hairline);width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;font-weight:750;display:grid}.version-row.is-current .version-marker{color:#fff;border-color:var(--accent);background:var(--accent)}.version-copy{min-width:0}.version-meta{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.version-meta strong{color:var(--accent)}.version-copy p{margin:6px 0 3px;line-height:1.5}.version-copy small{color:var(--muted)}.restore-button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;gap:5px;font-weight:700;display:flex}.restore-button svg{width:17px}.load-more{border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:50px;display:flex}.inline-error{color:#9c261d}.login-screen,.loading-state{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex}.seal{border:2px solid var(--accent);width:74px;height:74px;color:var(--accent);place-items:center;margin-bottom:26px;font:800 36px/1 ui-serif,Songti SC,serif;display:grid;transform:rotate(-3deg)}.login-screen h1{margin:12px 0 10px;font:800 clamp(44px,14vw,70px)/1 ui-serif,Songti SC,serif}.login-screen>p{color:var(--muted);font-family:ui-serif,Songti SC,serif}.login-screen form{flex-direction:column;gap:12px;width:min(360px,100%);margin-top:36px;display:flex}.login-screen input{border:1px solid var(--hairline);background:#ffffff80;border-radius:8px;min-height:54px;padding:0 16px;font-size:17px}.login-screen button,.loading-state button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;min-height:54px;font-weight:720}.loading-state{color:var(--muted);gap:16px}.loading-state svg{color:var(--accent);animation:1.2s infinite pulse}@media (width>=820px){.reader-stage{padding-left:40px;padding-right:40px}.chat-sheet{border-radius:20px;width:440px;height:min(720px,100svh - 56px);padding-bottom:0;inset:auto 28px 28px auto;box-shadow:0 20px 70px #30271f40}.version-sheet{width:min(560px,52vw);height:100svh;padding-top:env(safe-area-inset-top);border-radius:0;inset:0 0 0 auto;transform:translate(105%);box-shadow:-20px 0 60px #30271f2e}.version-sheet.is-open{transform:translate(0)}.version-sheet .sheet-handle{display:none}}@media (width<=560px){.reader-bar{grid-template-columns:76px 1fr 126px}}@keyframes fab-in{0%{opacity:0;transform:translateY(16px)scale(.94)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes pulse{50%{opacity:.45}}@keyframes recording{50%{box-shadow:0 0 0 7px #b62d2d1f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}