@font-face{font-family:StoryKR;src:url("NotoSansKR-story.woff") format("woff");font-display:swap}
:root{--ink:#203341;--wine:#823b45;--paper:#fcf7ed;--gold:#c49b58}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f1e9dd;font-family:StoryKR,Arial,sans-serif;line-height:1.75}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #147c8b;outline-offset:3px}header{background:#203341;color:#fff}nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{font:600 15px Georgia,serif;letter-spacing:.08em;color:#fff;text-decoration:none}.brand span{color:#e8c48c}nav button{border:1px solid #bec4c6;color:#fff;background:transparent;padding:7px 16px;border-radius:30px}.library-link{color:#fff;font-size:13px}main{max-width:1240px;margin:auto;padding:30px 24px}.work{font:12px Arial,sans-serif;letter-spacing:.13em;color:var(--wine)}.intro h1{font:clamp(28px,5vw,54px) Georgia,StoryKR,serif;margin:9px 0;line-height:1.25}.intro p{max-width:900px;margin:12px 0;color:#536371}.notice{font-size:13px}.reader-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0 16px}.reader-tools select{font:inherit;max-width:100%;padding:8px 12px;background:var(--paper);border:1px solid #c3b49b;border-radius:6px}.progress{font-size:13px}progress{width:110px;accent-color:var(--wine)}.chapter{background:var(--paper);border:1px solid #dcc9aa;border-radius:12px;box-shadow:0 15px 55px #4b382114;padding:25px}.chapter[hidden]{display:none}.chapter-head{display:flex;gap:15px;align-items:center;margin-bottom:20px}.chapter-no{background:var(--wine);color:white;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font:24px Georgia,serif;flex-shrink:0}h2{font-size:clamp(23px,3vw,35px);margin:0;line-height:1.3}.subtitle{margin:7px 0 0;color:#826642;font-size:14px}.spread{display:grid;grid-template-columns:1.35fr 1fr;gap:27px;align-items:start}.art{display:block;width:100%;height:auto;border-radius:8px;aspect-ratio:3/2;object-fit:contain;background:#e4d7c1}.dialogue{display:flex;gap:12px;margin-top:16px;align-items:flex-start}.speaker{font-size:12px;letter-spacing:.07em;color:var(--wine);min-width:46px;padding-top:9px}.bubble{border-radius:13px;padding:13px 16px;background:#fff;border:1px solid #e4d9c7;font-size:15px}.chopin .bubble{background:#eee4d1}.note{border-left:3px solid var(--gold);padding-left:17px;font-size:15px;margin:0 0 20px}.box{padding:17px;border-radius:9px;margin:15px 0;background:#efe5d5}.box h3{font-size:12px;letter-spacing:.08em;margin:0 0 9px;color:var(--wine)}.box p{margin:0;font-size:15px}.quiz{background:#e9eff0}.quiz details{margin-top:14px;border-top:1px solid #bccccc;padding-top:11px}.quiz summary{cursor:pointer;color:#255b63;font-weight:bold;font-size:14px}.answer{margin-top:10px!important}.mission{background:#f4e6e5}.rhythm{margin:18px 0;background:white;padding:12px;border-radius:8px}.rhythm svg{width:100%;height:auto}.rhythm button{border:0;background:var(--ink);color:white;padding:6px 12px;border-radius:6px;font-size:13px}.rhythm small{display:block;margin-top:7px;color:#536371}.chapter-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.chapter-nav button{border:1px solid #bfa781;background:var(--paper);padding:9px 18px;border-radius:7px}.chapter-nav .next{background:var(--wine);color:#fff;border-color:var(--wine)}button:disabled{opacity:.4;cursor:default}.done{display:flex;align-items:center;font-size:14px;gap:8px}.done input{width:19px;height:19px;accent-color:var(--wine)}.downloads{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.downloads a{display:inline-block;background:#203341;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}.sources{font-size:13px;margin:32px 0}.sources a{color:#215d68;overflow-wrap:anywhere}footer{font-size:11px;margin-top:30px;border-top:1px solid #c9b69a;padding-top:15px;color:#58666d}.performance{padding:20px;background:#e8e0d2;border-radius:8px;margin-top:25px}.performance h2{font-size:24px}.performance p{font-size:14px;margin-bottom:0}@media(max-width:800px){main{padding:22px 12px}.chapter{padding:17px}.spread{grid-template-columns:1fr}.chapter-head{align-items:flex-start}.bubble,.note,.box p{font-size:15px}.chapter-no{width:40px;height:40px;font-size:21px}.reader-tools{gap:8px}.chapter-nav button{padding:9px 13px}}@media print{header,.reader-tools,.chapter-nav,.downloads,.performance,.sources,footer,.intro{display:none}.chapter[hidden],.chapter{display:block!important;break-after:page;box-shadow:none;border:0;padding:10mm}.chapter:last-child{break-after:auto}body,main{background:white;padding:0;margin:0;max-width:none}.spread{grid-template-columns:1.35fr 1fr}.quiz details .answer{display:block!important}.quiz details{display:block}.rhythm button{display:none}}