:root {
--color-vintage-cream: #ece0d2;
--color-bone-white: #f3f3f3;
--color-walnut-ink: #573d21;
--color-saddle-brown: #7c664d;
--color-peach-sand: #e1c6ab;
--color-terracotta-glow: #e3a36e;
--color-apricot-whisper: #efa164;
--color-vine-sage: #d8deb7;
--font-romie: 'Romie', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-arial-narrow: 'Arial Narrow', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-gtstandard-m: 'GTStandard-M', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--text-caption: 12px;
--leading-caption: 1.3;
--tracking-caption: 0.36px;
--text-body-sm: 14px;
--leading-body-sm: 1.7;
--tracking-body-sm: 0.42px;
--text-body: 16px;
--leading-body: 1.7;
--tracking-body: 0.48px;
--text-subheading: 20px;
--leading-subheading: 1.5;
--tracking-subheading: 0.6px;
--text-heading-sm: 24px;
--leading-heading-sm: 1.3;
--tracking-heading-sm: 0.72px;
--text-heading: 48px;
--leading-heading: 1.2;
--tracking-heading: 1.44px;
--text-display: 64px;
--leading-display: 1.2;
--tracking-display: 1.92px;
--font-weight-regular: 400;
--font-weight-bold: 700;
--spacing-5: 5px;
--spacing-7: 7px;
--spacing-8: 8px;
--spacing-10: 10px;
--spacing-15: 15px;
--spacing-17: 17px;
--spacing-20: 20px;
--spacing-24: 24px;
--spacing-30: 30px;
--spacing-36: 36px;
--spacing-40: 40px;
--spacing-48: 48px;
--spacing-50: 50px;
--spacing-60: 60px;
--spacing-100: 100px;
--spacing-110: 110px;
--page-max-width: 1200px;
--section-gap: 80px;
--card-padding: 24px;
--element-gap: 10px;
--radius-cards: 0px;
--radius-badges: 0px;
--radius-inputs: 0px;
--radius-buttons: 0px;
--surface-canvas: #ece0d2;
--surface-card: #f3f3f3;
--surface-action-surface: #e1c6ab;
}
@font-face{font-family:'Birthday Serif';src:url('assets/NotoSerifKR.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Birthday Sans';src:url('assets/NotoSansKR.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--body-canvas:var(--color-vintage-cream);--body-surface:var(--color-bone-white);--body-ink:var(--color-walnut-ink);--body-border:var(--color-saddle-brown);--body-action:var(--color-peach-sand);--body-hover:var(--color-terracotta-glow);--font-editorial:'Birthday Serif',serif;--font-functional:'Birthday Sans',sans-serif;--grid-content:var(--page-max-width);--grid-gutter:var(--spacing-24);--grid-gap:var(--spacing-24);--measure-reading:680px;--measure-webtoon:680px;--rhythm-breath:var(--spacing-24);--rhythm-pause:var(--section-gap);--leading-reading:var(--leading-body);--leading-title:var(--leading-heading);--tracking-title:var(--tracking-heading);--leading-ui:var(--leading-body);--tracking-ui:var(--tracking-body);--touch-target:var(--spacing-48);--border-width:1px;--focus-width:2px;--zero:0;--full:100%;--header-offset:var(--section-gap);--motion-menu:240ms;--z-header:10;--z-menu:20;--hero-size:var(--text-display);--hero-leading:var(--leading-display);--hero-tracking:var(--tracking-display);--section-size:var(--text-heading);--section-leading:var(--leading-heading);--section-tracking:var(--tracking-heading)}
*{box-sizing:border-box}html{scroll-padding-top:var(--header-offset)}body{margin:var(--zero);background:var(--body-canvas);color:var(--body-ink);font-family:var(--font-functional);font-size:var(--text-body);line-height:var(--leading-reading);letter-spacing:var(--tracking-body)}a{color:inherit;text-underline-offset:var(--spacing-5)}button{font:inherit;color:inherit;border-radius:var(--radius-buttons);cursor:pointer}img{display:block;max-width:var(--full);height:auto}h1,h2,h3{text-wrap:balance;word-break:keep-all;font-weight:var(--font-weight-regular);font-family:var(--font-editorial)}p,li,figcaption{text-wrap:pretty;word-break:keep-all}h1{font-size:var(--hero-size);line-height:var(--hero-leading);letter-spacing:var(--hero-tracking);margin:var(--zero)}h2{font-size:var(--section-size);line-height:var(--section-leading);letter-spacing:var(--section-tracking);margin:var(--zero) var(--zero) var(--spacing-30)}h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}:focus-visible{outline:var(--focus-width) solid var(--body-ink);outline-offset:var(--spacing-7)}[hidden]{display:none!important}.skip{position:absolute;top:var(--spacing-8);left:var(--spacing-8);transform:translateY(-200%);background:var(--body-surface);padding:var(--spacing-10);z-index:var(--z-menu)}.skip:focus{transform:none}.header{position:sticky;top:var(--zero);z-index:var(--z-header);background:var(--body-surface);border-bottom:var(--border-width) solid var(--body-border)}.nav{max-width:var(--grid-content);margin:auto;padding:var(--spacing-17) var(--grid-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--grid-gap)}.brand{flex:none;white-space:nowrap;font-family:var(--font-editorial);font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);text-decoration:none}.nav-links{display:flex;gap:var(--spacing-30);font-size:var(--text-body-sm)}.nav-links a{white-space:nowrap;text-decoration:none;min-height:var(--touch-target);display:flex;align-items:center}.nav-links a[aria-current]{text-decoration:underline}.button.menu{display:none}.button{flex:none;white-space:nowrap;display:inline-block;text-align:center;background:var(--body-action);border:var(--border-width) solid var(--body-ink);padding:var(--spacing-10) var(--spacing-24);min-height:var(--touch-target);text-decoration:none}.intro{text-align:center;padding:var(--spacing-48) var(--grid-gutter) var(--spacing-36)}.eyebrow{font-size:var(--text-body-sm);margin:var(--zero) var(--zero) var(--spacing-17)}.subtitle{font-family:var(--font-editorial);font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);margin:var(--spacing-20) var(--zero) var(--zero)}.frame{max-width:var(--grid-content);padding:var(--zero) var(--grid-gutter);margin:auto}.screen{position:relative;margin:var(--zero);background:var(--body-canvas)}.poster,.screen video{width:var(--full);height:auto;aspect-ratio:16/9;object-fit:contain}.screen video{display:block}.under{padding:var(--spacing-20) var(--zero);display:flex;justify-content:space-between;align-items:center;gap:var(--grid-gap);border-bottom:var(--border-width) solid var(--body-border)}.under p{margin:var(--zero);font-size:var(--text-body-sm)}.actions{display:flex;gap:var(--spacing-10);flex-wrap:wrap}.media-dock{max-width:var(--measure-reading);margin:var(--spacing-24) auto;text-align:center}.media-dock audio{width:var(--full)}.status{font-size:var(--text-body-sm)}.section{margin:var(--rhythm-pause) auto;padding:var(--zero) var(--grid-gutter);text-align:center;max-width:var(--grid-content);scroll-margin-top:var(--header-offset)}.reading{max-width:var(--measure-reading);margin:auto}.editorial{font-family:var(--font-editorial);font-size:var(--text-subheading);line-height:var(--leading-body);letter-spacing:var(--tracking-subheading)}.toon{max-width:var(--measure-webtoon);margin:var(--spacing-40) auto var(--zero);padding:var(--zero);list-style:none;background:var(--body-surface)}.toon li{margin:var(--zero);padding:var(--zero)}.toon img{width:var(--full);height:auto}.transcript{text-align:left;max-width:var(--measure-reading);margin:var(--spacing-24) auto}.transcript summary{cursor:pointer;min-height:var(--touch-target);padding:var(--spacing-10)}.lyrics-stanza{margin:var(--spacing-40) var(--zero)}.lyrics-stanza h3{font-family:var(--font-functional);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.lyrics-stanza p{font-family:var(--font-editorial);font-size:var(--text-subheading);line-height:var(--leading-body);letter-spacing:var(--tracking-subheading);margin:var(--spacing-10) var(--zero)}.footer{text-align:center;padding:var(--spacing-30) var(--grid-gutter);border-top:var(--border-width) solid var(--body-border);font-size:var(--text-body-sm)}.machine{overflow-wrap:anywhere}.menu-panel{position:fixed;inset:var(--zero);z-index:var(--z-menu);background:var(--body-surface);padding:var(--spacing-24);opacity:0;transform:translateY(-2%);transition:opacity var(--motion-menu),transform var(--motion-menu)}.menu-panel.open{opacity:1;transform:none}.menu-panel .close{display:block;margin-left:auto;margin-bottom:var(--spacing-40)}.menu-panel nav{display:flex;flex-direction:column;gap:var(--spacing-20)}.menu-panel nav a{font-family:var(--font-editorial);font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);padding:var(--spacing-10);text-decoration:none}.scroll-locked{overflow:hidden}
@media(max-width:1024px){:root{--grid-gap:var(--spacing-20)}}
@media(max-width:680px){:root{--grid-gutter:var(--spacing-20);--hero-size:var(--text-heading);--hero-leading:var(--leading-heading);--hero-tracking:var(--tracking-heading);--section-size:var(--text-heading-sm);--section-leading:var(--leading-heading-sm);--section-tracking:var(--tracking-heading-sm);--rhythm-pause:var(--spacing-60)}.nav{padding:var(--spacing-15) var(--grid-gutter)}.nav-links{display:none}.button.menu{display:inline-block}.intro{padding:var(--spacing-40) var(--grid-gutter) var(--spacing-30)}.frame{padding:var(--zero)}.under{flex-direction:column;text-align:center;padding:var(--spacing-24) var(--grid-gutter);gap:var(--spacing-17)}.actions{justify-content:center}.toon{margin-left:calc(-1 * var(--grid-gutter));margin-right:calc(-1 * var(--grid-gutter))}.media-dock{padding:var(--zero) var(--grid-gutter)}.editorial,.lyrics-stanza p{font-size:var(--text-body);letter-spacing:var(--tracking-body)}}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--body-hover)}.nav-links a:hover{text-decoration:underline}}
@media(prefers-reduced-motion:reduce){.menu-panel{transition:none;transform:none}html{scroll-behavior:auto}}

@media(hover:none),(pointer:coarse){.button,.nav-links a{min-height:var(--touch-target)}}