.kr-reader{display:flex;flex-direction:column;width:100%;height:100%;min-height:300px;color:#ececef;font-family:Segoe UI,sans-serif;outline:none}.kr-reader:focus-visible{outline:2px solid #ed3d49;outline-offset:-3px}.kr-reader:fullscreen{background:#19191d;height:100dvh}.kr-stage{position:relative}.kr-reader[data-initial-loading=true] .kr-book{visibility:hidden}.kr-preparation{display:none;position:absolute;z-index:100;top:14px;left:50%;transform:translate(-50%);padding:9px 15px;border:1px solid #55555d;border-radius:7px;background:#24242bea;color:#dddde3;font-size:12px;pointer-events:none;box-shadow:0 4px 16px #0004;white-space:nowrap}.kr-reader[data-reader-state=preparing] .kr-preparation{display:block}.kr-stage{flex:1;min-height:0;overflow:auto;display:grid;background:radial-gradient(ellipse at center,#303035,#202024 65%,#1c1c20);scrollbar-width:thin}.kr-book-holder{margin:auto;padding:20px;box-sizing:content-box}.kr-book{position:relative;filter:drop-shadow(0 14px 22px #0006)}.kr-page{background:#fff;overflow:hidden}.kr-page img{position:absolute;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.kr-page img:not([src]){visibility:hidden}.kr-page-loading{position:absolute;inset:0;display:grid;place-content:center;padding:20px;text-align:center;font-size:13px;color:#575760;pointer-events:none}.kr-page-loading button{pointer-events:auto}.kr-controls{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 8px;background:#18181c;border-top:1px solid #ffffff0e;flex-wrap:wrap}.kr-controls button{border:1px solid transparent;background:transparent;color:#dddde3;border-radius:7px;min-width:34px;height:34px;font:24px Segoe UI,sans-serif;cursor:pointer;display:grid;place-content:center}.kr-controls button:hover:not(:disabled){background:#34343b;border-color:#44444b}.kr-controls button:disabled{opacity:.25;cursor:default}.kr-controls button:focus-visible{outline:2px solid #ed3d49}.kr-counter{font:12px Segoe UI,sans-serif;min-width:80px;text-align:center;font-variant-numeric:tabular-nums}.kr-zoom-label{font-size:11px;min-width:38px;text-align:center;color:#a4a4ae}.kr-divider{height:18px;border-left:1px solid #ffffff20;margin:0 8px}.kr-notice{margin:0;text-align:center;background:#18181c;color:#f0bfc2;font-size:12px}.kr-notice:not(:empty){padding:8px}@media(max-width:480px){.kr-controls{gap:0;padding:8px 2px}.kr-controls button{min-width:29px}.kr-counter{min-width:64px}.kr-divider{margin:0 3px}}