@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f2f6fb;--ink:#294465;--muted:#75859a;--line:#d5dfeb;--green:#426b9b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b98a52;outline-offset:5px}header{height:86px;max-width:1380px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700}.brand span{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:22px;color:var(--muted)}#bgm{position:fixed;right:4%;top:23px;z-index:20;border:1px solid #c7d6e7;background:#f2f6fbf2;border-radius:30px;padding:10px 17px;font-size:10px;letter-spacing:1px;box-shadow:0 2px 12px #24342508}.bars{margin-right:10px;color:#668db8}#bgm b{margin-left:6px}main{max-width:1280px;margin:auto;padding:16px 40px 60px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:7%;min-height:640px;padding:30px 0 70px}.hero-photo{position:relative;background:white;padding:13px 13px 0;transform:rotate(-3deg);box-shadow:0 12px 35px #2b3d3220}.hero-photo:before{content:'';position:absolute;top:-15px;left:39%;width:105px;height:32px;background:#c1d4e8a8;transform:rotate(7deg);z-index:1}.hero-photo>img{width:100%;height:470px;object-fit:cover;display:block}.photo-caption{padding:19px 6px 22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#6b7e96}.photo-caption span{font-size:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#6e88a5}h1{font-family:'Gowun Batang',Georgia,serif;font-size:clamp(38px,4.1vw,58px);line-height:1.5;letter-spacing:-2px;margin:23px 0 19px;font-weight:400}h1 em{font-style:normal;position:relative}h1 em:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:7px;border-bottom:1px solid #8faed0;transform:rotate(-4deg)}.hero-copy>p{font-size:14px;line-height:1.95;color:#6d8098}.handwritten{display:block;font-family:'Gowun Batang',serif;color:#829dbb;font-size:13px;margin-top:24px}.actions{margin-top:34px;display:grid;gap:10px}.open-button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--green);padding:19px 23px;transition:background .2s,transform .2s}.open-button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.secondary{background:transparent;color:var(--green);border-color:#c6d8eb;font-size:13px}.open-button small{display:block;font-size:8px;letter-spacing:1.8px;opacity:.65;margin-bottom:7px}.arrow{font-size:23px;font-weight:400}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}h2{font-family:'Gowun Batang',serif;font-size:29px;font-weight:400;margin:13px 0}.panel{border-top:1px solid var(--line);margin:20px 0 65px;scroll-margin-top:70px}.close,.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:12px}.comic-panel{max-width:850px;margin-left:auto;margin-right:auto}#comic-strip{line-height:0;font-size:0;background:#fff}#comic-strip img{display:block;width:100%;height:auto;border:0;margin:0;padding:0}.image-error{font-size:13px;line-height:1.7;padding:30px;text-align:center;background:#e9f0f8}.image-error button{margin:12px;padding:8px 16px}.endnote{text-align:center;font-family:'Gowun Batang',serif;font-size:17px;padding:35px 0}.endnote button{display:block;margin:14px auto}#cast{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portrait{background:#fff;padding:9px 9px 25px;box-shadow:0 5px 18px #26392b10;transform:rotate(-1.5deg)}.character:nth-child(2) .portrait{transform:rotate(1.5deg)}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;display:block;background:#e4ecf6}.portrait figcaption{font-family:'Gowun Batang',serif;font-size:12px;padding:20px 9px 0;color:#6a809a}.portrait{margin:0 0 28px}.character h3{font-size:24px;font-weight:500;margin:0 0 8px}.character .meta{font-size:12px;color:var(--muted);line-height:1.8}.tags{display:flex;gap:6px;margin:17px 0;flex-wrap:wrap}.tags span{border:1px solid #cbd9e9;padding:5px 9px;font-size:10px;border-radius:3px}.character p{font-size:13px;line-height:1.9;color:#657b94}.personality{font-size:10px!important;letter-spacing:1px;color:#7b95b2!important}.setting{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:8%}.setting p{font-size:13px;line-height:2;color:#70849b}.club{display:block;font-size:11px;margin-top:23px;letter-spacing:.4px}.note{background:#e7eff9;padding:30px 35px;transform:rotate(1deg);position:relative}.note-label{font-family:'Gowun Batang',serif;font-size:15px}.note p{font-family:'Gowun Batang',serif;color:#4f6f97}.calendar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:24px 0;font-size:13px;list-style:none;display:flex;justify-content:space-between}summary span{font-size:9px;letter-spacing:1px;color:var(--muted)}.months{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px 0 30px}.months p{font-size:11px;line-height:1.9;color:#768aa3}.months b{display:block;color:var(--green);font-size:15px;margin-bottom:8px}footer{max-width:1200px;margin:0 auto;padding:0 40px 30px;display:flex;justify-content:space-between;font-size:10px;color:#8095af}footer span:last-child{font-size:8px;letter-spacing:1.4px}#status:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 20px;background:#294465;color:white;border-radius:8px;font-size:12px;width:max-content;max-width:90%}[hidden]{display:none!important}@media(max-width:760px){header{height:72px;padding:0 24px}.brand{font-size:10px}.brand span{display:none}#bgm{top:19px;right:20px;padding:8px 12px}main{padding:18px 24px 40px}.hero{grid-template-columns:1fr;gap:34px;padding:15px 0 45px}.hero-photo{width:90%;margin:auto}.hero-photo>img{height:300px}.hero-copy{padding:0 5px}h1{font-size:40px;margin-top:16px}.hero-copy>p{font-size:13px}.handwritten{margin-top:17px}.actions{margin-top:26px}.setting{grid-template-columns:1fr;gap:30px;padding:35px 0}#cast{grid-template-columns:1fr;gap:45px}.character{display:grid;grid-template-columns:44% 1fr;gap:18px;align-items:start}.portrait{margin:0;padding:6px 6px 14px}.portrait figcaption{font-size:10px;padding:12px 4px 0}.character h3{font-size:21px}.character p{font-size:12px}.character .meta{font-size:10px}.tags{gap:4px;margin:12px 0}.tags span{font-size:9px;padding:4px 5px}.months{grid-template-columns:repeat(2,1fr)}h2{font-size:24px}footer{padding:0 24px 25px;gap:15px}footer span:last-child{max-width:120px;text-align:right;line-height:1.8}.comic-panel{margin-left:-24px;margin-right:-24px}.comic-panel .section-top{padding-left:24px;padding-right:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.ost-note{display:flex;flex-direction:column;justify-content:center}.ost-note .note-label{font-family:inherit;font-size:10px;letter-spacing:1.8px;color:#7290b2}.ost-note p{font-family:inherit;font-size:16px;margin:20px 0 12px;color:#426b9b}.ost-detail{font-size:11px;color:#7c91aa}