:root{--paper:#faf7f2;--paper-raised:#fff;--ink:#2b2521;--ink-soft:#6b6259;--line:#e6ded2;--accent:#5b4b3f;--accent-soft:#f0e8dc;--danger:#b3261e;--mark:#fdf0b8;--text-body:1.125rem;--reading-scale:1;--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-text-size=large]{--reading-scale:1.15}:root[data-text-size=xlarge]{--reading-scale:1.32}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:calc(100% * var(--reading-scale))}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:var(--text-body);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-height:1.7}.page{height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.app-bar{border-bottom:1px solid var(--line);background:var(--paper);z-index:5;align-items:center;gap:8px;padding:6px 8px;display:flex;position:sticky;top:0}.app-bar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden}.app-bar h1:first-child{text-align:left;padding-left:8px}.doc-title{color:var(--ink-soft)}.icon{min-width:var(--tap);height:var(--tap);color:var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;font-size:1.25rem;position:relative}.icon.back{white-space:nowrap;padding:0 6px;font-size:1rem}.icon .dot{background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.toc-scroll,.editor-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.status-bar{padding:6px 16px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);justify-content:flex-end;min-height:36px;display:flex}.center-screen{flex-direction:column;justify-content:center;gap:12px;max-width:480px;height:100%;margin:0 auto;padding:24px;display:flex}.center-screen h1{margin:0;font-size:1.5rem}.toc-list{margin:0;padding:4px 0 96px;list-style:none}.toc-row{border-bottom:1px solid var(--line);align-items:center;display:flex}.toc-row.depth-2 .toc-title{padding-left:32px;font-size:1.0625rem}.toc-row.depth-3 .toc-title{color:var(--ink-soft);padding-left:56px;font-size:1rem}.toc-title{min-height:var(--tap);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:10px 8px 10px 16px;display:flex}.badge{color:var(--ink-soft);white-space:nowrap;font-size:.8125rem}.fab{right:20px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:60px;height:60px;font-size:1.75rem;line-height:1;position:fixed;box-shadow:0 6px 20px #2b252140}.fab:disabled{opacity:.4;cursor:default}.empty-state{text-align:center;padding:48px 24px}.editor-wrap{padding:8px 20px 120px}.manuscript{word-break:keep-all;outline:none;min-height:60vh;font-size:1.1875rem;line-height:1.85}.manuscript p{margin:0 0 1em}.manuscript h2{margin:1.2em 0 .5em;font-size:1.375rem;font-weight:700}.manuscript h3{color:var(--ink-soft);margin:1em 0 .4em;font-size:1.1875rem;font-weight:600}.manuscript .comment-mark{background:var(--mark);cursor:pointer;border-radius:3px;padding:1px 0}.icon.comment-count{white-space:nowrap;min-width:auto;color:var(--ink-soft);padding:0 10px;font-size:.9375rem}.manuscript p.is-empty:first-child:before{content:attr(data-placeholder);color:#b6ada2;float:left;pointer-events:none;height:0}.block-bar{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));background:var(--paper-raised);border:1px solid var(--line);z-index:4;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #2b25211f}.block-bar button{white-space:nowrap;min-width:68px;min-height:40px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 14px;font-size:.9375rem}.block-bar button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.save-status{color:var(--ink-soft);font-size:.875rem}.save-status.saved{color:#2f6b3f}.save-status.warn{color:var(--danger)}.reader-doc{word-break:keep-all;white-space:pre-wrap;padding:8px 20px 120px;font-size:1.1875rem;line-height:1.85}.reader-doc p{margin:0 0 1em}.reader-doc h2{margin:1.2em 0 .5em;font-size:1.375rem}.reader-doc h3{color:var(--ink-soft);margin:1em 0 .4em;font-size:1.1875rem}.comment-mark{background:var(--mark);cursor:pointer;border-radius:3px;padding:1px 0}.reader-hint{padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.icon.text-size{min-width:44px;color:var(--ink-soft);font-size:1rem;font-weight:600}.select-action{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));min-height:var(--tap);background:var(--accent);color:#fff;font:inherit;cursor:pointer;z-index:6;border:none;border-radius:999px;padding:0 24px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #2b252140}.sheet-backdrop{z-index:20;background:#2b252159;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper-raised);width:100%;max-width:520px;max-height:85vh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.sheet-grip{background:var(--line);border-radius:2px;width:40px;height:4px;margin:4px auto 12px}.sheet-title{margin:0 0 12px;font-size:1.0625rem}.menu{flex-direction:column;display:flex}.menu button{border:none;border-bottom:1px solid var(--line);min-height:54px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0}.menu button:last-child{border-bottom:none}.menu button.danger{color:var(--danger)}.stack{flex-direction:column;gap:12px;display:flex}.row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}input,textarea{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font:inherit;padding:12px 14px;font-size:1.0625rem}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button.primary{min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;padding:0 20px;font-weight:600}button.primary:disabled{opacity:.5}button.ghost{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:0 16px}button.danger-filled{border-radius:var(--radius);background:var(--danger);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;padding:0 20px;font-weight:600}.field-label{color:var(--ink-soft);font-size:.9375rem}.muted{color:var(--ink-soft);font-size:1rem}.pad{padding:24px}.error{color:var(--danger)}.banner{background:var(--accent-soft);color:var(--ink);border-bottom:1px solid var(--line);margin:0;padding:12px 16px;font-size:.9375rem}.banner p{margin:0}.warn-banner{background:#fdeaea}.banner .row{justify-content:flex-start;margin-top:8px}.confirm-text{margin:0 0 4px;font-size:1.0625rem}.share-url{word-break:break-all;border-radius:var(--radius);background:var(--accent-soft);margin:12px 0;padding:12px 14px;font-size:.9375rem}.version{text-align:center;color:#b6ada2;margin:16px 0 0;font-size:.75rem}.comment-tabs{gap:8px;margin-bottom:12px;display:flex}.comment-tabs button{border:1px solid var(--line);min-height:40px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:1;font-size:.9375rem}.comment-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.comment-card{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px}.comment-card blockquote,.quote{border-left:3px solid var(--line);color:var(--ink-soft);margin:0 0 8px;padding-left:10px;font-size:.9375rem}.comment-author{margin:0;font-size:.9375rem;font-weight:600}.comment-body{margin:4px 0 10px;font-size:1rem}.empty-note{color:var(--ink-soft);padding:16px 0;font-size:.9375rem}.recovery-text{white-space:pre-wrap;word-break:break-word;background:var(--accent-soft);border-radius:var(--radius);max-height:40vh;padding:12px 14px;font-family:inherit;font-size:.9375rem;overflow:auto}@media (width>=900px){.editor-wrap,.reader-doc{max-width:720px;margin:0 auto;padding-left:24px;padding-right:24px}.toc-list{max-width:720px;margin:0 auto}.app-bar h1{font-size:1.125rem}}.muted.small{margin-top:12px;font-size:.875rem}