html[data-site-surface=storybook]{--paper:#fffaf0;--surface:#fffefa;--surface-soft:#eef1e4;--ink:#293d31;--muted:#606a5b;--line:#dce0ce;--forest:#315e4c;--forest-strong:#254a3b;--coral:#a94730;--focus:#8b482f;--story-font:ui-rounded, "Arial Rounded MT Bold", Pretendard, "Noto Sans KR", "Noto Sans JP", system-ui, sans-serif;background:var(--paper)}html[data-site-surface=storybook] body{font-family:var(--story-font)}html[data-site-surface=storybook] main{min-height:60vh}html[data-site-surface=storybook] .story-container{width:min(100% - 64px,1180px)}html[data-site-surface=storybook] :is(.story-hub h1,.story-work h1,.story-series-page h1,.story-card h3,.story-section-heading h2,.story-chapter-list h3,.story-scene h2,.story-ending h2){font-family:var(--story-font);letter-spacing:-.035em;font-weight:800;line-height:1.4}html[data-site-surface=storybook] .story-kicker{letter-spacing:.03em;font-size:12px}html[data-site-surface=storybook] .story-description{overflow-wrap:anywhere}html[data-site-surface=storybook] .story-primary-link{min-height:52px;padding:13px 24px;font-size:15px;box-shadow:0 3px #d5dfc6}html[data-site-surface=storybook] .story-back{min-height:44px;font-size:14px}html[data-site-surface=storybook] .story-hub{padding-block:42px 70px}html[data-site-surface=storybook] .story-space-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,76px);padding:12px 0 56px;display:grid}html[data-site-surface=storybook] .story-space-welcome{min-width:0;padding-bottom:12px}html[data-site-surface=storybook] .story-space-eyebrow{color:var(--forest);background:#e9efdb;border-radius:999px;align-items:center;gap:8px;margin:0 0 24px;padding:8px 14px;font-size:13px;font-weight:750;display:inline-flex}html[data-site-surface=storybook] .story-space-hero h1{max-width:570px;font-size:clamp(34px,4vw,53px);line-height:1.36}html[data-site-surface=storybook] .story-space-introduction{max-width:450px;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:23px 0 28px;font-size:17px;line-height:1.95}html[data-site-surface=storybook] .story-space-pause{color:var(--muted);align-items:center;gap:8px;margin:22px 0 0;font-size:13px;display:flex}html[data-site-surface=storybook] .story-space-feature{min-width:0;padding:16px 12px 10px;position:relative}html[data-site-surface=storybook] .story-space-sun{background:#f8df94;border-radius:50%;width:100px;height:100px;position:absolute;top:-4px;right:-4px}html[data-site-surface=storybook] .story-space-feature-book{background:var(--surface);border:1px solid #dce0cc;border-radius:26px 26px 22px 9px;padding:12px 12px 0;position:relative;box-shadow:5px 6px #e3e7d1,0 14px 35px #3c533014}html[data-site-surface=storybook] .story-space-bookmark{z-index:1;color:var(--forest);align-items:center;gap:7px;margin:0 0 12px 7px;font-size:13px;font-weight:800;display:inline-flex;position:relative}html[data-site-surface=storybook] .story-space-feature-art{aspect-ratio:3/2;background:var(--surface-soft);border-radius:16px 16px 12px 4px;display:block;overflow:hidden}html[data-site-surface=storybook] .story-space-feature-art img{object-fit:contain;width:100%;height:100%}html[data-site-surface=storybook] .story-space-feature-copy{padding:19px 16px 20px}html[data-site-surface=storybook] .story-space-feature-copy>p{color:var(--muted);margin:0 0 7px;font-size:12px}html[data-site-surface=storybook] .story-space-feature-copy h2{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(21px,2vw,27px);line-height:1.5}html[data-site-surface=storybook] .story-space-feature-link{min-height:44px;color:var(--forest);align-items:center;gap:10px;margin-top:7px;font-size:14px;font-weight:750;display:inline-flex}html[data-site-surface=storybook] .story-shelf-nav{border:0;gap:18px;scroll-margin-top:20px}html[data-site-surface=storybook] .story-shelf-nav a{background:#eaf0df;border:1px solid #d8e0c7;border-radius:22px;gap:16px;min-height:96px;padding:20px;font-size:16px}html[data-site-surface=storybook] .story-shelf-nav a:nth-child(2){background:#fbefcf;border-color:#e9dab2}html[data-site-surface=storybook] .story-shelf-nav a:nth-child(3){background:#e5f0f0;border-color:#cee0e3}html[data-site-surface=storybook] .story-shelf-nav a:hover{color:var(--forest-strong);border-color:var(--forest)}html[data-site-surface=storybook] .story-space-shelf-icon{width:42px;height:42px;color:var(--forest);background:#fffefa9e;border-radius:14px;flex:0 0 42px;place-items:center;display:grid}html[data-site-surface=storybook] .story-shelf-nav .story-space-shelf-icon svg{color:inherit;margin:0;display:block}html[data-site-surface=storybook] .story-shelf-nav strong{min-width:0;font-weight:750}html[data-site-surface=storybook] .story-shelf{padding-top:72px;scroll-margin-top:24px}html[data-site-surface=storybook] .story-section-heading{margin-bottom:26px}html[data-site-surface=storybook] .story-section-heading>p{font-size:15px}html[data-site-surface=storybook] .story-section-heading h2{font-size:clamp(27px,3vw,34px)}html[data-site-surface=storybook] .story-card-grid{gap:28px}html[data-site-surface=storybook] .story-card{background:var(--surface);border-radius:21px 21px 21px 7px;flex-direction:column;display:flex;box-shadow:0 5px #e9e9d9}html[data-site-surface=storybook] .story-card-image{border-radius:13px 13px 4px 4px;flex:none;margin:10px 10px 0}html[data-site-surface=storybook] .story-card-image img{object-fit:contain}html[data-site-surface=storybook] .story-card-copy{flex-direction:column;flex:1;padding:23px;display:flex}html[data-site-surface=storybook] .story-card h3{font-size:24px;line-height:1.5}html[data-site-surface=storybook] .story-card-description{flex:1;margin:16px 0 20px;font-size:14px;line-height:1.9}html[data-site-surface=storybook] .story-card-footer{gap:8px;padding-top:12px;font-size:12px}html[data-site-surface=storybook] .story-card-footer a{min-height:44px;font-size:14px}html[data-site-surface=storybook] .story-card-featured{grid-template-columns:1.05fr 1fr;display:grid}html[data-site-surface=storybook] .story-card-featured .story-card-image{border-radius:13px;align-self:center;height:auto;margin:12px}html[data-site-surface=storybook] .story-card-featured .story-card-copy{padding:36px}html[data-site-surface=storybook] .story-card-featured .story-card-description{flex:0;font-size:15px}html[data-site-surface=storybook] .story-card-featured h3{font-size:clamp(26px,3vw,36px)}html[data-site-surface=storybook] #series .story-card{background:#fff9e9}html[data-site-surface=storybook] #knowledge .story-card{background:#f2f8f5}html[data-site-surface=storybook] .story-hub-note{text-align:center;max-width:850px;margin:30px auto 0;font-size:12px}html[data-site-surface=storybook] .story-space-together{border:1px solid var(--line);background:#f0f2e6;border-radius:28px;margin-top:76px;padding:42px;scroll-margin-top:24px}html[data-site-surface=storybook] .story-space-together-heading{max-width:630px}html[data-site-surface=storybook] .story-space-together h2{word-break:keep-all;margin:0;font-size:clamp(24px,3vw,31px);line-height:1.5}html[data-site-surface=storybook] .story-space-together-heading>p:last-child{color:var(--muted);margin:15px 0 0;font-size:15px;line-height:1.9}html[data-site-surface=storybook] .story-space-tips{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px;display:grid}html[data-site-surface=storybook] .story-space-tips svg{color:var(--forest)}html[data-site-surface=storybook] .story-space-tips h3{margin:13px 0 9px;font-size:17px}html[data-site-surface=storybook] .story-space-tips p{color:var(--muted);word-break:keep-all;margin:0;font-size:14px;line-height:1.85}html[data-site-surface=storybook] .story-series-page{padding-block:28px 70px}html[data-site-surface=storybook] .story-series-hero{gap:48px;margin-top:24px}html[data-site-surface=storybook] .story-series-art{border-radius:24px 24px 24px 6px;box-shadow:6px 6px #e6e9d3}html[data-site-surface=storybook] .story-series-intro h1{font-size:clamp(32px,3.5vw,44px)}html[data-site-surface=storybook] .story-release-status{background:#eaf0df;border-radius:12px;margin:0 0 8px;padding:8px 14px;font-size:14px;display:inline-block}html[data-site-surface=storybook] .story-series-intro .story-primary-link{width:fit-content;display:flex}html[data-site-surface=storybook] .story-chapter-list{border:0;gap:14px;display:grid}html[data-site-surface=storybook] .story-chapter-list li{border:1px solid var(--line);background:#f8f7ef;border-radius:20px;padding:25px}html[data-site-surface=storybook] .story-chapter-list li.is-published{background:var(--surface);box-shadow:0 3px #e9e9d9}html[data-site-surface=storybook] .story-chapter-number{width:46px;height:46px;font:750 19px var(--story-font);border-radius:15px;place-items:center;padding:0;display:grid}html[data-site-surface=storybook] .is-published .story-chapter-number{color:var(--forest);background:#e9efdb}html[data-site-surface=storybook] .story-chapter-list h3{font-size:23px}html[data-site-surface=storybook] .story-chapter-list div>p:last-child{font-size:14px;line-height:1.85}html[data-site-surface=storybook] .story-chapter-action{min-height:44px;font-size:14px}html[data-site-surface=storybook] .story-planned{font-size:12px}html[data-site-surface=storybook] .story-work-header{grid-template-columns:1fr 1fr;grid-template-areas:"back back""heading cover""context context";align-items:center;gap:25px 48px;padding-top:28px;display:grid}html[data-site-surface=storybook] .story-work-header>.story-back{grid-area:back;justify-self:start}html[data-site-surface=storybook] .story-work-heading{text-align:left;grid-area:heading;min-width:0;margin:0}html[data-site-surface=storybook] .story-work h1{font-size:clamp(31px,3.4vw,44px)}html[data-site-surface=storybook] .story-work-heading>.story-kicker{justify-content:flex-start;margin-bottom:14px}html[data-site-surface=storybook] .story-work-heading .story-description{margin:19px 0;font-size:16px}html[data-site-surface=storybook] .story-work-heading :is(.story-meta,.story-reading-actions){justify-content:flex-start}html[data-site-surface=storybook] .story-meta{gap:10px 18px;font-size:13px}html[data-site-surface=storybook] .story-reading-actions{gap:12px 22px;margin-top:24px}html[data-site-surface=storybook] .story-reading-actions .book-reader-open{min-height:52px;padding:12px 23px;font-size:15px;box-shadow:0 3px #d5dfc6}html[data-site-surface=storybook] .story-reading-actions>a{min-height:44px;font-size:14px}html[data-site-surface=storybook] .story-work-cover{border:9px solid var(--surface);border-radius:24px 24px 24px 6px;grid-area:cover;box-shadow:5px 5px #e6e9d3}html[data-site-surface=storybook] .story-work-context{grid-area:context;margin:0;font-size:12px}html[data-site-surface=storybook] .story-scene-art{border-radius:18px}html[data-site-surface=storybook] .story-scene-copy>p:not(.story-kicker){font-family:var(--story-font);line-height:2}html[data-site-surface=storybook] .story-ending{background:#eef1e2;border-radius:26px;margin-block:35px}html[data-site-surface=storybook] .story-ending-links a{font-size:14px}html[data-site-surface=storybook] .story-credits{font-size:12px}html[data-site-surface=storybook] .story-credits .story-meta{margin-bottom:18px}html[data-site-surface=storybook] .story-game-link{font-size:12px}html[data-site-surface=storybook] .book-reader[data-book-mode=storybook],html[data-site-surface=storybook] .book-reader::backdrop,html[data-site-surface=storybook] .book-reader-shell{background:#e5ebda}html[data-site-surface=storybook] :is(.book-reader-toolbar,.book-reader-controls,.book-reader-settings,.book-font-controls output,.book-reader-controls .book-reader-progress){color:var(--forest-strong)}html[data-site-surface=storybook] :is(.book-reader-toolbar,.book-reader-controls){border-color:#becdb5}html[data-site-surface=storybook] :is(.book-font-controls,.book-speed-control,.book-auto-toggle){background:#f8faef;border-color:#b7c8ac}html[data-site-surface=storybook] .book-font-controls button{width:44px;height:44px}html[data-site-surface=storybook] .book-speed-control select{height:44px;color:var(--forest-strong);background:#f8faef}html[data-site-surface=storybook] .book-auto-toggle{min-height:44px}html[data-site-surface=storybook] .book-reader-close{min-width:44px;min-height:44px}html[data-site-surface=storybook] .book-auto-toggle.is-active{color:#fff;background:var(--forest)}html[data-site-surface=storybook] .book-reader-stage{border-radius:16px;box-shadow:0 10px 36px #38532a1f}html[data-site-surface=storybook] .book-page{background:#fffdf6}html[data-site-surface=storybook] :is(.book-topic-copy h2,.book-onboarding-card h2){font-family:var(--story-font);font-size:clamp(28px,3.3vw,44px);font-weight:800;line-height:1.45}html[data-site-surface=storybook] .book-page-story .story-ending{border-radius:0;margin:0}html[data-site-surface=storybook] .book-page-story .story-scene-illustrated .story-scene-art{background:#f0f2e7;border-radius:0}html[data-site-surface=storybook] .book-reader :is(button,select,.book-page-scroll):focus-visible{outline-color:#8b482f}html[data-site-surface=storybook] .book-onboarding-card{border-radius:22px;box-shadow:0 15px 45px #20351e33}@media (width<=1000px){html[data-site-surface=storybook] .story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site-surface=storybook] .story-shelf-nav a{gap:10px;padding:16px;font-size:14px}html[data-site-surface=storybook] .story-work-header{gap:24px 30px}}@media (width<=800px){html[data-site-surface=storybook] .story-container{width:calc(100% - 40px)}html[data-site-surface=storybook] .story-hub{padding-top:28px}html[data-site-surface=storybook] .story-space-hero{grid-template-columns:1fr;gap:12px;padding-bottom:38px}html[data-site-surface=storybook] .story-space-welcome{padding-bottom:4px}html[data-site-surface=storybook] .story-space-eyebrow{margin-bottom:18px;font-size:12px}html[data-site-surface=storybook] .story-space-hero h1{max-width:620px;font-size:clamp(30px,6vw,42px)}html[data-site-surface=storybook] .story-space-introduction{max-width:620px;margin-block:18px 22px;font-size:15px}html[data-site-surface=storybook] .story-space-feature{width:min(100%,560px);margin-inline:auto}html[data-site-surface=storybook] .story-space-sun{width:76px;height:76px;top:0}html[data-site-surface=storybook] .story-shelf-nav{gap:10px}html[data-site-surface=storybook] .story-shelf-nav a{text-align:center;flex-direction:column;justify-content:flex-start;gap:9px;min-height:110px;padding:15px 8px;font-size:13px;line-height:1.6}html[data-site-surface=storybook] .story-shelf-nav a>svg{display:none}html[data-site-surface=storybook] .story-space-shelf-icon{flex-basis:36px;width:36px;height:36px}html[data-site-surface=storybook] .story-shelf{padding-top:48px}html[data-site-surface=storybook] .story-card-featured .story-card-copy{padding:26px}html[data-site-surface=storybook] .story-space-together{margin-top:50px;padding:28px}html[data-site-surface=storybook] .story-space-tips{gap:25px}html[data-site-surface=storybook] .story-space-tips h3{font-size:16px}html[data-site-surface=storybook] .story-work-header{grid-template-columns:1fr;grid-template-areas:"back""heading""cover""context";gap:22px;padding-top:18px}html[data-site-surface=storybook] .story-work-cover{width:min(100%,650px);margin-inline:auto}html[data-site-surface=storybook] .story-work-context{text-align:left}html[data-site-surface=storybook] .story-series-page{padding-top:18px}html[data-site-surface=storybook] .story-series-hero{gap:30px}html[data-site-surface=storybook] .story-series-intro h1{font-size:32px}html[data-site-surface=storybook] .book-reader-stage{border-radius:10px}html[data-site-surface=storybook] .book-font-controls{padding-left:3px}html[data-site-surface=storybook] .book-font-controls output{min-width:38px}html[data-site-surface=storybook] .book-speed-control select{padding-right:20px}html[data-site-surface=storybook] .book-auto-toggle{min-width:44px}html[data-site-surface=storybook] .book-reader-close{justify-content:center;padding:10px 4px}}@media (width<=620px){html[data-site-surface=storybook] .story-card-grid{grid-template-columns:1fr;gap:24px}html[data-site-surface=storybook] .story-card h3{font-size:25px}html[data-site-surface=storybook] .story-card-featured{grid-template-columns:1fr}html[data-site-surface=storybook] .story-card-featured h3{font-size:28px}html[data-site-surface=storybook] .story-card-featured .story-card-copy{padding:24px}html[data-site-surface=storybook] .story-space-tips{grid-template-columns:1fr;gap:24px}html[data-site-surface=storybook] .story-space-tips>div+div{border-top:1px solid var(--line);padding-top:24px}html[data-site-surface=storybook] .story-chapter-list li{grid-template-columns:37px 1fr;gap:12px;padding:20px 16px}html[data-site-surface=storybook] .story-chapter-number{border-radius:11px;width:34px;height:38px;font-size:16px}html[data-site-surface=storybook] .story-chapter-list h3{font-size:21px}html[data-site-surface=storybook] .story-chapter-action{padding-block:8px}}@media (width<=380px){html[data-site-surface=storybook] .book-font-controls output{clip-path:inset(50%);white-space:nowrap;width:1px;min-width:0;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){html[data-site-surface=storybook]{scroll-behavior:auto}html[data-site-surface=storybook] .book-reader-open:hover{transform:none}}