@font-face{font-family:YesMyungjo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/YESMyoungjo-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:YesMyungjo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/YESMyoungjo-Bold.woff)format("woff");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-h:100vh;--app-w:100vw;--control-size:clamp(36px, 9vw, 40px);--ink:#20242a;--muted:#65717a;--paper:#fff;--text-font:"YesMyungjo", "Apple SD Gothic Neo", "Noto Sans KR", serif;--ui-font:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--illustration-height:min(calc(var(--app-h) * .48), 420px);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;touch-action:manipulation}html,body{height:var(--app-h);overscroll-behavior:none;margin:0;padding:0;overflow:hidden}body{color:var(--ink);font-family:var(--text-font);background:#fff;line-height:1.5}button{color:inherit;font:inherit}[hidden]{display:none!important}.storybook{min-height:var(--app-h);background:#fff;flex-direction:column;width:100%;display:flex}.viewer-shell{flex-direction:column;flex:1;width:100%;display:flex}.book-frame{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.page-illustration{background:#fff;flex:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.illustration-wrap{height:var(--illustration-height);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.illustration-wrap img{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.image-fit-contain .illustration-wrap img{object-fit:contain}.page-copy{min-height:calc(var(--app-h) * .52);background:#fafbfc;flex-direction:column;flex:1 0 auto;padding:clamp(20px,5vw,40px) clamp(20px,5vw,40px) clamp(24px,6vw,40px);display:flex;position:relative;box-shadow:inset 0 11px 32px -10px #0f12181a}html.layout-vertical .page-illustration{flex:0 0 calc(var(--app-h) * .5);height:calc(var(--app-h) * .5)}html.layout-vertical .illustration-wrap{height:100%}html.layout-vertical .page-copy{flex:0 0 calc(var(--app-h) * .5);height:calc(var(--app-h) * .5);min-height:0;padding-bottom:max(clamp(24px, 6vw, 40px), var(--safe-bottom))}html.layout-vertical .is-message .page-copy{height:auto;min-height:var(--app-h);flex:auto}.text-page-content{overscroll-behavior:contain;text-align:center;flex-direction:column;flex:auto;justify-content:safe center;align-items:center;gap:clamp(12px,2.5vw,18px);width:100%;min-height:0;display:flex;overflow-y:auto}.pagination-measure{pointer-events:none;visibility:hidden;z-index:-1;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;top:0;left:-10000px;overflow:visible}.measure-chapter-title{color:var(--ink);font-family:var(--text-font);word-break:keep-all;margin:0 0 20px;font-size:1.3rem;font-weight:500;line-height:1.35;display:block}.measure-page-text{font-family:var(--text-font);text-align:left;white-space:pre-line;word-break:keep-all;margin:0;font-size:1rem;font-weight:400;line-height:1.6}.book-subtitle,.chapter-title{display:none}.book-subtitle{color:#6b7280;white-space:pre-line;margin:0;font-size:clamp(.9rem,3.4vw,1.05rem);font-weight:500;line-height:1.5}.chapter-title{color:var(--ink);font-family:var(--text-font);text-align:left;word-break:keep-all;margin:0;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:600;line-height:1.35}.page-text{color:var(--ink);font-family:var(--text-font);text-align:center;white-space:pre-line;word-break:keep-all;max-width:22em;margin:0;font-size:clamp(1rem,4.4vw,1.35rem);font-weight:400;line-height:1.6}.is-cover .text-page-content{justify-content:safe center}.is-cover .book-subtitle{text-align:center;order:2;max-width:22em;margin:20px auto 0;font-size:clamp(.9rem,3.6vw,1.15rem);font-weight:400;line-height:1.5;display:block}.is-cover .page-text{text-align:center;order:1;max-width:12em;font-size:clamp(2rem,8vw,3.2rem);font-weight:400;line-height:1.15}.has-chapter .text-page-content{text-align:left;justify-content:flex-start;align-items:stretch}.has-chapter .chapter-title{display:block}.has-chapter .page-text{text-align:left;max-width:none;font-size:clamp(.95rem,3.8vw,1.1rem);line-height:1.6}.page-actions{justify-content:center;align-items:center;gap:clamp(12px,3vw,20px);width:100%;margin-top:clamp(20px,4vw,32px);display:flex}.nav-button{-webkit-tap-highlight-color:transparent;color:#000;cursor:pointer;font-family:var(--ui-font);filter:drop-shadow(0 1px 2px #ffffffe6)drop-shadow(0 0 5px #ffffffa6);background:0 0;border:0;align-items:center;gap:6px;padding:8px 4px;font-size:clamp(.95rem,3.4vw,1.05rem);font-weight:500;transition:opacity .16s;display:inline-flex}.nav-button:disabled{cursor:default;opacity:.32}.nav-icon{flex-shrink:0;width:18px;height:18px;display:block}.nav-button-symbol{align-items:center;display:inline-flex}.assignment-button{-webkit-tap-highlight-color:transparent;color:#20242a;cursor:pointer;font-family:var(--text-font);height:clamp(36px,9vw,40px);bottom:clamp(30px,7vw,48px);right:calc(clamp(20px, 5vw, 30px) + var(--control-size) + 14px);z-index:13;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-width:clamp(36px,9vw,40px);max-width:90vw;padding:0;font-size:clamp(1rem,3.6vw,1.1rem);font-weight:600;line-height:1;transition:box-shadow .16s,transform .16s,padding .3s;display:inline-flex;position:absolute;overflow:hidden;box-shadow:0 6px 16px #20242a24}.assignment-button.show-hint{padding-left:14px;padding-right:16px}.assignment-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #20242a2e}.assignment-button svg{flex-shrink:0;width:20px;height:20px}.assignment-button .icon-ask{display:block}.assignment-button .icon-close,.assignment-button[aria-expanded=true] .icon-ask{display:none}.assignment-button[aria-expanded=true] .icon-close{display:block}.hint-label{font-family:var(--ui-font);opacity:0;white-space:nowrap;flex-shrink:0;max-width:0;font-size:clamp(.85rem,3.4vw,.95rem);font-weight:600;transition:max-width .32s,opacity .2s,margin-left .32s;overflow:hidden}.show-hint .hint-label{opacity:1;max-width:160px;margin-left:8px}.assignment-button[aria-expanded=true] .hint-label{display:none}.assignment-panel{color:var(--ink);overscroll-behavior:contain;z-index:11;background:#fafbfc;justify-content:safe center;align-items:safe center;padding:clamp(24px,5vw,48px) clamp(20px,5vw,40px) clamp(80px,12vw,120px);display:flex;position:absolute;inset:0;overflow:auto;box-shadow:inset 0 11px 32px -10px #0f12181a}.assignment-content{width:100%;max-width:600px}.assignment-card+.assignment-card{margin-top:clamp(24px,5vw,36px)}.assignment-card h3{word-break:keep-all;margin:0 0 clamp(12px,2.5vw,18px);font-size:clamp(1.32rem,4.5vw,1.5rem);font-weight:400;line-height:1.35}.assignment-mission{color:#3f4a52;word-break:keep-all;margin:0 0 clamp(12px,2.5vw,18px);font-size:clamp(1.14rem,4.2vw,1.26rem);font-weight:400;line-height:1.4}.assignment-prompts{gap:clamp(10px,2.4vw,14px);margin:0;padding:0 0 0 24px;display:grid}.assignment-prompts li{color:#20242a;word-break:keep-all;padding-left:4px;font-size:clamp(1.14rem,4.2vw,1.26rem);font-weight:400;line-height:1.4}.is-message .page-illustration,.is-message .assignment-button,.is-message .assignment-panel,.is-message .page-actions{display:none}.is-message .page-copy{min-height:calc(var(--app-h) * .6);justify-content:center;align-items:center}html.layout-horizontal,.layout-horizontal body{overflow:hidden}.layout-horizontal body{height:var(--app-h);min-height:0}.layout-horizontal .storybook{height:var(--app-h);min-height:0;overflow:hidden}.layout-horizontal .viewer-shell,.layout-horizontal .book-frame{height:100%}.layout-horizontal .page-illustration{flex:1;height:100%}.layout-horizontal .illustration-wrap{height:100%;max-height:none}.layout-horizontal .illustration-wrap img{object-fit:cover;width:100%;height:100%}.layout-horizontal .image-fit-contain .illustration-wrap img{object-fit:contain}.layout-horizontal .page-copy{flex:1;height:100%;min-height:0;padding:clamp(36px,4vw,56px) clamp(40px,5vw,72px) clamp(72px,8vw,100px);overflow:hidden}.layout-horizontal .text-page-content{height:100%;overflow-y:auto}.layout-horizontal .has-chapter .text-page-content{padding-right:10px}.layout-horizontal .page-text{font-size:clamp(1.15rem,2.4vw,1.75rem);line-height:1.7}.layout-horizontal .is-cover .page-text{max-width:9em;font-size:clamp(2.4rem,5.5vw,4.6rem);line-height:1.15}.layout-horizontal .is-cover .book-subtitle{max-width:22em;margin-top:24px;font-size:clamp(1rem,1.4vw,1.35rem)}.layout-horizontal .chapter-title{margin:0 0 clamp(20px,2vw,40px);font-size:clamp(1.35rem,1.8vw,1.85rem)}.layout-horizontal .has-chapter .page-text{font-size:clamp(.95rem,1.3vw,1.15rem)}.layout-horizontal .page-actions{gap:32px;width:auto;margin-top:0;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.layout-horizontal .assignment-button{bottom:28px;right:calc(clamp(28px, 4vw, 48px) + var(--control-size) + 14px)}.layout-horizontal .orientation-toggle{bottom:28px;right:clamp(28px,4vw,48px)}.layout-horizontal .narration-toggle{bottom:calc(28px + var(--control-size) + 12px);right:clamp(28px,4vw,48px)}.layout-horizontal .close-button{top:28px;right:clamp(28px,4vw,48px)}.layout-horizontal .assignment-panel{padding:clamp(48px,5vw,72px) clamp(40px,5vw,72px) clamp(100px,10vw,140px)}.layout-horizontal .is-message .page-copy{min-height:0}.orientation-toggle{-webkit-tap-highlight-color:transparent;color:#20242a;cursor:pointer;z-index:13;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-width:clamp(36px,9vw,40px);max-width:90vw;height:clamp(36px,9vw,40px);padding:0;transition:box-shadow .16s,transform .16s,padding .3s;display:inline-flex;position:absolute;bottom:clamp(30px,7vw,48px);right:clamp(20px,5vw,30px);overflow:hidden;box-shadow:0 6px 16px #20242a24}.orientation-toggle.show-hint{padding-left:12px;padding-right:16px}.orientation-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #20242a2e}.orientation-toggle svg{flex-shrink:0;width:20px;height:20px;display:none}html.layout-vertical .orientation-toggle .icon-landscape,html.layout-horizontal .orientation-toggle .icon-portrait{display:block}.narration-toggle{-webkit-tap-highlight-color:transparent;bottom:calc(clamp(30px, 7vw, 48px) + var(--control-size) + 12px);color:#20242a;cursor:pointer;z-index:13;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-width:clamp(36px,9vw,40px);max-width:90vw;height:clamp(36px,9vw,40px);padding:0;transition:box-shadow .16s,transform .16s;display:inline-flex;position:absolute;right:clamp(20px,5vw,30px);overflow:hidden;box-shadow:0 6px 16px #20242a24}.narration-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #20242a2e}.narration-toggle svg{flex-shrink:0;width:20px;height:20px;display:none}.narration-toggle .icon-sound-on{display:block}.narration-toggle.is-muted .icon-sound-on{display:none}.narration-toggle.is-muted .icon-sound-off{display:block}.close-button{-webkit-tap-highlight-color:transparent;color:#20242a;cursor:pointer;height:clamp(36px,9vw,40px);top:max(clamp(20px, 5vw, 30px), calc(var(--safe-top) + 10px));z-index:14;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:clamp(36px,9vw,40px);padding:0;transition:box-shadow .16s,transform .16s;display:inline-flex;position:absolute;right:clamp(20px,5vw,30px);box-shadow:0 6px 16px #20242a24}.close-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #20242a2e}.close-button svg{flex-shrink:0;width:20px;height:20px}html.rotated body{overflow:hidden}html.rotated .storybook{height:var(--app-w);transform-origin:50%;min-height:0;width:var(--app-h);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(90deg)}.flip-book{pointer-events:none;position:absolute;inset:0;overflow:hidden}.flip-book .stf__parent,.flip-book .stf__wrapper{margin:0 auto}.flip-page{background:var(--paper);width:100%;height:100%;position:relative;overflow:hidden}.flip-page>.page-illustration,.flip-page>.page-copy{min-width:0;min-height:0}html.layout-vertical .flip-page>.page-illustration,html.layout-vertical .flip-page>.page-copy{width:100%;height:50%}html.layout-horizontal .flip-page>.page-illustration,html.layout-horizontal .flip-page>.page-copy{vertical-align:top;width:50%;height:100%;display:inline-flex}.flip-page,.flip-page>.page-illustration,.flip-page>.page-copy{backface-visibility:hidden;transform:translateZ(0)}.message-screen{z-index:30;background:#fafbfc;justify-content:center;align-items:center;padding:clamp(20px,6vw,48px);display:flex;position:absolute;inset:0}.message-text{color:var(--muted);font-family:var(--text-font);text-align:center;word-break:keep-all;font-size:clamp(1rem,4.4vw,1.35rem)}.spinner{border:3px solid #0000001a;border-top-color:#00000057;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.viewer-controls{z-index:20;pointer-events:none;position:absolute;inset:0}.viewer-controls>*{pointer-events:auto}.page-actions{bottom:max(clamp(18px, 5vw, 30px), calc(var(--safe-bottom) + 10px));z-index:12;width:auto;margin:0;position:absolute;left:50%;transform:translate(-50%)}.assignment-panel{height:50%;inset:auto 0 0}html.layout-horizontal .assignment-panel{width:50%;height:auto;inset:0 0 0 auto}.measure-copy{visibility:hidden;pointer-events:none;box-shadow:none;position:absolute;top:0;left:-99999px}.lang-toggle{gap:4px;display:flex}.lang-toggle[hidden]{display:none}.lang-button{color:#444;font:inherit;cursor:pointer;background:#ffffffbf;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.lang-button.is-current{color:#111;background:#fff;font-weight:700}