*{box-sizing:border-box}body{margin:0;background:#f7f2e6}a{color:#7a5c3e}a:hover{color:#5b4026}.layout{display:grid;grid-template-columns:284px 1fr;height:100vh;height:100dvh;background:#f7f2e6;overflow:hidden}.sidebar{border-right:1px solid #e4dabf;background:#f7f2e6;padding:44px 0 26px 36px;display:flex;flex-direction:column;gap:18px;min-height:0}.pages{overflow-y:auto;position:relative;padding:0 96px 120px;min-height:0}.book-title{font:400 48px/1.2 EB Garamond,serif;color:#2e2718;min-width:80px}.ch-head{font:400 34px/1.2 EB Garamond,serif;color:#2e2718}.preview-scroll{overflow-y:auto;flex:1;padding:60px 96px 120px}.menu-btn,.scrim{display:none}@media (max-width: 1100px){.layout{grid-template-columns:236px 1fr}.sidebar{padding-left:26px}.pages{padding:0 48px 110px}.preview-scroll{padding:48px 48px 110px}}@media (max-width: 900px){.layout{display:block}.sidebar{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(300px,85vw);padding:26px 0 26px 26px;box-shadow:6px 0 24px #2e27182e;transform:translate(-105%);transition:transform .3s ease}.layout.menu-open .sidebar{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#2e271840;opacity:0;pointer-events:none;transition:opacity .3s ease}.layout.menu-open .scrim{opacity:1;pointer-events:auto}.pages{height:100%;padding:0 22px 90px}.menu-btn{display:flex;position:fixed;z-index:60;top:12px;left:14px;align-items:center;gap:8px;font:500 15px/1 EB Garamond,serif;color:#6b5c3e;background:#f7f2e6eb;border:1px solid #e4dabf;border-radius:6px;padding:9px 13px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 10px #2e27181a}.book-title{font-size:36px}.ch-head{font-size:28px}.preview-scroll{padding:40px 22px 90px}}.prose{font:400 17px/1.6 EB Garamond,serif;color:#141210;outline:none}.prose p{margin:0 0 14px;text-indent:1.6em;text-align:justify;text-wrap:pretty}.prose ul{margin:0 0 14px;padding-left:1.5em}.prose li{margin:0 0 4px;text-wrap:pretty}.prose li::marker{color:#8a7345}.prose p:first-of-type{text-indent:0}.prose:not([contenteditable=true]) p:first-of-type:first-letter{float:left;font-size:60px;line-height:.85;padding:7px 10px 0 0;color:#2e2718}.prose[contenteditable=true]{caret-color:#8f2333}.prose[contenteditable=true] :is(p,li).typing{text-align:left;text-wrap:wrap}[contenteditable=true]{outline:none}[contenteditable=true].meta:hover{background:#8f23330f;border-radius:2px}.rail-item:hover{opacity:.78}.rail-bar{position:absolute;left:0;width:2px;background:#8f2333;opacity:0}.rail-bar.on{opacity:1;transition:top .35s ease,height .35s ease,opacity .35s ease}.del-x:hover{color:#8f2333!important}.hoverable:hover{opacity:.75}.tb-btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;font:400 14px EB Garamond,serif;color:#f7f2e6;cursor:pointer;border-radius:4px}.tb-btn:hover{background:#f7f2e626}.side-link{font:400 15.5px/1.4 EB Garamond,serif;color:#8a7345;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.side-link:hover{color:#5b4026}.side-link.accent{color:#8f2333}.side-link.accent:hover{opacity:.7;color:#8f2333}.hist-row{border-bottom:1px solid #eee4cd;padding:11px 2px}.hist-row:last-child{border-bottom:none}.hist-btn{font:400 14px/1 EB Garamond,serif;color:#7a5c3e;cursor:pointer;border:1px solid #d9cca6;border-radius:4px;padding:4px 9px;background:none;-webkit-user-select:none;user-select:none}.hist-btn:hover{background:#8f23330f;color:#5b4026}.hist-btn.primary{color:#f7f2e6;background:#8f2333;border-color:#8f2333}.hist-btn.primary:hover{opacity:.85}.gate-input{font:400 17px/1.4 EB Garamond,serif;color:#2e2718;background:#fffdf6;border:1px solid #d9cca6;border-radius:4px;padding:9px 12px;width:100%;outline:none}.gate-input:focus{border-color:#8f2333}@media (max-width: 900px){.prose p{text-align:left}}::highlight(misspell){text-decoration:underline wavy #c4432f;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-skip-ink:none}::highlight(misspell-active){background-color:#8f233329}.spell-pop{position:absolute;z-index:40;width:284px;background:#fffdf6;border:1px solid #d9cca6;border-radius:6px;box-shadow:0 6px 20px #2e27182e;padding:10px 12px}.spell-pop-sugg{display:flex;flex-wrap:wrap;gap:6px}.spell-pop-sugg .hist-btn{font-size:15px;padding:5px 10px}.spell-pop-actions{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;padding-top:8px;border-top:1px solid #eee4cd}.spell-pop .side-link{font-size:14px}@media (max-width: 900px){.spell-pop{width:260px}}