:root{--paper:#f3efe6;--paper-soft:#e9e2d4;--ink:#1d211e;--muted:#6d716a;--line:rgba(29,33,30,.16);--sun:#b86e21;--glass:rgba(243,239,230,.88);--shadow:0 20px 60px rgba(24,22,17,.12);font-family:"Noto Serif KR","Nanum Myeongjo","Apple SD Gothic Neo","Malgun Gothic",serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(208,150,73,.19),transparent 31rem),var(--paper)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.scroll-progress{position:fixed;z-index:30;inset:0 0 auto;height:2px;background:transparent}.scroll-progress span{display:block;height:100%;background:var(--sun);transform:scaleX(0);transform-origin:left}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px)}.topbar-inner{width:min(1100px,calc(100% - 32px));min-height:72px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.menu-button{justify-self:start;border:0;border-bottom:1px solid var(--ink);background:none;padding:4px 0;font:inherit;color:inherit;text-decoration:none;cursor:pointer}.book-title{text-align:center;text-decoration:none;font-weight:700;letter-spacing:.04em}.book-title small{display:block;margin-top:3px;color:var(--muted);font:500 11px/1.2 sans-serif;letter-spacing:.08em}.nav-inline{justify-self:end;display:flex;align-items:center;gap:12px;font-family:sans-serif}.nav-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;text-decoration:none}.nav-arrow:hover{border-color:var(--sun)}.nav-arrow.disabled{opacity:.24}.chapter-count{min-width:54px;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.06em}main{width:min(100% - 32px,900px);margin:auto}.chapter{padding:clamp(72px,11vw,144px) 0 clamp(80px,12vw,160px)}.chapter-header{width:min(100%,660px);margin:0 auto clamp(60px,9vw,110px)}.eyebrow{margin:0 0 14px;color:var(--sun);font:600 11px/1.4 sans-serif;letter-spacing:.18em;text-transform:uppercase}.chapter-header h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.045em}.prose{width:min(100%,660px);margin:auto;font-size:clamp(17px,2.1vw,20px);line-height:2.02;letter-spacing:-.012em;word-break:keep-all}.prose p{margin:0 0 1.22em}.music-separator{width:min(100%,660px);margin:clamp(80px,12vw,150px) auto clamp(42px,7vw,72px);display:flex;align-items:center;gap:18px;color:var(--muted)}.music-separator::before{content:"";width:7px;height:7px;border:1px solid var(--sun);border-radius:50%}.music-separator span{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.songs{display:grid;gap:72px}.song{width:min(100%,820px);margin:auto}.song-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.song-heading h2{margin:0;font-size:clamp(22px,4vw,34px);font-weight:600;letter-spacing:-.035em}.artist{margin:8px 0 0;color:var(--muted);font:13px/1.5 sans-serif}.youtube-link{flex:none;color:var(--muted);font:12px/1.4 sans-serif;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.youtube-link:hover{color:var(--ink);border-color:var(--ink)}.video-frame{overflow:hidden;position:relative;aspect-ratio:16/9;border-radius:8px;background:#111;box-shadow:var(--shadow)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{display:grid;place-items:center;text-align:center;color:#f2eee4;padding:32px}.video-placeholder p{margin:.5em 0 0;font:14px/1.65 sans-serif}.video-placeholder .muted{color:#aaa59c;font-size:12px}.play-mark{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #6c6962;border-radius:50%;padding-left:3px}.chapter-dialog{width:min(520px,calc(100% - 28px));max-height:min(80vh,760px);padding:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.chapter-dialog::backdrop{background:rgba(10,11,10,.52);backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.dialog-head button{border:0;background:none;color:inherit;font:28px/1 sans-serif;cursor:pointer}.dialog-subtitle,.chapter-dialog .notice{margin:18px 24px;color:var(--muted);font:12px/1.7 sans-serif}.chapter-dialog ol{list-style:none;margin:0;padding:8px 12px 16px}.chapter-dialog li a{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:11px 12px;border-radius:6px;text-decoration:none}.chapter-dialog li a span{color:var(--muted);font:11px/1 sans-serif}.chapter-dialog li a:hover,.chapter-dialog li a.current{background:var(--paper-soft)}.notice{padding-top:16px;border-top:1px solid var(--line)}@media(max-width:620px){.topbar-inner{grid-template-columns:auto 1fr auto;min-height:62px}.book-title{font-size:14px}.book-title small{display:none}.chapter-count{display:none}.nav-inline{gap:6px}.nav-arrow{width:31px;height:31px}.chapter{padding-top:72px}.chapter-header{margin-bottom:52px}.prose{line-height:1.95}.song-heading,.player-heading{align-items:flex-start;flex-direction:column;gap:10px}}@media(prefers-color-scheme:dark){:root{--paper:#171917;--paper-soft:#222521;--ink:#ece7dc;--muted:#9d9f98;--line:rgba(236,231,220,.14);--sun:#d89a55;--glass:rgba(23,25,23,.88);--shadow:0 20px 70px rgba(0,0,0,.35)}body{background:radial-gradient(circle at 78% -10%,rgba(197,126,53,.13),transparent 31rem),var(--paper)}}.library,.cover{padding:clamp(48px,7vw,88px) 0 clamp(64px,10vw,120px)}.library-header,.cover-header,.book-list,.cover-body{width:min(100%,660px);margin:0 auto}.library-header{margin-bottom:clamp(28px,5vw,48px)}.library-header h1,.cover-header h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.045em}.book-list{display:grid;gap:clamp(40px,6vw,72px)}.book-card h2{margin:0;font-size:clamp(26px,4.5vw,40px);font-weight:600;letter-spacing:-.035em}.cover-header{margin-bottom:clamp(24px,4vw,40px)}.subtitle{margin:10px 0 0;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.5}.source-work{margin:0 0 14px;color:var(--sun);font:600 13px/1.6 sans-serif}.format{margin:0;font-size:clamp(17px,2.1vw,20px);line-height:1.9;letter-spacing:-.012em;word-break:keep-all}.book-card .notice,.cover-body .notice{margin:24px 0 0;color:var(--muted);font:12px/1.7 sans-serif}.enter-link{display:inline-block;margin-top:28px;color:inherit;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px;font:14px/1.4 sans-serif}.enter-link:hover{color:var(--sun);border-color:var(--sun)}.topbar-enter{justify-self:end;margin-top:0;font:12px/1.4 sans-serif}.cover-index{width:min(100%,900px);margin:clamp(56px,9vw,96px) auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,6vw,72px);align-items:start}.cover-index h2{margin:0 0 16px;font-size:clamp(22px,3.2vw,30px);font-weight:600;letter-spacing:-.03em}.cover-index ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.cover-index li a{display:grid;gap:10px;align-items:baseline;padding:11px 12px;border-radius:6px;text-decoration:none}.cover-chapters li a{grid-template-columns:38px 1fr}.cover-songs li a{grid-template-columns:minmax(0,1fr) 32px}.cover-chapters li a span,.cover-songs .track-ch{color:var(--muted);font:11px/1.4 sans-serif;letter-spacing:.06em}.cover-songs .track{color:var(--ink);font:15px/1.55 serif;letter-spacing:-.02em;word-break:keep-all}.cover-index li a:hover,.cover-index li a:focus-visible{background:var(--paper-soft)}.cover-notice{width:min(100%,660px);margin:clamp(48px,8vw,80px) auto 0;color:var(--muted);font:12px/1.7 sans-serif}@media(max-width:820px){.cover-index{grid-template-columns:1fr}}.song-players{display:grid;gap:48px;margin-top:8px}.player-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px}.player-heading .eyebrow{margin:0}.caption-hint{margin:10px 0 0;color:var(--sun);font:13px/1.5 sans-serif}.how-to-read{width:min(100%,660px);margin:0 auto clamp(56px,9vw,96px);word-break:keep-all}.how-to-read h2{margin:0 0 22px;font-size:clamp(26px,4.5vw,40px);font-weight:600;letter-spacing:-.035em}.how-to-read p,.how-to-read li{margin:0 0 1.05em;font-size:clamp(17px,2.1vw,20px);line-height:1.9;letter-spacing:-.012em}.how-to-read ol{margin:0 0 1.3em;padding:0 0 0 1.35em}.how-to-read li{padding-left:.2em}.how-to-note{margin:.55em 0 0;color:var(--muted);font:15px/1.75 sans-serif}.how-to-order{font-weight:600}.book-list{padding-top:clamp(40px,6vw,72px);border-top:1px solid var(--line)}.chapter-nav{width:min(100%,660px);margin:clamp(36px,5vw,56px) auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--line)}.chapter-nav .nav-arrow{width:48px;height:48px;border:1.5px solid var(--ink);color:var(--ink);font-size:18px}.chapter-nav .nav-arrow:hover{border-color:var(--sun);color:var(--sun)}.chapter-nav .nav-arrow.disabled{opacity:.3;border-color:var(--line);color:var(--muted)}.chapter-nav .chapter-count{display:block;min-width:64px;text-align:center;font:13px/1.4 sans-serif;color:var(--ink);letter-spacing:.06em}.chapter:has(.chapter-nav){padding-bottom:clamp(48px,7vw,80px)}@media(max-width:620px){.player-heading{align-items:flex-start;flex-direction:column}}