:root{--ink:#15272d;--muted:#637274;--paper:#f4f1eb;--orange:#ecaa7c;--line:#d9ddd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e78e54;outline-offset:5px}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{font-size:28px;font-weight:850;letter-spacing:-1.6px}.brand span{font-weight:400}.brand i{display:block;font-size:10px;letter-spacing:2px;font-style:normal;margin-top:3px;font-weight:500}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.preview{font-size:10px;letter-spacing:1.5px;border:1px solid #9ba7a4;padding:7px 9px}.hero{min-height:730px;background:#111d24;color:#fff;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 42%;background-image:linear-gradient(90deg,#111d24 0%,transparent 45%),linear-gradient(0deg,#111d24bb,transparent 50%),url('assets/first-rhythm.png');background-size:cover,cover,auto 400%;background-position:center,center,52% bottom;opacity:.94}.hero-copy{position:relative;padding:85px 6% 100px;max-width:880px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 25px;color:#8b9a97}.hero .eyebrow{color:#edb78c}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(38px,4.4vw,67px);line-height:1.24;letter-spacing:-3px;font-weight:650;margin-bottom:26px}.intro{font-size:16px;line-height:1.9;color:#b9c2c1}.featured{margin:44px 0 23px;padding-left:16px;border-left:2px solid var(--orange)}.featured span{font-size:11px;color:#b6c3c4;letter-spacing:1px}.featured h2{font-size:27px;margin:9px 0}.featured p{color:#b6c3c4;font-size:13px;margin-bottom:0}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:15px 23px;font-weight:650;font-size:14px}.primary{background:var(--orange);color:#18292d}.text-link{font-size:13px;margin-left:25px}.hero-bottom{position:absolute;bottom:22px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#b7c3c5}.section{padding:85px 6%;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:32px;letter-spacing:-1.3px;margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.filters{display:flex;gap:8px;overflow:auto;margin:32px 0;padding-bottom:9px;scrollbar-width:thin}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:25px;padding:12px 21px;background:transparent;color:#647273;font-size:13px}.filter[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}.story{display:grid;grid-template-columns:1.15fr 1fr;min-height:330px;background:#e9e5dd}.story-art{background-image:url('assets/first-rhythm.png');background-size:100% auto;background-position:center 58%;min-height:300px}.story-info{padding:43px}.story-info .eyebrow{font-size:10px;color:#75817e;margin-bottom:13px}.story-info h3{font-size:34px;letter-spacing:-1px;margin:0 0 14px}.story-info p{line-height:1.8;color:#63716f;font-size:14px;max-width:380px}.story-meta{font-size:11px;color:#7d817b;display:flex;gap:12px;margin:20px 0 23px}.story-link{font-size:14px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid #c9cdc4;padding-top:18px}.empty{padding:56px 30px;border:1px solid var(--line);text-align:center}.empty h3{font-size:23px}.empty p{font-size:14px;line-height:1.8;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding-top:80px}.section-no{font-size:11px;letter-spacing:2px;color:#7a8884}.about h2{font-size:40px;letter-spacing:-1.5px;line-height:1.4}.about p:not(.eyebrow){font-size:15px;line-height:2;color:#65736e;max-width:660px}.note{font-size:12px;line-height:1.9;color:#818a83;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}footer{padding:38px 6%;background:#13272d;color:#c1cdca;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:24px}footer p,footer>span{font-size:11px;margin:0;color:#91a19c}.reader-toolbar{position:sticky;top:0;z-index:5;background:#f4f1ebf5;border-bottom:1px solid var(--line);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:13px;backdrop-filter:blur(15px)}.reader-toolbar button{border:1px solid #bdc9c1;background:transparent;padding:8px 12px;color:var(--ink);border-radius:4px}.reader-toolbar button[aria-pressed=true]{background:var(--ink);color:white}.reading-progress{height:2px;position:sticky;top:60px;z-index:6}.reading-progress i{display:block;background:#c57644;height:2px;width:0}.reader-title{text-align:center;padding:75px 20px 65px}.reader-title h1{font-size:44px;letter-spacing:-2px}.reader-title p:not(.eyebrow){font-size:18px}.reader-title span{font-size:11px;color:var(--muted)}.comic{max-width:727px;margin:auto}.scene{margin:0 0 80px}.panel{position:relative;overflow:hidden;background:#ded5c8}.panel img{display:block;width:100%;position:absolute;left:0;height:auto}.caption{padding:35px 26px 5px;text-align:center;font-size:17px;line-height:1.9}.caption small{font-size:10px;letter-spacing:2px;display:block;color:#82918a;margin-bottom:14px}.caption p{margin-bottom:8px}.caption em{font-style:normal;color:#627970;font-size:14px}.episode-end{text-align:center;padding:10px 20px 85px}.episode-end>span{font-size:10px;letter-spacing:3px;color:#8b9890}.episode-end h2{font-size:27px;margin:24px 0 15px}.episode-end p{font-size:13px;color:#75817a}.episode-end .button{margin:18px 5px 0}.secondary{border:1px solid #b5c2b9;background:none;color:var(--ink)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#142a2e;color:#fff;border-radius:5px;padding:14px 23px;z-index:20;font-size:13px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:700px){header{height:75px;padding:0 22px}.brand{font-size:24px}nav{gap:17px;font-size:12px}nav .preview{display:none}.hero{min-height:790px}.hero-art{inset:0;background-size:cover,cover,auto 400%;background-position:center,center,51% bottom;opacity:.67}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111d24 2%,#111d2499 50%,#111d2444)}.hero-copy{padding:58px 24px 110px}.hero h1{font-size:40px;letter-spacing:-2px;line-height:1.3}.intro{font-size:14px}.featured{margin-top:260px}.hero-bottom{left:24px;right:24px;font-size:8px;letter-spacing:.6px}.hero-bottom span:last-child{display:none}.text-link{margin-left:16px;font-size:12px}.section{padding:55px 22px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>p{margin-top:15px;font-size:13px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}.filters{margin:25px -22px;padding:0 22px 10px}.filter{font-size:12px;padding:10px 17px}.story{display:block}.story-art{min-height:280px;background-position:center 58%}.story-info{padding:28px}.story-info h3{font-size:29px}.about{display:block}.section-no{display:block;margin-bottom:36px}.about h2{font-size:31px}.about p:not(.eyebrow){font-size:14px}.note{font-size:11px}footer{flex-wrap:wrap;padding:30px 22px}footer>span{width:100%;font-size:10px}.reader-toolbar{font-size:11px;padding:0 16px}.reader-title{padding:55px 20px}.reader-title h1{font-size:35px}.scene{margin-bottom:55px}.caption{font-size:16px;padding:30px 22px 0}.episode-end h2{font-size:23px}.episode-end .button{width:100%;max-width:320px;margin:12px auto 0;display:flex}.wide{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.characters,.episode-plan{border-top:1px solid var(--line)}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.character-grid article{padding-top:25px;border-top:2px solid var(--ink)}.character-index{font-size:9px;letter-spacing:2px;color:#7d8a83}.character-grid h3{font-size:30px;margin:25px 0 7px}.character-grid h3 small{font-size:15px;font-weight:400;color:#7d8a83}.character-role{font-size:12px;color:#9a684e}.character-grid blockquote{margin:30px 0 20px;font-size:18px;line-height:1.7}.character-grid p:not(.character-role),details p{font-size:13px;line-height:1.95;color:#68776f}.character-grid details{margin-top:25px}summary{font-size:12px;cursor:pointer;color:#52685e;line-height:1.8}details p{padding-top:14px}.episode-list{padding:0;list-style:none;margin:35px 0 0}.episode-list li{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.episode-list li>span{font-size:28px;font-weight:300;color:#a2aaa2}.episode-list h3{font-size:20px;margin:0 0 13px}.episode-list em{font-style:normal;font-size:10px;font-weight:400;color:#8c705c;margin-left:12px}.episode-list p{font-size:14px;color:#708075;line-height:1.8}.episode-list a{font-size:13px;font-weight:650}.plan-note{font-size:11px;color:#8a948c;margin:25px 0 0}.dialogues{padding:24px 30px 0;display:flex;flex-direction:column;gap:17px}.cut-number{align-self:center;font-size:9px;letter-spacing:2px;color:#9aa59c;margin:0 0 13px}.speech{max-width:88%;padding:18px 23px;background:#fffdf8;border:1px solid #e2e2d9;border-radius:2px 20px 20px 20px;align-self:flex-start;box-shadow:0 3px 10px #283e2c04}.speech.doyoon{align-self:flex-end;background:#e5ebe5;border-color:#dce4dc;border-radius:20px 2px 20px 20px}.speech.haerin{background:#eee3de;border-color:#e5d5cd}.speech span{font-size:9px;color:#78877a;letter-spacing:1px;display:block;margin-bottom:8px}.speech p{font-size:18px;line-height:1.7;margin:0}.narration{text-align:center;font-size:17px;line-height:1.9;color:#657569;padding:23px 8px;margin:0}.scene{margin-bottom:90px}.comic{background:#f4f1eb}.reader-title{padding-bottom:80px}@media(max-width:700px){nav{gap:13px}.character-grid{grid-template-columns:1fr;gap:30px}.character-grid h3{font-size:27px}.character-grid blockquote{margin:20px 0 14px}.episode-list li{grid-template-columns:35px 1fr;gap:12px}.episode-list h3{font-size:18px}.episode-list em{display:block;margin:7px 0 0}.episode-list p{font-size:13px}.dialogues{padding:24px 20px 0;gap:13px}.speech{max-width:92%;padding:15px 19px}.speech p{font-size:16px}.narration{font-size:15px}.scene{margin-bottom:65px}}
.quick-episodes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.quick-episodes a{padding:24px;position:relative;border-right:1px solid var(--line)}.quick-episodes a:last-child{border:0}.quick-episodes small{font-size:9px;letter-spacing:1.5px;color:#8b968a;display:block;margin-bottom:12px}.quick-episodes span{font-size:16px;font-weight:600}.quick-episodes b{position:absolute;right:20px;top:24px;font-size:13px;color:#8b968a}.episode-read-link{display:inline-block;margin:4px 0 18px}.episode-navigation{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.episode-navigation:empty{display:none}@media(max-width:700px){.quick-episodes{grid-template-columns:1fr}.quick-episodes a{border:0;border-bottom:1px solid var(--line);padding:20px 24px}.quick-episodes small{margin-bottom:7px}.quick-episodes span{font-size:15px}.episode-navigation{display:block}}

/* Individual panels: normal document flow, no sprite clipping or lazy intersection dependency. */
.comic .panel{overflow:visible;aspect-ratio:auto;background:#ded5c8}.comic .panel img{position:static;display:block;width:100%;height:auto;max-width:100%;transform:none}
.series-block+.series-block{margin-top:38px}.ballet-art{background:#ccd4c7 url('assets/panels/ballet1-05.jpg') center/cover no-repeat;min-height:330px}.ballet-card .story{background:#e5e9df}.ballet-card .story-info .eyebrow{color:#7b8276}.ballet-about{background:#e9ece3;border-top:1px solid #d5dbcf}.ballet-about .character-grid{gap:30px}.ballet-about .character-role{color:#78708d}@media(max-width:700px){.ballet-art{min-height:290px}.series-block+.series-block{margin-top:30px}}
.ballet-intro{font-size:18px;line-height:1.9;color:#657362;margin-top:32px}.ballet-about>.button{margin-top:35px}@media(max-width:700px){.ballet-intro{font-size:16px}}
.hero-art{background-image:linear-gradient(90deg,#111d24 0%,transparent 45%),linear-gradient(0deg,#111d24bb,transparent 50%),url('assets/panels/ballet1-01.jpg');background-size:cover,cover,cover;background-position:center,center,center}
@media(max-width:700px){.hero-art{background-size:cover,cover,cover;background-position:center,center,center}}
.kpop-art{background:#252d3d url('assets/panels/kpop1-01.jpg') center/cover no-repeat;min-height:330px}.kpop-card .story{background:#dce3e8}.kpop-card .story-info .eyebrow{color:#536b8e}.kpop-about{background:#e1e6ec;border-top:1px solid #cbd4de}.kpop-about .character-role{color:#5268a2}.kpop-about>.button{margin-top:35px}.hero-art{background-image:linear-gradient(90deg,#111d24 0%,transparent 45%),linear-gradient(0deg,#111d24bb,transparent 50%),url('assets/panels/kpop1-01.jpg');background-size:cover,cover,cover;background-position:center,center,center}@media(max-width:700px){.kpop-art{min-height:290px}.hero-art{background-size:cover,cover,cover;background-position:center,center,center}}