*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#e9e6df;-webkit-tap-highlight-color:transparent;height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom));background:radial-gradient(at 50% 35%,#2a2d36 0%,#15161b 55%,#0b0c0f 100%);flex-direction:column;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}button,.btn{font:inherit;color:inherit;cursor:pointer}.top{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.top-right{gap:6px;display:flex}.seg{background:#1f2128;border:1px solid #333641;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:#a9a59c;background:0 0;border:0;border-radius:999px;padding:6px 12px}.seg button.on{color:#1a1a1a;background:#e9c46a;font-weight:600}.btn{background:#1f2128;border:1px solid #333641;border-radius:8px;align-items:center;padding:6px 10px;display:inline-flex}.btn:hover{border-color:#555a68}.btn.icon{padding:6px 8px}.btn.round{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0 0 3px;font-size:24px;line-height:1}.btn:disabled{opacity:.35;cursor:default}#stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;position:relative}#book{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#book canvas{touch-action:none;width:100%;height:100%;display:block}.status{text-align:center;color:#a9a59c;pointer-events:none;position:absolute;inset:auto 0 45%}.status.err{color:#ff8a80}.pg{background:#f7f5f0;overflow:hidden}.pg img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.controls{justify-content:center;align-items:center;gap:16px;padding:4px 0 0;display:flex}.indicator{text-align:center;font-variant-numeric:tabular-nums;color:#cfcac0;min-width:80px}.footer{text-align:center;color:#7d7a73;letter-spacing:.02em;margin:4px 0 6px;font-size:11px}.contact{z-index:10;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0f13eb;border-top:1px solid #2a2c34;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.contact a{text-align:center;color:#fff;border-radius:10px;padding:10px 0;font-size:13px;font-weight:600;text-decoration:none}.c-msg{background:linear-gradient(135deg,#0a7cff,#a033ff)}.c-viber{background:#7360f2}.c-call{background:#2a9d8f}@media (width>=900px){.contact{border:1px solid #2a2c34;border-radius:14px 14px 0 0;width:480px;left:50%;right:auto;transform:translate(-50%)}}.fps{z-index:20;color:#7cfc9a;pointer-events:none;background:#000000b3;border-radius:4px;padding:4px 6px;font:12px/1 ui-monospace,monospace;position:fixed;top:52px;right:8px}