@font-face{font-family:BaksoSapi;src:url(/font/BaksoSapi.otf) format("opentype");font-display:swap}:root{color:#262421;background:#fff;--page-bg: #ffffff;--page-glow: rgba(245, 242, 237, .92);--ui-border: rgba(95, 86, 77, .12);--ui-text: #2c2824;--ui-surface: rgba(250, 247, 243, .88);--ui-surface-hover: rgba(245, 240, 235, .96);--ui-shadow: rgba(62, 54, 47, .08);--status-border: rgba(95, 86, 77, .1);--status-text: rgba(44, 40, 36, .68);--status-surface: rgba(250, 247, 243, .84);--empty-text: rgba(44, 40, 36, .66);--code-bg: rgba(245, 241, 236, .78);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-theme=dark]{color:#ece4d9;background:#171513;--page-bg: #171513;--page-glow: rgba(82, 76, 69, .2);--ui-border: rgba(195, 183, 167, .14);--ui-text: #ece4d9;--ui-surface: rgba(34, 31, 28, .82);--ui-surface-hover: rgba(46, 42, 39, .94);--ui-shadow: rgba(0, 0, 0, .34);--status-border: rgba(195, 183, 167, .12);--status-text: rgba(236, 228, 217, .76);--status-surface: rgba(34, 31, 28, .8);--empty-text: rgba(236, 228, 217, .72);--code-bg: rgba(55, 49, 44, .72)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none}button{font:inherit}.appShell{position:relative;width:100vw;height:100dvh;background:radial-gradient(circle at 18% 18%,var(--page-glow),transparent 32rem),var(--page-bg)}.canvasHost{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none}.canvasHost canvas{display:block;width:100%;height:100%}.iconButton,.navButton{display:grid;place-items:center;border:1px solid var(--ui-border);color:var(--ui-text);background:var(--ui-surface);box-shadow:0 18px 52px var(--ui-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease;pointer-events:auto}.iconButton{width:48px;height:48px;border-radius:50%}.iconButton:hover,.navButton:hover{transform:translateY(-1px);background:var(--ui-surface-hover)}.navButton:disabled{cursor:default;opacity:.34;transform:none}.statusPill{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;max-width:calc(100vw - 40px);padding:10px 13px;overflow:hidden;border:1px solid var(--status-border);border-radius:999px;color:var(--status-text);background:var(--status-surface);box-shadow:0 18px 52px var(--ui-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:13px;font-weight:650;letter-spacing:0;white-space:nowrap;pointer-events:none}.statusPill span{overflow:hidden;text-overflow:ellipsis}.comicNav{position:absolute;top:50%;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.navButton{width:58px;height:58px;border-radius:50%;pointer-events:auto}.emptyState{display:grid;min-height:100vh;place-content:center;gap:12px;padding:24px;text-align:center;background:var(--page-bg)}.emptyState h1{margin:0;font-size:clamp(34px,8vw,78px);letter-spacing:0}.emptyState p{max-width:560px;margin:0;color:var(--empty-text);font-size:16px;line-height:1.55}.emptyState code{border:1px solid var(--ui-border);border-radius:6px;padding:2px 5px;background:var(--code-bg)}@media(max-width:640px){.statusPill{gap:6px;padding:8px 11px;font-size:12px}.iconButton{width:44px;height:44px}.statusPill{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.comicNav{left:12px;right:12px}.navButton{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.iconButton,.navButton{transition:none}}