:root{--paper:#f8f4ec;--ink:#343c32;--muted:#747c6e;--green:#3e5743;--line:#dbdfd0;--soft:#e9eddf;--blue:#4d7ca4;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-100px;left:12px;z-index:8;padding:12px;background:white}.skip:focus{top:12px}.site-head{display:flex;align-items:center;justify-content:space-between;max-width:1180px;padding:23px 32px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:35px;font-weight:700;text-decoration:none;letter-spacing:-2px}.wordmark span{font-size:16px;margin-left:7px;color:var(--blue)}.head-links{display:flex;align-items:center;gap:20px;font-size:13px}.head-links a{display:flex;align-items:center;min-height:44px;text-decoration:none}.head-links button{border:1px solid var(--line);border-radius:50%;background:transparent;width:46px;height:46px;font-size:12px;font-weight:600}.intro{max-width:670px;margin:65px auto 35px;padding:0 24px}.eyebrow{font-size:11px;line-height:1.7;letter-spacing:2px;color:var(--green);font-weight:650}h1{font-family:Georgia,"AppleMyungjo","Noto Serif KR",serif;font-size:clamp(36px,5vw,54px);font-weight:500;line-height:1.3;letter-spacing:-2px;margin:20px 0 22px;white-space:pre-line;word-break:keep-all}.summary{max-width:490px;font-size:15px;line-height:1.9;word-break:keep-all;color:#586351}.story-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 24px}.read-options{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}.read-options button{border:1px solid var(--line);border-radius:30px;padding:0 18px;min-height:44px;background:#fffdf8;font-size:12px;color:var(--green)}.read-options button[aria-pressed=true]{background:var(--green);color:white}.reader{max-width:670px;margin:auto;padding:0 24px}.frame{margin:0 0 20px;background:#fffdf8;border:1px solid #e5dfd2;border-radius:18px;overflow:hidden}.frame .art-button{display:block;width:100%;border:0;padding:0;background:#e8e1d3;text-align:initial}.frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#eee7dc}.frame figcaption{padding:21px 27px 25px}.scene-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 0 11px}.scene-title span:first-child{letter-spacing:0}.caption{font-family:Georgia,"AppleMyungjo","Noto Serif KR",serif;white-space:pre-line;font-size:22px;line-height:1.75;letter-spacing:-.4px;margin:0;word-break:keep-all}.sfx{display:inline-block;color:var(--blue);font-size:11px;letter-spacing:1px;border-bottom:1px solid #cbd8df;padding:0 0 4px;margin:15px 0 0}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:21px 0 9px}.page-nav button,.finish button{border:1px solid var(--line);background:#fffdf8;min-height:46px;border-radius:30px;padding:0 20px;font-size:12px}.page-nav span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.reader-hint{font-size:11px;color:var(--muted);text-align:center;margin:14px 0 21px;line-height:1.7}.thumbs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:14px -8px 30px}.thumbs button{border:0;border-radius:50%;min-width:44px;min-height:44px;background:transparent;font-size:11px;color:var(--muted)}.thumbs button[aria-current=true]{background:var(--green);color:white}.reader.is-scroll .frame{margin-bottom:48px}.report{border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted);line-height:2}.report a{display:inline-flex;align-items:center;min-height:44px}.finish{padding:35px 0;text-align:center;border-top:1px solid var(--line)}.finish h2{font-family:Georgia,"AppleMyungjo",serif;font-size:25px;font-weight:400;line-height:1.5;margin:17px 0 23px}.finish button{background:var(--green);color:white;border-color:var(--green)}#related{display:grid;gap:10px;margin:25px auto 0;max-width:360px}#related a{min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-size:13px}footer{margin:50px auto 0;padding:32px 24px 40px;border-top:1px solid var(--line);text-align:center;font-size:12px}footer a{display:inline-flex;align-items:center;min-height:44px}footer p{margin-top:24px;font-size:9px;letter-spacing:2px;color:var(--muted)}[hidden]{display:none!important}#loading{padding:40px 10px;font-size:14px}body[data-error] #loading{border:1px solid var(--line);border-radius:12px}
@media(min-width:1000px){main{display:grid;grid-template-columns:340px 550px;gap:60px;max-width:1014px;margin:65px auto 0;align-items:start}.intro{margin:0;padding:22px 0;position:sticky;top:25px}.reader{width:100%;padding:0}h1{font-size:46px}.frame figcaption{padding:22px 28px 28px}.caption{font-size:23px}.summary{font-size:15px}.thumbs{gap:1px}.thumbs button{min-width:44px}.story-note{margin-top:25px}.read-options{flex-wrap:wrap}}
@media(max-width:480px){.site-head{padding:12px 20px}.wordmark{font-size:31px}.head-links{gap:13px}.intro{margin:33px auto 25px;padding:0 20px}h1{font-size:37px;margin:15px 0}.summary{font-size:13px;line-height:1.85}.eyebrow{font-size:10px;letter-spacing:1px}.story-note{font-size:10px;margin:13px 0 19px}.read-options{gap:12px}.reader{padding:0 16px}.frame{border-radius:13px}.frame figcaption{padding:18px 20px 22px}.caption{font-size:20px;line-height:1.8}.page-nav button{padding:0 17px}.scene-title{font-size:9px}.thumbs{gap:2px}.thumbs button{min-width:44px}.reader.is-scroll .frame{margin-bottom:32px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s,opacity .15s}html{scroll-behavior:smooth}}

.art-button:disabled{opacity:1;cursor:default}

#related{max-width:min(100%,360px);min-width:0}#related .related-heading{font-size:.875rem;line-height:1.6;font-weight:600;letter-spacing:.03em;color:var(--muted);margin:0 0 4px}#related a{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;font-size:.875rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere}