.story-quiz{position:relative;box-sizing:border-box;width:min(100%,620px);max-height:min(580px,72svh);overflow-y:auto;overscroll-behavior:contain;margin:12px auto;padding:clamp(15px,2.4vw,25px);color:#53432e;text-align:center;border:2px solid #b99b63;border-radius:9px;background:radial-gradient(ellipse at top,#fffdf1,#f6e8c7);box-shadow:inset 0 0 0 4px #fff6df,0 7px 20px #4c371d30;scrollbar-width:thin}.story-quiz[lang=ug]{font-family:var(--font-uyghur)}.story-quiz-eyebrow{margin:0 0 9px;font-size:12px;color:#766043}.story-quiz-eyebrow span{padding-inline:5px}.story-quiz h2{margin:0 0 14px;color:#684d30;font-size:clamp(18px,2.1vw,25px);line-height:1.45;text-wrap:balance}.story-quiz h2:focus{outline:none}.story-quiz-answers{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.story-quiz button{min-height:44px;padding:9px 16px;border:1px solid #b99b63;border-radius:9px;background:#fff9e7;color:#5c4b32;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;touch-action:manipulation;transition:background .18s,box-shadow .18s}.story-quiz button:hover:not(:disabled){background:#f8e5b9;box-shadow:0 2px 5px #6e502224}.story-quiz button:focus-visible{outline:3px solid #477c7b;outline-offset:3px}.story-quiz button:disabled{cursor:default;opacity:.68}.story-quiz button.quiz-answer-correct{background:#e0ead7;border-color:#6c885c;color:#3b5c36;opacity:1}.story-quiz button.quiz-answer-tried{background:#f3e9d2}.story-quiz-feedback{min-height:22px;margin:11px 0;font-size:14px;line-height:1.55}.story-quiz-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.story-quiz button.quiz-primary{background:#477c7b;border-color:#376261;color:#fff9e7}.story-quiz button.quiz-primary:hover:not(:disabled){background:#396d6c}.story-quiz button.quiz-quiet{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}.story-quiz-reward-copy{max-width:440px;margin:0 auto 15px;font-size:15px;line-height:1.65;text-wrap:pretty}.story-quiz-keepsake{position:relative;width:160px;height:112px;margin:-5px auto 7px;direction:ltr}.keepsake-tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.keepsake-star{position:absolute;width:47px;height:47px;left:57px;top:46px;transform-origin:center;animation:keepsake-collect 1.5s cubic-bezier(.22,.61,.36,1) both}.keepsake-spark{position:absolute;color:#a6792c;opacity:0;animation:keepsake-sparkle 1.7s ease-out both}.keepsake-spark--one{left:22px;top:33px;font-size:25px}.keepsake-spark--two{right:22px;top:50px;font-size:20px;animation-delay:.15s}@keyframes keepsake-collect{0%{transform:translateY(-37px) scale(1.45) rotate(-16deg);opacity:0}20%{opacity:1}55%{transform:translateY(-17px) scale(1.16) rotate(7deg)}85%{transform:translateY(1px) scale(.96) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes keepsake-sparkle{0%,to{opacity:0;transform:translateY(4px) scale(.6)}40%,65%{opacity:.9;transform:translateY(-5px) scale(1)}}@media(max-height:500px){.story-quiz{max-height:60svh;padding:12px 15px}.story-quiz-keepsake{height:78px;margin-block:-8px 4px;transform:scale(.72);transform-origin:center top}.story-quiz h2{margin-bottom:8px}.story-quiz-feedback{margin-block:7px}}@media(prefers-reduced-motion:reduce){.story-quiz button{transition:none}.keepsake-star,.keepsake-spark{animation:none}.keepsake-star{opacity:1}.keepsake-spark{display:none}}/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@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;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-svh{min-height:100svh}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.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}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@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}.share-control{display:inline-flex;position:relative}.share-toast{z-index:30;white-space:nowrap;color:#5f4526;background:#fff6dff0;border:1px solid #cfb387;border-radius:20px;padding:5px 13px;font-size:12px;line-height:1.5;animation:.5s cubic-bezier(.22,.86,.3,1.05) both toast-in;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%;box-shadow:0 4px 10px #4c351a3d}@keyframes toast-in{0%{opacity:0;translate:-50% -4px}to{opacity:1;translate:-50%}}.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;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;flex-wrap:wrap;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}.social-links{direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.social-link{color:#5b4630;background:#f7efdce0;border:1px solid #8a7146;border-radius:50%;place-items:center;width:38px;height:38px;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:grid;box-shadow:0 2px 6px #2e1f1040}.social-link:hover{color:#274630;background:#fff8e9;border-color:#5b4630;transform:translateY(-2px)}.social-link:focus-visible{outline-offset:3px;outline:2px solid #7a6a3f}.app-footer .social-link svg{color:inherit}.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}[data-script=cyrl] [lang=ug]{font-family:var(--font-sans);letter-spacing:normal}[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}}:root[data-theme=night]{color:#e8e2d4;color-scheme:dark;background:#0f1622}[data-theme=night].storybook-app{--night-room:url(/assets/tabletop-dark.webp);--night-ink:#eee6d6;--night-ink-soft:#c3bda9;--night-glass:#1c2635d9;--night-rule:#6f7f9166;color:var(--night-ink);background:radial-gradient(at 72% 8%,#9fb6d84d,#0000 46%),radial-gradient(at 50% 78%,#2a2418cc,#0000 60%),linear-gradient(#101826,#1a2130 52%,#241d18)}[data-theme=night].storybook-app:before{background:var(--night-room) center top / cover no-repeat;box-shadow:inset 0 0 140px #04070e66}@media(max-width:700px){[data-theme=night].storybook-app:before{background-position:0 0}}[data-theme=night].storybook-app:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 78% 4%,#a9c3e84a,#0000 42%),radial-gradient(at 50% 96%,#f0c98a1f,#0000 46%);position:fixed;top:0;right:0;bottom:0;left:0}[data-theme=night] .night-moon{background:radial-gradient(circle at 38% 34%,#fffdf2,#f6ecd0 58%,#e4d3ae);border-radius:50%;width:76px;height:76px;animation:9s ease-in-out infinite moon-breathe;position:absolute;top:15%;right:1.5%;box-shadow:0 0 34px #f5e9c980,0 0 110px #cfe0ff4d,inset -9px -7px #e2d2ad55}[data-theme=night] .night-sky{position:absolute;top:0;right:0;bottom:0;left:0}[data-theme=night] .night-star{width:3px;height:3px;animation:3.4s ease-in-out infinite twinkle;animation-delay:var(--delay);background:#fdf6de;border-radius:50%;position:absolute;box-shadow:0 0 7px #fdf6dec7}.night-moon,.night-sky{display:none}[data-theme=night] .night-moon,[data-theme=night] .night-sky{display:block}@media(max-width:1150px){[data-theme=night] .night-moon{display:none}}[data-theme=night] .desk-star{color:#cfe0ff33;text-shadow:0 0 18px #b9d0ff2e}[data-theme=night] .dust-mote{background:#e8f1ff;box-shadow:0 0 11px #a8c4f0}@keyframes moon-breathe{0%,to{opacity:.93}50%{opacity:1}}[data-theme=night] .brand,[data-theme=night] .book-title h1{color:var(--night-ink)}[data-theme=night] .brand-caption,[data-theme=night] .narration-notice{color:var(--night-ink-soft)}[data-theme=night] .sound-button,[data-theme=night] .language-selector,[data-theme=night] .v2-search-trigger{background:var(--night-glass);border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .sound-button:hover{background:#27334699}[data-theme=night] .language-selector select{color:var(--night-ink)}[data-theme=night] .language-selector select option{color:var(--night-ink);background:#1b2433}[data-theme=night] .settings-panel,[data-theme=night] .word-chest-panel{border-color:var(--night-rule);color:var(--night-ink);background:#161f2cf2}[data-theme=night] .settings-panel strong,[data-theme=night] .word-chest-panel strong{color:var(--night-ink)}[data-theme=night] .settings-panel small,[data-theme=night] .word-chest-panel small,[data-theme=night] .settings-panel .version-picker legend{color:var(--night-ink-soft)}[data-theme=night] .depth-toggle{border-color:var(--night-rule);color:var(--night-ink);background:#1e2836cc}[data-theme=night] .voice-selector select{color:var(--night-ink);border-color:var(--night-rule);background:#1e2836}[data-theme=night] .app-footer{color:var(--night-ink-soft)}[data-theme=night] .social-link{color:#e3d6b6;background:#1d2734d9;border-color:#8a7146a1;box-shadow:0 2px 6px #05080f66}[data-theme=night] .social-link:hover{color:#fff8e9;background:#2a3646;border-color:#e3d6b6}.firefly-field{z-index:55;pointer-events:none;animation:.9s ease-out both firefly-arrive;position:fixed;top:0;right:0;bottom:0;left:0}.firefly-field canvas,.firefly-field>div{pointer-events:none;display:block}[data-theme=night] .firefly-field canvas{filter:none}.firefly-field[data-reading=true]{-webkit-mask-image:radial-gradient(46% 52% at 50% 56%,#0000 0 55%,#000 100%);mask-image:radial-gradient(46% 52% at 50% 56%,#0000 0,#0000 55%,#000)}@keyframes firefly-arrive{0%{opacity:0}to{opacity:1}}.night-ember{display:none}@media(prefers-reduced-motion:reduce){[data-theme=night] .night-ember{background:#eaffb4;border-radius:50%;width:4px;height:4px;display:block;position:absolute;box-shadow:0 0 9px 2px #b9f08a55}}.sky-sweep{z-index:80;pointer-events:none;left:var(--sweep-x);top:var(--sweep-y);will-change:transform,opacity;border-radius:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;animation:.88s cubic-bezier(.24,.66,.3,1) forwards sky-wash;position:fixed}.sky-sweep[data-to=night]{background:radial-gradient(circle closest-side,#0b1120f2,#131f36e0 44%,#26365aa1 68%,#a8c0e552 84%,#a8c0e500 94%)}.sky-sweep[data-to=day]{background:radial-gradient(circle closest-side,#fff6dcf2,#ffe6b5de 44%,#f8cd85a1 70%,#ffeec94f 86%,#ffeec900 95%)}@keyframes sky-wash{0%{opacity:1;transform:scale(.03)}to{opacity:0;transform:scale(2.1)}}.sky-switch{--track-w:86px;--track-h:38px;--knob:26px;--edge:3px;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;height:44px;padding:0;display:inline-flex;position:relative}.sky-switch:focus-visible{outline-offset:4px;border-radius:999px;outline:3px solid #854726}[data-theme=night] .sky-switch:focus-visible{outline-color:#ffdf9f}.sky-track{width:var(--track-w);height:var(--track-h);border:var(--edge) solid #c29b64;background:linear-gradient(#9ed3f2,#d3eaf8 46%,#ffe3ab);border-radius:999px;transition:background .7s,border-color .7s,box-shadow .7s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #4d7c9e40,inset 0 0 0 1px #fdf2d2,0 2px 0 1px #9a723f,0 4px 8px #61421c55}.sky-switch:hover .sky-track{filter:brightness(1.06)}[data-theme=night] .sky-track{background:linear-gradient(#0b1226,#172647 58%,#2d3d5e);border-color:#8a9cbb;box-shadow:inset 0 2px 10px #03060e99,inset 0 0 0 1px #4a5c80,0 2px 0 1px #2b3550,0 0 16px #8fb3e045}.sky-stars{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}.sky-stars i{opacity:0;background:#fffaea;border-radius:50%;width:2px;height:2px;transition:opacity .7s;position:absolute}[data-theme=night] .sky-stars i{opacity:.92;animation:3.4s ease-in-out infinite twinkle;animation-delay:var(--delay);box-shadow:0 0 4px #fffaeac7}.sky-cloud{z-index:2;background:#fffdf6;border-radius:999px;transition:opacity .52s,transform .7s;position:absolute}.sky-cloud-near{width:25%;height:6px;top:54%;left:42%}.sky-cloud-near:before{content:"";background:inherit;border-radius:999px;width:52%;height:100%;position:absolute;top:-50%;left:24%}.sky-cloud-far{opacity:.82;width:17%;height:5px;top:25%;right:11%}[data-theme=night] .sky-cloud{opacity:0;transform:translate(-9px)}.sky-knob{z-index:3;top:50%;left:var(--edge);width:var(--knob);height:var(--knob);margin-top:calc(var(--knob) / -2);transition:transform .64s cubic-bezier(.5,1.5,.42,1);position:absolute}[data-theme=night] .sky-knob{transform:translate(calc(var(--track-w) - var(--edge) * 4 - var(--knob)))}.sky-sun,.sky-moon{border-radius:50%;transition:opacity .32s .17s,transform .64s cubic-bezier(.45,1.2,.4,1);position:absolute;top:0;right:0;bottom:0;left:0}.sky-sun{background:radial-gradient(circle at 36% 32%,#fffcec,#ffd96d 56%,#f2a231);box-shadow:0 0 10px #ffce68d9,0 0 22px #ffb84a70}.sky-sun:before{content:"";background:repeating-conic-gradient(#ffd97b59,#ffd97b59 5deg,#0000 5deg,#0000 30deg);border-radius:50%;animation:30s linear infinite sky-rays;position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%}.sky-moon{opacity:0;background:radial-gradient(circle at 38% 33%,#fffdf4,#f4e9cd 58%,#ddcba4);transform:translateY(125%)scale(.7);box-shadow:0 0 10px #f6ecd0cc,0 0 24px #b9d0ff66}.sky-moon:before,.sky-moon:after{content:"";background:#00000014;border-radius:50%;position:absolute}.sky-moon:before{width:27%;height:27%;top:45%;left:21%}.sky-moon:after{width:18%;height:18%;top:21%;left:54%}[data-theme=night] .sky-sun{opacity:0;transform:translateY(125%)scale(.7)}[data-theme=night] .sky-moon{opacity:1;transform:translateY(0)scale(1)}@keyframes sky-rays{to{transform:rotate(1turn)}}.sky-hills{z-index:4;background:linear-gradient(#77a05f,#43613c);border-radius:50% 50% 0 0/100% 100% 0 0;height:82%;transition:background .7s;position:absolute;bottom:-58%;left:-10%;right:-10%}[data-theme=night] .sky-hills{background:linear-gradient(#23324c,#121c2e)}.sky-spark{z-index:5;opacity:0;background:#f0ffc0;border-radius:50%;width:3px;height:3px;position:absolute;top:56%;left:20%;box-shadow:0 0 5px 2px #c6ff7a7a}[data-theme=night] .sky-spark{animation:5.2s ease-in-out .5s infinite backwards sky-spark-drift}@keyframes sky-spark-drift{0%{opacity:.2;transform:translate(0)}22%{opacity:1}52%{opacity:.35;transform:translate(16px,-6px)}74%{opacity:.95}to{opacity:.15;transform:translate(33px,2px)}}@media(max-width:1150px){.sky-switch{--track-w:76px;--track-h:35px;--knob:24px}}@media(max-width:700px){.sky-switch{--track-w:62px;--track-h:31px;--knob:21px}}@media(max-width:370px){.sky-switch{--track-w:54px;--track-h:28px;--knob:19px;--edge:2px}}@media(max-height:560px)and (min-width:620px){.sky-switch{--track-w:58px;--track-h:28px;--knob:19px;--edge:2px;height:36px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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{--chrome: 340px;--cover-chrome: 500px;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.webp) 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,.word-chest{position:relative}.reader-settings summary,.word-chest summary{cursor:pointer;list-style:none}.reader-settings summary::-webkit-details-marker,.word-chest summary::-webkit-details-marker{display:none}.reader-settings summary:focus-visible,.word-chest summary:focus-visible{outline:3px solid #854726;outline-offset:4px}.settings-panel,.word-chest-panel{position:absolute;right:0;top:58px;width:285px;max-height:calc(100svh - 100px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding:20px;border:2px solid #d2b982;border-radius:12px;background:#fff6df;box-shadow:0 15px 35px #49311555;color:#765333}.settings-panel strong,.word-chest-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;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}.book-content:active{cursor:grabbing}.book-spread{min-height:min(clamp(420px,51vh,640px),calc(100svh - var(--chrome)));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;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%}.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{--chrome: 330px;--cover-chrome: 470px;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:clamp(58px,7.6vh,94px)}.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:5px}}@media(max-width:700px){.storybook-app{--chrome: 300px;--cover-chrome: 480px;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-3d{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-3d,.leaf-underlay,.corner-peel{display:none}.text-page{transition:none}}[data-book-state=closed] main{padding-top:clamp(16px,4vh,44px)}[data-book-state=closed] .book-title{display:none}.cover-intro{position:relative;min-height:0;padding:0 0 35px;display:flex;flex-direction:column;align-items:center}.closed-book-perspective{width:min(clamp(260px,30vw,360px),max(150px,calc((100svh - var(--cover-chrome)) / 1.5)));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,scale .16s;box-shadow:8px 26px 28px #46342466}.closed-book:hover:not(:disabled){transform:rotateX(27deg) rotate(-8deg) translateY(-4px)}.closed-book:active:not(:disabled){scale:.96}.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.2s cubic-bezier(.34,.92,.28,1.06)}.cover-outside,.cover-inside{display:block;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;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-title-backdrop{container-type:inline-size}.cover-intro .cover-title-backdrop .cover-title{top:6%;left:8%;right:8%;font-size:9cqw;line-height:1.3;padding:.15em .4em;border-radius:3px;color:#fff6dd;text-shadow:0 1px 2px #26170a;background:linear-gradient(#1c1208bd,#1c12087d)}.cover-intro[lang=ug] .cover-title-backdrop .cover-title{font-size:10cqw;line-height:1.55}.cover-intro .cover-title-backdrop .cover-edition{font-size:5cqw;line-height:1.4;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}18%{transform:translateY(1.5%) scale(.97);opacity:1}58%{transform:translate(-7%,-2%) scale(1.12);opacity:1}80%{transform:translate(-8%,-3%) scale(1.17);opacity:1}to{transform:translate(-8%,-1.5%) scale(1.2);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}18%{transform:translateY(1.5%) scale(.97);opacity:1}58%{transform:translate(7%,-2%) scale(1.12);opacity:1}80%{transform:translate(8%,-3%) scale(1.17);opacity:1}to{transform:translate(8%,-1.5%) scale(1.2);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],.word-chest-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{padding-top:0}.closed-book-perspective{width:min(clamp(230px,27vw,300px),max(170px,calc((100svh - var(--cover-chrome)) / 1.5)));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=shelf] .app-header{height:85px}[data-book-state=closed] main,[data-book-state=shelf] main{padding-top:10px}.closed-book-perspective{width:min(64vw,300px,calc((100svh - var(--cover-chrome)) / 1.5));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:50%;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}.page-leaf-3d{position:absolute;z-index:11;right:1%;top:0;bottom:-4%;width:49%;pointer-events:none;visibility:hidden;transform-style:preserve-3d}.page-leaf-3d[data-turning=true]{visibility:visible}.leaf-sheet{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;transform-style:preserve-3d;transform:translateZ(calc(var(--leaf-order, 0) * -.6px))}.page-leaf-3d[data-turning=true] .leaf-sheet[data-active=true]{visibility:visible}.leaf-strip{position:absolute;top:0;bottom:0;left:100%;width:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(var(--leaf-angle, 0deg))}.leaf-sheet>.leaf-strip{left:0;width:calc(100% / var(--leaf-strips, 9));transform:rotateY(var(--leaf-angle, 0deg)) skewY(var(--leaf-skew, 0deg))}.page-leaf-return{left:1%;right:auto}.page-leaf-return .leaf-strip{left:auto;right:100%;transform-origin:right center}.page-leaf-return .leaf-sheet>.leaf-strip{left:auto;right:0;width:calc(100% / var(--leaf-strips, 9))}.leaf-face{position:absolute;display:block;top:0;right:-.75px;bottom:0;left:-.75px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:brightness(calc(1 - var(--leaf-shade, 0) * .85))}.leaf-back{transform:rotateY(180deg)}.leaf-paper{position:absolute;display:block;left:0;right:0;top:var(--leaf-paper-top, 0px);height:var(--leaf-paper-height, 100%);background:linear-gradient(180deg,#fffbef,#f7eed7 62%,#e9dec0)}.leaf-back .leaf-paper{background:linear-gradient(180deg,#fdf7e9,#f0e6cd 60%,#e2d6b5)}.leaf-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background:repeating-linear-gradient(180deg,#b79f72 0 1px,transparent 1px 21px)}.leaf-ink{position:absolute;display:block;top:0;right:0;bottom:0;left:0}.leaf-face:after{content:"";position:absolute;left:0;right:0;top:var(--leaf-paper-top, 0px);height:var(--leaf-paper-height, 100%);pointer-events:none;background-image:linear-gradient(100deg,rgb(255 249 219 / var(--leaf-sheen, 0)),transparent 58%)}.leaf-print,.leaf-print *{animation:none!important;transition:none!important;pointer-events:none!important}.leaf-print .text-page,.leaf-print .illustration-page{transform:none!important;opacity:1!important}.leaf-underlay{position:absolute;z-index:10;overflow:hidden;pointer-events:none;visibility:hidden}.leaf-underlay[data-active=true]{visibility:visible}.leaf-underlay>.leaf-paper{background:linear-gradient(90deg,#f6ecd2,#fffae7 40%,#f4edda)}.leaf-underlay>.leaf-paper:before{display:none}.leaf-edge .leaf-face{border-radius:0 7px 9px 0;box-shadow:inset -2px 0 5px #cbb98d5c}.page-leaf-return .leaf-edge .leaf-face{border-radius:9px 0 0 7px;box-shadow:inset 2px 0 5px #cbb98d5c}.leaf-cast{position:absolute;display:block;left:-4%;top:4%;bottom:-2%;width:108%;pointer-events:none;filter:blur(9px);transform-origin:left center;transform:translateZ(-4px) scaleX(calc(.3 + var(--leaf-progress, 0) * 1.3));background:linear-gradient(90deg,#4a341552,#4a341530 42%,transparent 76%);opacity:calc(var(--leaf-lift, 0) * .85)}.page-leaf-return .leaf-cast{transform-origin:right center;background:linear-gradient(270deg,#4a341552,#4a341530 42%,transparent 76%)}[data-depth=on] .book-area{perspective:1500px;perspective-origin:calc(50% + var(--tilt-x, 0) * 9%) calc(42% + var(--tilt-y, 0) * 7%)}[data-depth=on] .book-cover{perspective:none;transform-style:preserve-3d;transform:rotateX(calc(15deg + var(--tilt-y, 0) * -5.5deg)) rotateY(calc(var(--tilt-x, 0) * 9deg))}[data-depth=on] .book-content{perspective:none;transform-style:preserve-3d}[data-depth=on] .book-spread{transform-style:preserve-3d}[data-depth=on] .book-cover:after{content:"";position:absolute;z-index:3;top:0;right:1%;bottom:-5%;left:1%;pointer-events:none;transform-origin:center bottom;transform:rotateX(19deg) translateZ(1px);background:linear-gradient(90deg,transparent 43%,#6b4f2a2b 48.5%,#5c421f42 50%,#6b4f2a26 52%,transparent 58%)}[data-depth=on] .book-spine{transform:rotate(3deg) translateZ(3px)}[data-depth=on] .text-page{--pop-rest: -11deg;--pop-z: 26px;transform:translateZ(var(--pop-z)) rotateX(-11deg);transform-origin:50% 100%}[data-depth=on] .illustration-page{--pop-z: 62px;transform:translateZ(var(--pop-z));transform-origin:50% 100%}[data-depth=on] .turning-spread .text-page{animation:page-standup .8s cubic-bezier(.22,.82,.3,1) .05s both}[data-depth=on] .turning-spread .illustration-page{animation:page-standup .92s cubic-bezier(.22,.82,.3,1) .15s both}[data-depth=on] .folio{transform:translateZ(6px)}[data-depth=on] .page-leaf-3d{transform:translateZ(74px)}[data-depth=on] .book-cover[data-leaf] .turning-spread .text-page,[data-depth=on] .book-cover[data-leaf] .turning-spread .illustration-page{animation:none;transform:translateZ(1px);transform-style:flat;transition:transform .24s cubic-bezier(.4,0,.2,1)}[data-depth=on] .book-cover[data-turned]:not([data-leaf]) .turning-spread .text-page{animation:page-rise .75s cubic-bezier(.22,.82,.3,1) both}[data-depth=on] .book-cover[data-turned]:not([data-leaf]) .turning-spread .illustration-page{animation:page-rise .85s cubic-bezier(.22,.82,.3,1) .08s both}@keyframes page-rise{0%{transform:translateZ(1px)}72%{transform:translateZ(var(--pop-z, 0px)) rotateX(calc(var(--pop-rest, 0deg) + 4deg))}to{transform:translateZ(var(--pop-z, 0px)) rotateX(var(--pop-rest, 0deg))}}[data-depth=on] .book-cover[data-leaf] .page-leaf-3d{transform:translateZ(4px)}[data-depth=on] .book-cover[data-leaf=turning] .book-content{transform-style:flat}.book-cover[data-leaf] .turning-spread .storybook-illustration{transform:none!important}[data-depth=on] .book-cover[data-leaf] .leaf-underlay{transform:translateZ(2px)}[data-depth=on] .book-cover[data-leaf] .leaf-cast{transform:translateZ(-1px) scaleX(calc(.3 + var(--leaf-progress, 0) * 1.3))}[data-depth=on] .corner-peel{transform:translateZ(66px)}.book-cover[data-leaf] .corner-peel{opacity:0;pointer-events:none;transition:opacity .15s}@keyframes book-breath{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes page-standup{0%{opacity:.18;transform:translateZ(var(--pop-z, 0px)) rotateX(calc(var(--pop-rest, 0deg) - 52deg))}45%{opacity:1}78%{transform:translateZ(var(--pop-z, 0px)) rotateX(calc(var(--pop-rest, 0deg) + 6deg))}to{opacity:1;transform:translateZ(var(--pop-z, 0px)) rotateX(var(--pop-rest, 0deg))}}[data-depth=on] .closed-book{transition:none;animation:book-breath 9s ease-in-out infinite;transform:rotateX(calc(31deg + var(--tilt-y, 0) * -9deg)) rotateY(calc(var(--tilt-x, 0) * 13deg)) rotate(-10deg)}[data-depth=on] .closed-book:hover:not(:disabled){transform:rotateX(calc(27deg + var(--tilt-y, 0) * -9deg)) rotateY(calc(var(--tilt-x, 0) * 13deg)) rotate(-8deg) translateZ(18px)}[data-depth=on] .cover-outside:after{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;background:linear-gradient(102deg,transparent 38%,#fff3c944 47%,#fff8dc5e 50.5%,transparent 61%);transform:translate(calc(var(--tilt-x, 0) * 24%)) translateY(calc(var(--tilt-y, 0) * 11%))}.corner-peel{position:absolute;z-index:9;right:3.2%;bottom:0;width:76px;height:76px;padding:0;border:0;background:none;cursor:grab;touch-action:pan-y;touch-action:pan-y pinch-zoom}.corner-peel:active{cursor:grabbing}.corner-peel-paper{position:absolute;display:block;top:0;right:0;bottom:0;left:0;transform-origin:100% 100%;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(315deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:-8px -8px 15px #4b361a4d;transition:transform .22s cubic-bezier(.25,.8,.3,1)}.corner-peel-hint{position:absolute;right:9px;bottom:4px;font:italic 15px Georgia,serif;color:#a58d5c;opacity:0;transition:opacity .3s}.corner-peel:hover .corner-peel-paper,.corner-peel:focus-visible .corner-peel-paper{transform:translate(calc(var(--peel, .55) * -17px),calc(var(--peel, .55) * -17px)) rotate(calc(var(--peel, .55) * -12deg)) scale(calc(1 + var(--peel, .55) * .24))}.corner-peel:hover .corner-peel-hint,.corner-peel:focus-visible .corner-peel-hint{opacity:1}.corner-peel:focus-visible{outline:3px solid #fff0b8;outline-offset:3px;border-radius:6px}.corner-peel-start{right:auto;left:3.2%}.corner-peel-start .corner-peel-paper{transform-origin:0 100%;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(45deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:8px -8px 15px #4b361a4d}.corner-peel-start .corner-peel-hint{right:auto;left:9px}.corner-peel-start:hover .corner-peel-paper,.corner-peel-start:focus-visible .corner-peel-paper{transform:translate(calc(var(--peel, .55) * 17px),calc(var(--peel, .55) * -17px)) rotate(calc(var(--peel, .55) * 12deg)) scale(calc(1 + var(--peel, .55) * .24))}.corner-peel-back{width:50px;height:50px;opacity:.78}.corner-peel-back:hover,.corner-peel-back:focus-visible{opacity:1}.corner-peel-back .corner-peel-hint{font-size:12px}.page-dragging,.page-dragging *{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;cursor:grabbing!important}.depth-toggle{display:flex;width:100%;align-items:center;gap:10px;margin-top:17px;padding:9px 11px;min-height:46px;text-align:start;border:1px solid #b59a6f;border-radius:8px;background:#fff6e1;color:#695034;font-size:14px;line-height:1.45}.depth-toggle>span{display:flex;flex-direction:column;gap:2px;min-width:0}.depth-toggle strong{display:block;margin:0;font-size:14px;font-weight:650}.depth-toggle small{font-size:12px;color:#8a7250}.depth-toggle svg{flex:0 0 auto}.depth-toggle:hover:not(:disabled){box-shadow:inset 0 0 0 2px #c99d65}.depth-toggle:focus-visible{outline:3px solid #805d30;outline-offset:3px}.depth-toggle:disabled{opacity:.62}.depth-toggle[aria-pressed=true]{color:#fff4df;background:#74343a;border-color:#74343a;box-shadow:inset 0 0 0 2px #a26953}.depth-toggle[aria-pressed=true] small{color:#f4dccb}.settings-panel[lang=ug] .depth-toggle strong{font-size:19px}.settings-panel[lang=ug] .depth-toggle small{font-size:15px}@media(max-width:1050px)and (min-width:701px){.corner-peel{width:62px;height:62px}[data-depth=on] .illustration-page{--pop-z: 42px}}@media(max-width:700px){.corner-peel{display:none}.page-leaf-3d,.page-leaf-return{left:0;right:auto;width:100%}[data-depth=on] .book-cover{transform:rotateX(calc(var(--tilt-y, 0) * -2deg)) rotateY(calc(var(--tilt-x, 0) * 3deg))}[data-depth=on] .illustration-page{--pop-z: 20px}[data-depth=on] .book-cover:after{display:none}.depth-toggle{min-height:48px}}.comet-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:60;pointer-events:none}.popup-stage{position:absolute;z-index:5;left:3%;right:3%;bottom:6%;height:44%;pointer-events:none;transform-style:preserve-3d}.illustrated-spread .illustrated-scene{display:block;position:relative;padding:0;transform:translateZ(-26px)}.illustrated-spread .storybook-illustration{position:absolute;left:50%;top:0;height:66%;width:auto;translate:-50% 0;transform-origin:50% 100%}.illustrated-spread .storybook-illustration img{height:100%;width:auto}.compact-art-spread .storybook-illustration{aspect-ratio:4 / 3}@media(max-width:1050px)and (min-width:701px){.illustrated-spread .storybook-illustration,.illustrated-spread .storybook-illustration img{width:100%;height:auto}}.compact-art-spread .popup-cutout{min-height:44px}.popup-cutout{position:absolute;padding:0;border:0;background:none;pointer-events:auto;transform-style:preserve-3d;transform-origin:50% 100%;transform:translateZ(calc(var(--rank, 1) * 9px)) translate(calc(var(--tilt-x, 0) * var(--rank, 1) * -1.7px)) rotate(var(--lean, 0deg))}.cutout-art{display:block;transform-origin:50% 100%;transform:scaleX(var(--flip, 1));animation:cutout-rise .82s cubic-bezier(.22,.86,.3,1.05) var(--delay, 0s) both}.cutout-art svg{filter:drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 4px 5px #4c351a4a)}.cutout-art svg{display:block;width:100%;height:auto}.cutout-shadow{position:absolute;left:-4%;right:-4%;bottom:-7px;height:19px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#4a341573,transparent 68%);filter:blur(3px);animation:cutout-settle .82s ease-out var(--delay, 0s) both}.cutout-label{position:absolute;left:50%;top:-6px;z-index:9;padding:3px 11px;border-radius:20px;white-space:nowrap;pointer-events:none;font-size:13px;line-height:1.5;color:#5f4526;background:#fff6dff0;border:1px solid #cfb387;box-shadow:0 4px 10px #4c351a3d;opacity:0;transform:translate(-50%,6px) scale(.9);transition:opacity .2s,transform .2s}.cutout-label.cutout-named{opacity:1;transform:translate(-50%) scale(1)}.popup-cutout:focus-visible{outline:3px solid #fff0b8;outline-offset:6px;border-radius:8px}.popup-cutout:hover .cutout-art{transform:scaleX(var(--flip, 1)) translateY(-3px)}@keyframes cutout-rise{0%{transform:scaleX(var(--flip, 1)) rotateX(-88deg)}to{transform:scaleX(var(--flip, 1)) rotateX(0)}}@keyframes cutout-settle{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.illustrated-scene{transform-style:preserve-3d}[lang=ug] .cutout-label{font-family:var(--font-uyghur);font-size:17px}.story-word.word-ahead{color:#a9977c;border-bottom-color:#e2d3ad}.story-word.word-ahead.word-active{color:#3c3040}@media(max-width:700px){.popup-stage{height:55%;bottom:2%}.cutout-label{font-size:12px;padding:2px 9px}[lang=ug] .cutout-label{font-size:15px}}@media(prefers-reduced-motion:reduce){.cutout-art,.cutout-shadow{animation:none}.comet-trail{display:none}}[data-book-state=shelf] main{padding-top:clamp(10px,2.5vh,26px)}[data-book-state=shelf] .book-title{display:none}.book-room{position:relative;width:min(1000px,100%);margin:0 auto;padding:0 0 4px}.room-wall{position:absolute;top:-8px;right:-3%;bottom:20%;left:-3%;border-radius:14px;overflow:hidden;box-shadow:inset 0 -30px 50px #7c52284d,inset 0 0 70px #8a5f2f2e,0 18px 44px #402c1560;background-color:#e7c894;background-image:repeating-linear-gradient(45deg,#a9764018 0 3px,transparent 3px 26px),repeating-linear-gradient(-45deg,#a9764018 0 3px,transparent 3px 26px),radial-gradient(#9d6c3a2e 2.4px,transparent 3px),radial-gradient(ellipse at 24% 6%,#ffeec4,transparent 58%),linear-gradient(#f0d7a6,#dcbc86 68%,#c9a068);background-size:auto,auto,48px 48px,auto,auto}.wall-kite{position:absolute;width:44px;height:54px;clip-path:polygon(50% 0,100% 36%,50% 100%,0 36%);opacity:.92}.wall-kite:after{content:"";position:absolute;left:50%;top:98%;width:3px;height:54px;margin-left:-1.5px;border-radius:2px;background:repeating-linear-gradient(#a96f4bcc 0 6px,transparent 6px 13px)}.kite-one{left:5%;top:5%;background:linear-gradient(#dd7d90,#ab4560);rotate:-14deg}.kite-two{right:6%;top:4%;background:linear-gradient(#74b0cb,#37728f);rotate:12deg}.kite-three{left:17%;top:15%;width:30px;height:37px;background:linear-gradient(#e8b75f,#bd8235);rotate:-5deg}.shelf-unit{position:relative;width:min(940px,100%);margin-inline:auto;padding:0}.shelf-ornaments{position:relative;margin:0 3%;height:clamp(34px,5vh,58px);display:flex;align-items:flex-end;justify-content:space-evenly;gap:clamp(2px,.6vw,10px);pointer-events:none}.shelf-ornament{display:block;flex:0 0 auto;height:100%;filter:drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 4px 4px #4c351a45)}.shelf-ornament svg{display:block;height:100%;width:auto}@media(max-width:1180px){.shelf-ornament[data-keep="4"]{display:none}}@media(max-width:900px){.shelf-ornament[data-keep="3"]{display:none}}@media(max-width:620px){.shelf-ornament[data-keep="2"]{display:none}}.shelf-plank{position:relative;z-index:2;height:20px;border-radius:3px;background-image:repeating-linear-gradient(90deg,#00000014 0 1px,transparent 1px 41px),linear-gradient(#c08d52,#97673233 18%,#8a5c2b 52%,#6b451f);background-color:#8a5c2b;box-shadow:0 4px #533619,0 11px 20px #3f2a1275}.shelf-plank-top,.shelf-plank-crown{margin-bottom:0}.shelf-plank-main{height:26px}.plank-edge{position:absolute;inset:0 0 auto;height:4px;border-radius:3px 3px 0 0;background:linear-gradient(#eec489,#c2914f)}.shelf-tier{--book-ideal: clamp(80px, 11.5vw, 144px);--book-floor: 60px}.shelf-book-gauge{position:absolute;top:0;left:0;width:var(--book-ideal);height:0;visibility:hidden;pointer-events:none}.shelf-books{position:relative;display:flex;align-items:flex-end;justify-content:center;perspective:1300px;padding:clamp(16px,3.1vh,31px) 3.5% 5px;gap:clamp(8px,1.8vw,26px);background-image:repeating-linear-gradient(90deg,#00000010 0 1px,transparent 1px 46px),linear-gradient(#6f4a23,#8a6236 26%,#a07648 78%,#6f4a23);box-shadow:inset 0 16px 26px #3a240d8c,inset 0 -8px 14px #3a240d66,inset 9px 0 18px #3a240d80,inset -9px 0 18px #3a240d80}.shelf-books:before{content:"";flex:0 0 0;height:calc(var(--book-w, var(--book-ideal)) * 1.5)}.shelf-row{position:absolute;top:0;right:0;bottom:0;left:0;--book-height: calc(var(--book-w, var(--book-ideal)) * 1.5 + 10px)}.shelf-books-upper .shelf-row{--book-height: calc(var(--book-w, var(--book-ideal)) * 1.5)}.shelf-scroll{height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;touch-action:pan-x pan-y pinch-zoom;scroll-padding-inline:22px;padding-inline:22px;cursor:grab}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-scroll:focus-visible{outline:2px solid #f0ce8b;outline-offset:-3px}.shelf-scroll-track{display:flex;height:100%;align-items:flex-end}.shelf-book-slot{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:0 0 26.5%;min-width:0;height:100%;padding-bottom:5px;scroll-snap-align:start;perspective:900px}.shelf-book-slot:before{content:"";position:absolute;bottom:0;width:min(90%,calc(var(--book-height) * .9));height:14px;border-radius:50%;background:radial-gradient(ellipse,#24150ec9,#24150e55 45%,transparent 72%);pointer-events:none}.shelf-row[data-dragging=true] .shelf-scroll{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.shelf-row[data-dragging=true] .shelf-book{pointer-events:none}.shelf-row,.shelf-row img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.shelf-scroll-control{position:absolute;top:50%;translate:0 -35%;z-index:10;width:36px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #d6b58291;border-radius:18px;background:linear-gradient(#76522ce8,#4f321ce8);color:#fff0cb;box-shadow:0 2px 8px #24150966;transition:opacity .2s,background-color .2s}.shelf-scroll-control:hover:not(:disabled){background:#96703a}.shelf-scroll-control:focus-visible{outline:2px solid #fff0b8;outline-offset:-4px}.shelf-scroll-control:disabled{opacity:0;pointer-events:none}.shelf-scroll-previous{inset-inline-start:3px}.shelf-scroll-next{inset-inline-end:3px}.shelf-book{--volume-width: min(calc(var(--book-height) * .76), calc(100% - 18px) );--book-depth: calc(var(--book-height) * .76 * var(--depth-ratio, .2));position:relative;width:var(--volume-width);flex:0 0 auto;aspect-ratio:3 / 4;padding:0;border:0;background:none;transform-style:preserve-3d;transform-origin:50% 100%;touch-action:pan-x pan-y;touch-action:pan-x pan-y pinch-zoom;transform:rotateY(var(--book-angle, -20deg)) rotate(var(--stand, 0deg));transition:transform .35s cubic-bezier(.25,.85,.3,1)}.shelf-book:hover,.shelf-book:focus-visible{transform:rotateY(-12deg) translateY(-4px)}.shelf-book[aria-pressed=true]{transform:rotateY(-12deg) translateY(-5px)}.shelf-book:focus-visible{outline:2px solid #fff0b8;outline-offset:5px;border-radius:3px}.shelf-book-face,.shelf-book-back{position:absolute;display:block;top:0;right:0;bottom:0;left:0;border-radius:2px 4px 4px 2px;background:var(--spine, #5c4230);border:2px solid var(--spine, #5c4230)}.shelf-book-face{overflow:hidden;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #fff1c963,1px 0 #241508aa,0 2px #291c12}.shelf-book-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px 1px #fff7d67a,inset -1px -1px 2px #180b0880;background:linear-gradient(90deg,#1d100b5c,#ffffff30 3%,#180b084d 6%,#ffffff25 8%,transparent 15%,transparent 88%,#fff7df19),repeating-linear-gradient(0deg,#fff3d407 0 1px,transparent 1px 3px)}.shelf-book[aria-pressed=true] .shelf-book-face{box-shadow:0 0 0 1px var(--edge),0 0 12px #ffdf9a70}.shelf-book-back{transform:translateZ(calc(-1 * var(--book-depth)));box-shadow:0 1px #26170d,0 4px 6px #26170d66}.shelf-book-face img{display:block;width:100%;height:100%;object-fit:cover}.shelf-book-spine{position:absolute;display:flex;align-items:center;justify-content:center;left:calc(-1 * var(--book-depth));top:0;bottom:0;width:var(--book-depth);transform-origin:100% 50%;transform:rotateY(90deg);border-radius:3px 0 0 3px;overflow:hidden;background:linear-gradient(90deg,#0008,#fff2 35%,#0002 65%,#0006),var(--spine, #5c4230);box-shadow:inset 0 3px 0 var(--edge),inset 0 -3px 0 var(--edge),inset 0 7px #0002,inset 0 -7px #0002}.shelf-book-spine span{writing-mode:vertical-rl;max-height:83%;overflow:hidden;font-size:8px;line-height:1.1;color:var(--edge);text-shadow:0 1px 1px #0008}.shelf-book-block{position:absolute;display:block;right:calc(-1 * var(--book-depth));top:3px;bottom:3px;width:var(--book-depth);transform-origin:0 50%;transform:rotateY(-90deg) translateZ(2px);background:linear-gradient(90deg,#c6b38c80,transparent 35%,#fff6dc99 65%,#8f775a77),repeating-linear-gradient(0deg,#f5ebd1 0,#f5ebd1 1px,#cdbf9f 1px,#cdbf9f 1.5px,#fff4d9 1.5px,#fff4d9 3px);box-shadow:inset 0 1px 2px #68523980}.shelf-book-top{position:absolute;left:2px;right:2px;top:2px;height:var(--book-depth);transform-origin:50% 0;transform:rotateX(-90deg);background:repeating-linear-gradient(0deg,#eee3c6 0,#eee3c6 1px,#c7b796 1px,#c7b796 2px)}.shelf-book-title{position:absolute;display:block;left:10%;right:5%;top:4%;padding:5px 4px;border-radius:2px;font-family:var(--font-serif);font-size:12px;line-height:1.3;font-weight:700;color:#fff6dd;text-shadow:0 1px 2px #26170a;background:linear-gradient(#1c1208bd,#1c12087d);text-wrap:balance}.book-room[lang=ug] .shelf-book-title{font-family:var(--font-uyghur);font-size:15px;line-height:1.5}@media(max-width:700px){.shelf-scroll{padding-inline:14px;scroll-padding-inline:14px}.shelf-book-slot{flex-basis:30%}.shelf-scroll-control{width:28px}}@media(max-height:560px)and (min-width:620px){.shelf-row{--book-height: calc(var(--book-w, var(--book-ideal)) * 1.5 - 3px)}.shelf-book:hover,.shelf-book:focus-visible,.shelf-book[aria-pressed=true]{transform:rotateY(-12deg) translateY(-3px)}.shelf-book-title,.book-room[lang=ug] .shelf-book-title{font-size:10px;padding:2px;line-height:1.3}}@media(prefers-reduced-motion:reduce){.shelf-scroll{scroll-behavior:auto}.shelf-scroll-control{transition:none}}.shelf-picker{position:relative;z-index:2;width:min(940px,100%);margin:clamp(9px,1.6vh,18px) auto 0;text-align:center}.shelf-chosen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 10px;width:fit-content;margin:0 auto 10px;padding:5px 17px;border-radius:13px;font-size:15px;font-weight:600;line-height:1.4;color:#5b3f27;background:#fff7dfee;box-shadow:0 4px 11px #6e482326;text-wrap:balance}.shelf-chosen-band{padding:1px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#4b4560;background:#e8e2ef}.shelf-chosen-stars{display:flex;gap:1px;color:#c9ad79}.book-room[lang=ug] .shelf-chosen{font-family:var(--font-uyghur);font-size:19px;line-height:1.6}.book-room[lang=ug] .shelf-chosen-band{font-size:15px;letter-spacing:0}.shelf-star-lit{color:#e0a63f}.shelf-book-ribbon{position:absolute;z-index:2;right:19%;bottom:-13px;width:9px;height:25px;background:linear-gradient(90deg,#8d2f33,#c2585a 55%,#7d2a2f);box-shadow:0 2px 5px #2b120b59;clip-path:polygon(0 0,100% 0,100% 100%,50% 62%,0 100%)}.shelf-book-heart{position:absolute;z-index:2;right:7%;bottom:5%;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff4de;color:#b5424b;box-shadow:0 2px 5px #2b120b4d}.shelf-love{display:grid;place-items:center;width:30px;height:30px;margin-inline-start:2px;border-radius:50%;color:#b06068;transition:color .2s ease,background-color .2s ease,transform .2s ease}.shelf-love:hover{background:#ffe6e6;transform:scale(1.08)}.shelf-love-on{color:#b5424b}.shelf-love:focus-visible{outline:3px solid #805d30;outline-offset:2px}.shelf-restart{margin-top:9px;font-size:12px;min-height:38px;padding:6px 14px}.book-room[lang=ug] .shelf-restart{font-family:var(--font-uyghur);font-size:15px}.shelf-take{min-width:230px;margin-inline:auto}.book-room[lang=ug] .shelf-take{font-family:var(--font-uyghur);font-size:21px;min-height:52px}.shelf-return{display:inline-flex;align-items:center;gap:7px;margin-top:11px;min-height:40px;padding:7px 16px;border:1px solid #b59a6f;border-radius:30px;background:#fff6e1d9;color:#6b5034;font-size:13px}.shelf-return:hover:not(:disabled){background:#fffaf0}.shelf-return:focus-visible{outline:3px solid #805d30;outline-offset:3px}.cover-intro[lang=ug] .shelf-return{font-family:var(--font-uyghur);font-size:17px}@media(max-width:1050px)and (min-width:701px){.shelf-tier{--book-ideal: clamp(72px, 11.6vw, 112px);--book-floor: 56px}.shelf-books{gap:clamp(8px,1.6vw,18px)}}@media(max-width:700px){.book-room{padding-bottom:0}.room-wall{top:-6px;right:-3%;bottom:22%;left:-3%;border-radius:12px}.shelf-unit{padding:52px 2% 0}.shelf-ornaments{left:4%;right:4%;height:42px}.shelf-books{gap:5px;padding-inline:2.5%}.shelf-tier{--book-ideal: clamp(58px, 19vw, 88px);--book-floor: 48px}.shelf-book-title{font-size:10px;padding:3px 4px}.book-room[lang=ug] .shelf-book-title{font-size:12px}.shelf-chosen{font-size:13px;padding:4px 12px;margin-bottom:8px}.book-room[lang=ug] .shelf-chosen{font-size:16px}.shelf-take{min-width:200px}.wall-kite{width:30px;height:38px}.kite-three{display:none}}@media(max-width:700px)and (max-height:780px){.shelf-ornaments{display:none}.shelf-unit{padding-top:24px}.shelf-books-upper{padding:22px 6% 4px}.shelf-tier-upper{--book-ideal: clamp(50px, 15.5vw, 72px);--book-floor: 46px}.shelf-books{padding-block:18px 4px}.shelf-tier{--book-ideal: clamp(54px, 17vw, 78px);--book-floor: 46px}.shelf-tier-label{top:3px}.shelf-picker{margin-top:7px}.shelf-chosen{margin-bottom:6px}}@media(max-height:860px){.shelf-ornaments{height:clamp(26px,3.4vh,40px)}.shelf-plank-crown{height:13px;box-shadow:0 3px #533619,0 8px 14px #3f2a1255}.shelf-books-upper{padding-top:clamp(18px,2.6vh,26px)}.shelf-books{padding-block:clamp(18px,2.9vh,26px) 4px}.shelf-picker{margin-top:clamp(6px,1vh,11px)}.shelf-chosen{margin-bottom:clamp(5px,.9vh,9px)}}@media(prefers-reduced-motion:reduce){.shelf-book{transition:none}}.desk-sheep{position:fixed;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.desk-sheep canvas{display:block;width:100%!important;height:100%!important}.paper-scene{position:absolute;top:0;right:2%;bottom:2%;left:2%;border-radius:7px;overflow:hidden;transform:translateZ(-26px);transform-style:preserve-3d;border:6px solid #fff5dd;outline:1px solid #d0b786;box-shadow:6px 16px 18px -6px #503b3060,1px 3px 0 1px #c9b58e}.paper-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper-sky)}.paper-disc{position:absolute;right:13%;top:9%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--paper-disc);box-shadow:0 0 0 7px #ffffff2e,0 0 44px 18px var(--paper-glow)}.paper-disc-moon{clip-path:circle(50% at 66% 50%);right:15%}.paper-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6d6;box-shadow:0 0 6px #fff0bb;animation:twinkle 4s ease-in-out infinite;animation-delay:var(--delay)}.paper-hills{position:absolute;left:-2%;width:104%;display:block}.paper-hills path{stroke:#fdf3dd;stroke-width:2.5;paint-order:stroke}.paper-hills-far{bottom:27%;height:34%}.paper-hills-far path{fill:var(--hill-far)}.paper-hills-mid{bottom:20%;height:30%}.paper-hills-mid path{fill:var(--hill-mid)}.paper-hills-near{bottom:14%;height:25%}.paper-hills-near path{fill:var(--hill-near)}.paper-floor{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(var(--paper-floor),#fff3d6);box-shadow:inset 0 5px 10px #6b4a2540}.paper-fold{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#fff8e3 20%,#fff8e3 80%,transparent)}.paper-spread .popup-stage{bottom:5%;height:48%}.paper-spread .illustration-page{top:-20%;right:-2%;width:58%;bottom:0}[data-depth=on] .paper-spread .illustration-page{--pop-z: 58px}.cover-emblem{position:relative;z-index:0;display:block;width:100%;height:100%;overflow:hidden}.emblem-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#3d4f7a,#7c86ab 48%,#d9bd8e)}.emblem-ground{position:absolute;left:-4%;right:-4%;bottom:0;height:21%;border-radius:46% 46% 0 0/24% 24% 0 0;background:linear-gradient(#d9bd8e,#b9995f);box-shadow:0 -2px #fdf3dd}.emblem-piece{position:absolute;bottom:9%;display:block;filter:drop-shadow(0 0 1.4px #fdf3dd) drop-shadow(0 0 1.4px #fdf3dd) drop-shadow(0 3px 4px #2a1c0c66)}.emblem-piece svg{display:block;width:100%;height:auto}.emblem-piece:nth-child(2){left:2%;width:62%;bottom:15%}.emblem-piece:nth-child(3){right:4%;width:52%;bottom:8%}.emblem-piece:nth-child(4){left:12%;width:27%;bottom:6%}.cover-paper .cover-title{top:6%}.cover-paper{background:#22304e;box-shadow:inset 0 0 0 6px #22304e,inset 0 0 0 8px #c9a05e,3px 4px 1px #16223a}.cover-paper .cover-art{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;border-radius:3px}.story-choice .cover-emblem{width:42px;height:52px;flex:0 0 auto;border-radius:2px;box-shadow:1px 2px 4px #51392150}@media(max-width:700px){.paper-spread .illustration-page{top:-60px;height:300px;right:0;width:100%}.paper-spread .popup-stage{bottom:3%;height:52%}.paper-scene{top:0;right:0;bottom:2%;left:0}}.shelf-books-upper{position:relative;justify-content:flex-start;padding:clamp(22px,3.5vh,35px) 7% 5px}.shelf-tier-upper{--book-ideal: clamp(60px, 7.2vw, 92px);--book-floor: 52px}.shelf-tier-label{position:absolute;top:5px;left:50%;translate:-50% 0;z-index:9;padding:2px 12px;border-radius:20px;font-size:11px;letter-spacing:.6px;color:#f0e2c6;background:#3b3a4cd9;box-shadow:0 2px 6px #241a0f59}.book-room[lang=ug] .shelf-tier-label{font-family:var(--font-uyghur);font-size:14px;letter-spacing:0}.shelf-book-older .shelf-book-title{background:linear-gradient(#12101cbd,#12101c6b)}.older-spread .paper-scene{border-color:#efe6d2}.popup-stage-still .popup-cutout{pointer-events:none}.popup-stage-still .cutout-art{filter:saturate(.82) brightness(.94)}.paper-scene-cold .paper-disc,.paper-scene-ash .paper-disc{box-shadow:0 0 0 6px #ffffff1c,0 0 34px 14px var(--paper-glow);opacity:.82}.older-spread .text-page{width:44%;background:radial-gradient(ellipse at 30% 20%,#fffdf6,#fbf6e6 70%,#efe7d2)}.older-spread .word-story{font-size:clamp(15px,1.42vw,19px);line-height:1.72}.older-spread .story-copy h2{font-size:clamp(19px,1.85vw,25px);margin-bottom:15px}.older-spread .text-page[lang=ug] .word-story{font-size:20px;line-height:1.95}.older-spread .text-page[lang=ug] .story-copy h2{font-size:24px}.older-spread .text-page[lang=ja] .story-copy h2{font-size:21px}.older-spread .illustration-page{width:51%;right:-2%}.older-spread .page-finished{color:#6f6480}.reading-enlarged .older-spread .text-page{width:56%}.cover-intro-older .cover-edition{color:#ded2e6;letter-spacing:1px}.cover-intro-older[lang=ug] .cover-edition{letter-spacing:0}@media(max-width:1050px)and (min-width:701px){.shelf-tier-upper{--book-ideal: clamp(56px, 7.8vw, 88px);--book-floor: 50px}.older-spread .text-page{width:46%}.older-spread .illustration-page{width:52%}}@media(max-width:700px){.shelf-books-upper{padding:30px 6% 5px}.shelf-tier-upper{--book-ideal: clamp(54px, 18vw, 84px);--book-floor: 48px}.shelf-tier-label{font-size:10px;padding:2px 9px}.book-room[lang=ug] .shelf-tier-label{font-size:12px}.older-spread .text-page,.reading-enlarged .older-spread .text-page{width:100%}.older-spread .illustration-page{width:100%;right:0}.older-spread .word-story{font-size:17px}.older-spread .text-page[lang=ug] .word-story{font-size:19px}}@media(max-height:940px)and (min-height:561px)and (min-width:701px){.storybook-app{--chrome: 300px;--cover-chrome: 540px}.app-header{height:78px;padding-block:13px 0}main{padding-top:clamp(38px,5vh,58px)}.narration-controls{flex-direction:row;align-items:center;gap:10px}.reading-dock,.page-progress{margin-top:6px}.narration-notice{margin-top:4px}.app-footer{margin-top:8px}}@media(max-height:560px)and (min-width:620px){.storybook-app{--chrome: 196px;padding:0 16px 6px}.app-header{height:auto;padding:5px 4px 0}.brand-name{font-size:16px}.brand-caption{font-size:8px}.brand-mark{width:22px;height:28px}.sound-button{width:36px;height:36px;border-width:2px}.header-controls{gap:6px}main{padding-top:8px}.book-title{display:none}.app-footer{margin-top:6px;font-size:11px}.shelf-ornaments{display:none}.book-room{display:flex;align-items:center;gap:clamp(12px,2.4vw,26px);width:100%}.shelf-unit{flex:1 1 auto;min-width:0;width:auto}.shelf-picker{flex:0 0 clamp(168px,23vw,240px);width:auto;margin:0}.shelf-tier{--book-ideal: clamp(46px, 7.4vw, 78px);--book-floor: 44px}.shelf-tier-upper{--book-ideal: clamp(44px, 6.2vw, 68px);--book-floor: 44px}.shelf-books{padding-block:9px 4px}.shelf-books-upper{padding-top:13px}.shelf-plank{height:12px;box-shadow:0 3px #533619,0 7px 12px #3f2a1255}.shelf-plank-main{height:15px}.shelf-tier-label{top:1px;font-size:10px;padding:1px 8px}.book-room[lang=ug] .shelf-tier-label{font-size:12px}.shelf-chosen{font-size:12px;padding:4px 11px;margin-bottom:8px}.book-room[lang=ug] .shelf-chosen{font-size:15px}.shelf-take{min-width:0;width:100%;min-height:44px;font-size:14px;padding-inline:12px}.book-room[lang=ug] .shelf-take{font-size:17px;min-height:46px}.room-wall{top:-6px;right:-2%;bottom:8%;left:-2%}.wall-kite{display:none}.book-spread{min-height:0;height:auto;padding:1px 0 2px}.text-page{top:0;padding:8px 14px 7px}.story-copy{padding:2px 0 4px}.story-copy h2{font-size:16px;margin-bottom:6px}.word-story{font-size:12px;line-height:1.48}.text-page[lang=ug] .word-story{font-size:14px;line-height:1.66}.text-page[lang=ug] .story-copy h2{font-size:20px}.older-spread .word-story{font-size:12px;line-height:1.5}.older-spread .text-page[lang=ug] .word-story{font-size:14px}.older-spread .story-copy h2{font-size:18px;margin-bottom:8px}.chapter-label{font-size:11px}.story-hint{margin:0;padding-block:2px}.story-hint p{font-size:10px}.story-hint svg{width:13px;height:13px}.reading-dock{margin-top:1px}.page-progress{margin-top:3px;font-size:10px}.read-button,.read-button:not(.selected-mode){min-height:42px;min-width:170px;font-size:14px;padding:7px 16px}.reading-dock[lang=ug] .read-button{font-size:17px}.narration-controls{flex-direction:row;align-items:center;gap:8px}.myself-button{min-height:32px;min-width:120px;font-size:11px}.page-controls{gap:12px}.narration-notice{margin-top:3px;font-size:11px}.app-footer{margin-top:0;font-size:10px;display:flex;align-items:center;justify-content:center;gap:10px}.app-footer>span{display:none}.social-link{width:30px;height:30px}.app-header{padding:2px 4px 0}.page-progress{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.book-spread .illustration-page{top:-10%;bottom:2%;width:47%;right:-1%}.book-spread .text-page{width:44%}.older-spread .illustration-page{width:45%;right:-1%}.older-spread .text-page{width:46%}.page-button{width:42px;height:42px;min-width:42px}.chapter-stars,.corner-peel{display:none}.storybook-app{--cover-chrome: 110px}.cover-intro{min-height:0;padding-bottom:4px;flex-direction:row;align-items:center;justify-content:center;gap:clamp(18px,4vw,44px)}.closed-book-perspective{width:min(210px,calc((100svh - var(--cover-chrome)) / 1.5));margin:0}.cover-invitation{margin-top:0;max-width:min(330px,42vw)}.cover-invitation p{margin-top:6px;font-size:11px}.cover-intro[lang=ug] .cover-invitation p{font-size:14px}.cover-invitation .version-picker{margin-bottom:8px;width:100%}.cover-open-button{min-height:40px;font-size:13px}.cover-intro[lang=ug] .cover-open-button{font-size:17px;min-height:42px}.shelf-return{margin-top:6px;min-height:34px;padding:5px 13px;font-size:11px}.cover-intro[lang=ug] .shelf-return{font-size:14px}}@media(max-width:700px)and (orientation:portrait){.storybook-app{padding:0 12px 4px}.app-header{height:54px;padding:6px 0 0;align-items:center}.brand-name{font-size:16px}.brand-caption{font-size:8px}.brand-mark{width:22px;height:28px}.header-controls{gap:5px}.sound-button{width:38px;height:38px;border-width:2px}main{padding-top:4px}.book-title,.chapter-stars{display:none}.book-spread{min-height:0;height:auto;padding:0 0 2px;display:flex;flex-direction:column;gap:6px}.book-spread .illustration-page{order:-1;position:relative;inset:auto;width:100%;height:clamp(136px,28svh,246px);flex:0 0 auto;margin:0}.book-spread .text-page{position:relative;width:100%;left:0;top:auto;margin:0;flex:1 1 auto;min-height:0;padding:clamp(9px,1.7svh,14px) 16px clamp(8px,1.4svh,12px)}.paper-spread .popup-stage{bottom:2%;height:54%}.compact-art-spread .storybook-illustration{height:90%}.compact-art-spread .popup-cutout{display:grid;place-items:end center}.compact-art-spread .cutout-art{width:100%}.compact-art-spread .cutout-art svg{width:100%;height:52px}.paper-scene{top:0;right:0;bottom:0;left:0}.diorama-viewport{height:100%}.page-stack,.corner-peel{display:none}.story-copy{padding:4px 0 6px}.story-copy h2{font-size:clamp(17px,2.9svh,21px);margin-bottom:clamp(5px,1.1svh,9px)}.word-story{font-size:clamp(14.5px,2.5svh,18px);line-height:1.58}.text-page[lang=ug] .word-story{font-size:clamp(16.5px,2.9svh,21px);line-height:1.8}.text-page[lang=ug] .story-copy h2{font-size:clamp(19px,3.3svh,24px)}.text-page[lang=ja] .story-copy h2{font-size:19px}.chapter-label{font-size:11px}.story-hint{margin:0;padding-block:2px}.story-hint p{font-size:11px}.reading-dock{margin:5px auto 0}.page-controls{gap:7px}.page-button{width:44px;height:44px;min-width:44px;border-width:3px}.narration-controls{flex:1 1 auto;min-width:0;gap:5px}.read-button,.read-button:not(.selected-mode){min-width:0;width:100%;min-height:44px;font-size:14px;padding:8px 12px}.reading-dock[lang=ug] .read-button{font-size:17px}.myself-button{min-height:32px;min-width:0;font-size:11px;padding:5px 12px}.reading-dock[lang=ug] .myself-button{font-size:14px}.page-progress{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.narration-notice{margin-top:3px;font-size:11px}.app-footer{margin-top:4px;font-size:10px}.app-footer>span{display:none}.social-link{width:30px;height:30px}}@media(max-width:700px)and (orientation:portrait)and (max-height:700px){.shelf-books{padding-block:12px 3px}.shelf-books-upper{padding-top:15px}.shelf-plank{height:13px}.shelf-plank-main{height:17px}.shelf-chosen{margin-bottom:5px;padding:3px 10px;font-size:12px}.book-room[lang=ug] .shelf-chosen{font-size:15px}.shelf-take{min-height:42px}.book-room[lang=ug] .shelf-take{min-height:44px;font-size:18px}}[data-theme=night] .room-wall{background-color:#3b3423;background-image:repeating-linear-gradient(45deg,#0d0b0722 0 3px,transparent 3px 26px),repeating-linear-gradient(-45deg,#0d0b0722 0 3px,transparent 3px 26px),radial-gradient(#1a140c40 2.4px,transparent 3px),radial-gradient(ellipse at 24% 6%,#6b6350,transparent 58%),linear-gradient(#4a422e,#3a3324 68%,#2b2519);box-shadow:inset 0 -30px 50px #05070d99,inset 0 0 70px #0d1626b3,0 18px 44px #03050a99}[data-theme=night] .wall-kite{opacity:.5}[data-theme=night] .shelf-books{background-image:repeating-linear-gradient(90deg,#0000001f 0 1px,transparent 1px 46px),linear-gradient(#241a0f,#33261699 26%,#3d2e1c 78%,#241a0f);box-shadow:inset 0 16px 26px #0a0703cc,inset 0 -8px 14px #0a070399,inset 9px 0 18px #0a0703b3,inset -9px 0 18px #0a0703b3}[data-theme=night] .shelf-plank{background-image:repeating-linear-gradient(90deg,#00000024 0 1px,transparent 1px 41px),linear-gradient(#5c421f,#40301733 18%,#3c2913 52%,#281a0c);background-color:#3c2913;box-shadow:0 4px #1d1207,0 11px 20px #06040199}[data-theme=night] .plank-edge{background:linear-gradient(#8a7043,#5d4523)}[data-theme=night] .shelf-ornament{opacity:.66}[data-theme=night] .shelf-book[aria-pressed=true] .shelf-book-face{box-shadow:0 0 0 1px var(--edge),0 0 22px #ffdf9a8c}[data-theme=night] .shelf-scroll-control{background:linear-gradient(#3d2a15e8,#26180ce8);border-color:#b8965f6b}[data-theme=night] .shelf-chosen{background:#1d2634ee;color:#ece4d2;box-shadow:0 4px 11px #05080f55}[data-theme=night] .shelf-chosen-band{background:#343049;color:#ded8ec}[data-theme=night] .shelf-tier-label{color:#cfc6ae}[data-theme=night] .shelf-return,[data-theme=night] .shelf-restart{background:#1e2836d9;border-color:#6f7f9166;color:#e4dcc7}[data-theme=night] .shelf-love{color:#d98a92}[data-theme=night] .shelf-love:hover{background:#3a2630}[data-theme=night]>canvas,[data-theme=night]>div>canvas{filter:brightness(.46) saturate(.7) contrast(1.03)}[data-theme=night] .book-cover{box-shadow:0 26px 60px #04060cb3}[data-theme=night] .text-page{background:radial-gradient(ellipse at 30% 20%,#f3e9d2,#e9dcc0 70%,#dccba5);outline-color:#e6d8b7;box-shadow:inset 0 0 0 3px #efe3c9,inset 0 0 35px #a88f552a,0 15px 20px -7px #04060c80}[data-theme=night] .book-title h1,[data-theme=night] .cover-invitation p,[data-theme=night] .cover-invitation .version-picker legend,[data-theme=night] .reading-dock .page-progress,[data-theme=night] .reading-dock .narration-notice,[data-theme=night] .app-footer>span{background:#17202dee;color:#ece3cf}[data-theme=night] .reading-dock{color:#ded6c2}[data-theme=night] .page-button,[data-theme=night] .read-button{background:#f0e7d2;color:#2a2620}[data-theme=night] .page-progress,[data-theme=night] .folio{color:#bdb49f}@media(max-width:700px)and (orientation:portrait)and (prefers-reduced-motion:no-preference){.corner-peel{display:block;top:10px;right:10px;bottom:auto;left:auto;width:56px;height:56px;z-index:12}.corner-peel-paper{transform-origin:100% 0;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(225deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:-7px 7px 14px #4b361a4d;animation:corner-nudge 3s ease-in-out 1.1s 3}.corner-peel:active .corner-peel-paper,.corner-peel:focus-visible .corner-peel-paper{transform:translate(-9px,9px) rotate(6deg) scale(1.1)}.corner-peel-hint{top:7px;right:11px;bottom:auto;left:auto}.corner-peel-start{left:10px;right:auto}.corner-peel-start .corner-peel-paper{transform-origin:0 0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:7px 7px 14px #4b361a4d;animation-name:corner-nudge-start}.corner-peel-start:active .corner-peel-paper,.corner-peel-start:focus-visible .corner-peel-paper{transform:translate(9px,9px) rotate(-6deg) scale(1.1)}.corner-peel-start .corner-peel-hint{left:11px;right:auto}}@keyframes corner-nudge{0%,68%,to{transform:none}84%{transform:translate(-6px,6px) rotate(5deg) scale(1.05)}}@keyframes corner-nudge-start{0%,68%,to{transform:none}84%{transform:translate(6px,6px) rotate(-5deg) scale(1.05)}}.cover-flight{position:absolute;z-index:12;top:0;right:1%;bottom:-5%;left:1%;pointer-events:none;transform-origin:center bottom;transform:translateZ(3px);transform-style:preserve-3d}.cover-board{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;transform-style:preserve-3d}.cover-flight[dir=rtl] .cover-board{left:0;transform-origin:right center}.cover-board-face{position:absolute;display:block;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px 8px 12px 3px}.cover-flight[dir=rtl] .cover-board-face{border-radius:8px 3px 3px 12px}.cover-board-front.cover-intro{position:absolute;display:block;padding:0;min-height:0;box-shadow:0 10px 24px #3a281640}.cover-board-front .cover-outside{transform:none}.cover-board-back{transform:rotateY(180deg);border:7px solid #303758;border-bottom-width:12px;background:radial-gradient(#b4a07933 .6px,transparent .8px),linear-gradient(90deg,#ece0c2,#fff8e3 30%,#eee3c9);background-size:6px 6px,100% 100%}.cover-board-shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#26180a;opacity:0;pointer-events:none}.book-cover[data-opening=arriving]:before,.book-cover[data-opening=arriving]:after,.book-cover[data-opening=arriving]>:not(.cover-flight){opacity:0}.book-area:has(.book-cover[data-opening]) .ribbon,.book-cover[data-opening] .corner-peel{opacity:0}.book-cover[data-opening=arriving] :is(.illustration-page,.text-page){opacity:0}@media(min-width:701px){.book-cover:is([data-opening=arriving],[data-opening=turning]):before,.book-cover:is([data-opening=arriving],[data-opening=turning]) .page-stack{clip-path:inset(-10% -10% -30% 50%)}.book-cover:is([data-opening=arriving],[data-opening=turning]):has(.cover-flight[dir=rtl]):before,.book-cover:is([data-opening=arriving],[data-opening=turning]):has(.cover-flight[dir=rtl]) .page-stack{clip-path:inset(-10% 50% -30% -10%)}.book-cover:is([data-opening=arriving],[data-opening=turning]):after,.book-cover:is([data-opening=arriving],[data-opening=turning]) :is(.book-spine,.folio-left,.folio-right){opacity:0}.book-cover:is([data-opening=arriving],[data-opening=turning]):not(:has(.cover-flight[dir=rtl])) .text-page,.book-cover:is([data-opening=arriving],[data-opening=turning]):has(.cover-flight[dir=rtl]) .illustration-page{opacity:0}.book-cover[data-opening=landed] :is(.text-page,.illustration-page){transition:opacity .25s}}@media(max-width:700px){.cover-flight{top:70px;right:-3px;bottom:-7px;left:-3px;transform:translateZ(3px)}.cover-board,.cover-flight[dir=rtl] .cover-board{left:0;width:100%;transform-origin:left center}}@media(prefers-reduced-motion:reduce){.cover-flight{display:none}}.book-cover{-webkit-touch-callout:none}.storybook-app{border-style:solid;border-color:transparent;border-width:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.prototype-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#271c114d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.prototype-loading-paper{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(390px,100%);padding:28px;border:2px solid #d1af72;border-radius:14px;background:#fff6df;color:#624628;text-align:center;box-shadow:0 18px 60px #2b1b1466}.prototype-loading-paper p{margin:0}.prototype-loading-paper progress{width:100%;height:8px;accent-color:#795032}.prototype-loading[lang=ug]{font-family:var(--font-uyghur);font-size:20px}.prototype-preparing{position:fixed!important;inset:180px 30px auto;visibility:hidden;pointer-events:none}.prototype-journey{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;perspective:1800px}.prototype-shelf-echo{position:absolute;pointer-events:none}.prototype-flight{position:absolute;perspective:1800px;container-type:inline-size}.prototype-flight .cover-intro{display:block;width:100%;height:100%;min-height:0;padding:0}.prototype-flight .closed-book-perspective{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;aspect-ratio:auto;animation:none}.prototype-flight .closed-book{transform:rotateX(8deg);animation:none;transition:none}.prototype-flight .cover-invitation{display:none}.prototype-flight .cover-art{width:100%;height:100%;object-fit:cover}.prototype-flight .cover-title,.prototype-flight .cover-intro[lang=ug] .cover-title{font-size:clamp(10px,7cqw,32px);line-height:1.5;top:6%}.prototype-flight .cover-illustrated-hero .cover-title{padding:.15em .4em;border-radius:2px;color:#fff6dd;text-shadow:0 1px 2px #26170a;background:linear-gradient(#1c1208bd,#1c12087d)}.prototype-flight .cover-edition{display:none}.prototype-flight .cover-front{transition-duration:1.35s}.prototype-flight-opening .cover-front{transform:rotateY(-180deg)}.prototype-flight-opening [dir=rtl] .cover-front{transform:rotateY(180deg)}.prototype-reader{--prototype-ink: #62472f}.prototype-reader .book-cover{transform:rotateX(8deg);transform-style:preserve-3d}[data-depth=off] .prototype-reader .book-cover{transform:none}.prototype-reader .book-cover:before{background-image:radial-gradient(#bba47d22 .6px,transparent .8px),linear-gradient(90deg,#f0e3c7,#fff9e8 25%,#e8dcc1 47%,#b49c71 49.8%,#fff9e8 51%,#f4e9d0);background-size:4px 4px,100% 100%;box-shadow:0 3px #c1ae88,0 5px #f5ecd5,0 7px #c6b493,0 9px #f4e9d2,0 12px #273650,0 16px 5px #3b261a70,0 28px 30px #4a312a55,0 45px 65px -18px #49322066}.prototype-reader .turning-spread .text-page,.prototype-reader .turning-spread .illustration-page{animation:none}.prototype-reader .illustration-page{transform:translateZ(20px)}@media(min-width:701px)and (min-height:561px){.prototype-reader .book-spread .illustration-page{top:-9%;bottom:3%;right:-2%;width:63%}.prototype-reader .book-spread .text-page:not(.text-page-has-endpaper){max-height:calc(100svh - var(--chrome) - 60px);overflow-y:auto;scrollbar-width:thin}.prototype-reader:has(.prototype-quiz-button) .book-spread .text-page:not(.text-page-has-endpaper){max-height:calc(100svh - var(--chrome) - 112px)}.prototype-reader:has(.prototype-quiz-button) .book-spread{min-height:min(clamp(420px,51vh,640px),calc(100svh - var(--chrome) - 52px))}}.prototype-reader .text-page{transition:opacity .22s}.prototype-reader[data-phase=preparing] .text-page,.prototype-reader[data-phase=moving] .text-page,.prototype-reader[data-phase=opening] .text-page,.prototype-reader[data-phase=turning] .text-page,.prototype-reader[data-phase=settling] .text-page{opacity:0;pointer-events:none}.prototype-reader[data-phase=opening] .book-content{opacity:.6}.prototype-reader .reading-dock{transition:opacity .25s}.prototype-reader[data-phase=moving] .reading-dock,.prototype-reader[data-phase=opening] .reading-dock,.prototype-reader[data-phase=rising] .reading-dock{opacity:0}.prototype-reader .diorama-dialogue{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0 7%;min-height:40px;padding:7px 12px;font-size:14px}.prototype-reader .prototype-dialogue-slot{min-height:47px}.prototype-reader .diorama-viewport{height:calc(100% - 102px)}.prototype-reader .toy-controls{margin:0 6%}.prototype-reader .diorama-end{display:none}.prototype-reader .prototype-quiz-button{margin:7px auto 0;padding:8px 20px;min-height:44px;border:2px solid #ba9259;border-radius:24px;background:#fff2cc;color:#684425;box-shadow:0 2px 6px #49322033}.prototype-reader[data-phase=quiz] .reading-dock,.prototype-reader[data-phase=reward] .reading-dock{display:none}.prototype-reader .text-page-has-endpaper{height:min(420px,max(150px,calc(100svh - var(--chrome) - 24px)));padding:14px 16px;overflow:hidden}.prototype-reader .text-page-has-endpaper .story-quiz{position:relative;width:100%;min-height:0;max-height:none;flex:1;margin:0;padding:3px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.prototype-reader .text-page-has-endpaper .story-quiz h2{font-size:clamp(18px,1.7vw,23px)}.prototype-reader .text-page-has-endpaper .story-quiz-answers{gap:7px}.prototype-reader .text-page-has-endpaper .story-quiz-answers button{flex:1 1 100%}.prototype-reader .text-page-has-endpaper .story-quiz-actions{gap:3px}[data-experience=moving] .book-title,[data-experience=opening] .book-title{visibility:hidden}[data-experience=moving] .app-footer,[data-experience=opening] .app-footer{opacity:0}@media(max-width:700px){.prototype-reader .book-spread{padding-top:296px}.prototype-reader .illustration-page{right:0;width:100%}.prototype-reader .diorama-viewport{scroll-margin-top:16px}.prototype-reader .text-page-has-endpaper{height:min(380px,calc(100svh - 430px));min-height:230px}.prototype-reader .diorama-viewport{height:calc(100% - 134px)}.prototype-reader .prototype-dialogue-slot{min-height:46px}.prototype-reader .diorama-dialogue{font-size:12px;min-height:36px;margin-inline:3%}.prototype-reader .toy-controls{gap:3px;margin:0;padding-inline:4px;justify-content:center}.prototype-reader .toy-controls button{font-size:11px;min-height:44px;padding:4px 7px}}@media(max-width:700px)and (orientation:portrait){.prototype-reader .book-spread{padding-top:0}.prototype-reader .diorama-viewport{height:calc(100% - 76px)}.prototype-reader .prototype-dialogue-slot{min-height:28px}.prototype-reader .diorama-dialogue{min-height:26px;padding:2px 8px;line-height:1.6}.prototype-reader .toy-controls button{min-width:44px;padding:5px}.prototype-reader .toy-controls button span{display:none}.prototype-reader .text-page[lang=ug] .word-story{font-size:clamp(16.5px,2.5svh,21px);line-height:1.7}.prototype-reader:has(.prototype-quiz-button) .book-spread .text-page{max-height:calc(100svh - clamp(136px,28svh,246px) - 270px);overflow-y:auto}}@media(max-height:560px)and (min-width:620px){.prototype-reader .book-spread .text-page{max-height:calc(100svh - 150px);overflow-y:auto}.prototype-reader:has(.prototype-quiz-button) .book-spread .text-page:not(.text-page-has-endpaper){max-height:calc(100svh - 202px)}.prototype-reader .text-page[lang=ja] .story-copy h2{font-size:17px;line-height:1.4;margin-bottom:5px}.prototype-reader .book-spread .illustration-page{top:0;bottom:0}.prototype-reader .text-page-has-endpaper{padding:8px 12px}.prototype-reader .text-page-has-endpaper .story-quiz h2{font-size:16px}.prototype-reader .diorama-viewport{height:calc(100% - 78px)}.prototype-reader .prototype-dialogue-slot{min-height:26px}.prototype-reader .diorama-dialogue{padding:2px 8px;min-height:25px;font-size:11px}.prototype-reader .toy-controls{margin:0;padding:0;gap:3px}.prototype-reader .toy-controls button{min-width:44px;min-height:44px;padding:5px}.prototype-reader .toy-controls button span{display:none}}@media(prefers-reduced-motion:reduce){.prototype-flight .cover-front,.prototype-reader .reading-dock,.prototype-reader .text-page{transition:none}}.reading-dock .page-controls{display:grid;grid-template-columns:52px minmax(0,260px) 52px;justify-content:center;align-items:center;gap:10px 14px}.reading-dock .narration-controls{display:contents}.reading-dock .previous-button{grid-area:1 / 1}.reading-dock .next-button{grid-area:1 / 3}.reading-dock .page-button{width:52px;min-width:52px;height:52px}.reading-dock .read-button{grid-area:1 / 2;width:100%;min-width:0;min-height:48px;padding-inline:14px;line-height:1.4}.reading-dock .reader-secondary-actions{grid-area:2 / 1 / 3 / -1;display:flex;justify-content:center;align-items:stretch;gap:10px}.reading-dock .reader-close-button,.reading-dock .myself-button{display:flex;align-items:center;justify-content:center;align-self:stretch;gap:7px;flex:1 1 0;min-width:0;max-width:220px;min-height:48px;padding:7px 12px;border:3px solid #b88b50;border-radius:32px;color:#58422f;background:linear-gradient(#fffbee,#f2e6cb);box-shadow:inset 0 0 0 1px #fff8e5,inset 0 0 0 3px #ddc997,0 2px 0 1px #946c39,0 4px 8px #65462740;font-size:15px;font-weight:700;line-height:1.4;text-align:center;touch-action:manipulation;transition:background .16s,transform .16s,box-shadow .16s}.reading-dock .reader-close-button svg,.reading-dock .myself-button svg{flex:0 0 18px;width:18px;height:18px}.reading-dock .reader-close-button svg{color:#98613b;fill:#efd6a1}.reading-dock .myself-button.selected-mode{background:#e7c58b;border-color:#a17a45;color:#4b392c}.reading-dock .reader-close-button:hover,.reading-dock .myself-button:hover:not(:disabled){background:#fff7dc;transform:translateY(-1px)}.reading-dock .reader-close-button:active,.reading-dock .myself-button:active:not(:disabled){transform:translateY(1px)}.reading-dock .reader-close-button:focus-visible,.reading-dock .myself-button:focus-visible{outline:3px solid #477c7b;outline-offset:4px}.reading-dock .read-button:disabled,.reading-dock .myself-button:disabled{opacity:.55;cursor:default}.reading-dock[lang=ug] .reader-close-button,.reading-dock[lang=ug] .myself-button{font-size:18px}.reading-dock .reader-exit-actions{display:flex;justify-content:center}.prototype-reader[data-phase=quiz] .reading-dock,.prototype-reader[data-phase=reward] .reading-dock{display:block}@media(max-width:700px){.reading-dock .page-controls{grid-template-columns:48px minmax(0,240px) 48px;gap:9px 10px}.reading-dock .page-button{width:48px;min-width:48px;height:48px}.reading-dock .reader-secondary-actions{gap:8px}.reading-dock .reader-close-button,.reading-dock .myself-button{padding-inline:8px;font-size:14px}.reading-dock[lang=ug] .reader-close-button,.reading-dock[lang=ug] .myself-button{font-size:17px}}@media(max-width:700px)and (orientation:portrait){.reading-dock{margin:5px auto 0;padding-bottom:env(safe-area-inset-bottom,0px)}.reading-dock .page-controls{gap:6px}.reading-dock .page-button{width:44px;min-width:44px;height:44px}.reading-dock .read-button,.reading-dock .reader-close-button,.reading-dock .myself-button{min-height:44px;padding:5px 8px}.reading-dock .narration-notice{margin-top:3px;font-size:11px}}@media(min-width:701px)and (max-height:940px),(min-width:620px)and (max-height:560px){.reading-dock{max-width:740px}.reading-dock .page-controls{grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1fr) 44px;gap:8px}.reading-dock .reader-secondary-actions{display:contents}.reading-dock .previous-button{grid-area:1 / 1}.reading-dock .read-button{grid-area:1 / 2}.reading-dock .reader-secondary-actions .reader-close-button{grid-area:1 / 3}.reading-dock .myself-button{grid-area:1 / 4}.reading-dock .next-button{grid-area:1 / 5}.reading-dock .page-button{width:44px;min-width:44px;height:44px}.reading-dock .read-button,.reading-dock .reader-close-button,.reading-dock .myself-button{min-height:44px;max-width:none;padding:6px 8px;font-size:14px}.reading-dock[lang=ug] .read-button,.reading-dock[lang=ug] .reader-close-button,.reading-dock[lang=ug] .myself-button{font-size:17px}.reading-dock .voice-bars{display:none}.reading-dock .reader-exit-actions .reader-close-button{flex:0 1 220px}}@media(prefers-reduced-motion:reduce){.reading-dock .reader-close-button,.reading-dock .myself-button{transition:none}}@media(min-width:701px)and (max-width:1050px)and (min-height:941px)and (orientation:portrait){.prototype-reader .reading-dock{margin-top:2px}.prototype-reader .reading-dock .page-controls{row-gap:4px}}.word-pickable .story-word{cursor:pointer;border-radius:4px;transition:background-color .15s}.word-pickable .story-word:hover{background-color:#f3dfae66}.story-word.word-kept{text-decoration:underline 2px #c9973a;text-underline-offset:5px;text-decoration-skip-ink:none}.keep-word-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #c9ab76;border-radius:50%;background:#fff8e6}.keep-word-button[aria-pressed=true]{background:#f7e2ad;border-color:#b8893d}.word-card{position:fixed;z-index:90;width:min(300px,calc(100vw - 16px));padding:16px 16px 14px;border:2px solid #d2b982;border-radius:14px;background:#fff6df;color:#5a4128;box-shadow:0 18px 40px #3d2a1466;font-size:14px}.word-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;border-radius:12px 12px 0 0;background:repeating-linear-gradient(90deg,#8a3b2e 0,#8a3b2e 10px,#e5b65a 10px,#e5b65a 14px,#2f5b78 14px,#2f5b78 24px,#e5b65a 24px,#e5b65a 28px);opacity:.85}.word-card-close{position:absolute;top:12px;inset-inline-end:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#8a7250}.word-card-word{margin:10px 36px 12px 0;font:700 30px/1.3 var(--font-serif);color:#7a3d24;overflow-wrap:anywhere}.word-card[dir=rtl] .word-card-word{margin:10px 0 12px 36px}.word-card[lang=ug] .word-card-word{font-family:var(--font-uyghur);font-size:36px;font-weight:600;line-height:1.5}.word-card-actions{display:flex;gap:8px;flex-wrap:wrap}.word-card-action{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:1px solid #c9ab76;border-radius:22px;background:#fffaf0;color:#5a4128;font:inherit}.word-card-action:disabled{opacity:.5}.word-card-keep[aria-pressed=true]{background:#f7e2ad;border-color:#b8893d}.word-card[lang=ug] .word-card-action{font-family:var(--font-uyghur);font-size:17px}.word-card-note{margin:10px 0 0;font-size:12px;color:#8a7250}.word-card-others{margin-top:12px;padding-top:10px;border-top:1px dashed #d8c192}.word-card-others-label{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#9a8158}.word-card-others p{margin:4px 0 0;line-height:1.5}.word-card-others p[lang=ug]{font-family:var(--font-uyghur);font-size:17px}.word-card-others small{display:block;font-size:10px;color:#a58d5c}.word-chest-button{position:relative}.word-chest-count{position:absolute;top:-4px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#8a3b2e;color:#fff6df;font:700 11px/19px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff6df}.word-chest-panel{width:320px}.word-chest-title{display:flex!important;align-items:center;gap:8px}.word-chest-title small{margin-inline-start:auto;font-weight:400;font-size:12px;color:#8a7250}.word-chest-empty{margin:0;line-height:1.6;color:#6f5536}.word-chest-book{margin-top:12px}.word-chest-book h3{margin:0 0 6px;font-size:13px;color:#8a6a3e}.word-chest-book ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.word-chest-word{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 4px 12px;border:1px solid #e0cb9c;border-radius:10px;background:#fffaf0}.word-chest-text{font:600 18px/1.4 var(--font-serif);color:#7a3d24;overflow-wrap:anywhere}.word-chest-text[lang=ug]{font-family:var(--font-uyghur);font-size:21px}.word-chest-tools{display:flex;gap:2px;flex:0 0 auto}.word-chest-tools button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#7a5a34}.word-chest-tools button:hover{background:#f3dfae}.word-chest-panel[lang=ug] .word-chest-book h3{font-size:16px}[data-theme=night] .word-card{background:#161f2cf5;border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .word-card-word,[data-theme=night] .word-chest-text{color:#f1d49a}[data-theme=night] .word-card-action,[data-theme=night] .word-chest-word,[data-theme=night] .keep-word-button{background:#1f2a3a;border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .word-card-keep[aria-pressed=true],[data-theme=night] .keep-word-button[aria-pressed=true]{background:#4a3a1c}[data-theme=night] .word-card-others small,[data-theme=night] .word-card-others-label,[data-theme=night] .word-chest-book h3{color:var(--night-ink-soft)}[data-theme=night] .word-chest-tools button{color:var(--night-ink)}[data-theme=night] .word-pickable .story-word:hover{background-color:#f1d49a22}.settings-phone-extras{margin-bottom:14px}@media(max-width:560px){.header-controls .share-control,.header-controls .fullscreen-control{display:none}.settings-phone-extras .depth-toggle{margin-top:8px}}.family-voice-chip{display:inline-flex;align-items:center;gap:6px;margin:6px auto 0;padding:3px 12px;border-radius:14px;background:#fff2d4;border:1px solid #d8bd85;color:#7a4a2a;font-size:12px}.reading-dock[lang=ug] .family-voice-chip{font-size:15px}.family-recorder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#271c1159;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.family-recorder-sheet{position:relative;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:26px 24px 18px;border:2px solid #d2b982;border-radius:16px;background:#fff6df;color:#5a4128;box-shadow:0 22px 60px #2b1b1466}.family-recorder-sheet:before{content:"";position:absolute;inset:0 0 auto;height:8px;border-radius:14px 14px 0 0;background:repeating-linear-gradient(90deg,#8a3b2e 0,#8a3b2e 10px,#e5b65a 10px,#e5b65a 14px,#2f5b78 14px,#2f5b78 24px,#e5b65a 24px,#e5b65a 28px);opacity:.85}.family-recorder-sheet h2{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:20px;color:#7a3d24}.family-recorder-hint,.family-recorder-privacy{margin:0 0 10px;font-size:13px;line-height:1.6;color:#7a6040}.family-recorder-privacy{margin:12px 0 0;font-size:11px}.family-recorder-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.family-recorder-lines li{padding:8px 12px;border-radius:10px;font-size:18px;line-height:1.6;opacity:.78}.family-recorder-lines li.recording-now{opacity:1;background:#fbe6b4;box-shadow:inset 0 0 0 2px #d9a74c;font-size:22px}.family-recorder-lines li.recording-done{opacity:.45}.family-recorder-sheet[lang=ug]{font-family:var(--font-uyghur)}.family-recorder-sheet[lang=ug] .family-recorder-lines li{font-size:22px}.family-recorder-sheet[lang=ug] .family-recorder-lines li.recording-now{font-size:26px}.family-recorder-clock{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#b0332a;font:600 15px system-ui,sans-serif}.family-recorder-clock svg{animation:recording-pulse 1.2s ease-in-out infinite}@keyframes recording-pulse{50%{opacity:.3}}.family-recorder-audio{width:100%;margin-top:12px}.family-recorder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.family-recorder-actions .read-button{display:inline-flex;align-items:center;gap:8px}[data-theme=night] .family-recorder-sheet{background:#161f2cf7;border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .family-recorder-sheet h2{color:#f1d49a}[data-theme=night] .family-recorder-hint,[data-theme=night] .family-recorder-privacy{color:var(--night-ink-soft)}[data-theme=night] .family-recorder-lines li.recording-now{background:#3a2f1a;box-shadow:inset 0 0 0 2px #b8893d}[data-theme=night] .family-voice-chip{background:#1f2a3a;border-color:var(--night-rule);color:var(--night-ink)}@media(prefers-reduced-motion:reduce){.family-recorder-clock svg{animation:none}}.passport-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:86;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#271c1166;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.passport{width:min(720px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:#fbf1d8;background-image:radial-gradient(#b4a07926 .6px,transparent .8px);background-size:6px 6px;color:#5a4128;box-shadow:0 24px 70px #22150b80}.passport-cover{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:22px 56px 18px 22px;background:#243251;color:#f4dfa3;border-bottom:8px solid transparent;border-image:repeating-linear-gradient(90deg,#8a3b2e 0,#8a3b2e 10px,#e5b65a 10px,#e5b65a 14px,#2f5b78 14px,#2f5b78 24px,#e5b65a 24px,#e5b65a 28px) 8}.passport[dir=rtl] .passport-cover{padding:22px 22px 18px 56px}.passport-emblem{grid-row:span 2;color:#e5b65a}.passport-cover h2{margin:0;font:700 22px/1.3 var(--font-serif)}.passport-cover p{margin:2px 0 0;font-size:13px;color:#e8d7a8}.passport[lang=ug] .passport-cover h2{font-family:var(--font-uyghur);font-size:26px;font-weight:600}.passport-close{position:absolute;top:14px;inset-inline-end:12px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #e5b65a66;border-radius:50%;background:transparent;color:#f4dfa3}.passport-stamps{margin:0;padding:18px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 10px}.passport-slot{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#b9a57c}.passport-slot .motif-stamp{opacity:.9;mix-blend-mode:multiply}.passport-ghost{width:76px;height:76px;display:grid;place-items:center;border:2px dashed #d7c49b;border-radius:50%;opacity:.6}.passport-title{font-size:12px;line-height:1.35;color:#5a4128}.passport-slot:not(.is-stamped) .passport-title{color:#a08b64}.passport-slot small{font-size:10px;color:#8a7250}.passport[lang=ug] .passport-title{font-family:var(--font-uyghur);font-size:15px}.passport[lang=ug] .passport-slot small{font-family:var(--font-uyghur);font-size:12px}.passport-treasures{margin:0 18px 18px;padding-top:14px;border-top:1px dashed #d8c192}.passport-treasures h3{margin:0 0 10px;font-size:15px;color:#7a3d24}.passport-treasures ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.passport-treasures li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:1px dashed #d7c49b;border-radius:22px;color:#a08b64;font-size:13px;opacity:.75}.passport-treasures li.is-earned{border-style:solid;border-color:#c9973a;background:#fff6df;color:#5a4128;opacity:1}.passport-treasures li.is-earned .passport-treasure-art{color:#9a3b2c}.passport-treasure-art{display:grid;place-items:center}.passport-next{margin:10px 0 0;font-size:12px;color:#8a7250}.passport[lang=ug] .passport-treasures{font-family:var(--font-uyghur)}.passport[lang=ug] .passport-treasures li{font-size:16px}.passport-button{position:relative}.stamp-card{width:min(380px,100%);padding:22px 20px 18px;border:2px solid #d2b982;border-radius:16px;background:#fff6df;color:#5a4128;text-align:center;box-shadow:0 24px 60px #22150b80}.stamp-card-heading{margin:0;font:700 24px/1.3 var(--font-serif);color:#7a3d24}.stamp-card[lang=ug]{font-family:var(--font-uyghur)}.stamp-card[lang=ug] .stamp-card-heading{font-family:var(--font-uyghur);font-size:28px;font-weight:600}.stamp-card-page{margin:14px auto 10px;width:170px;height:150px;display:grid;place-items:center;border-radius:6px;background:#fbf1d8;background-image:radial-gradient(#b4a07930 .6px,transparent .8px);background-size:6px 6px;box-shadow:inset 0 0 0 1px #e3cfa2}.stamp-card-press{display:grid;animation:stamp-press .7s cubic-bezier(.2,.9,.3,1.2) .15s both}.stamp-card-press .motif-stamp{mix-blend-mode:multiply}@keyframes stamp-press{0%{opacity:0;transform:translateY(-40px) scale(1.5)}55%{opacity:1;transform:translateY(0) scale(.94)}72%{transform:scale(1.03)}to{opacity:1;transform:none}}.stamp-card-text{margin:0;line-height:1.6}.stamp-card-rewards{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed #d8c192;font-size:13px}.stamp-card-rewards strong{display:inline-flex;align-items:center;gap:8px;color:#9a3b2c}.stamp-card-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.shelf-treasure{display:grid;place-items:end center}.shelf-treasure svg{filter:drop-shadow(0 2px 1px #4a2c1455)}[data-theme=night] .passport,[data-theme=night] .stamp-card{background-color:#1b2432;color:var(--night-ink)}[data-theme=night] .passport-title,[data-theme=night] .passport-treasures li.is-earned{color:var(--night-ink)}[data-theme=night] .passport-treasures li.is-earned{background:#26324a}[data-theme=night] .passport-slot .motif-stamp,[data-theme=night] .stamp-card-press .motif-stamp{mix-blend-mode:screen;filter:brightness(1.6)}[data-theme=night] .stamp-card-page{background-color:#243044;box-shadow:inset 0 0 0 1px #3a4a66}[data-theme=night] .stamp-card-heading,[data-theme=night] .passport-treasures h3{color:#f1d49a}@media(prefers-reduced-motion:reduce){.stamp-card-press{animation:none}}.seasonal-desk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}[data-book-state=shelf] .seasonal-desk,[data-book-state=closed] .seasonal-desk{position:fixed;z-index:40}.season-bit{position:absolute;top:-6%;display:block;transform:scale(var(--size, 1));animation:season-fall var(--duration, 16s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes season-fall{0%{translate:0 0;rotate:0deg;opacity:0}8%{opacity:.95}50%{translate:var(--sway, 30px) 55vh;rotate:160deg}92%{opacity:.9}to{translate:calc(var(--sway, 30px) * -.4) 112vh;rotate:330deg;opacity:0}}.season-blossom{width:15px;height:11px;border-radius:80% 0;background:linear-gradient(135deg,#fde7ec,#f4b8c6 70%,#e79aac);box-shadow:0 1px 2px #b0607018}.season-fluff{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#ffffff 30%,#fffdf3aa 60%,transparent 72%);box-shadow:0 0 6px #fffbe8;animation-name:season-float}@keyframes season-float{0%{translate:0 0;opacity:0}10%{opacity:.9}35%{translate:var(--sway, 30px) 30vh}65%{translate:calc(var(--sway, 30px) * -.6) 62vh}to{translate:var(--sway, 30px) 108vh;opacity:0}}.season-leaf{width:16px;height:20px;border-radius:50% 0 50% 50%;background:linear-gradient(160deg,#f3c54a,#d98f1f 65%,#a8651a);box-shadow:inset -1px -1px #8a4f1266}.season-leaf:nth-child(3n){background:linear-gradient(160deg,#e9a93a,#c46a1e 70%)}.season-snow{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fffc}[data-theme=night] .season-snow{box-shadow:0 0 8px #d8e6ff}[data-theme=night] .season-blossom,[data-theme=night] .season-leaf{filter:brightness(.8)}.noruz-garland{position:absolute;top:0;left:4%;right:4%;height:30px;display:flex;justify-content:center}.noruz-flags{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;border-top:2px solid #8a6a3e;border-radius:0 0 50% 50%/0 0 14px 14px}.noruz-flags i{width:16px;height:18px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--flag-color, #9a3b2c);transform-origin:top center;animation:flag-flutter 3s ease-in-out infinite}.noruz-flags i[style*="--flag: 1"]{--flag-color: #e5b65a;animation-delay:-.7s}.noruz-flags i[style*="--flag: 2"]{--flag-color: #2f5b78;animation-delay:-1.4s}.noruz-flags i[style*="--flag: 3"]{--flag-color: #3f6b3a;animation-delay:-2.1s}@keyframes flag-flutter{50%{transform:rotate(4deg)}}.noruz-greeting{position:relative;top:14px;height:fit-content;padding:2px 14px;border:1px solid #c9973a;border-radius:4px;background:#fff6df;color:#8a3b2c;font:700 13px/1.6 var(--font-uyghur),var(--font-serif);box-shadow:0 3px 6px #4a2c1433}.shelf-book-season:after{content:"";position:absolute;z-index:3;top:-6px;inset-inline-end:-4px;width:18px;height:18px;border-radius:50% 0 50% 50%;background:var(--season-mark, linear-gradient(160deg, #f3c54a, #d98f1f));box-shadow:0 1px 2px #4a2c1466;transform:rotate(-20deg);pointer-events:none}[data-season=spring] .shelf-book-season{--season-mark: linear-gradient(135deg, #fde7ec, #f4b8c6 70%, #e79aac)}[data-season=summer] .shelf-book-season{--season-mark: linear-gradient(135deg, #b9d98a, #5f8f3a)}[data-season=winter] .shelf-book-season{--season-mark: radial-gradient(circle, #fff 45%, #cfe0f5)}.season-selector small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#8a7250}[data-theme=night] .season-selector small{color:var(--night-ink-soft)}@media(prefers-reduced-motion:reduce){.season-bit{animation:none!important;top:var(--rest, 20%);opacity:.75}.season-bit:nth-child(n+8){display:none}.noruz-flags i{animation:none!important}}.story-text .second-line{margin:-2px 0 12px;padding-inline-start:10px;border-inline-start:3px solid #e3c98f;font-size:.66em;line-height:1.55;color:#7d6546;font-family:var(--font-serif)}.story-text .second-line[lang=ug]{font-family:var(--font-uyghur);font-size:.74em;line-height:1.7}.story-text .second-line[lang=ja]{font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif}.story-text .second-line[dir=rtl]{text-align:right}.story-text .second-line[dir=ltr]{text-align:left}[data-theme=night] .story-text .second-line{color:var(--night-ink-soft);border-color:#5a4a2a}.popup-cutout[data-sounding="0"] .cutout-art,.popup-cutout[data-sounding="1"] .cutout-art{animation:cutout-answer .55s cubic-bezier(.3,1.6,.5,1)}.popup-cutout[data-sounding="1"] .cutout-art{animation-name:cutout-answer-again}@keyframes cutout-answer{30%{transform:translateY(-6%) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}}@keyframes cutout-answer-again{30%{transform:translateY(-6%) rotate(4deg)}60%{transform:translateY(0) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.popup-cutout[data-sounding] .cutout-art{animation:none}}.parent-corner .passport-cover{grid-template-columns:auto 1fr}.parent-gate{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 20px 38px;text-align:center}.parent-gate p{margin:0;font-size:13px;color:#7a6040}.parent-gate-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.parent-gate-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#b07a2a33;transform-origin:left;transform:scaleX(var(--hold, 0));pointer-events:none}.parent-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:18px}.parent-tiles{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.parent-tiles div{padding:10px 12px;border:1px solid #e0cb9c;border-radius:10px;background:#fffaf0}.parent-tiles dt{font-size:12px;color:#7a6040}.parent-tiles dd{margin:2px 0 0;font:700 26px/1.2 var(--font-serif);color:#5a4128}.parent-tiles dd small{font-size:13px;font-weight:400;color:#8a7250}.parent-section h3{margin:0 0 8px;font-size:15px;color:#7a3d24}.parent-empty{margin:6px 0 0;font-size:12px;line-height:1.6;color:#8a7250}.week-chart{position:relative;height:150px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding:0 4px;border-bottom:1px solid #d8c192}.week-bar{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.week-bar-fill{width:min(22px,70%);min-height:2px;border-radius:4px 4px 0 0;background:#b07a2a}.week-bar-value{font-size:11px;color:#5a4128;margin-bottom:3px}.week-bar-day{position:absolute;bottom:-20px;font-size:11px;color:#7a6040;white-space:nowrap}.week-chart{margin-bottom:26px}.week-bar:hover .week-bar-fill{background:#8f6220}.week-bar:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);padding:3px 8px;border-radius:6px;background:#3a2a18;color:#fff6df;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.week-bar:hover:before{opacity:1}.parent-words{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.parent-words li{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border:1px solid #e0cb9c;border-radius:16px;background:#fffaf0}.parent-words span[lang=ug]{font-family:var(--font-uyghur);font-size:18px}.parent-words small{color:#8a7250}.parent-books,.parent-recordings{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}.parent-books li{display:grid;grid-template-columns:1fr 90px 34px;align-items:center;gap:10px}.parent-book-meter{height:6px;border-radius:3px;background:#eadbb8;overflow:hidden}.parent-book-meter span{display:block;height:100%;border-radius:3px;background:#b07a2a}.parent-books small{text-align:end;color:#7a6040}.parent-recordings li{display:flex;align-items:center;justify-content:space-between;gap:10px}.parent-recordings button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 10px;border:1px solid #d8c192;border-radius:18px;background:#fffaf0;color:#7a3d24;font:inherit}.parent-section .shelf-return{display:inline-flex;align-items:center;gap:6px}.parent-corner[lang=ug] .parent-body{font-family:var(--font-uyghur)}.parent-corner[lang=ug] .parent-books,.parent-corner[lang=ug] .parent-recordings{font-size:16px}[data-theme=night] .parent-tiles div,[data-theme=night] .parent-words li,[data-theme=night] .parent-recordings button{background:#1f2a3a;border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .parent-tiles dd,[data-theme=night] .week-bar-value{color:var(--night-ink)}[data-theme=night] .parent-tiles dt,[data-theme=night] .parent-empty,[data-theme=night] .week-bar-day,[data-theme=night] .parent-gate p{color:var(--night-ink-soft)}[data-theme=night] .parent-book-meter{background:#2c3950}[data-theme=night] .parent-section h3{color:#f1d49a}.journey-emblem{display:grid;place-items:center;width:34px;height:34px;border:2px solid #e5b65a;border-radius:50%;font:600 20px/1 var(--font-uyghur)}.shelf-journey{display:inline-flex;align-items:center;gap:8px;margin-top:8px}.shelf-journey-mark{font:600 17px/1 var(--font-uyghur);color:#9a3b2c}.journey-trail{margin:0;padding:18px 18px 6px;list-style:none;display:flex;flex-direction:column;gap:14px}.journey-row{position:relative}.journey-row>ol{position:relative;margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;gap:4px}.journey-row-back>ol{flex-direction:row-reverse}.journey-row>ol:before{content:"";position:absolute;top:50%;left:18px;right:18px;border-top:3px dashed #d7c49b}.journey-row:not(:last-child):after{content:"";position:absolute;top:50%;width:22px;height:calc(100% + 14px);border:3px dashed #d7c49b;border-inline-start:0;border-radius:0 22px 22px 0}.journey-row:not(.journey-row-back):not(:last-child):after{left:-4px;transform:scaleX(-1)}.journey-row-back:not(:last-child):after{right:-4px}.journey-stone{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;padding:0;border:2px solid #d2b982;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffaf0,#f3e4c2);color:#5a4128;box-shadow:0 3px #c7b089,0 5px 8px #4a2c1422;cursor:pointer}.journey-letter{font:600 22px/1 var(--font-uyghur)}.journey-stone.is-learned{border-color:#c9973a;background:radial-gradient(circle at 35% 30%,#fff1c2,#e5b65a);color:#6b3a14}.journey-stone.is-here{outline:3px solid #2f5b78;outline-offset:2px}.journey-star{position:absolute;top:-4px;right:-4px;color:#b07a2a}.journey-hint{margin:6px 18px 20px;font-size:13px;color:#7a6040;text-align:center}.journey-card{margin:8px 18px 20px;padding:16px;border:2px solid #d2b982;border-radius:14px;background:#fffaf0}.journey-card-head{display:flex;align-items:center;gap:16px}.journey-big{display:grid;place-items:center;width:84px;height:84px;border-radius:16px;background:#243251;color:#f4dfa3;font:600 48px/1 var(--font-uyghur)}.journey-latin{display:block;font:700 18px/1.2 var(--font-serif);color:#7a3d24}.journey-shapes-label{display:block;margin-top:4px;font-size:12px;color:#8a7250}.journey-shapes{display:flex;gap:12px;margin-top:4px;font:600 28px/1.4 var(--font-uyghur);color:#5a4128}.journey-shapes b{font-weight:600;min-width:26px;text-align:center}.journey-word{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed #d8c192}.journey-word strong{display:block;font:600 28px/1.4 var(--font-uyghur);color:#7a3d24}.journey-word small{display:block;font-size:13px;color:#7a6040}.journey-word .word-card-action{margin-inline-start:auto}.journey-art{display:grid;place-items:center;width:64px;height:64px;flex:0 0 auto}.journey-art>svg{width:100%;height:100%}.journey-art-letter{border-radius:12px;background:#f3e4c2;color:#9a3b2c;font:600 30px/1 var(--font-uyghur)}.journey-question{margin:14px 0 8px;font-weight:600;color:#5a4128}.alphabet-journey[lang=ug] .journey-question,.alphabet-journey[lang=ug] .journey-hint,.alphabet-journey[lang=ug] .journey-feedback{font-family:var(--font-uyghur);font-size:18px}.journey-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.journey-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:2px solid #e0cb9c;border-radius:12px;background:#fff;color:#5a4128;font:600 20px/1.4 var(--font-uyghur);cursor:pointer}.journey-choice .journey-art{width:52px;height:52px}.journey-choice.is-right{border-color:#3f6b3a;background:#eef6e6}.journey-choice.is-wrong{border-color:#c98a7a;animation:choice-shake .35s}@keyframes choice-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.journey-feedback{margin:10px 0 0;text-align:center;color:#9a3b2c;font-weight:600}.journey-feedback.is-right{color:#3f6b3a}.journey-next{display:block;margin:12px auto 0}@media(max-width:560px){.journey-trail{padding-inline:10px}.journey-stone{width:36px;height:36px}.journey-letter{font-size:18px}.journey-shapes{font-size:24px;gap:8px}}[data-theme=night] .journey-stone{background:radial-gradient(circle at 35% 30%,#2c3950,#1f2a3a);border-color:var(--night-rule);color:var(--night-ink);box-shadow:0 3px #111822}[data-theme=night] .journey-stone.is-learned{background:radial-gradient(circle at 35% 30%,#f1d49a,#b07a2a);color:#2a1a08}[data-theme=night] .journey-card,[data-theme=night] .journey-choice{background:#1f2a3a;border-color:var(--night-rule);color:var(--night-ink)}[data-theme=night] .journey-word strong,[data-theme=night] .journey-latin{color:#f1d49a}[data-theme=night] .journey-row>ol:before,[data-theme=night] .journey-row:after{border-color:#3a4a66}@media(prefers-reduced-motion:reduce){.journey-choice.is-wrong{animation:none}}.story-text:has(.second-line)>p{display:block}.story-text>p.second-line{display:block}@media(max-width:700px)and (orientation:portrait){.prototype-reader .folk-spread .illustration-page{height:clamp(180px,36svh,280px)}.prototype-reader .folk-spread .text-page:not(.text-page-has-endpaper){max-height:calc(100svh - clamp(180px,36svh,280px) - 214px);overflow-y:auto;overscroll-behavior:contain}.prototype-reader:has(.prototype-quiz-button) .folk-spread .text-page{max-height:calc(100svh - clamp(180px,36svh,280px) - 270px)}}