@font-face{font-family:Oz Sans;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Oz Story;src:url('assets/fonts/GowunBatang-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#425547;--paper:#fcf5e5;--muted:#818474;--book-width:min(1210px,calc(100vw - 116px),calc(158dvh - 248px));--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23908462' opacity='.065' filter='url(%23g)' d='M0 0h130v130H0z'/%3E%3C/svg%3E")}
*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 46% 38%,#f8f5e9 0%,#e8ebdd 54%,#d8dfd0 100%);color:var(--ink);font:400 14px Oz Sans,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #557865;outline-offset:5px}button:disabled{cursor:default;opacity:.35}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0} [hidden]{display:none!important}
.reading-header{height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#6c7867}.reading-header>span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;letter-spacing:.03em}.reading-header i{font-style:normal;margin:0 9px;color:#a2a991}.back-link{display:flex;align-items:center;gap:9px;min-height:44px}.back-link svg{transform:rotate(180deg)}.reading-tools{display:flex;gap:20px}.reading-tools button{min-height:44px;font-size:12px}.reading-tools button[aria-pressed=true]{color:#3b604c;text-decoration:underline;text-underline-offset:5px}
.reading-room{height:calc(100dvh - 118px);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding-bottom:53px}.reading-room:before{content:'';position:absolute;width:75vw;height:30px;bottom:19%;border-radius:50%;background:#3856400d;filter:blur(25px)}.book-stage{position:relative;width:var(--book-width);aspect-ratio:1.62;perspective:2100px;isolation:isolate;transform:translateY(6px)}
.book-board{position:absolute;inset:-10px -12px -14px;background:#81937d;border-radius:4px 10px 10px 4px;box-shadow:0 5px 0 #61755e,0 30px 50px -18px #344b3a65,0 7px 20px #54634724;border:1px solid #657b60;opacity:0;transition:opacity .5s}.book-board:after{content:'';position:absolute;inset:5px;border:1px solid #d2bf8038;border-radius:1px 6px 6px 1px}.paper-stack{position:absolute;inset:7px -5px -7px;background:repeating-linear-gradient(0deg,#d7cbb1 0 1px,#f2e9d4 1px 3px);border-radius:3px 4px 10px 7px;box-shadow:0 5px 0 #a6937620;opacity:0;transition:opacity .4s}.opened-book{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 4px 4px #63583820);border-radius:3px 6px 7px 5px}
.paper{position:relative;min-height:0;display:flex;flex-direction:column;padding:35px 40px 30px;overflow:hidden;background-color:var(--paper);background-image:var(--paper-grain);color:#5a5142}.page-left{border-radius:4px 0 0 5px;background-image:linear-gradient(90deg,transparent 87%,#d8ccb858 99%,#94867450),var(--paper-grain);padding-right:45px}.page-right{border-radius:0 6px 7px 0;background-image:linear-gradient(90deg,#aa987540,transparent 13%),var(--paper-grain);padding-left:45px}.binding{position:absolute;left:calc(50% - 9px);top:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,#685a3b18 30%,#85714c4a 48%,#fff8e580 53%,#5e51391b 63%,transparent);pointer-events:none;z-index:5}.binding:after{content:'';position:absolute;inset:14px 7px;border-left:1px solid #fff9e75c;border-right:1px solid #6e634624;border-radius:50%}
.page-kicker{font-size:11px;letter-spacing:.08em;color:#929079;text-transform:uppercase;text-align:center;margin:0 0 15px;line-height:1.5}.page-title{font:700 clamp(23px,2.2vw,33px)/1.5 Oz Story,serif;margin:10px 0 25px;color:#415443;letter-spacing:-.015em;text-wrap:balance}.chapter-lead{display:flex;align-items:center;gap:13px;margin:0 0 26px}.chapter-lead>span{font:700 45px/1 Oz Story;color:#969b78}.chapter-lead p{margin:0;font-size:11px;line-height:1.8;color:#777a65}.illustration{flex:1;display:flex;align-items:center;justify-content:center;margin:0;min-height:0;position:relative}.illustration img{width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 5px 10px -9px #6c6948}.illustration-caption{font:700 13px/1.7 Oz Story,serif;text-align:center;margin:16px 0 28px;color:#7c7b64}.folio{position:absolute;bottom:14px;left:0;right:0;text-align:center;font:700 12px Oz Story;color:#8c8871}.prose{font:700 clamp(17px,1.57vw,21px)/2.05 Oz Story,'Batang',serif;letter-spacing:.015em;margin:0;text-wrap:pretty;word-break:keep-all;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#b4ad91 transparent;flex-shrink:1}.prose p{margin:0 0 14px}.prose p:first-child:first-letter{font-size:1.8em;line-height:1.2;color:#74845c}.book-flower{align-self:center;margin:18px 0 12px;color:#a3a67b;width:26px;height:26px}.reflect{font:700 14px/1.8 Oz Story,serif;color:#7c7a5f;margin:0 0 16px;text-align:center}.source-note{margin-top:auto;font:400 10px/1.6 Oz Sans;color:#8b8875;flex:none;padding-top:12px}.source-note summary{cursor:pointer;min-height:28px;display:flex;align-items:center;justify-content:center;gap:5px}.source-note summary:after{content:'+';font-size:15px}.source-note[open] summary:after{content:'−'}.source-note p{margin:3px 0}.source-note a{text-decoration:underline}
.contents-title{font:700 36px/1.4 Oz Story;margin:20px 0 14px;color:#475e48}.contents-intro{font:700 15px/1.9 Oz Story;color:#817f69;margin:0 0 24px}.contents-list{list-style:none;padding:0;margin:0}.contents-list li{border-bottom:1px solid #c9c0a34d}.contents-list button{display:flex;align-items:baseline;gap:15px;text-align:left;width:100%;padding:13px 0;line-height:1.4;min-height:44px}.contents-list .chapter-no{font:700 19px Oz Story;color:#98a181}.contents-list .chapter-name{font:700 16px Oz Story}.contents-list small{margin-left:auto;font-size:10px;color:#96927d}.contents-list button:disabled{opacity:1;color:#a8a591}.contents-list button:disabled .chapter-no{color:#b4b6a1}.contents-list button:hover:not(:disabled){color:#36643c}.contents-right{margin-top:40px}.afterword-emblem{width:80px;height:80px;align-self:center;color:#97a17a;margin:55px 0 23px}.afterword{text-align:center}.afterword .page-title{text-align:center}.afterword p{font:700 16px/2 Oz Story;max-width:23em;margin:14px auto}.afterword .primary-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #8e9b75;padding:12px 0;margin:28px auto 0;font:700 15px Oz Story;min-height:44px}.preview-note{margin-top:auto!important;color:#97917d;font:400 11px/1.9 Oz Sans!important}
.page-edge{position:absolute;top:6%;bottom:6%;width:24px;z-index:7;touch-action:none;border-radius:0}.edge-left{left:0}.edge-right{right:0}.page-edge:after{content:'';position:absolute;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,#f5ead0 50%,#d0c09b58 51%,transparent 53%);opacity:0;transition:opacity .2s}.edge-right:after{right:0}.edge-left:after{left:0;transform:scaleX(-1)}.page-edge:hover:not(:disabled):after,.page-edge:focus-visible:after{opacity:1}.ribbon-bookmark{position:absolute;top:-12px;right:28px;width:28px;height:77px;background:#aa7565;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);color:#f8ebd1;z-index:10;filter:drop-shadow(2px 4px 2px #80604932);padding:13px 6px 28px;transform:translateY(-25px);transition:transform .3s,background .3s}.ribbon-bookmark svg{width:16px;height:16px}.ribbon-bookmark[aria-pressed=true],.ribbon-bookmark:hover{transform:translateY(0);background:#a66b56}
.cover-hinge{position:absolute;top:-9px;bottom:-9px;left:50%;width:50%;transform:translateX(-50%) rotateY(-7deg) rotateZ(-1.5deg);transform-origin:0 50%;transform-style:preserve-3d;z-index:20;filter:drop-shadow(10px 16px 22px #3b543b36)}.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px 8px 9px 3px}.cover-front{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;background:#7f9576 url('assets/oz-runtime-p1/images/books/oz-cover-art-v1.webp') center/100% 100% no-repeat;padding:12% 8% 7%;border:1px solid #869375;box-shadow:inset 10px 0 9px -8px #1f432bbf,inset 17px 0 1px -16px #c9bb83a1,inset -2px -2px 2px #b2af75;position:relative;overflow:hidden;color:#f9e8b8}.cover-front:before{content:'';position:absolute;inset:12px 13px 12px 24px;border:1px solid #ecd69b55;border-radius:1px 3px 4px 1px;pointer-events:none}.cover-front:after{content:'';position:absolute;left:9px;top:0;bottom:0;width:7px;border-left:1px solid #344e443a;border-right:1px solid #d7d9ab42;pointer-events:none}.cover-author{font:700 13px/1.4 Oz Story;letter-spacing:.1em;margin-top:6%;text-shadow:0 1px 1px #29472b55}.cover-title{font:700 clamp(34px,4.2vw,61px)/1.35 Oz Story;margin:13px 0 10px;letter-spacing:.055em;text-shadow:0 2px 1px #47674b66,0 -1px #e6d09b;display:block}.cover-subtitle{font:700 clamp(13px,1.15vw,17px) Oz Story;letter-spacing:.07em;color:#efdfb4}.cover-open{margin-top:auto;display:flex;align-items:center;gap:9px;font:700 13px Oz Story;color:#fff4ce;background:#435f40ba;padding:10px 16px;border-radius:2px;box-shadow:0 2px 4px #506c3822}.cover-open svg{width:15px;height:15px}.cover-inside{transform:rotateY(180deg);background-color:#c3cdb0;background-image:var(--paper-grain),radial-gradient(ellipse,#efe7c438,transparent 70%);border:8px solid #789070;box-shadow:inset -10px 0 16px -10px #48653b7d}
body[data-mode=open] .book-board,body[data-mode=opening] .book-board,body[data-mode=open] .paper-stack,body[data-mode=opening] .paper-stack{opacity:1}body[data-mode=open] .cover-hinge{display:none}.reading-nav{position:absolute;bottom:0;display:flex;gap:18px;align-items:center;justify-content:center;width:var(--book-width);height:47px;font-size:12px;color:#727c66}.reading-nav>button{min-height:44px;padding:0 10px}.reading-nav>button:first-child{margin-right:auto}.reading-nav>button:last-child{margin-left:auto}.page-arrow{display:flex;align-items:center}.page-arrow svg{width:22px}.page-arrow#previous svg{transform:rotate(180deg)}#pageStatus{min-width:220px;text-align:center;font:700 13px Oz Story;color:#75826a}.cover-hint{position:absolute;bottom:3px;text-align:center;font:700 14px Oz Story;color:#79856c}.reading-footer{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:10px;color:#89917e}.reading-footer>a{border-bottom:1px solid #acb29c;padding:5px 0}.reader-announcement{position:fixed;left:50%;bottom:68px;transform:translateX(-50%);background:#f9f5e6f5;padding:10px 18px;border-radius:3px;box-shadow:0 4px 12px #41584519;color:#526447;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:35}.reader-announcement[data-show=true]{opacity:1}
.turn-leaf{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;z-index:12;pointer-events:none;will-change:transform}.turn-leaf[data-direction=next]{left:50%;transform-origin:0 50%}.turn-leaf[data-direction=previous]{left:0;transform-origin:100% 50%}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column}.leaf-back{transform:rotateY(180deg)}.leaf-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#7163422e,transparent 35%,#fffae826 75%,#756b411a);pointer-events:none;z-index:1}.turn-leaf .paper{position:absolute;inset:0;border-radius:0}.turn-leaf .ribbon-bookmark,.turn-leaf button{pointer-events:none}
.rotation-gate{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#e8eadb;color:#53654a}.rotation-gate h1{font:700 25px Oz Story;margin:18px}.rotation-gate p{line-height:1.9;font-size:14px}.rotation-gate small{font-size:11px;color:#8e967f;letter-spacing:.09em}.turn-device{font-size:48px;color:#899c70}.rotation-gate button{min-height:46px;padding:12px 25px;border:1px solid #a6b491;margin:14px;background:#f9f4df}.rotation-status{max-width:80%}body[data-orientation=portrait] .rotation-gate{display:flex}
@media(max-height:600px) and (orientation:landscape){:root{--book-width:min(1100px,calc(100vw - 98px),calc(168dvh - 184px))}.reading-header{height:47px;padding:0 18px}.reading-header>span{font-size:11px}.reading-header i{margin:0 5px}.reading-tools{gap:12px}.reading-tools button{font-size:10px}.reading-room{height:calc(100dvh - 80px);padding-bottom:42px}.reading-footer{height:33px;padding:0 18px;font-size:9px}.reading-footer span:first-child{max-width:44%}.reading-footer span:last-child{display:none}.book-stage{transform:translateY(2px)}.paper{padding:18px 23px 22px}.page-left{padding-right:28px}.page-right{padding-left:28px}.page-kicker{font-size:9px;margin-bottom:8px}.chapter-lead{margin:0 0 9px;gap:9px}.chapter-lead>span{font-size:27px}.chapter-lead p{font-size:9px}.page-title{font-size:clamp(18px,2.1vw,24px);margin:3px 0 10px}.prose{font-size:clamp(13px,1.6vw,17px);line-height:1.9}.prose p{margin-bottom:8px}.illustration-caption{font-size:10px;margin:9px 0 13px}.source-note{font-size:9px;padding-top:6px}.source-note summary{min-height:24px}.reflect{font-size:11px;margin:0 0 6px}.book-flower{width:17px;height:17px;margin:7px 0}.folio{bottom:7px;font-size:10px}.contents-title{font-size:25px;margin:6px 0 9px}.contents-intro{font-size:11px;margin-bottom:10px}.contents-list button{min-height:31px;padding:6px 0;gap:9px}.contents-list .chapter-no{font-size:14px}.contents-list .chapter-name{font-size:12px}.contents-list small{font-size:8px}.contents-right{margin-top:14px}.ribbon-bookmark{height:58px;right:15px;width:22px;padding:9px 3px 21px;transform:translateY(-17px)}.cover-title{font-size:clamp(25px,4vw,43px);margin:8px 0}.cover-author{font-size:10px;margin-top:3%}.cover-subtitle{font-size:11px}.cover-open{font-size:10px;padding:7px 10px}.cover-hint{font-size:11px;bottom:0}.reading-nav{height:37px;gap:9px;font-size:10px}#pageStatus{font-size:10px;min-width:165px}.afterword-emblem{width:35px;height:35px;margin:20px 0 6px}.afterword p{font-size:12px;line-height:1.8;margin:7px auto}.afterword .primary-link{font-size:12px;margin-top:8px}.preview-note{font-size:9px!important}.reader-announcement{bottom:38px;font-size:10px}}
.book-stage{container-type:inline-size}
.story-entry{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px;background:#557254;color:#fff7df;border-bottom:2px solid #40583e;border-radius:2px;font-weight:600;white-space:nowrap;margin-left:12px}.story-entry svg{width:16px}.story-entry[aria-disabled=true]{opacity:.4}.reading-nav{gap:10px}.reading-nav>button:last-of-type{margin-left:auto}
@container(max-width:900px){.paper{padding:22px 27px 25px}.page-left{padding-right:30px}.page-right{padding-left:30px}.page-kicker{font-size:9px;margin-bottom:8px}.contents-title{font-size:25px;margin:8px 0}.contents-intro{font-size:12px;line-height:1.8;margin:0 0 10px}.contents-list button{padding:6px 0;min-height:31px;gap:9px}.contents-list .chapter-no{font-size:14px}.contents-list .chapter-name{font-size:12px}.contents-list small{font-size:8px}.contents-right{margin-top:16px}.chapter-lead{margin-bottom:13px}.chapter-lead>span{font-size:30px}.chapter-lead p{font-size:9px}.page-title{font-size:22px;margin:4px 0 12px}.prose{font-size:15px;line-height:1.9}.book-flower{width:20px;height:20px;margin:10px 0}.reflect{font-size:12px;margin-bottom:8px}.source-note{font-size:9px;padding-top:5px}.illustration-caption{font-size:12px;margin:12px 0 18px}}
@media(max-width:950px){.reading-nav{gap:4px}#pageStatus{min-width:130px;font-size:11px;max-width:220px}.story-entry{font-size:11px;padding:8px 10px;margin-left:4px}.reading-nav>button{font-size:11px;padding:0 6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}.book-stage{perspective:none}}
.scene-prose{flex:1;min-height:0;overflow:hidden;white-space:pre-wrap;word-break:normal;text-wrap:wrap;font:450 clamp(16px,1.5vw,20px)/1.95 Oz Sans;letter-spacing:.008em;padding:0}
.text-leaf-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:none;height:38px;font:400 10px Oz Sans;color:#899078}.text-leaf-nav button{min-height:34px;min-width:32px;font-size:20px}
.source-note{position:relative;margin-top:0}.source-popup{position:absolute;bottom:30px;left:-5px;right:-5px;padding:16px;background:#f6eedb;border:1px solid #c7bfa1;box-shadow:0 4px 18px #88795235;z-index:8;max-height:210px;overflow:auto}
.scene-touch{flex:none;min-height:36px;align-self:center;font:600 11px Oz Sans;color:#778367;border-bottom:1px solid #c9c5a8;margin-top:8px}.scene-caption{flex:none;min-height:48px;text-align:center;margin:8px 0 18px;color:#7f8067;font:700 13px/1.8 Oz Story;text-wrap:balance}
.scene-ink{position:absolute;bottom:7px;right:7px;width:38px;height:43px;background:#466245bc;color:#fff3cf;border-radius:50%;padding:6px;pointer-events:none}.scene-ink svg{width:100%;height:100%}.page-left[data-awake=true]:not([data-reduced=true]) .scene-ink{animation:scene-ink-bloom 1.4s ease-out}.page-left[data-awake=true]:not([data-reduced=true]) .illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff5d933 50%,transparent 80%);pointer-events:none;animation:scene-ink-light 1.4s ease-out}
@keyframes scene-ink-bloom{from{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes scene-ink-light{from{opacity:0}40%{opacity:1}to{opacity:0}}
@container(max-width:900px){.scene-prose{font-size:15px;line-height:1.9}.scene-caption{font-size:11px;margin-bottom:13px;min-height:40px}.scene-touch{font-size:10px}}
@media(max-height:600px) and (orientation:landscape){.scene-prose{font-size:14px;line-height:1.8}.text-leaf-nav{height:28px;gap:8px}.text-leaf-nav button{min-height:28px}.scene-caption{font-size:10px;line-height:1.6;min-height:32px;margin:4px 0 12px}.scene-touch{font-size:9px;min-height:28px;margin-top:3px}.scene-ink{width:29px;height:33px;padding:4px}.source-popup{padding:12px;max-height:140px}}
@media(prefers-reduced-motion:reduce){.page-left[data-awake=true] .scene-ink,.page-left[data-awake=true] .illustration:after{animation:none!important}}
:root{--book-width:min(1210px,calc(100vw - 116px),calc(162dvh - 354px))}
@media(max-height:600px) and (orientation:landscape){:root{--book-width:min(1100px,calc(100vw - 98px),calc(162dvh - 244px))}}