:root{--paper:var(--marka-kagit,#faf7f0);--ink:var(--marka-murekkep,#292524);--accent:var(--marka-vurgu,#9a442c);--reader-size:20px;--reader-leading:1.7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#e5dfd6;color:var(--ink);font-family:system-ui,sans-serif}body[data-theme=sepia]{--paper:#eee1c6;--ink:#392f24;--accent:#88422b}body[data-theme=dark]{--paper:#211f20;--ink:#eae2d8;--accent:#edaa8e}button,select,input,a{font:inherit}button,select{min-height:44px;min-width:44px;color:inherit;background:var(--paper);border:1px solid #8888;border-radius:5px}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:1px}button:disabled{opacity:.4}a{color:var(--accent)}[hidden]{display:none!important}#reader{height:100dvh;height:100vh;max-width:100%;width:100%;display:flex;flex-direction:column;background:var(--paper);position:relative;overflow:hidden}header{padding:8px 12px;border-bottom:1px solid #8884;flex:none}h1{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px}.tools label{display:flex;gap:3px;align-items:center;min-width:0}select{max-width:100%}#viewport{flex:1;min-height:50px;min-width:0;overflow:hidden;margin:16px;position:relative;touch-action:pan-y}#content{height:100%;column-width:calc(100vw - 32px);column-gap:32px;column-fill:auto;font-family:Georgia,'Times New Roman',serif;font-size:var(--reader-size);line-height:var(--reader-leading);overflow-wrap:anywhere;user-select:none;-webkit-user-select:none;transition:transform .12s}#content p{margin:0 0 .8em}#content h1,#content h2,#content h3{white-space:normal;font-family:Georgia,serif;line-height:1.25;margin:.5em 0}#content h1{font-size:1.7em}#content img{max-width:100%;max-height:55vh;object-fit:contain}#content table{max-width:100%;width:100%;table-layout:fixed}#content pre{white-space:pre-wrap}#content figure{margin:0}#content *{max-width:100%}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:4px 12px 8px;gap:4px;flex:none}#watermark{font-size:11px;opacity:.3;width:100%;text-align:center;overflow-wrap:anywhere;pointer-events:none}#toc{position:absolute;z-index:3;top:100px;bottom:70px;left:8px;right:8px;overflow:auto;padding:12px;background:var(--paper);border:1px solid #888;border-radius:8px}#toc button{display:block;width:100%;text-align:left;margin:4px 0;overflow-wrap:anywhere}#message{margin:0;padding:0 12px;font-size:12px}#purchase{padding:8px 16px;flex:none;font-size:14px}#purchase p{margin:4px 0}#purchase a{display:inline-flex;align-items:center;min-height:44px}body.end #viewport{display:none}.error{max-width:480px;margin:5vh auto;padding:20px;background:var(--paper);overflow:auto;max-height:90vh}.error h1{white-space:normal;font-size:24px}.error label{display:block;margin:12px 0}.error input{display:block;width:100%;min-height:44px;min-width:0}@media(min-width:700px){.sample{padding:24px}.sample #reader{width:390px;height:calc(100vh - 48px);margin:auto;border:9px solid #302c2a;border-radius:36px;box-shadow:0 12px 30px #0003}.full #reader{max-width:1000px;margin:auto}}@media(max-width:300px){header{padding:4px}.tools{gap:2px}#viewport{margin:10px}footer{padding:4px}#toc{top:150px}}@media print{body *{display:none!important}}