*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg, #f5f5f7);color:var(--text, #1a1a1a);overscroll-behavior:none}button{font-family:inherit;border:none;background:none;cursor:pointer;padding:0;color:inherit}input{font-family:inherit}:root,[data-theme=light]{--bg: #f5f5f7;--surface: #ffffff;--text: #1a1a1a;--text-sec: rgba(60, 60, 67, .6);--text-ter: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .12);--accent: #0a84ff;--reader-bg: #ffffff;--reader-text: #2a2a2e;--reader-dim: rgba(42, 42, 46, .45);--reader-track: rgba(42, 42, 46, .12);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .1)}[data-theme=sepia]{--reader-bg: #f6efe2;--reader-text: #3d3226;--reader-dim: rgba(61, 50, 38, .45);--reader-track: rgba(61, 50, 38, .12);--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .1)}[data-theme=dark]{--reader-bg: #1e1e21;--reader-text: #cfcdc8;--reader-dim: rgba(207, 205, 200, .45);--reader-track: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .35)}.glass-pill{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid var(--glass-border);box-shadow:var(--glass-shadow)}.inset-card{background:var(--surface);border-radius:16px;overflow:hidden}input:focus{border-color:var(--accent)}input[type=range].progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:var(--reader-track);outline:none}input[type=range].progress::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--reader-text);box-shadow:0 1px 4px #00000040;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#7878804d;border-radius:4px}::-webkit-scrollbar-track{background:transparent}