:root{--paper:#f6f1e7;--ink:#20342e;--green:#254639;--gold:#9a7844;--muted:#6a6d62;--line:#d7cdbd;--white:#fffdfa;--soft:#eae5d9;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:130px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a,button,input,select{touch-action:manipulation}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba8734;outline-offset:5px}button,summary{cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#f6f1e7f5;backdrop-filter:blur(14px)}header nav{display:flex;align-items:center;gap:27px;white-space:nowrap;font-weight:600}header nav a{padding:8px 0;border-bottom:2px solid transparent}header nav a[aria-current]{border-color:var(--green)}.brand{font-family:'AppleMyungjo','Noto Serif KR',serif;font-size:27px;font-weight:700;line-height:1.3;white-space:nowrap}.brand span{display:block;font:12px/1.5 sans-serif;letter-spacing:.15em;color:#766852;margin-top:6px}.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:var(--green);color:white}.skip:focus{top:12px}main{max-width:1280px;margin:auto;padding:42px 24px 90px;min-height:70vh}h1,h2,h3{line-height:1.4}h1{font-family:'AppleMyungjo','Noto Serif KR',serif;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin:0 0 18px;font-weight:600}h2{font-size:24px;margin:35px 0 16px}h3{font-size:19px;margin:24px 0 10px}p{margin:12px 0}.eyebrow{letter-spacing:.15em;color:var(--gold);font-size:13px;font-weight:700;margin:0 0 14px}.lede{color:var(--muted);max-width:740px;font-size:18px}.section-heading{margin-bottom:34px}.opening{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 38px}.opening .section-heading{margin-bottom:22px}.opening-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary{display:inline-block;padding:12px 22px;background:var(--green);color:white;border:0;border-radius:4px;font-size:16px;font-weight:600}.quiet,.back{text-decoration:underline;text-underline-offset:5px}.back{font-size:15px;display:inline-block;margin-bottom:24px}.edition-mark{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:13px;min-width:135px;padding:18px 25px;border-left:1px solid var(--line);color:var(--gold)}.edition-mark b{font:48px/1.2 Georgia,serif}.edition-mark span{font-size:14px}.edition-mark i{grid-column:1/-1;font-size:20px;font-style:normal;line-height:1.4;text-align:center}.subheading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 22px}.subheading h2{margin:0}.subheading span{font-size:14px;color:var(--muted)}.epilogue-heading{margin-top:65px}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.episode-card,.entity-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:box-shadow .18s,transform .18s}.episode-card:hover,.entity-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #20342e12}.cover img{width:100%;display:block;height:auto;aspect-ratio:4/5}.card-body{padding:19px}.card-body h2{font-size:19px;margin:5px 0 10px;font-weight:650}.meta{font-size:13px;color:var(--muted)}.card-body p{font-size:15px;line-height:1.7;color:#555f54;margin:10px 0}.small-tag{display:block;margin-top:15px;font-size:13px;color:var(--gold)}.catalog-toolbar{display:flex;align-items:end;gap:16px;margin:30px 0}.catalog-toolbar label span{display:block;font-size:14px;margin-bottom:5px}.search{flex:1}.filter{min-width:170px}.catalog-toolbar input,.catalog-toolbar select{width:100%;background:var(--white);border:1px solid #b9b4a7;border-radius:4px;min-height:46px;padding:9px 13px;color:var(--ink)}.count{font-size:14px;white-space:nowrap;min-width:44px;margin-bottom:10px}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.entity-card>img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block;background:#ece6d9}.entity-card .card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-top{margin-bottom:30px}.character-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}.character-layout aside{position:sticky;top:130px}.art{margin:0 0 25px}.art img{display:block;width:100%;height:auto;background:#eee7da;border:1px solid var(--line);border-radius:5px}.art figcaption{font-size:13px;color:var(--muted);margin-top:9px}.character-quote{font-family:'AppleMyungjo',serif;font-size:25px;line-height:1.7;border-left:3px solid var(--gold);padding:0 0 0 23px;margin:8px 0 26px}.character-quote p{margin:0}.facts{margin:22px 0 30px}.facts div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.facts dt{color:var(--muted);font-size:14px}.facts dd{margin:0}.timeline{border-left:1px solid #b4a482;margin:26px 0;padding-left:25px}.timeline article{position:relative;padding-bottom:18px}.timeline article:before{content:'';position:absolute;left:-30px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:2px solid var(--paper)}.timeline h3{margin:0 0 8px;font-size:17px;color:#766044}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.pill{display:inline-block;padding:7px 12px;border:1px solid #c4bdad;border-radius:4px;font-size:14px;background:var(--white)}.pill:hover{border-color:var(--green);background:#e7ebdf}.saju-section{margin:65px auto 0;border-top:2px solid var(--green);padding:40px 0 0;max-width:870px;scroll-margin-top:130px}.saju-section>h2{font:32px/1.5 'AppleMyungjo',serif;margin-top:4px}.explanation{color:var(--muted)}.chart-scroll{overflow-x:auto;margin:30px 0}.saju-chart{border-collapse:collapse;width:100%;table-layout:fixed;background:var(--white);min-width:280px}.saju-chart caption{font-size:14px;text-align:left;margin-bottom:12px;color:var(--muted)}.saju-chart th{background:var(--green);color:white;font-weight:500;padding:11px;font-size:15px}.saju-chart td{border:1px solid var(--line);text-align:center;padding:15px 6px}.saju-chart td strong{display:block;font:42px/1.3 'AppleMyungjo',serif}.saju-chart td span{display:block;font-size:14px;margin-top:6px}.saju-chart .focus{background:#f1e3c5;box-shadow:inset 0 3px #a88247}.focus-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.focus-list article{padding:20px;background:var(--soft);border-radius:4px}.focus-list p{margin:8px 0}.focus-list span{font-size:14px}.muted{color:var(--muted);font-size:14px}blockquote{margin:30px 0;padding:22px 28px;background:var(--green);color:white;border-radius:4px;font-size:20px;line-height:1.8}.method,.gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:16px 0}.method summary,.gallery summary{font-weight:600;font-size:15px}.method p{font-size:15px;color:#586253;margin:18px 0}.gallery .art{margin:20px 0 0}.saju-intro{max-width:850px;border-left:3px solid var(--gold);padding:2px 0 2px 26px;margin:35px 0 42px}.saju-intro h2{margin-top:0}.saju-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.saju-card{border:1px solid var(--line);background:var(--white);padding:25px;border-radius:5px}.saju-card h2{margin:5px 0 22px}.saju-card p{font-size:15px}.pillar-line{display:flex;justify-content:space-between;padding:18px 0;border-block:1px solid var(--line);font:26px/1.4 'AppleMyungjo',serif}.pillar-line small{display:block;font:13px/1.5 sans-serif;text-align:center;color:var(--muted);margin-top:5px}.text-link{font-size:14px;color:var(--gold)}.ending-note{margin:32px 0}.object-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;align-items:start}.object-layout h2{margin-top:0}.place-text{max-width:900px;margin:35px auto}.callout{border-left:3px solid var(--gold);padding:16px 20px;background:var(--soft);font-size:15px}.reader-heading{max-width:900px;margin:0 auto 32px}.reader-heading h1{font-size:36px}.reader-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}.reader-tools label{font-size:14px}.reader-tools select{max-width:100%;min-height:45px;padding:8px 13px;border:1px solid #b4b6a9;border-radius:4px;color:var(--ink);background:var(--white)}.reader-tools .quiet{font-size:15px}.pager{max-width:820px;margin:25px auto 35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.comic-pages{max-width:820px;margin:auto}.comic-page{background:white;margin:0 0 25px;border:1px solid var(--line)}.comic-page img{width:100%;height:auto;display:block}.page-text{padding:15px 20px;border-top:1px solid var(--line)}.page-text summary{font-size:14px;color:var(--muted)}.page-text p{line-height:1.9;white-space:normal}.reader-related{max-width:820px;margin:50px auto}.novel{max-width:760px;margin:auto;font-size:19px;line-height:2.05}.novel>p{margin:26px 0}.novel .reader-heading{margin-bottom:55px}.empty{padding:48px;grid-column:1/-1;border:1px dashed var(--line)}footer{text-align:center;border-top:1px solid var(--line);padding:40px 22px;color:var(--muted)}footer>a{font-family:serif;font-size:22px;color:var(--green)}footer p{font-size:14px}footer small{font-size:12px}.top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--green);z-index:9;font-size:22px;box-shadow:0 2px 10px #0001}.loading{padding:40px}
@media(max-width:1020px){.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entity-grid,.saju-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:20px}header nav{gap:20px;font-size:15px}.brand{font-size:24px}.character-layout{gap:30px}.character-layout aside{position:static}}@media(max-width:720px){html{scroll-padding-top:135px}header{display:block;padding:15px 18px 6px}.brand{font-size:25px}.brand span{display:none}header nav{gap:24px;overflow-x:auto;padding:8px 0 2px;font-size:14px}header nav a{padding:8px 0}main{padding:30px 16px 60px}.opening{padding-bottom:28px}.opening .lede{font-size:16px}.edition-mark{display:none}.opening-actions{gap:15px;font-size:14px}.opening-actions .primary{font-size:15px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.card-body{padding:13px}.card-body h2{font-size:16px}.subheading{align-items:start}.subheading h2{font-size:22px}.subheading span{font-size:12px;max-width:160px;text-align:right}.entity-grid{gap:18px 13px}.entity-card .card-body h2{font-size:18px}.entity-card .card-body p{font-size:14px;-webkit-line-clamp:4}.catalog-toolbar{flex-wrap:wrap;gap:12px}.search{flex:1 1 100%}.filter{min-width:0;flex:1}.character-layout,.object-layout{grid-template-columns:1fr;gap:22px}.character-quote{font-size:22px}.detail-top .lede{font-size:16px}.facts div{grid-template-columns:83px minmax(0,1fr);gap:12px}.saju-section{margin-top:40px;padding-top:28px}.saju-section>h2{font-size:28px}.saju-grid{grid-template-columns:1fr}.saju-card{padding:23px}.saju-card p{font-size:16px}.saju-intro{padding-left:19px}.saju-intro h2{font-size:23px}.saju-chart td strong{font-size:34px}.saju-chart td span{font-size:13px}.reader-heading h1{font-size:30px}.reader-tools{gap:12px}.reader-tools label{width:100%}.reader-tools select{width:100%}.comic-pages{margin-inline:-16px}.comic-page{border-left:0;border-right:0}.pager .pill{padding:7px 9px;font-size:13px}.page-text{padding:13px 17px}.novel{font-size:18px}.top{bottom:15px;right:14px}.art img{border-radius:3px}.lede{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}