:root{--page-max-width:1180px;--page-gutter:34px}.page-frame{box-sizing:border-box;grid-template-columns:[full-start] var(--page-gutter) [content-start] minmax(0, 1fr) [content-end] var(--page-gutter) [full-end];inline-size:100%;min-inline-size:0;max-inline-size:var(--page-max-width);margin-inline:auto;display:grid}.page-frame>*{grid-column:content;inline-size:100%;min-inline-size:0;max-inline-size:none;margin-inline:0;padding-inline:0}.page-frame>[data-page-media]{grid-column:full}.page-frame [data-page-inset]{padding-inline:var(--page-gutter)}@media (width<=700px){:root{--page-gutter:20px}}html{scrollbar-gutter:stable}body{margin:0}.site-nav,.app-status{width:100%;max-width:var(--page-max-width);padding-inline:var(--page-gutter);margin-inline:auto}.page-frame{overflow-wrap:anywhere}html:has(.site[data-page=reader]),html:has(.site[data-page=reader]) body{overscroll-behavior-x:none;overflow-x:clip}.site[data-page=reader]{touch-action:pan-y pinch-zoom;overflow-x:clip}.page-frame :where(ol[role=list]){margin:0;padding:0}:root{color-scheme:light;color:#25332d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f3;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.35}a{color:inherit}img{max-width:100%;display:block}button,select,input,textarea{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #689980}button svg{pointer-events:none}h1,h2,h3,p{margin:0}button{box-shadow:none}input,textarea{line-height:1.6}.icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}#app-frame{container-type:inline-size}.site{--site:#eef1f3;--site-surface:#fbfcfc;--site-ink:#25332d;--site-muted:#637169;--site-line:#d6dedb;--site-accent:#236347;--site-button:#fff;--secondary:#846629;--soft:#e0e8e2;--text-scale:1.25;background:var(--site);color:var(--site-ink);min-height:100dvh;font-size:calc(16px * var(--text-scale));line-height:1.6}.site[data-mode=dark]{color-scheme:dark;--site:#202326;--site-surface:#292d30;--site-ink:#e4e8eb;--site-muted:#a4b0ac;--site-line:#444d47;--site-accent:#e4e8eb;--site-button:#202326;--secondary:#689980;--soft:#303c35}.site-nav{border-bottom:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:20px;padding-block:22px;display:flex}.brand{letter-spacing:-.065em;white-space:nowrap;align-items:center;gap:10px;font-size:24px;font-weight:670;text-decoration:none;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.site-tools{align-items:center;gap:6px;display:flex}.icon-button{min-width:44px;min-height:44px;color:var(--site-ink);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;text-decoration:none;display:inline-flex}.icon-button:hover{background:var(--soft)}.site-tools .icon-button{color:var(--site-muted);position:relative}.site-tools .icon-button:hover,.site-tools .icon-button[aria-current=page]{color:var(--site-accent);background:0 0}.site-tools .icon-button[aria-current=page]:after{content:"";background:currentColor;border-radius:1px;width:18px;height:2px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.home,.reader,.settings-page,.account-page,.studio-page{display:none}.site[data-page=home] .home,.site[data-page=series] .home,.site[data-page=reader] .reader,.site[data-page=settings] .settings-page,.site[data-page=account] .account-page,.site[data-page=studio] .studio-page{display:block}.primary,.secondary{min-height:49px;font-size:calc(14px * var(--text-scale));border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;text-decoration:none;display:inline-flex}.primary{background:var(--site-accent);color:var(--site-button)}.secondary{border:1px solid var(--site-line);color:var(--site-ink);background:0 0}.primary:hover,.secondary:hover{opacity:.82}.primary .icon,.secondary .icon{width:18px;height:18px}.settings-page{padding-block:50px 70px}.settings-page h1{font-size:calc(32px * var(--text-scale));letter-spacing:-.045em;margin-bottom:30px;font-weight:530}.settings-row{border-bottom:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;display:flex}.setting-label{font-size:calc(16px * var(--text-scale));align-items:center;gap:11px;display:flex}.setting-label .icon{width:19px;height:19px;color:var(--site-muted)}.mode-options{flex-shrink:0;gap:4px;display:flex}.mode-options button{width:44px;height:44px;color:var(--site-muted);background:0 0;border-radius:8px;place-items:center;display:grid}.mode-options button[aria-pressed=true]{background:var(--site-accent);color:var(--site-button)}.preferred-language{background:var(--site-surface);border:1px solid var(--site-line);min-height:44px;font-size:calc(15px * var(--text-scale));border-radius:8px;max-width:170px;padding:10px 28px 10px 12px}.text-size-options button{font-size:var(--sample-size);padding:0;line-height:1}.type-sample{font-size:calc(21px * var(--text-scale));color:var(--site-muted);margin:32px 0;line-height:1.75}.studio-sign-in{text-align:center;padding-block:70px}.studio-sign-in h1{font-size:calc(30px * var(--text-scale));font-weight:550}.studio-sign-in p{color:var(--site-muted);margin:20px 0 26px;line-height:1.8}.app-status{color:var(--secondary);font-size:calc(13px * var(--text-scale));min-height:24px;padding-block:0 20px}.app-status:empty{display:none}.skip{position:absolute;left:-10000px}.skip:focus{z-index:1000;background:#fff;padding:10px;top:8px;left:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=700px){.site-nav{gap:8px;padding-block:16px}.brand{gap:5px;font-size:21px}.brand img{width:34px;height:34px}.site-tools{gap:0}.site-tools .icon-button{min-width:40px;padding:9px}.settings-page{padding-block:32px 50px}.settings-page h1{font-size:calc(28px * var(--text-scale))}.settings-row{flex-wrap:wrap;gap:12px}.setting-label{font-size:calc(16px * var(--text-scale))}.setting-label .icon{display:none}.preferred-language{max-width:150px}.brand+.site-tools{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.brand-name{line-height:1.2}.image-watermark{pointer-events:none;user-select:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.art-layer{cursor:move;touch-action:none;overflow-wrap:anywhere;z-index:2;max-width:66%;position:absolute}.art-bubble{color:#202326;white-space:pre-wrap;background:#fff;border:1px solid #303438;border-radius:16px;padding:9px 12px;font-size:12px;line-height:1.5}.art-sound{color:#303438;letter-spacing:-.05em;-webkit-text-stroke:3px #fff;paint-order:stroke fill;font-size:33px;font-weight:900;line-height:1.1;transform:rotate(-7deg)}@container (width<=600px){.site .brand{gap:4px;font-size:19px}.brand img{width:31px;height:31px}.site-tools .icon-button{width:40px;min-width:40px;padding:8px}}@container (width<=360px){.brand-name{display:none}}