.cantar-home{max-width:1040px;margin:auto;padding:32px 28px 56px}.cantar-back{color:var(--muted);text-underline-offset:4px;margin-bottom:28px;font-size:14px;display:inline-block}.cantar-intro{grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.cantar-cover{border-radius:3px;width:100%;height:auto;display:block;box-shadow:0 12px 32px #42241825}.cantar-kicker{text-transform:uppercase;letter-spacing:2px;color:var(--red);font-size:11px;font-weight:800}.cantar-home h1{font:750 clamp(36px,5vw,58px)/1.08 var(--heading);letter-spacing:-1.5px;margin:16px 0}.cantar-tagline{font:700 28px/1.2 var(--hand);color:var(--red)}.cantar-intro p:not([class]){color:var(--muted);max-width:430px;margin:20px 0 26px;line-height:1.8}.cantar-download{width:fit-content;color:var(--red);text-underline-offset:4px;margin-top:20px;font-size:14px;display:block}.cantar-chapters{border-top:1px solid var(--border);margin-top:60px;padding-top:24px}.cantar-chapters h2{font:700 28px/1.3 var(--heading)}.cantar-chapter-card{border:1px solid var(--border);color:var(--ink);background:#fff9ef;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:24px;text-decoration:none;display:flex}.cantar-chapter-card:hover{border-color:var(--red)}.cantar-chapter-card>span:first-child{gap:8px;display:grid}.cantar-chapter-card small{color:var(--red);font-weight:800}.cantar-chapter-card strong{font:700 25px/1.3 var(--heading)}.cantar-chapter-card span span,.cantar-note{color:var(--muted);font-size:14px;line-height:1.7}.cantar-reader-heading{max-width:800px;margin:auto;padding:28px 24px 24px}.cantar-reader-heading h1{font:750 40px/1.2 var(--heading);margin:12px 0}.cantar-reader-heading>p:not([class]){color:var(--muted);font-size:14px}.cantar-reader-nav{z-index:5;border-block:1px solid var(--border);backdrop-filter:blur(8px);background:#fbf4e7f5;justify-content:space-between;align-items:start;gap:16px;max-width:800px;margin:auto;padding:12px 20px;font-size:14px;display:flex;position:sticky;top:0}.cantar-reader-nav a{color:var(--red);text-underline-offset:3px}.cantar-reader-nav details{max-width:75%}.cantar-reader-nav summary{cursor:pointer;color:var(--ink);font-weight:800}.cantar-reader-nav ol{max-height:45svh;margin-bottom:8px;padding:8px 0 0 24px;overflow:auto}.cantar-reader-nav li{padding:5px 4px}.cantar-pages{max-width:800px;margin:auto}.cantar-pages figure{margin:0;scroll-margin-top:68px}.cantar-pages figcaption{color:var(--muted);padding:20px 16px 10px;font-size:12px}.cantar-pages figcaption:focus-visible{outline:2px solid var(--gold);outline-offset:-6px}.cantar-pages img{width:100%;height:auto;display:block}.cantar-pages a{display:block}.cantar-reader-end{text-align:center;max-width:800px;margin:auto;padding:36px 24px 48px}.cantar-reader-end>p:not([class]){color:var(--muted);line-height:1.6}.cantar-reader-end .cantar-download{margin-inline:auto}.cantar-mobile-page,.mobile-reading-hint,.reader-side-controls,.reader-page-position{display:none}@media (width<=600px){.is-paged .cantar-pages>figure:not(.is-current-page),.is-paged:not(.is-last-page) .cantar-reader-end{display:none}.is-paged .reader-page-position{white-space:nowrap;color:var(--muted);padding-top:2px;font-size:12px;display:block}.is-paged .reader-side-controls{display:block}.reader-side{z-index:4;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:48px;height:72px;padding:0;position:fixed;top:50%;transform:translateY(-50%)}.reader-previous{left:max(12px,env(safe-area-inset-left))}.reader-next{right:max(12px,env(safe-area-inset-right))}.reader-side:before{content:"";opacity:.8;pointer-events:none;border-right:3px solid #a16b2b;border-radius:50%;width:36px;transition:opacity .18s;position:absolute;inset:4px 1px 4px auto}.reader-previous:before{inset-inline:1px auto;transform:scaleX(-1)}.reader-side>svg{opacity:.96;filter:saturate(1.2)contrast(1.12);pointer-events:none;width:56px;height:36px;transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.reader-previous>svg{transform:translate(-50%,-50%)rotate(-90deg)}.reader-side:not(:disabled):active>svg,.reader-side:focus-visible>svg,.reader-side:not(:disabled):active:before,.reader-side:focus-visible:before{opacity:1}.reader-side:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.reader-side:disabled{opacity:.25;cursor:default}.is-paged .mobile-panel-dialogue{padding-inline:44px}.is-paged .cantar-author-note{padding-inline:56px}.is-paged .cantar-pages figcaption{padding-inline:44px}.cantar-pages figcaption{font:700 clamp(24px,6vw,28px)/1.25 var(--heading);color:var(--ink);text-wrap:balance;padding:30px 20px 18px}.cantar-pages .cantar-page-original:not(.cantar-cover-original){display:none}.cantar-mobile-page,.mobile-reading-hint{display:block}.cantar-mobile-panel{margin:16px 0 36px}.mobile-panel-label{font:800 12px/1.4 var(--body);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 12px;padding:0 20px}.mobile-panel-art{width:100%;position:relative;overflow:hidden}.mobile-panel-art img{max-width:none;width:var(--image-width);height:auto;left:var(--image-left);top:var(--image-top);position:absolute}.mobile-panel-dialogue{overflow-wrap:anywhere;padding:6px 20px 0;font-size:18px;line-height:1.6}.mobile-panel-dialogue p{white-space:pre-line;margin:20px 0}.mobile-panel-dialogue p>span{font:800 11px/1.4 var(--body);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px;display:block}.mobile-narrator{border-left:2px solid var(--gold);padding-left:14px}.mobile-dialogue{border:1px solid var(--border);color:var(--ink);background:#fffaf2;border-radius:18px;padding:16px 20px;position:relative}.mobile-dialogue:before{content:"";border-top:1px solid var(--border);border-left:1px solid var(--border);background:#fffaf2;width:12px;height:12px;position:absolute;top:-7px;left:25px;transform:rotate(45deg)}.cantar-author-note{overflow-wrap:anywhere;padding:0 20px;font-size:18px;line-height:1.75}.cantar-author-note section{margin:24px 0 36px}.cantar-author-note h2{font:700 25px/1.3 var(--heading)}.cantar-author-note section[lang=ko] h2{font-family:var(--body)}}@media (width<=600px) and (hover:hover) and (pointer:fine){.reader-side:not(:disabled):hover>svg,.reader-side:not(:disabled):hover:before{opacity:1}}@media (width<=600px){.cantar-home{padding:24px 20px 36px}.cantar-intro{grid-template-columns:1fr;gap:24px}.cantar-cover{max-width:250px;margin:auto}.cantar-home h1{font-size:40px}.cantar-chapters{margin-top:36px}.cantar-chapters h2{font-size:25px}.cantar-chapter-card{padding:20px}.cantar-reader-heading h1{font-size:34px}}
