@font-face{font-family:Pretendard;src:url(assets/fonts/Pretendard-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url(assets/fonts/Pretendard-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url(assets/fonts/Pretendard-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--body-canvas:#0b1020;--body-surface:#0b1020;--body-elevated:#0b1020;--body-ink:#f5f1e8;--body-ink-muted:#f5f1e8;--body-border:#f5cf66;--body-accent:#f5cf66;--body-accent-ink:#0b1020;--body-focus:#f5cf66;--body-shade:rgba(11,16,32,.88);--body-line:rgba(245,241,232,.2);--body-caption:rgba(11,16,32,.82);--grid-content:1120px;--grid-gutter:32px;--grid-gap:32px;--measure-reading:720px;--rhythm-breath:24px;--rhythm-pause:80px;--leading-display:1.3;--leading-title:1.4;--leading-lead:1.7;--leading-reading:1.7;--leading-quote:1.7;--leading-ui:1.5;--tracking-display:normal;--tracking-title:normal;--type-display:48px;--type-title:28px;--type-body:18px;--type-small:14px;--font-body:Pretendard,sans-serif;--weight-heading:700;--weight-body:400;--weight-ui:600;--button-height:48px;--button-padding:12px 20px;--header-height:80px;--focus-width:3px;--focus-offset:5px;--motion-duration-instant:0ms;--motion-duration-short:220ms;--motion-duration-long:500ms;--motion-ease-arrive:cubic-bezier(.22,1,.36,1);--motion-ease-settle:ease;--motion-distance-small:8px;--motion-distance-medium:24px;--motion-stagger:0ms}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + var(--rhythm-breath))}body{margin:0;background:var(--body-canvas);color:var(--body-ink);font-family:var(--font-body);font-size:var(--type-body);font-weight:var(--weight-body);line-height:var(--leading-reading)}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:var(--weight-heading);word-break:keep-all;text-wrap:balance}h1{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}h2,h3{font-size:var(--type-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}p{word-break:keep-all;text-wrap:pretty}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--body-focus);outline-offset:var(--focus-offset)}[tabindex='-1']:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:16px;padding:var(--button-padding);background:var(--body-accent);color:var(--body-accent-ink);z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.js-only{display:none}.enhanced .js-only{display:inline-flex}
.site-header{position:sticky;top:0;z-index:20;background:var(--body-canvas);border-bottom:1px solid var(--body-line)}.header-inner{max-width:calc(var(--grid-content) + var(--grid-gutter)*2);padding:0 var(--grid-gutter);margin:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--rhythm-breath);flex-wrap:wrap}.brand{font-weight:var(--weight-heading);font-size:22px;text-decoration:none}.brand span{color:var(--body-accent)}.nav-inner{display:flex;align-items:center;gap:var(--rhythm-breath)}nav a,.share-button{font-size:var(--type-small);font-weight:var(--weight-ui);min-height:var(--button-height);display:inline-flex;align-items:center;text-decoration:none;background:none;border:0;padding:8px}nav a[aria-current='location']{color:var(--body-accent)}.enhanced .menu-toggle{display:none}.menu-close{display:none}
main{max-width:calc(var(--grid-content) + var(--grid-gutter)*2);padding:0 var(--grid-gutter);margin:auto}.section{margin-top:var(--rhythm-pause);scroll-margin-top:calc(var(--header-height) + var(--rhythm-breath))}.hero-copy{text-align:center;margin-bottom:40px}.eyebrow{font-size:var(--type-small);font-weight:var(--weight-ui);line-height:var(--leading-ui);color:var(--body-accent);margin-bottom:16px}.hero h1{margin-bottom:var(--rhythm-breath)}.lead{line-height:var(--leading-lead)}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--body-surface);isolation:isolate}.stage video{display:block;width:100%;height:100%;object-fit:contain}.stage video::cue{font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(16px,2.4vw,28px);color:var(--body-ink);background:var(--body-caption)}.invitation{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:center;padding:var(--rhythm-breath);pointer-events:none;background:linear-gradient(transparent,var(--body-shade));min-height:30%}.poster-note{font-size:var(--type-small);line-height:var(--leading-ui)}.stage[data-state='loading'] .invitation,.stage[data-state='playing'] .invitation,.stage[data-state='paused'] .invitation{display:none}.watch-tools{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:var(--rhythm-breath)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--button-height);padding:var(--button-padding);border:1px solid transparent;border-radius:999px;font-size:var(--type-body);font-weight:var(--weight-ui);line-height:var(--leading-ui);background:var(--body-surface);text-decoration:none;transition:background var(--motion-duration-short) var(--motion-ease-settle),color var(--motion-duration-short) var(--motion-ease-settle)}.primary{background:var(--body-accent);color:var(--body-accent-ink)}.outline{border-color:var(--body-accent);color:var(--body-accent)}.quiet{font-size:var(--type-small);text-decoration:underline;text-underline-offset:5px}.status{font-size:var(--type-small);line-height:var(--leading-ui)}.error{border:1px solid var(--body-border);padding:var(--rhythm-breath);margin-top:var(--rhythm-breath)}.error p{margin-bottom:16px}.listen-row{margin-top:48px;padding:32px 0;border-block:1px solid var(--body-line);display:flex;justify-content:space-between;align-items:center;gap:var(--grid-gap);scroll-margin-top:calc(var(--header-height) + var(--rhythm-breath))}.listen-row .eyebrow{margin-bottom:8px}.listen-row h2{margin-bottom:8px}.listen-action{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.listen-action .button span{font-size:var(--type-small)}.text-link{font-size:var(--type-small);line-height:var(--leading-ui);display:inline-flex;align-items:center;min-height:var(--button-height)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--rhythm-breath);margin-bottom:32px}.section-note{font-size:var(--type-small)}.webtoon{max-width:var(--measure-reading);margin:auto}.webtoon figure{width:100%}.webtoon img{width:100%;aspect-ratio:2/3;object-fit:contain}.afterword{text-align:center;margin-top:48px}.afterword p{font-size:var(--type-title);font-weight:var(--weight-heading);line-height:var(--leading-quote);margin-bottom:var(--rhythm-breath)}.lyrics-section{border-top:1px solid var(--body-line);padding-top:48px}.lyrics-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:960px;margin:auto}.lyrics p{margin-bottom:32px}.lyrics p:last-child{margin-bottom:0}.work-note{align-self:start;position:sticky;top:calc(var(--header-height) + 48px)}.note-rule{display:block;width:48px;height:2px;background:var(--body-accent);margin-bottom:var(--rhythm-breath)}.work-note h3{margin-bottom:var(--rhythm-breath)}.work-note p{margin-bottom:var(--rhythm-breath)}details{border-top:1px solid var(--body-line);padding-top:var(--rhythm-breath);font-size:var(--type-small)}summary{cursor:pointer;min-height:var(--button-height);font-weight:var(--weight-ui)}details p:last-child{margin-bottom:0}footer{max-width:var(--grid-content);margin:var(--rhythm-pause) auto 0;border-top:1px solid var(--body-line);padding:48px var(--grid-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--rhythm-breath)}footer p{font-size:var(--type-small);text-align:center}dialog{max-width:min(560px,calc(100% - 32px));background:var(--body-canvas);color:var(--body-ink);border:1px solid var(--body-border);padding:var(--rhythm-breath)}dialog::backdrop{background:var(--body-shade)}dialog h2,dialog p{margin-bottom:var(--rhythm-breath)}dialog label{font-size:var(--type-small)}dialog input{display:block;width:100%;min-height:var(--button-height);margin:8px 0 var(--rhythm-breath);padding:8px;background:var(--body-surface);color:var(--body-ink);border:1px solid var(--body-border)}dialog .button{margin-bottom:16px}
@media (max-width:1023px){:root{--grid-gap:24px}.lyrics-layout{gap:48px}}
@media (max-width:767px){:root{--grid-gutter:24px;--rhythm-pause:48px;--type-display:36px;--header-height:72px}.header-inner{gap:0}.enhanced .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:0;margin-right:-12px}nav{flex-basis:100%}.enhanced nav{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--motion-duration-short) var(--motion-ease-settle),visibility var(--motion-duration-short)}.nav-inner{flex-wrap:wrap;gap:16px;padding-bottom:12px}.enhanced .nav-inner{overflow:hidden;padding:0}.enhanced nav.open{grid-template-rows:1fr;visibility:visible}.enhanced nav.open .nav-inner{padding-bottom:16px}.menu-toggle[aria-expanded='true'] .menu-open{display:none}.menu-toggle[aria-expanded='true'] .menu-close{display:block}.hero-copy{text-align:left;margin-bottom:32px}.eyebrow{font-size:var(--type-small)}.watch-tools{gap:8px;justify-content:flex-start}.status{flex-basis:100%;margin-top:8px}.invitation{padding:12px}.listen-row{margin-top:32px;align-items:flex-start;flex-direction:column;padding:24px 0}.listen-action{align-items:flex-start;gap:8px}.section-heading{display:block;margin-bottom:var(--rhythm-breath)}.section-note{margin-top:16px}.lyrics-layout{grid-template-columns:1fr;gap:48px}.work-note{position:static}.lyrics-section{padding-top:32px}.afterword{margin-top:32px}.afterword p{font-size:var(--type-title)}footer{flex-wrap:wrap;align-items:flex-start;padding-top:32px;padding-bottom:32px}footer p{text-align:left}footer .text-link{margin-left:auto}}
@media (hover:hover) and (pointer:fine){.button:hover{background:var(--body-ink);color:var(--body-accent-ink)}nav a:hover,.share-button:hover,.text-link:hover{color:var(--body-accent)}}
@media (prefers-reduced-motion:reduce){:root{--motion-duration-short:0ms;--motion-duration-long:0ms}*{scroll-behavior:auto!important}}

input[type="url"],code{overflow-wrap:anywhere}
@media (hover:none),(pointer:coarse){.button{touch-action:manipulation}}