@charset "UTF-8";
:root{--bg:#f8fafc;--paper:#fff;--ink:#26374b;--muted:#627186;--line:#dce3ec;--accent:#255b93;--tint:#e8f0fa;--mark:#e5b544;--size:20px;--leading:2;--body:"Batang","Noto Serif CJK KR","Nanum Myeongjo",serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Malgun Gothic",system-ui,sans-serif}body[data-theme=sepia]{--bg:#f1eadc;--paper:#faf4e8;--ink:#453c30;--muted:#786a56;--line:#d9cebb;--accent:#6d542b;--tint:#ebe0c9}body[data-theme=night]{--bg:#16202c;--paper:#1d2937;--ink:#e1e8f0;--muted:#a6b6c9;--line:#38485b;--accent:#9dc8f4;--tint:#283e55;--mark:#c8a65c;color-scheme:dark}a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 12px;cursor:pointer;min-height:42px;font-size:14px;text-decoration:none}button:hover,.button:hover{background:var(--tint)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:var(--tint);color:var(--accent);border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);padding:16px;z-index:100}.skip:focus{top:8px}.topbar{height:68px;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 24px;z-index:20}.brand{font-weight:700;letter-spacing:-.05em;text-decoration:none;color:var(--ink);font-size:17px}.tools{margin-left:auto;display:flex;gap:8px}#saved-count{font-size:12px;color:var(--muted)}#menu{display:none}#sidebar{position:fixed;left:0;top:68px;bottom:29px;width:300px;overflow:auto;border-right:1px solid var(--line);padding:34px 26px 24px;background:var(--bg);scrollbar-width:thin}.book-label{font-size:13px;line-height:1.65;color:var(--muted);letter-spacing:.08em}#sidebar h1{font-family:var(--body);font-size:25px;line-height:1.6;font-weight:600;letter-spacing:-.05em;margin:16px 0}.edition{font-size:12px;color:var(--muted)}.braid{height:30px;display:flex;gap:5px;align-items:center}.braid i{display:block;width:55px;height:15px;border:2px solid #6188ac;border-radius:50%;transform:rotate(-20deg)}.braid i:nth-child(2){margin-left:-28px;border-color:#b18245;transform:rotate(20deg)}.braid i:nth-child(3){margin-left:-28px;border-color:#719584}.toc-part{margin:28px 0 10px;font-size:12px;letter-spacing:.07em;color:var(--muted);font-weight:700}.toc-link{display:flex;gap:10px;line-height:1.6;padding:9px 10px;text-decoration:none;color:var(--ink);font-size:14px;border-radius:6px}.toc-link.active{background:var(--tint);color:var(--accent);font-weight:700}.toc-link small{color:var(--muted);min-width:20px;font-size:12px;margin-top:2px}.side-foot{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px;font-size:13px}main{margin:68px 0 0 300px;padding:42px max(35px,calc((100vw - 1070px)/2)) 90px;min-height:100vh;background:var(--paper)}.reading-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:46px}.chapter-kicker{font-size:14px;color:var(--accent);font-family:"Malgun Gothic",sans-serif;letter-spacing:.09em}article{font-family:var(--body);font-size:var(--size);line-height:var(--leading);overflow-wrap:break-word;word-break:keep-all}article h2{font-size:clamp(30px,3vw,43px);line-height:1.5;letter-spacing:-.06em;font-weight:600;margin:12px 0 40px}article h3{font-size:1.12em;margin:2.4em 0 .8em}article p{margin:0 0 1.4em;scroll-margin-top:110px}article .opening:first-letter{font-size:1.4em;color:var(--accent)}article mark{background:transparent;border-bottom:2px solid var(--mark);color:inherit;cursor:pointer}article mark.has-note{background:color-mix(in srgb,var(--mark) 18%,transparent)}.chapter-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;padding-top:25px;gap:16px}.reader-foot{font-size:12px;line-height:1.9;color:var(--muted);margin-top:45px}.status{position:fixed;bottom:0;left:0;right:0;height:29px;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px;color:var(--muted);z-index:21}.status button{font-size:12px;min-height:24px;border:0;padding:0 8px}.progress-bar{position:fixed;bottom:29px;left:0;right:0;height:2px;z-index:22;background:var(--line)}.progress-bar i{display:block;height:100%;width:0;background:var(--accent)}dialog{border:1px solid var(--line);border-radius:14px;width:min(650px,calc(100vw - 28px));max-height:85dvh;background:var(--paper);color:var(--ink);padding:26px;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#14223488;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dialog-head h2{font-size:21px;margin:0}.dialog-head button{font-size:23px;border:0}dialog label{display:block;font-size:14px;margin:20px 0 9px}dialog input:not([type=file]),dialog select,dialog textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:6px}dialog input[type=range]{padding:0;accent-color:var(--accent)}dialog p{line-height:1.8;font-size:14px}blockquote{margin:0;padding:12px 18px;border-left:3px solid var(--mark);font-family:var(--body);line-height:1.9;background:var(--bg)}.result,.saved{border-bottom:1px solid var(--line);padding:16px 0}.result a,.saved a{display:block;font-size:15px;line-height:1.8}.result p,.saved p{margin:8px 0;color:var(--muted);white-space:pre-wrap}.saved button{margin:8px 8px 0 0}.backup-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.backup-actions label{display:inline-block;margin:0}.muted{color:var(--muted);font-size:12px!important}#selection-tools{position:fixed;z-index:40;bottom:52px;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 6px 35px #0002;display:flex;gap:8px;align-items:center;max-width:calc(100vw - 24px)}#selection-tools[hidden]{display:none}#selection-label{font-size:12px;white-space:nowrap;color:var(--muted)}#toast{position:fixed;left:50%;bottom:118px;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:8px;padding:12px 18px;font-size:14px;z-index:99;display:none;max-width:90vw}.focus #sidebar{display:none}.focus main{margin-left:0;padding-left:max(24px,calc((100vw - 720px)/2));padding-right:max(24px,calc((100vw - 720px)/2))}body.nav-open{overflow:hidden}#shade{position:fixed;inset:68px 0 29px;background:#12233477;z-index:25}.target-flash{animation:flash 2s ease-out}@keyframes flash{from{background:var(--tint)}to{background:transparent}}@media(max-width:1000px){#sidebar{width:260px;padding:26px 18px}main{margin-left:260px;padding:32px 35px 75px}}@media(max-width:760px){#menu{display:block}#menu span{display:none}.topbar{padding:0 12px;gap:10px;height:60px}.brand{font-size:14px}.tools{gap:4px}.tools button{padding:7px 9px}#saved-count{display:none}#sidebar{top:60px;width:min(320px,85vw);transform:translateX(-100%);z-index:30;background:var(--paper)}.nav-open #sidebar{transform:translateX(0)}main{margin:60px 0 0;padding:27px 23px 70px}.reading-meta{margin-bottom:30px;font-size:12px}article h2{font-size:31px;margin-bottom:30px}article{word-break:normal}.reader-foot{font-size:12px}.status{padding:0 12px}.focus main{margin-top:60px}.focus.nav-open #sidebar{display:block}#shade{top:60px}#selection-label{display:none}dialog{padding:20px}.brand{max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{.topbar,#sidebar,.status,.progress-bar,.reading-meta,.chapter-nav,.reader-foot,dialog,#selection-tools,#toast{display:none!important}main{margin:0;padding:0}body,main{background:white;color:black}}