/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Avenir Next", "Segoe UI", system-ui, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.flex{display:flex}.inline{display:inline}.table{display:table}.min-h-svh{min-height:100svh}.grow{flex-grow:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:gap-3{gap:calc(var(--spacing) * 3)}}}:root{font-family:var(--font-sans);color:#37463c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9dfcd}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42;box-shadow:none}button,select,a{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #a54a31}button{transition:background-color .2s,box-shadow .2s}svg{display:block}button svg,.brand svg{flex-shrink:0}::selection{color:#294637;background:#efcc8f}.storybook-app{isolation:isolate;padding:0 max(28px,env(safe-area-inset-right)) max(23px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(at 50% 20%,#fff9eeaa,#0000 64%),repeating-linear-gradient(0deg,#ae865b04 0,#ae865b04 1px,#0000 1px,#0000 5px),repeating-linear-gradient(1deg,#0000 0,#0000 80px,#8e693a0b,#fffaf21a 82px,#0000 84px,#0000 158px),#e9dfcd;position:relative;overflow:clip}.storybook-app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 7% 80%,#0000 0,#0000 10%,#a1805420 10.15%,#0000 10.5%,#0000 13%,#a1805410 13.15%,#0000 13.5%),radial-gradient(at 96% 20%,#0000 0,#0000 8%,#a1805415 8.1%,#0000 8.4%,#0000 11%,#a1805410 11.1%,#0000 11.5%);position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px #9b754526}.app-header{z-index:30;max-width:1280px;margin:auto;padding:25px 0 13px;position:relative}.brand{color:#324f40}.brand-mark{width:39px;height:47px;position:relative}.brand-mark svg:first-child{position:absolute;top:0;left:9px}.brand-mark svg:last-child{width:36px;position:absolute;bottom:0;left:3px}.brand-name{font-family:var(--font-serif);letter-spacing:-.7px;font-size:27px;font-weight:700;line-height:1.1;display:block}.brand-caption{letter-spacing:2.5px;margin-top:5px;font-size:11px;font-weight:600;display:block}.sound-button{color:#455744;background:#f9f4e785;border:1px solid #b4a88c70;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sound-button:hover{background:#fff8e9}.language-selector{background:#f9f4e780;border:1px solid #b4a88c80;border-radius:24px;align-items:center;gap:9px;height:44px;padding:0 14px;font-size:14px;display:flex;position:relative}.language-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#3c4c3f;background:0 0;border:0;min-width:95px;height:42px;padding:0 24px 0 0}.language-selector select option{color:#273e32;background:#faf1e2}.select-chevron{pointer-events:none;position:absolute;right:15px}main{outline:none;max-width:1120px;margin:auto}.story-heading{text-align:center;padding:20px 0 31px}.eyebrow{color:#736648;letter-spacing:2.25px;justify-content:center;align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.eyebrow span{background:#a6946d80;width:27px;height:1px}.story-heading h1{max-width:710px;font-family:var(--font-serif);letter-spacing:-1.2px;color:#304c3d;text-wrap:balance;margin:0 auto;font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.12}.story-subtitle{color:#706d5a;letter-spacing:.15px;margin:13px 0 0;font-size:14px}.book-area{perspective:1600px;margin:0 9px;position:relative}.book-cover{background:#3b5745;border-radius:12px 15px 20px 14px;padding:4px 5px 13px;position:relative;box-shadow:0 3px 1px #203e32,0 14px 20px -10px #40382975,0 35px 44px -21px #55492f80,0 60px 95px -35px #7464465c}.page-stack{background:repeating-linear-gradient(0deg,#d2c5a8 0,#eee5cc 1px,#faf1da 3px,#cec1a5 4px);border-radius:11px 15px 15px 12px;position:absolute;top:7px;right:6px;bottom:5px;left:6px;transform:translateY(4px)}.book-content{perspective:1400px;touch-action:pan-y pinch-zoom;position:relative}.book-spread{background:#f8efdc;border-radius:11px 15px 15px 12px;grid-template-columns:1fr 1fr;min-height:464px;display:grid}.paper-page{background-color:#faf3e3;background-image:radial-gradient(#ab987724 .45px,#0000 .65px),linear-gradient(120deg,#fffaf155,#e9dbbd22);background-size:4px 4px,100% 100%;position:relative}.text-page{background-image:linear-gradient(90deg,#fdf6e8,#0000 12%,#0000 83%,#cab78e36 98%,#9f8a692e),radial-gradient(#ab987724 .45px,#0000 .65px);background-size:100% 100%,4px 4px;border-radius:9px 0 0 10px;flex-direction:column;padding:33px 47px 30px 43px;display:flex}.chapter-label{letter-spacing:1.8px;color:#897950;align-items:center;gap:11px;font-size:10px;font-weight:600;display:flex}.chapter-label>span{letter-spacing:0;font-size:15px;font-family:var(--font-serif);font-weight:400}.chapter-label i{background:#b3a47a80;width:26px;height:1px}.story-copy{margin:auto 0;padding:19px 0 16px}.little-ornament{color:#b79a59;align-items:center;gap:9px;margin-bottom:14px;display:flex}.little-ornament span{background:#c4ae7980;width:17px;height:1px}.little-ornament span:first-child{display:none}.story-copy h2{white-space:pre-line;font-family:var(--font-serif);letter-spacing:-.7px;color:#334d3d;margin:0 0 20px;font-size:clamp(28px,2.8vw,37px);font-weight:500;line-height:1.1}.story-text{color:#625e4e;font-family:var(--font-serif);font-size:17px;line-height:1.65}.story-text p{border-radius:5px;margin:0 0 9px;transition:background-color .25s,color .25s}.story-text p:last-child{margin-bottom:0}.story-text .sentence-active{color:#28422f;background:#f0d39199;box-shadow:-4px 0 #b58532}.story-hint{color:#786b4d;border-top:1px solid #c8b68c66;align-items:center;gap:9px;padding-top:16px;display:flex}.story-hint svg{color:#ad8c4f;flex-shrink:0}.story-hint p{margin:0;font-size:12px;line-height:1.5}.printed-page-number{font-family:var(--font-serif);color:#ab9972;font-size:11px;position:absolute;bottom:9px;left:50%}.illustration-page{background-image:linear-gradient(90deg,#b19a7326,#0000 12%,#fff8e622 94%,#c8b68f25),radial-gradient(#ab987724 .45px,#0000 .65px);background-size:100% 100%,4px 4px;border-radius:0 13px 12px 0;flex-direction:column;justify-content:center;min-width:0;padding:9px 16px 20px 13px;display:flex}.illustration-ornament{text-align:center;color:#ad925d;letter-spacing:9px;font-size:15px;position:absolute;top:16px;left:0;right:0}.book-spine{z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000,#9b845115 35%,#9b845153 49%,#fffbea70 54%,#bbaa812b 70%,#0000);border-radius:60%;width:28px;position:absolute;top:5px;bottom:12px;left:calc(50% - 14px)}.page-corner{background:linear-gradient(135deg,#0000 49%,#e4d4ae 50%,#faf4e0 68%);border-radius:0 0 11px;width:30px;height:30px;position:absolute;bottom:0;right:0}.ribbon{z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(90deg,#9e4833,#be6a4b 45%,#9f4933);width:28px;height:68px;position:absolute;bottom:-33px;right:13%;transform:rotate(-5deg)}.scene{aspect-ratio:1.15;isolation:isolate;perspective:1000px;direction:ltr;width:100%;margin-top:10px;position:relative}.scene-backdrop{z-index:0;background:radial-gradient(at 70% 16%,#5b77706b,#0000 49%),linear-gradient(145deg,#182f38,#2b5150 78%);border:4px solid #e7dfc5;border-radius:48% 48% 4% 4%/30% 32% 4% 4%;position:absolute;top:4%;right:5%;bottom:24%;left:5%;overflow:hidden;transform:rotate(-2deg);box-shadow:4px 6px 2px #716a4428,inset 0 0 45px #071a232e}.sky-grain{background:repeating-linear-gradient(113deg,#0000 0,#0000 6px,#dde8c608,#0000 8px),radial-gradient(#dce2b230 .5px,#0000 .8px) 0 0/5px 5px;position:absolute;top:0;right:0;bottom:0;left:0}.distant-hill{background:#537567;border-radius:50%;width:110%;height:49%;position:absolute;bottom:-19%}.hill-one{left:-26%;transform:rotate(13deg)}.hill-two{background:#466452;bottom:-16%;right:-28%;transform:rotate(-21deg)}.scene-star{color:#e8d8a6;animation:4s ease-in-out infinite twinkle;animation-delay:var(--delay);font-family:serif;font-size:17px;position:absolute}.scene-star:nth-child(2n){font-size:12px}.popup-layer{transform-style:preserve-3d;position:absolute}.popup-layer>svg,.interactive-object>svg{filter:drop-shadow(3px 7px 2px #18302736);width:100%;height:auto;overflow:visible}.interactive-object{transform-origin:50% 90%;background:0 0;border:0;border-radius:12px;width:100%;min-width:44px;min-height:44px;padding:0;display:block;position:relative}.interactive-object:focus-visible{outline-offset:4px;filter:drop-shadow(0 0 2px #203a30);outline:3px dashed #ffd27f}.moon-layer{width:17%;top:7%;right:15%}.moon-layer svg{filter:drop-shadow(0 0 14px #ffdb9180)}.moonlight-wash{z-index:11;pointer-events:none;opacity:0;background:radial-gradient(circle at 73% 23%,#ffe7a780,#fce9bd22 45%,#0000 73%);border-radius:40%;transition:opacity .8s;position:absolute;top:0;right:0;bottom:12%;left:0}.is-moonlit .moonlight-wash{opacity:1}.paper-ground{z-index:1;background:linear-gradient(175deg,#bec7a2 5%,#9eae8e 42%,#8e9b78);border-bottom:8px solid #d7d8b4;border-radius:50%;width:100%;height:34%;position:absolute;bottom:11%;left:0;overflow:hidden;transform:rotate(-3deg);box-shadow:0 15px 11px -8px #776d4e4a,inset 0 2px #e4e0be}.ground-fold{opacity:.4;background:repeating-linear-gradient(176deg,#0000 0,#0000 11px,#ecf0bd33,#0000 13px);width:100%;height:100%}.train-layer{width:65%;bottom:15%;left:17%}.tree-layer{transform-origin:bottom}.front-tree{width:18%;bottom:9%;left:-1%}.railway{z-index:5;width:107%;height:27%;position:absolute;bottom:12%;left:-3%;overflow:visible;transform:rotate(-4deg)}.fox-layer{width:28%;bottom:16%;right:12%}.speech-bubble{z-index:30;color:#3b513d;font-family:var(--font-sans);pointer-events:none;text-align:center;background:#fffae9;border:1px solid #d9c69c;border-radius:12px 12px 12px 2px;width:max-content;max-width:180px;padding:9px 13px;font-size:14px;line-height:1.35;display:block;position:absolute;bottom:94%;left:50%;box-shadow:0 4px 15px #192e3930;transform:translate(-50%)!important}.object-moon .speech-bubble{top:95%;bottom:auto}.leaf-burst{pointer-events:none;position:absolute;top:45%;left:50%}.leaf-burst i{background:#e2ba68;border-radius:80% 5%;width:9px;height:14px;display:block;position:absolute}.object-active .fox-tail{transform-origin:112px 158px;animation:.38s ease-in-out 5 alternate tail-wag}.fireflies{z-index:12;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.fireflies i{width:4px;height:4px;animation:5s ease-in-out infinite firefly;animation-delay:var(--delay);background:#fce4a1;border-radius:50%;position:absolute;box-shadow:0 0 7px 2px #fdd8855e}.scene-caption{text-align:center;color:#a39166;font-family:var(--font-serif);letter-spacing:3px;font-size:12px;position:absolute;bottom:1%;left:0;right:0}.scene-table .scene-backdrop{background:linear-gradient(125deg,#203c4b,#496462);border:7px solid #d1bd94;border-radius:48% 48% 4px 4px/34% 34% 4px 4px;top:7%;right:13%;bottom:23%;left:27%;box-shadow:6px 6px #b7a47e55,0 0 32px #e7bd5960}.scene-table .scene-backdrop:after{content:"";background:#d1bd94;width:6px;position:absolute;top:0;bottom:0;left:48%;box-shadow:1px 0 4px #182f354d}.scene-table .paper-ground{background:repeating-linear-gradient(1deg,#b69465 0,#b69465 2px,#d3b587 3px,#d3b587 17px,#b3966833 19px,#ccac7d 20px,#ccac7d 29px);border-color:#e7c89a;height:29%}.scene-table .moon-layer{width:15%;top:12%;right:20%}.scene-table .train-layer{width:77%;bottom:15%;left:12%}.table-tree{width:26%;bottom:28%;right:3%}.lamp-layer{width:26%;bottom:26%;left:1%}.lamp-light{z-index:-1;background:radial-gradient(#ffe1a978,#0000 70%);position:absolute;top:8%;right:-50%;bottom:-10%;left:-50%}.paper-scrap{z-index:6;border-radius:1px;width:16px;height:8px;position:absolute;box-shadow:0 3px #72644120}.scrap-one{background:#ad5942;bottom:22%;left:10%;transform:rotate(-25deg)}.scrap-two{background:#efe2aa;bottom:20%;right:12%;transform:rotate(26deg)}.river{z-index:4;background:linear-gradient(125deg,#446a77,#b2ddd4,#5b9d9a,#cae8c7,#47777b) 0 0/250% 150%;border-bottom:3px solid #536f64;border-radius:70% 20% 60%;width:53%;height:35%;animation:10s ease-in-out infinite river-flow;position:absolute;bottom:13%;left:42%;overflow:hidden;transform:rotate(-19deg);box-shadow:0 0 17px #d0e5b66b,inset 0 2px #e7e9c194}.river span{background:#edf1c680;border-radius:50%;width:42%;height:3px;position:absolute;top:56%;left:38%}.river span:nth-child(3){width:34%;top:67%;left:19%}.river span:nth-child(4){width:24%;top:36%;left:35%}.moon-reflection{filter:blur(3px);background:linear-gradient(#0000,#fff0b6b0,#0000);width:23%;height:57%;position:absolute;top:9%;left:45%;transform:rotate(25deg)}.scene-river .train-layer{width:52%;bottom:17%;left:1%}.scene-river .fox-layer{bottom:18%;right:12%}.scene-river .railway{width:64%;bottom:13%;left:-8%}.rock{width:13%}.rock-one{bottom:13%;right:8%}.home-layer{width:38%;bottom:34%;right:8%}.bridge-layer{width:61%;bottom:19%;left:19%}.scene-home .train-layer{width:40%;bottom:17%;left:3%}.scene-home .fox-layer{width:18%;bottom:28%;right:16%}.scene-home .tree-layer:nth-of-type(6){opacity:.55}.scene-home .railway{width:54%;bottom:12%}.scene-home .river{width:42%;height:35%;left:32%}.scene-home .moon-layer{width:13%;top:3%;right:24%}.scene-home .fireflies i{clip-path:polygon(50% 0%,62% 35%,100% 50%,62% 64%,50% 100%,37% 64%,0% 50%,37% 35%);border-radius:0;width:5px;height:5px}.warm-windows{filter:drop-shadow(0 0 8px #ffd38a)}.scene-ending{z-index:5;font-family:var(--font-serif);color:#ffe4ac;text-align:center;text-shadow:0 2px #2c464c;font-size:23px;position:absolute;top:8%;left:24%;transform:rotate(-5deg)}.scene-ending span{margin-top:2px;font-size:12px;display:block}.reading-dock{z-index:25;max-width:800px;margin:33px auto 0;position:relative}.page-controls{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 21px;font-size:14px;font-weight:500;display:inline-flex}.previous-button{color:#4c5746;background:#f7efdf8c;border:1px solid #bbae90;box-shadow:0 3px #b7a98b33}.previous-button:not(:disabled):hover{background:#fff7e8}.next-button{color:#fff8ec;background:#aa533b;border:1px solid #994a35;box-shadow:0 3px #823e2c,0 5px 12px #8c614729}.next-button:not(:disabled):hover{background:#954530}.narration-controls{align-items:center;gap:17px;display:flex}.read-button{color:#fff8e9;background:#35523f;border:1px solid #213e30;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:160px;min-height:49px;padding:13px 21px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 3px #253d2e,0 5px 12px #37503a1f}.read-button:hover{background:#264332}.myself-button{color:#625f4c;background:0 0;border:0;border-bottom:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px 4px;font-size:14px;display:inline-flex}.myself-button:hover{color:#294737;border-bottom-color:#8b8e72}.page-progress{color:#756c54;justify-content:center;align-items:center;gap:14px;margin-top:25px;font-size:12px;display:flex}.page-dots{align-items:center;gap:6px;display:flex}.page-dots i{background:#b6ac92;border-radius:4px;width:5px;height:5px;transition:width .25s}.page-dots .current{background:#496049;width:17px}.narration-notice{color:#71654b;text-align:center;max-width:570px;margin:10px auto 0;font-size:13px;line-height:1.5}.app-footer{font-family:var(--font-serif);color:#887a5b;text-align:center;justify-content:center;align-items:center;gap:13px;margin:28px auto 0;font-size:14px;font-style:italic;display:flex}.app-footer svg{color:#a5905e;flex-shrink:0}.ambient-effects{pointer-events:none;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dust-mote{width:3px;height:3px;animation:dust-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:#fff6c9;border-radius:50%;position:absolute;box-shadow:0 0 9px #ffd386}.desk-star{color:#b3944d33;text-shadow:2px 7px 2px #6a4d2220;font-size:75px;position:absolute;transform:rotate(16deg)}.desk-star-one{top:24%;left:1%}.desk-star-two{font-size:95px;bottom:11%;right:3%;transform:rotate(-12deg)}.voice-bars{align-items:center;gap:2px;height:14px;display:flex}.voice-bars i{background:#f1d79c;width:2px;height:6px;animation:.8s ease-in-out infinite alternate voice-bar}.voice-bars i:nth-child(2){animation-delay:-.3s}.voice-bars i:nth-child(3){animation-delay:-.5s}.skip-link{z-index:100;color:#274630;background:#fff6df;border-radius:8px;padding:14px;position:fixed;top:-90px;left:16px}.skip-link:focus{top:12px}[lang=ug]{font-family:var(--font-uyghur);letter-spacing:0}[lang=ug] h1,[lang=ug] h2{letter-spacing:0;font-family:inherit;line-height:1.55}.text-page[lang=ug] .story-text{font-family:inherit;font-size:18px;line-height:1.85}.text-page[lang=ug] .chapter-label{letter-spacing:0;font-size:13px}.text-page[lang=ug] .story-copy h2{font-size:32px}.story-heading[lang=ug] .eyebrow{letter-spacing:0;font-size:14px}[lang=ja] .story-text{font-family:var(--font-sans);font-size:16px;line-height:1.95}[lang=ja] .story-copy h2{font-size:29px;line-height:1.5}[lang=ja] .chapter-label{letter-spacing:1px}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.95}}@keyframes firefly{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.95;transform:translate(7px,-11px)}}@keyframes dust-drift{0%,to{opacity:.1;transform:translate(0)}50%{opacity:.65;transform:translate(18px,-27px)}}@keyframes river-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes tail-wag{0%{transform:rotate(-7deg)}to{transform:rotate(8deg)}}@keyframes voice-bar{to{height:14px}}@media(min-width:1500px){.story-heading{padding-top:38px;padding-bottom:37px}.book-spread{min-height:494px}.reading-dock{margin-top:39px}.app-footer{margin-top:32px}}@media(max-width:1000px)and (min-width:701px){.text-page{padding:28px 30px 29px}.book-spread{min-height:449px}.story-copy h2{font-size:30px}.story-text{font-size:16px}.illustration-page{padding-left:6px;padding-right:7px}.scene{aspect-ratio:1/1.08}.scene-backdrop{top:15%}.scene-table .scene-backdrop{top:18%}.moon-layer{top:19%}.scene-table .moon-layer{top:22%}.scene-home .moon-layer{top:15%}.scene-ending{top:20%}.page-controls,.narration-controls{gap:12px}.page-button{padding:12px 16px}}@media(max-width:700px){.storybook-app{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-header{padding:20px 2px 12px}.brand-name{font-size:23px}.brand-caption{letter-spacing:2px;font-size:9px}.brand-mark{width:33px;transform:scale(.9)}.brand,.header-controls{gap:7px}.language-selector{gap:5px;padding:0 10px;font-size:12px}.language-selector>svg:first-child{display:none}.language-selector select{min-width:78px;padding-right:17px}.select-chevron{right:10px}.sound-button{width:42px;height:44px}.story-heading{padding:21px 8px 26px}.eyebrow{letter-spacing:1.6px;gap:8px;margin-bottom:11px;font-size:9px}.eyebrow span{width:18px}.story-heading h1{letter-spacing:-.65px;max-width:430px;font-size:32px}.story-subtitle{margin-top:10px;font-size:12px}.book-area{margin:0 3px}.book-cover{border-radius:12px 15px 15px 12px;padding:4px 4px 12px}.book-spread{background-image:radial-gradient(#ab987724 .45px,#0000 .65px);background-size:4px 4px;border-radius:9px 12px 10px 8px;flex-direction:column;min-height:0;display:flex}.book-spine{display:none}.paper-page{background:0 0}.text-page{display:contents}.chapter-label{letter-spacing:1.6px;order:0;padding:23px 26px 0;font-size:9px}.illustration-page{border-radius:0;order:1;margin-top:-6px;padding:0 11px}.illustration-ornament{display:none}.scene{aspect-ratio:1.18;max-width:440px;margin:0 auto}.scene-caption{bottom:0}.story-copy{order:2;margin:0;padding:15px 27px 12px}.little-ornament{display:none}.story-copy h2{white-space:normal;text-wrap:balance;margin-bottom:15px;font-size:29px;line-height:1.17}.story-text{font-size:17px;line-height:1.65}.story-text p{margin-bottom:7px}.story-hint{order:3;margin:0 27px 24px;padding-top:13px}.story-hint p{font-size:12px}.printed-page-number,.page-corner{display:none}.ribbon{width:23px;height:47px;bottom:-25px;right:10%}.reading-dock{margin-top:29px}.page-controls{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.narration-controls{flex-wrap:wrap;grid-area:1/1/auto/-1;justify-content:center;gap:12px 22px}.page-button{white-space:normal;min-height:48px;font-size:14px}.previous-button{justify-self:start}.next-button{justify-self:end}.read-button{min-width:160px}.page-progress{margin-top:21px}.narration-notice{margin-top:13px}.app-footer{gap:8px;margin-top:24px;font-size:13px}.desk-star-one{top:17%}.desk-star-two{font-size:60px;bottom:4%}.speech-bubble{max-width:142px;font-size:12px}.text-page[lang=ug] .story-copy,.text-page[lang=ug] .story-hint,.text-page[lang=ug] .chapter-label{direction:rtl}.text-page[lang=ug] .story-copy h2{font-size:29px}.text-page[lang=ug] .story-text{line-height:1.85}}@media(max-width:370px){.storybook-app{padding-left:12px;padding-right:12px}.brand-name{font-size:21px}.story-heading h1{font-size:29px}.narration-controls{gap:13px}.read-button{min-width:142px;padding:12px 14px}.myself-button{font-size:13px}.story-copy,.chapter-label{padding-left:22px;padding-right:22px}.story-hint{margin-left:22px;margin-right:22px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.leaf-burst{display:none}.dust-mote{opacity:.35}.fireflies i{opacity:.7}}.book-spread{min-height:532px}.turning-spread{transform-style:preserve-3d;backface-visibility:hidden}.illustration-page{padding:12px 10px 18px}.diorama{direction:ltr;min-width:0;position:relative}.diorama-viewport{isolation:isolate;height:402px;position:relative}.diorama-viewport>div:not(.diorama-halo):not(.diorama-dialogue):not(.diorama-end){z-index:1}.toy-hovered canvas{cursor:pointer}.diorama-halo{z-index:-1;background:radial-gradient(ellipse at 60% 18%,#ffffff18,transparent 60%),var(--scene-sky);opacity:.98;border-radius:48% 48% 41% 41%;position:absolute;top:7%;right:7%;bottom:16%;left:7%;box-shadow:inset 0 0 50px #152c3f30,0 3px #d2c4a78a,0 10px 35px #52625015}.diorama-halo:after{content:"";border-radius:inherit;background-image:radial-gradient(#fff6d32b .6px,#0000 .8px);background-size:6px 6px;position:absolute;top:0;right:0;bottom:0;left:0}.diorama-dialogue{z-index:5;color:#426044;pointer-events:none;text-align:center;background:#fff6e4f5;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;line-height:1.5;display:flex;position:absolute;top:5px;left:8%;right:8%;box-shadow:0 6px 15px #2345341a}.diorama-dialogue svg{color:#aa8550;flex-shrink:0}.diorama-end{z-index:3;font:25px var(--font-serif);color:#ffeac0;pointer-events:none;text-shadow:0 2px 8px #173626;position:absolute;top:5%;left:18%;transform:rotate(-6deg)}.diorama-end span{text-align:center;margin-top:2px;font-size:12px;display:block}.toys-instruction{color:#8c7c5a;letter-spacing:.25px;justify-content:center;align-items:center;gap:7px;margin:0 0 8px;font-size:11px;display:flex}.toy-controls{flex-wrap:wrap;justify-content:center;gap:5px;padding:0 7px;display:flex}.toy-controls button{color:#5f715d;background:#f3ead691;border:1px solid #baa47d47;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:5px 10px;font-size:12px;display:flex}.toy-controls button:hover,.toy-controls .toy-selected{color:#315139;background:#e3ddba;border-color:#a89a70}.word-story{font-size:18px;line-height:1.9}.word-story p{margin-bottom:9px}.story-word{color:inherit;font:inherit;line-height:inherit;transform-origin:50% 80%;background:0 0;border:0;border-radius:5px;margin:0 -1px;padding:0 1px;transition:color .12s,background .12s,transform .16s;display:inline-block;position:relative}.story-word.word-active{color:#244b39;background:#f0cf85;transform:scale(1.075)translateY(-1px);box-shadow:0 3px #c5a46050}.manual-story .story-word:hover{background:#ece1c2}.manual-story .story-word:focus-visible{outline-offset:2px;outline-width:2px}.manual-reader{align-items:center;gap:10px;margin-top:20px;display:flex}.manual-reader button{color:#496245;background:#ece4cb;border:1px solid #d7c9a7;border-radius:9px;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 11px;font-size:13px;display:flex}.manual-reader>span{color:#8b7b5c;text-align:center;min-width:40px;font-size:12px}.manual-reader .next-word-button{margin-left:auto}.page-finished{color:#856b34;align-items:center;gap:7px;margin:17px 0 0;font-size:12px;line-height:1.5;display:flex}.page-finished svg{color:#cba349;flex-shrink:0}.narration-controls{background:#e1d7c38a;border:1px solid #d3c6ab80;border-radius:15px;gap:6px;padding:5px}.myself-button{border:1px solid #0000;border-radius:10px;min-width:130px;padding:10px 14px}.myself-button.selected-mode{color:#385b43;background:#fbf1dd;border-color:#b4ac8660;box-shadow:0 2px 3px #3b482412}.read-button:not(.selected-mode){box-shadow:none;color:#65644e;background:0 0;border-color:#0000}.page-progress{gap:12px;margin-top:16px}.progress-stars{align-items:center;gap:2px;display:flex}.progress-stars button{color:#a69a7f;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.progress-stars .current-star{color:#8d793e;background:#f9eed6;box-shadow:inset 0 0 0 1px #bea46c65}.progress-stars .earned-star{color:#bd9346}.progress-stars button:hover{background:#f6e9ca}.voice-selector{color:#857759;justify-content:center;align-items:center;gap:9px;margin:5px auto 0;font-size:12px;display:flex}.voice-selector select{color:#5f6b55;background:0 0;border:0;border-bottom:1px solid #c6b998;border-radius:3px;max-width:250px;min-height:40px;padding:8px 20px 8px 6px;font-size:12px}@media(min-width:701px){.story-heading{padding-top:14px;padding-bottom:26px}.text-page{padding-left:38px;padding-right:40px}.story-copy h2{font-size:35px}.reading-dock{margin-top:28px}.app-footer{margin-top:17px}}@media(min-width:701px)and (max-width:1000px){.diorama-viewport{height:353px}.toy-controls button{padding:5px 8px}.text-page{padding-left:29px;padding-right:29px}.word-story{font-size:17px}.story-copy h2{font-size:31px}.myself-button{min-width:110px}.read-button{min-width:145px}.page-button{padding:12px 14px}}@media(max-width:700px){.book-spread{min-height:0}.diorama-viewport{aspect-ratio:1.05;height:auto}.illustration-page{margin-top:2px;padding:0 5px}.diorama-halo{top:5%;right:6%;bottom:13%;left:6%}.toy-controls{gap:4px;padding:0 15px}.toy-controls button{min-height:44px;padding:5px 8px;font-size:11px}.toys-instruction{margin-top:3px;font-size:11px}.story-copy{padding-top:24px}.word-story{font-size:18px;line-height:1.95}.narration-controls{border-radius:15px;justify-self:center;gap:5px;padding:5px}.myself-button{min-width:119px}.read-button{min-width:148px}.diorama-end{font-size:22px}.diorama-dialogue{font-size:12px;left:5%;right:5%}.page-progress{margin-top:15px}.story-copy h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.story-word.word-active{transform:none}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@font-face{font-family:UKIJ Qol Tuz;src:url(/fonts/UKIJQol_Tuz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-uyghur: "UKIJ Qol Tuz", "Geeza Pro", serif}:root{color:#423641;background:#b57d44;--ink: #433943;--gold: #bd9256;--paper: #fff7df}.storybook-app{min-height:100svh;padding:0 24px 16px;background:radial-gradient(ellipse at 15% 14%,#ffe4a44a,transparent 55%),#c79b62}.storybook-app:before{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/tabletop.jpg) center top / cover no-repeat;box-shadow:inset 0 0 120px #6540183b}.app-header{max-width:1560px;padding:24px 4px;height:100px;align-items:flex-start}.brand{color:#fff9df;gap:9px;text-shadow:0 2px 4px #66401a6b}.brand-mark{width:30px;height:39px}.brand-mark svg:first-child{width:22px;left:5px}.brand-mark svg:last-child{width:30px;left:0}.brand-name{font-family:var(--font-sans);font-size:22px;line-height:1;font-weight:800;letter-spacing:.3px}.brand-caption{font-size:10px;letter-spacing:2px;margin-top:5px}.book-title{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:min(42%,560px)}.book-title h1{color:#5f3d22;font-size:14px;line-height:1.35;font-weight:650;text-shadow:0 1px #ffe6b388;margin:0 0 9px;text-wrap:balance}.chapter-stars{display:inline-flex;justify-content:center;gap:0;padding:0 10px;background:#684a32a3;border-radius:30px;box-shadow:inset 0 1px 4px #3d261c3d,0 1px #ffdf9270}.chapter-stars button{width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:#b09262;padding:0;border-radius:50%}.chapter-stars .star-lit{color:#ffdb83;filter:drop-shadow(0 0 4px #ffde8275)}.chapter-stars button:hover{color:#fff6cf;background:#fff2c215}.sound-button,.page-button{border:4px solid #c29b64;background:linear-gradient(#fffbea,#ece2c6);border-radius:50%;color:#7a898b;box-shadow:inset 0 0 0 1px #fdf2d2,inset 0 0 0 3px #d4bc86,0 2px 0 1px #9a723f,0 4px 8px #61421c55}.sound-button{width:44px;height:44px}.sound-button:hover,.page-button:hover:not(:disabled){background:#fff7d9;color:#567c8c;transform:translateY(-1px)}.sound-button[aria-pressed=true].zoom-button{background:#fae1a6}.reader-settings{position:relative}.reader-settings summary{cursor:pointer;list-style:none}.reader-settings summary::-webkit-details-marker{display:none}.reader-settings summary:focus-visible{outline:3px solid #854726;outline-offset:4px}.settings-panel{position:absolute;right:0;top:58px;width:285px;padding:20px;border:2px solid #d2b982;border-radius:12px;background:#fff6df;box-shadow:0 15px 35px #49311555;color:#765333}.settings-panel strong{display:block;margin-bottom:15px;font-size:16px}.language-selector{height:44px;border:1px solid #b79a6d;background:#fff8e8;border-radius:7px}.language-selector select{width:100%;color:#544232;font-size:14px}.voice-selector{align-items:stretch;flex-direction:column;gap:3px;font-size:14px;margin-top:17px;color:#65563f}.voice-selector select{font-size:14px;padding:8px;max-width:100%;border:1px solid #bcaa86;color:#564634;background:#fffaed}main{position:relative;max-width:1400px;padding-top:clamp(75px,13vh,130px)}.book-area{margin:0;perspective:1800px}.book-cover{border-radius:0;padding:0;background:none;box-shadow:none;perspective:1500px}.book-cover:before{content:"";position:absolute;top:0;right:1%;bottom:-5%;left:1%;background:linear-gradient(90deg,#f4e9ce,#fffae7 24%,#f4edda 45%,#d0c4a4 49.8%,#fff9e4 51%,#faf2d9 77%,#e5dcc2);border:7px solid #303758;border-bottom-width:12px;border-radius:4px 8px 12px 7px;transform:rotateX(19deg);transform-origin:center bottom;box-shadow:0 5px #b9a784,0 9px #e9ddbc,0 14px #313956,0 17px 2px #947344,0 24px 26px #563c2866,0 55px 70px -20px #593e2670}.page-stack{top:0;right:1%;bottom:-5%;left:1%;border-radius:4px 8px 12px 7px;transform:rotateX(19deg) translateY(5px);transform-origin:center bottom;z-index:-1}.book-content{perspective:1600px}.book-spread{min-height:clamp(440px,55vh,650px);height:auto;padding:20px 0 40px;display:block;background:transparent;border-radius:0;position:relative}.text-page{z-index:6;position:relative;left:4%;top:0;width:35%;padding:27px 28px 23px;display:flex;height:auto;border-radius:6px;color:var(--ink);background:radial-gradient(ellipse at 30% 20%,#fffcf1,#fff7df 70%,#f2e5bf);border:2px solid #d4bd87;outline:3px solid #fff9e4;box-shadow:inset 0 0 0 3px #fffaf1,inset 0 0 35px #dbc48d2a,0 15px 20px -7px #60482466,0 2px 3px #49321733;transition:width .3s,box-shadow .3s}.text-page:after{content:"✧";position:absolute;color:#c5aa69;font:24px Georgia,serif;right:11px;bottom:5px}.chapter-label{padding:0;gap:0;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#987043}.card-ornament{position:absolute;color:#c5aa69;left:8px;top:5px;font:20px Georgia,serif}.story-copy{padding:11px 0 20px;margin:0}.story-copy h2{font-family:var(--font-sans);font-size:clamp(23px,2.3vw,31px);font-weight:750;color:#916237;line-height:1.22;letter-spacing:-.7px;margin:0 0 20px;white-space:normal}.word-story{font-family:var(--font-sans);font-size:clamp(18px,1.8vw,25px);line-height:1.62;color:#423847;font-weight:450}.word-story p{display:inline;margin:0}.word-story p:after{content:" "}.story-word{border-bottom:2px dotted #d5be83;border-radius:2px;line-height:1.4}.story-word.word-active{background:#ffe298;color:#3c3040;box-shadow:0 2px #d5b36c;border-radius:5px}.story-hint{padding-top:12px;margin:0;gap:8px;border-top:1px solid #d9c79170}.story-hint p{font-size:12px;color:#907d58;line-height:1.45}.story-hint svg{width:15px}.printed-page-number{display:none}.illustration-page{position:absolute;z-index:4;top:-35%;bottom:1%;right:-3%;width:69%;padding:0;background:none;display:block}.diorama{height:100%}.diorama-viewport{height:calc(100% - 44px);min-height:0;width:100%}.diorama-halo{display:none}.diorama-viewport canvas{touch-action:pan-y pinch-zoom}.toys-instruction{display:none}.toy-controls{flex-wrap:wrap;gap:3px;margin:-12px 6% 0 12%;position:relative;z-index:3}.toy-controls button{font-size:12px;min-height:38px;padding:6px 9px;color:#8b714b;background:#fff8e478;border:1px solid #cdb5815e;box-shadow:0 1px 2px #7c674e15}.toy-controls button:hover,.toy-controls .toy-selected{color:#654b30;background:#fbe9b7;border-color:#c7a46a}.toy-controls button svg{width:14px}.diorama-dialogue{top:auto;bottom:9%;left:18%;right:12%;min-height:45px;color:#76542f;background:#fff8e9f5;border:2px solid #d6bb83;border-radius:7px;font-size:16px;box-shadow:0 8px 20px #6b502e30}.diorama-end{top:19%;left:26%;font-size:32px}.page-corner{display:none}.book-spine{top:4%;bottom:-3%;z-index:2;width:4%;left:48%;opacity:.5;transform:rotate(3deg)}.ribbon{z-index:-1;background:linear-gradient(90deg,#7c3132,#ae5150 50%,#743136);right:24%;bottom:-63px}.folio{position:absolute;z-index:3;bottom:-1%;font:italic 21px Georgia,serif;color:#beaa79;pointer-events:none}.folio-left{left:4%}.folio-right{right:4%}.page-leaf{position:absolute;z-index:10;right:1%;top:0;bottom:-4%;width:49%;transform-origin:left center;transform-style:preserve-3d;background:linear-gradient(90deg,#d6cbaa,#fff8e4 14%,#f8f0da 72%,#ddd1af);border-radius:0 5px 8px 0;box-shadow:6px 15px 24px #6b512b4d;pointer-events:none}.page-leaf-back{left:1%;right:auto;transform-origin:right center;background:linear-gradient(270deg,#d6cbaa,#fff8e4 14%,#f8f0da 72%,#ddd1af)}.reading-dock{position:relative;z-index:12;margin:9px auto 0;text-align:center;max-width:620px}.page-controls{display:flex;justify-content:center;align-items:center;gap:25px}.page-button{display:grid;place-items:center;width:55px;height:55px;padding:0;min-width:55px}.page-button span{display:none}.page-button svg{width:25px;height:25px;stroke-width:2.2;fill:#a8c7d1;color:#698a9a}.next-button svg{fill:#efd176;color:#a88b45}.narration-controls{display:flex;flex-direction:column;gap:6px;border:0;padding:0;background:transparent}.read-button,.read-button:not(.selected-mode){min-width:212px;min-height:48px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#fffbee,#eee4ca);border:4px solid #b88b50;border-radius:40px;box-shadow:inset 0 0 0 1px #fff8e5,inset 0 0 0 3px #ddc997,0 2px 0 1px #946c39,0 5px 10px #6546274d;color:#443c48;font-size:16px;font-weight:750}.read-button svg{color:#ca8559;width:17px}.read-button:hover{background:#fff7df}.myself-button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:35px;min-width:150px;align-self:center;padding:6px 14px;background:#fbf2dc;border:2px solid #ba9259;border-radius:30px;box-shadow:inset 0 0 0 1px #fffbea,0 2px 3px #77512655;color:#746044;font-size:12px}.myself-button.selected-mode{background:#e7c58b;border-color:#a17a45;color:#4b392c}.myself-button svg{width:14px}.page-progress{margin:11px 0 0;justify-content:center;font-size:12px;letter-spacing:1.2px;color:#715331;text-shadow:0 1px #fce6b8}.page-progress .progress-stars{display:none}.narration-notice{margin:7px auto 0;max-width:500px;color:#694b31;font-size:13px;line-height:1.5}.narration-notice:empty{display:none}.app-footer{margin:13px auto 0;font-size:12px;color:#644628;text-shadow:0 1px #f3dba899}.manual-reader{margin-top:14px;gap:7px}.manual-reader button{color:#725330;background:#f3e7c3;font-size:12px;padding:6px 10px}.page-finished{color:#8c652d;margin-top:10px}.reading-enlarged .text-page{width:49%;box-shadow:0 20px 45px #44342580}.reading-enlarged .word-story{font-size:clamp(22px,2.1vw,30px)}.text-page[lang=ja] .story-copy h2{font-size:25px;line-height:1.5}.text-page[lang=ug] .story-copy h2{font-family:var(--font-uyghur);font-size:29px;line-height:1.4}.text-page[lang=ug] .word-story{font-family:var(--font-uyghur);font-size:25px;line-height:1.65}@media(min-width:1500px){main{padding-top:145px}.book-spread{height:auto;min-height:610px}.text-page{top:5%;padding:32px}.word-story{font-size:26px}.illustration-page{top:-28%}.reading-dock{margin-top:5px}}@media(max-width:1050px)and (min-width:701px){.storybook-app{padding-inline:17px}.book-title h1{font-size:12px}.book-title{width:39%}.app-header{height:90px}.brand-name{font-size:19px}.brand-caption{font-size:9px}.header-controls{gap:8px}main{padding-top:105px}.book-spread{height:auto;min-height:470px}.text-page{left:3%;width:37%;padding:24px 21px 20px}.story-copy h2{font-size:24px;margin-bottom:15px}.word-story{font-size:19px}.illustration-page{top:-31%;width:70%;right:-4%}.toy-controls button{font-size:11px;padding:5px 7px}.reading-dock{margin-top:15px}}@media(max-width:700px){.storybook-app{padding:0 14px 22px;overflow:clip}.storybook-app:before{background-position:left top}.app-header{height:119px;padding:18px 0 0;align-items:flex-start}.brand-name{font-size:19px}.brand-caption{font-size:9px}.brand-mark{width:26px}.brand-mark svg:last-child{width:26px}.header-controls{gap:7px}.sound-button{width:42px;height:42px;border-width:3px}.book-title{top:76px;width:100%}.book-title h1{margin:0 0 6px;font-size:12px}main{padding-top:82px}.book-area{margin:0}.book-spread{height:auto;min-height:0;padding:236px 12px 33px;display:flex;flex-direction:column}.book-cover:before{top:70px;right:-3px;bottom:-7px;left:-3px;transform:none;border-width:4px;border-bottom-width:8px}.page-stack{display:none}.book-spine{top:76px;bottom:0;width:20px;left:49%}.ribbon{bottom:-40px}.illustration-page{top:-79px;height:358px;bottom:auto;right:-9%;width:118%;margin:0;padding:0}.diorama-viewport{height:310px;aspect-ratio:auto}.diorama-dialogue{font-size:14px;bottom:6%}.diorama-end{font-size:26px}.toy-controls{margin:-13px 11% 0;gap:3px}.toy-controls button{min-height:35px;padding:5px 8px;font-size:11px}.toy-controls button svg{width:12px}.text-page{width:100%;top:auto;left:0;padding:24px 24px 20px;margin:15px 0 0}.chapter-label{font-size:12px;padding:0}.story-copy{padding:12px 0 18px}.story-copy h2{font-size:25px;margin-bottom:15px}.word-story{font-size:20px;line-height:1.65}.story-hint{margin:0}.story-hint p{font-size:12px}.folio{bottom:8px;font-size:17px}.folio-left{left:18px}.folio-right{right:18px}.page-leaf{top:70px;bottom:0}.reading-dock{margin:18px auto 0}.page-controls{gap:17px}.page-button{width:48px;height:48px;min-width:48px;border-width:3px}.read-button,.read-button:not(.selected-mode){min-width:184px;font-size:14px;padding:9px 16px}.myself-button{min-width:144px;min-height:36px}.page-progress{margin-top:13px}.app-footer{padding:0 20px;text-align:center;margin-top:15px}.reading-enlarged .text-page{width:100%}.reading-enlarged .word-story{font-size:25px}.text-page[lang=ug] .word-story{font-size:24px}.text-page[lang=ug] .story-copy h2{font-size:28px}.text-page[lang=ja] .story-copy h2{font-size:23px}}@media(max-width:370px){.storybook-app{padding-inline:10px}.brand-caption{font-size:8px}.brand-name{font-size:17px}.header-controls{gap:5px}.sound-button{width:38px;height:38px}.text-page{padding-inline:19px}.page-controls{gap:10px}.read-button,.read-button:not(.selected-mode){min-width:172px}.word-story{font-size:19px}}@media(prefers-reduced-motion:reduce){.page-leaf{display:none}.text-page{transition:none}}[data-book-state=closed] main,[data-book-state=opening] main{padding-top:clamp(16px,4vh,44px)}[data-book-state=closed] .book-title,[data-book-state=opening] .book-title{display:none}.cover-intro{position:relative;min-height:calc(100svh - 180px);padding:0 0 35px;display:flex;flex-direction:column;align-items:center}.closed-book-perspective{width:clamp(260px,30vw,360px);aspect-ratio:2 / 3;perspective:1800px;margin:-12px auto -8px;position:relative;z-index:3}.closed-book{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:block;background:none;border:0;border-radius:4px;transform:rotateX(31deg) rotate(-10deg);transform-style:preserve-3d;transition:transform .55s;box-shadow:8px 26px 28px #46342466}.closed-book:hover:not(:disabled){transform:rotateX(27deg) rotate(-8deg) translateY(-4px)}.closed-book:focus-visible{outline:4px solid #fff0b8;outline-offset:12px}.closed-book:disabled{opacity:1;box-shadow:8px 26px 28px #46342466}.closed-book-back{display:block;position:absolute;top:7px;right:-5px;bottom:-10px;left:-5px;border-radius:4px;border:2px solid #9e895c;background:#202c49;transform:translateZ(-22px)}.closed-book-pages{display:block;position:absolute;top:6px;right:2px;bottom:-2px;left:2px;background:linear-gradient(90deg,#d1c5a7,#fff6da 10%,#f7efd7 70%,#d7c7a0);box-shadow:0 3px #cbbd99,0 5px #eee4ca,0 7px #b8aa86,0 9px #eee4ca,0 11px #cbbd99,0 13px #eee4ca,0 15px #b7a482;border-radius:2px;transform:translateZ(-9px)}.cover-front{position:absolute;display:block;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.38,.04,.25,1)}.cover-outside,.cover-inside{display:block;position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border:2px solid #a48c53;border-radius:3px 5px 5px 3px;overflow:hidden}.cover-outside{background:#132139;transform:translateZ(2px);box-shadow:inset 3px 0 3px #ffffff24,3px 4px 1px #101c31}.cover-art{display:block;width:100%;height:100%;object-fit:cover}.cover-title{position:absolute;display:block;top:7%;left:12%;right:12%;font:700 clamp(23px,2.7vw,34px)/1.3 var(--font-serif);color:#f4dfa3;text-shadow:0 2px 1px #795e34,0 0 10px #e8b74d22;text-align:center;text-wrap:balance}.cover-edition{position:absolute;bottom:5%;left:13%;right:13%;display:block;color:#f4e7c4;font-size:11px;letter-spacing:1.5px;text-align:center;text-shadow:0 1px 4px #17223c}.cover-binding{position:absolute;left:0;top:0;bottom:0;width:5%;background:linear-gradient(90deg,#0e152db3,#c8bf9833 30%,#0a152aa8 72%,#f7dfaf20);border-right:1px solid #c4ab6b4d}.cover-inside{background:radial-gradient(#b4a07933 .6px,transparent .8px),linear-gradient(90deg,#ece0c2,#fff8e3 30%,#eee3c9);background-size:6px 6px,100% 100%;transform:rotateY(180deg) translateZ(1px);border:7px solid #243251}.cover-intro[dir=rtl] .cover-front{transform-origin:right center}.cover-intro[dir=rtl] .cover-binding{left:auto;right:0;transform:scaleX(-1)}.cover-intro[lang=ug] .cover-title{font-family:var(--font-uyghur);font-size:clamp(29px,3vw,39px);font-weight:600;line-height:1.6;top:6%}.cover-intro[lang=ug] .cover-edition{font-family:var(--font-uyghur);font-size:16px;letter-spacing:0}.cover-invitation{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:22px;transition:opacity .2s}.cover-open-button{min-width:220px}.cover-invitation p{margin:14px 0 0;color:#604426;font-size:14px;text-shadow:0 1px #edc692}.cover-intro[lang=ug] .cover-open-button{font-family:var(--font-uyghur);font-size:22px;min-height:52px}.cover-intro[lang=ug] .cover-invitation p{font-family:var(--font-uyghur);font-size:18px}.cover-is-opening .cover-front{transform:rotateY(-160deg)}.cover-is-opening[dir=rtl] .cover-front{transform:rotateY(160deg)}.cover-is-opening .closed-book-perspective{animation:unfolding-book 1.4s ease-in-out forwards}.cover-is-opening .cover-invitation{opacity:0;pointer-events:none}@keyframes unfolding-book{0%{transform:translate(0) scale(1);opacity:1}65%{transform:translate(-8%) scale(1.1);opacity:1}to{transform:translate(-8%) scale(1.18);opacity:0}}.cover-is-opening[dir=rtl] .closed-book-perspective{animation-name:unfolding-book-rtl}@keyframes unfolding-book-rtl{0%{transform:translate(0) scale(1);opacity:1}65%{transform:translate(8%) scale(1.1);opacity:1}to{transform:translate(8%) scale(1.18);opacity:0}}.open-book-stage{width:92%;max-width:1120px;margin:auto}.brand[lang=ug] .brand-name{font-family:var(--font-uyghur);font-size:28px;letter-spacing:0}.brand[lang=ug] .brand-caption{font-family:var(--font-uyghur);font-size:14px;letter-spacing:0}.book-title[lang=ug] h1{font-family:var(--font-uyghur);font-size:19px;font-weight:500}.settings-panel[lang=ug],.reading-dock[lang=ug]{font-family:var(--font-uyghur)}.reading-dock[lang=ug] .read-button{font-size:20px}.reading-dock[lang=ug] .myself-button{font-size:17px}.reading-dock[lang=ug] .page-progress{font-size:16px;letter-spacing:0}.reading-dock[lang=ug] .narration-notice{font-size:17px}.reading-dock[dir=rtl] .page-button svg{transform:rotate(180deg)}.text-page[lang=ug] .chapter-label{font-size:16px;letter-spacing:0}.text-page[lang=ug] .story-hint p{font-size:17px}.text-page[lang=ug] .word-story{font-size:25px;line-height:1.8}#page-heading:focus{outline:none}@media(min-width:1500px){.open-book-stage .book-spread{min-height:530px}.open-book-stage .illustration-page{top:-30%}}@media(max-height:780px)and (min-width:701px){[data-book-state=closed] main,[data-book-state=opening] main{padding-top:0}.closed-book-perspective{width:clamp(230px,27vw,300px);margin-top:-24px;margin-bottom:-26px}.cover-title{font-size:27px}.cover-intro[lang=ug] .cover-title{font-size:32px}}@media(max-width:700px){[data-book-state=closed] .app-header,[data-book-state=opening] .app-header{height:85px}[data-book-state=closed] main,[data-book-state=opening] main{padding-top:10px}.closed-book-perspective{width:min(64vw,300px);margin-top:-5px;margin-bottom:-20px}.cover-intro{min-height:calc(100svh - 120px);padding-bottom:25px}.cover-title{font-size:clamp(19px,5.8vw,29px)}.cover-intro[lang=ug] .cover-title{font-size:clamp(25px,6.6vw,33px)}.cover-intro[lang=ug] .cover-edition{font-size:13px}.cover-invitation{margin-top:30px}.cover-invitation p{font-size:13px}.cover-intro[lang=ug] .cover-invitation p{font-size:17px}.open-book-stage{width:100%}.brand[lang=ug] .brand-name{font-size:24px}.brand[lang=ug] .brand-caption{font-size:12px}.book-title[lang=ug] h1{font-size:17px}.text-page[lang=ug] .word-story{font-size:24px}.text-page[lang=ug] .story-hint p{font-size:16px}.reading-dock[lang=ug] .read-button{font-size:18px}.reading-dock[lang=ug] .myself-button{font-size:16px}}@media(prefers-reduced-motion:reduce){.cover-front{transition:none}.cover-is-opening .closed-book-perspective{animation:none}.closed-book:hover:not(:disabled){transform:rotateX(31deg) rotate(-10deg)}}:lang(ug){font-family:var(--font-uyghur);letter-spacing:normal}.story-shelf{display:flex;align-items:stretch;justify-content:center;gap:12px;width:min(620px,100%);margin:8px auto 24px;position:relative;z-index:6}.story-choice{display:flex;align-items:center;gap:12px;width:50%;min-width:0;text-align:start;padding:10px 14px;border:1px solid #d9bb84;border-radius:9px;background:#fff4dbe8;color:#60422c;box-shadow:0 4px 10px #6e482326}.story-choice[aria-pressed=true]{background:#fff6e0;border:2px solid #8d633a;padding:9px 13px;box-shadow:0 4px 12px #6e482338,inset 0 0 0 2px #e6d1a3}.story-choice:hover{background:#fff9e9}.story-choice img{width:42px;height:52px;object-fit:cover;border-radius:2px;flex:0 0 auto;box-shadow:1px 2px 4px #51392150}.story-choice>span{display:flex;flex-direction:column;gap:4px}.story-choice-number{font-size:12px;color:#937047}.story-choice-title{font-size:14px;line-height:1.4;font-weight:600}.story-shelf[lang=ug] .story-choice-number{font-size:16px}.story-shelf[lang=ug] .story-choice-title{font-size:19px;line-height:1.55}.story-picker{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px}.story-picker select{width:100%;min-height:44px;padding:8px;border:1px solid #b79a6d;border-radius:7px;color:#544232;background:#fff8e8;font-size:14px}.story-picker[lang=ug],.story-picker[lang=ug] select{font-size:18px}.cover-intro{min-height:0;padding-bottom:8px}.cover-framed{background:radial-gradient(ellipse at 50% 20%,#9a3740,#63242d 62%,#391c2d);box-shadow:inset 0 0 0 7px #632633,inset 0 0 0 9px #cfa864,inset 0 0 0 13px #612435,3px 4px 1px #2f172b}.cover-framed .cover-art{position:absolute;left:7%;top:37%;width:86%;height:51%;object-fit:cover;object-position:center;border:2px solid #c3a16c;border-radius:48% 48% 4px 4px/13% 13% 4px 4px;box-shadow:0 9px 13px #35152760}.cover-framed .cover-title{top:8%;left:11%;right:11%}.cover-intro[lang=ug] .cover-framed .cover-title{top:9%;font-size:clamp(31px,3vw,42px);line-height:1.75}.cover-framed .cover-edition{bottom:5%}.illustrated-spread{min-height:490px}.illustrated-spread .illustration-page{top:-15%;right:-1%;width:65%;bottom:0}.illustrated-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1300px;padding:2% 4% 6% 3%}.storybook-illustration{width:100%;margin:0;position:relative;transform-origin:center bottom;transform-style:preserve-3d;border:7px solid #fff5dd;outline:1px solid #d0b786;border-radius:6px 8px 4px 5px;box-shadow:8px 19px 18px -6px #503b3060,1px 3px 0 1px #c9b58e}.storybook-illustration img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:1px}.illustration-fold{position:absolute;z-index:-1;width:22%;height:18px;left:40%;bottom:-20px;transform:skew(-25deg);background:linear-gradient(110deg,#d0b987,#f2e6c8);border:1px solid #c4b08a;box-shadow:5px 5px 5px #6c513638}[data-story=ghunchem-alphabet] .card-ornament{color:#aa6854}@media(min-width:1500px){.open-book-stage .illustrated-spread .illustration-page{top:-16%}}@media(max-width:1050px)and (min-width:701px){.illustrated-spread .illustration-page{top:-7%;width:65%;right:-2%}.storybook-illustration{border-width:5px}}@media(max-width:700px){.story-shelf{gap:8px;margin-top:16px}.story-choice{gap:8px;padding:9px}.story-choice[aria-pressed=true]{padding:8px}.story-choice img{width:28px;height:40px}.story-choice-title{font-size:12px}.story-shelf[lang=ug] .story-choice-number{font-size:13px}.story-shelf[lang=ug] .story-choice-title{font-size:15px}.cover-intro[lang=ug] .cover-framed .cover-title{font-size:29px}.illustrated-spread{padding-top:225px;min-height:0}.illustrated-spread .illustration-page{top:-60px;right:0;width:100%;height:294px;bottom:auto}.illustrated-scene{padding:0 6% 20px;align-items:end}.storybook-illustration{max-width:335px;border-width:5px;box-shadow:5px 12px 14px -5px #503b3060}.storybook-illustration img{aspect-ratio:4 / 3}}.family-spread .illustration-page{top:-29%;right:-3%;width:68%;bottom:-1%}.family-diorama .diorama-viewport{height:calc(100% - 75px)}.family-loading-art{position:absolute;top:8%;right:5%;bottom:7%;left:5%;pointer-events:none}.family-controls{margin:-2px 4% 0 7%;gap:5px}.family-controls button{min-height:44px;padding:7px 11px;font-size:14px;background:#fff5e2cc}.family-controls button svg{width:16px}.family-diorama .diorama-dialogue{bottom:0;left:10%;right:6%}.family-controls[dir=rtl] button{font-family:var(--font-uyghur);font-size:19px}@media(min-width:1500px){.open-book-stage .family-spread .illustration-page{top:-28%}}@media(min-width:701px)and (max-width:1050px){.family-spread .illustration-page{top:-23%;right:-4%;width:68%}.family-controls{margin-left:6%;margin-right:3%;gap:3px}.family-controls button{padding:5px 8px}}@media(max-width:700px){.family-spread{padding-top:0}.family-spread .illustration-page{position:relative;order:-1;top:auto;right:auto;width:calc(100% + 24px);height:auto;margin:-78px -12px 0;bottom:auto}.family-diorama{height:auto}.family-diorama .diorama-viewport{height:302px}.family-controls{margin:-6px 8% 0;gap:4px}.family-controls button{padding:5px 8px}.family-controls[dir=rtl] button{font-size:18px}.family-diorama .diorama-dialogue{left:8%;right:8%}}.version-picker{border:0;padding:0;margin:0 0 16px;min-width:0}.version-picker legend{padding:0;margin:0 0 8px;font-size:14px;line-height:1.5;color:#725330}.version-options{display:flex;flex-wrap:wrap;gap:7px}.version-options button{display:flex;flex:1 1 100px;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 12px;border-radius:8px;border:1px solid #b59a6f;background:#fff6e1;color:#695034;font-size:14px;line-height:1.5}.version-options button[aria-pressed=true]{color:#fff4df;background:#74343a;border-color:#74343a;box-shadow:inset 0 0 0 2px #a26953}.version-options button:hover{box-shadow:inset 0 0 0 2px #c99d65}.version-options button:focus-visible{outline:3px solid #805d30;outline-offset:3px}.version-options button:disabled{opacity:.65;cursor:default}.version-options svg{flex-shrink:0}.version-picker[lang=ug] legend{font-size:19px}.version-picker[lang=ug] button{font-family:var(--font-uyghur);font-size:20px}.cover-invitation .version-picker{width:min(340px,calc(100vw - 60px));margin:0 auto 17px}.cover-invitation .version-picker legend{float:none;width:100%;text-align:center}.book-title h1,.cover-invitation p,.cover-invitation .version-picker legend,.reading-dock .page-progress,.reading-dock .narration-notice,.app-footer>span{width:fit-content;max-width:100%;margin-inline:auto;padding:3px 10px;border-radius:8px;background:#fff7dfeb;color:#604426;text-shadow:none}.story-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(960px,100%)}.story-choice{width:100%}@media(max-width:700px){.story-shelf{grid-template-columns:1fr;width:min(400px,100%);gap:9px}.story-choice{padding:11px 14px;gap:12px}.story-choice[aria-pressed=true]{padding:10px 13px}.story-choice img{width:38px;height:50px}.story-choice-title{font-size:14px}.story-shelf[lang=ug] .story-choice-number{font-size:16px}.story-shelf[lang=ug] .story-choice-title{font-size:19px}}[data-story=three-friends] .cover-framed{background:radial-gradient(ellipse at 50% 20%,#437667,#234e45 62%,#183d37);box-shadow:inset 0 0 0 7px #28584a,inset 0 0 0 9px #d6b777,inset 0 0 0 13px #234d43,3px 4px 1px #173931}[data-story=three-friends] .cover-framed .cover-art{border-color:#d6b777}[data-story=three-friends] .card-ornament{color:#56836c}[data-story=three-friends] .story-copy h2{color:#40674f}