@font-face{font-family:CompassBook;src:url('assets/book-fonts/LiberationSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:CompassBook;src:url('assets/book-fonts/LiberationSerif-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:CompassBook;src:url('assets/book-fonts/LiberationSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:block}
@font-face{font-family:CompassBook;src:url('assets/book-fonts/LiberationSerif-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:block}
.book-layout{display:grid;grid-template-columns:125px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px;padding:18px 12px;background:#1d1425;border-radius:10px;overflow-x:auto}
.book-stack{position:relative;width:576px;margin:0 auto;isolation:isolate;flex-shrink:0}
.book-paper-layers{position:absolute;inset:0;pointer-events:none;z-index:0}.book-paper{position:absolute;left:0;width:576px;height:864px;background:#fffdf9;box-shadow:0 4px 18px #08031066;border:1px solid #e3d7cc;box-sizing:border-box}
.book-running-title,.book-running-credit{position:absolute;left:72px;right:72px;top:25px;font:11.33px/1.4 CompassBook,serif;color:#635765;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-running-credit{top:42px;font-style:italic;font-size:10.66px}.book-page-number{position:absolute;bottom:27px;left:0;right:0;text-align:center;font:12px CompassBook,serif;color:#635765}
#editor.book-flow,.book-flow{box-sizing:border-box;position:relative;z-index:1;width:576px;min-height:864px;padding:72px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#211c23!important;font:400 16px/24px CompassBook,serif;outline:0;overflow:visible;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap;text-align:left;font-synthesis:none;font-kerning:normal}
.book-flow:empty:before{font:italic 16px/24px CompassBook,serif;color:#a4939e}.book-flow p,.book-flow div{margin:0 0 14px;line-height:24px;min-height:24px}.book-flow h2{font:700 24px/30px CompassBook,serif;color:#211c23;margin:18px 0 12px}.book-flow h3{font:700 19px/25px CompassBook,serif;color:#211c23;margin:16px 0 10px}.book-flow blockquote{font:italic 16px/24px CompassBook,serif;border:0;padding:0 18px;margin:14px 0;color:#211c23}.book-flow ul,.book-flow ol{padding-left:24px;margin:12px 0}.book-flow li{margin:0 0 7px;line-height:24px}.book-flow img{display:block;max-width:100%;max-height:720px;height:auto;object-fit:contain;margin:12px 0}.book-flow a{color:#302435;text-decoration:underline}.book-flow a[data-file-path],.book-flow p:has(>a[data-file-path]:only-child){display:none!important}.book-flow hr{margin:16px 0;border:0;border-top:1px solid #aa9caa;clear:both}.book-flow hr[data-page-break]{height:0;border:0;margin:0;padding:0}.book-flow [data-layout-gap]{display:block!important;min-height:0!important;line-height:0!important;font-size:0!important;margin:0!important;padding:0!important;border:0!important;user-select:none;pointer-events:none;clear:both}
.book-flow [data-align=center]{text-align:center}.book-flow [data-align=right]{text-align:right}.book-flow [data-align=justify]{text-align:justify}.book-flow img[data-align=center]{margin:12px auto}.book-flow img[data-align=right]{margin:12px 0 12px auto}.book-flow img[data-align=left]{margin:12px auto 12px 0}
.page-rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:15px;max-height:75vh;overflow:auto;padding:0 5px;min-width:0}.page-rail>.status{font-size:10px;line-height:1.6;margin:0;color:#cfb4da}.page-thumbnail{background:transparent;border:1px solid #674674;border-radius:6px;color:#e0c3e9;padding:6px 6px 9px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:8px;width:110px;flex-shrink:0}.page-thumbnail[aria-current=page]{border-color:#e0b0ec;background:#51335f;box-shadow:0 0 0 1px #d7a4e4}.page-miniature{display:block;position:relative;overflow:hidden;background:#fffdf9;width:96px;height:144px;pointer-events:none}.page-miniature>.book-flow{transform:scale(.16666667);transform-origin:top left;min-height:864px!important}.page-miniature>.book-flow img{outline:none}.book-export-host{position:fixed;left:-10000px;top:0;pointer-events:none;width:576px;visibility:hidden}.book-export-host .book-flow{font-synthesis:none}.desk-maximized .book-layout{overflow-x:auto}.desk-maximized .book-stack{width:576px}.attachment-controls a{color:#dfc6e8}.compilation-row{padding:18px 0;border-bottom:1px solid #6b4a76}.compilation-row>label:first-child{display:block;font-size:14px;line-height:1.7}.compilation-row input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle}.compilation-row .status{display:block;margin-left:28px}.compilation-row .field{font-size:12px;margin:12px 0}.compilation-row .buttons{margin:10px 0 0}#compilationStatus{font-size:13px;line-height:1.8}
@media(max-width:1150px){.book-layout{grid-template-columns:1fr}.page-rail{position:static;flex-direction:row;max-height:none;width:100%;padding:0 0 10px;overflow:auto}.page-rail>.status{min-width:90px;align-self:center}.page-thumbnail{width:83px;padding:5px;gap:4px;font-size:10px}.page-miniature{width:66px;height:99px}.page-miniature>.book-flow{transform:scale(.11458333)}.book-stack{margin:0 auto}}
@media(max-width:650px){.book-layout{padding:10px 0;gap:12px}.book-stack{margin-left:0}.editor-tools{position:static}.book-layout::after{display:none}.editor-file-hint::before{content:'On a small screen, swipe sideways across the book page to write and read. ';color:#e9d4f0}}
#editorPane,.editor-card{min-width:0}.book-layout{box-sizing:border-box;max-width:100%}.page-rail{box-sizing:border-box;max-width:100%}
@media(max-width:1150px){.book-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.desk-wrap .writer-layout{grid-template-columns:minmax(0,1fr)}}