:root{--ink:#1c1815;--ink-2:#241f1a;--ink-3:#332b23;--brass:#b8925a;--brass-bright:#d4ac74;--parchment:#efe9dd;--parchment-dim:#9c9184;--paper:#faf7f0;--rail-w:230px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--parchment);font-family:Inter,system-ui,sans-serif}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--ink-2);border-bottom:1px solid var(--ink-3);flex:none;align-items:center;gap:18px;height:56px;padding:0 20px;display:flex}.brand{direction:rtl;align-items:baseline;gap:8px;display:flex}.brand .mark{color:var(--brass-bright);letter-spacing:.5px;font-family:Amiri,serif;font-size:22px;font-weight:700}.brand .tagline{color:var(--parchment-dim);font-family:Inter,sans-serif;font-size:11px}.topbar-spacer{flex:1}.top-actions{align-items:center;gap:8px;display:flex}.btn{color:var(--parchment);border:1px solid var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:7px 13px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--brass);color:var(--brass-bright)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--ink);font-weight:600}.btn.primary:hover{background:var(--brass-bright);border-color:var(--brass-bright);color:var(--ink)}.workspace{flex:1;min-height:0;display:flex}.rail{width:var(--rail-w);background:var(--ink-2);border-left:1px solid var(--ink-3);flex:none;padding:18px 16px;overflow-y:auto}.rail h3{text-transform:uppercase;letter-spacing:1px;color:var(--parchment-dim);text-align:right;direction:ltr;margin:0 0 10px;font-size:10.5px;font-weight:600}.rail-section{margin-bottom:24px}.theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-chip{border:1.5px solid var(--ink-3);cursor:pointer;text-align:center;background:var(--ink);border-radius:5px;padding:9px 8px;transition:border-color .15s,transform .1s}.theme-chip:hover{transform:translateY(-1px)}.theme-chip.active{border-color:var(--brass-bright)}.theme-chip .swatch{border-radius:3px;height:22px;margin-bottom:6px;display:flex;overflow:hidden}.theme-chip .swatch span{flex:1}.theme-chip .name{color:var(--parchment);font-family:Inter,sans-serif;font-size:11px}select{background:var(--ink);width:100%;color:var(--parchment);border:1px solid var(--ink-3);border-radius:3px;padding:7px 8px;font-family:Inter,sans-serif;font-size:12.5px}.toggle-pair{border:1px solid var(--ink-3);border-radius:3px;display:flex;overflow:hidden}.toggle-pair button{background:var(--ink);color:var(--parchment-dim);cursor:pointer;border:none;flex:1;padding:7px 4px;font-family:Inter,sans-serif;font-size:12px}.toggle-pair button.active{background:var(--brass);color:var(--ink);font-weight:600}.panes{flex:1;min-width:0;display:flex}.editor-pane{border-left:1px solid var(--ink-3);flex-direction:column;flex:none;width:40%;min-width:280px;display:flex}.editor-pane .pane-label{text-transform:uppercase;letter-spacing:1px;color:var(--parchment-dim);border-bottom:1px solid var(--ink-3);flex:none;padding:9px 16px;font-size:10.5px}#editor{resize:none;color:#d8cfc0;text-align:right;direction:rtl;background:#151210;border:none;outline:none;flex:1;width:100%;padding:16px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.7}.preview-pane{background:radial-gradient(circle at 50% 0%, #2a241d 0%, var(--ink) 70%);flex-direction:column;flex:1;align-items:center;min-width:0;padding:36px 24px;display:flex;overflow-y:auto}#book-page{background:var(--paper);border-radius:2px;width:100%;max-width:620px;min-height:400px;padding:48px 44px;font-size:14.5px;line-height:2;box-shadow:0 10px 40px #00000073,0 2px 8px #0000004d}#book-page .bk-title{text-align:center;margin-bottom:34px}#book-page .bk-title-main{font-family:var(--font-head);color:var(--chapter-bg);margin-bottom:10px;font-size:30px;font-weight:700}#book-page .bk-title-sub{opacity:.65;font-size:14px}#book-page .bk-toc{border-bottom:1px solid var(--dot-color);margin-bottom:30px;padding-bottom:18px}#book-page .bk-toc-title{text-align:center;font-family:var(--font-head);color:var(--chapter-bg);margin-bottom:14px;font-size:19px;font-weight:700}#book-page .bk-toc-entry{padding:3px 0;font-size:12.5px}#book-page .bk-toc-entry a{color:var(--chapter-bg);font-weight:600;text-decoration:none}#book-page .bk-toc-entry.sub a{color:var(--sub-text);padding-right:16px;font-weight:400;display:inline-block}#book-page .bk-chapter{background:var(--chapter-bg);color:var(--chapter-text);font-family:var(--font-head);text-align:center;border-radius:3px;margin:24px 0 12px;padding:9px 16px;font-size:15.5px;font-weight:700}#book-page .bk-sub{color:var(--sub-text);font-family:var(--font-head);border-right:3px solid var(--sub-border);margin:16px 0 8px;padding-right:9px;font-size:13.5px;font-weight:700}#book-page p{margin:0 0 9px}#book-page .term{color:var(--term-color);font-weight:700}#book-page .bk-verse{background:var(--verse-bg);border:1px solid var(--verse-border);text-align:center;border-radius:3px;margin:12px 0;padding:10px 18px;font-size:13.5px;line-height:1.95}.modal-backdrop{z-index:50;background:#0a0806b3;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:var(--ink-2);border:1px solid var(--ink-3);direction:rtl;border-radius:6px;width:100%;max-width:640px;max-height:85vh;padding:28px 30px;overflow-y:auto}.modal h2{color:var(--brass-bright);margin:0 0 14px;font-family:Amiri,serif;font-size:22px}.modal h4{color:var(--parchment);margin:18px 0 6px;font-size:14px}.modal p,.modal li{color:var(--parchment-dim);font-size:13px;line-height:1.9}.modal code{background:var(--ink);color:var(--brass-bright);direction:ltr;border-radius:3px;padding:1px 6px;font-size:12.5px;display:inline-block}.modal pre{background:var(--ink);border:1px solid var(--ink-3);text-align:right;color:var(--parchment);white-space:pre-wrap;direction:rtl;border-radius:4px;padding:12px 14px;font-size:12.5px;line-height:1.9;overflow-x:auto}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}@media (width<=880px){.rail{display:none}.panes{flex-direction:column}.editor-pane{border-left:none;border-bottom:1px solid var(--ink-3);width:100%;height:38%}.preview-pane{padding:18px 10px}}@media print{html,body{background:#fff!important}body *{visibility:hidden}#book-page,#book-page *{visibility:visible}#book-page{padding:0;position:absolute;inset:0;box-shadow:none!important;width:100%!important;max-width:none!important}#book-page .bk-chapter{break-after:avoid;page-break-before:always}.bk-title+.bk-chapter{page-break-before:auto}#book-page .bk-sub{break-after:avoid}#book-page .bk-toc-entry{break-inside:avoid}}