:root{font-family:Georgia,Times New Roman,serif;color:#332c20;background:#17231f;font-synthesis:none;--paper:#e8d8b4}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#101b18e8,#17221b99,#101b18ef),url(/assets/library.jpg) center/cover fixed;min-height:100vh}button,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;min-height:44px;padding:9px 14px}button:hover{filter:brightness(1.13);text-decoration:underline}button:disabled{opacity:.42;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b56b2b;outline-offset:4px}[hidden]{display:none!important}header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e1cd9e}header strong{font-size:20px;font-weight:400}header small{display:block;font:10px Arial;margin-top:6px;color:#c7c0a7}header button{font:12px Arial;letter-spacing:1px;color:#e5d7b7;border-bottom:1px solid #a6956a55}main{padding:16px 4% 30px;perspective:1800px}.cover{max-width:520px;margin:8px auto 25px;background:radial-gradient(ellipse at 40% 30%,#39504677,transparent),repeating-linear-gradient(70deg,#ffffff03 0 2px,transparent 2px 5px),#20392f;border:9px solid #162c24;border-left:22px solid #14281f;border-radius:5px 15px 15px 5px;box-shadow:12px 10px #ac9b76,17px 16px #28392c,25px 30px 65px #000b;transform-origin:left;transition:transform .65s,opacity .65s;color:#dfc38c;padding:26px}.cover.opening{transform:rotateY(-100deg);opacity:0}.cover-border{border:1px solid #baa064;padding:26px;text-align:center;outline:1px solid #baa06466;outline-offset:8px}.cover .eyebrow{color:#dfc38c}.cover-bird{width:130px;margin:28px auto 4px;transform:rotate(-12deg)}.cover h1{font-size:66px;font-weight:400;line-height:.98;margin:6px 0 24px;letter-spacing:-2px}.cover p:not(.eyebrow){line-height:1.7}.cover button{display:block;margin:25px auto 16px;background:#ddc492;color:#20372c;min-width:210px;border:1px solid #f3deb1}.cover small{color:#cabb98}.ribbons{display:flex;justify-content:flex-end;gap:7px;max-width:1340px;margin:auto;padding-right:28px}.ribbons button{background:#6f3830;color:#f6e7c9;border-radius:3px 3px 0 0;font-size:13px;padding:12px 24px 18px;box-shadow:3px 0 8px #0004}.ribbons button:first-child{background:#435b4c}.ribbons button:last-child{background:#a7844c;color:#201e16}.book{display:grid;grid-template-columns:1fr 1.08fr;max-width:1340px;margin:auto;border:10px solid #554332;border-radius:10px 15px 15px 10px;box-shadow:0 5px #d1c19f,0 9px #7a6a4e,0 12px #b4a482,0 35px 80px #0009;animation:unfold .8s ease-out}.page{position:relative;padding:44px 52px 58px;background:radial-gradient(ellipse at 20% 20%,#fff8df88,transparent),repeating-linear-gradient(20deg,#8a613308 0 1px,transparent 1px 4px),var(--paper);min-width:0}.left{background-color:#e9dabb;box-shadow:inset -25px 0 30px -20px #47362399}.right{box-shadow:inset 25px 0 30px -20px #47362399;border-left:1px solid #88724c55;padding:30px 28px 52px}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#775f37;margin:0 0 18px}.left h1{font-size:clamp(42px,4.2vw,65px);font-weight:400;line-height:1.03;letter-spacing:-2px;margin:20px 0;color:#293f35}.ornament{color:#967642;margin:20px 0}.intro{font-size:20px;line-height:1.5;max-width:380px}small{font:10px/1.5 Arial}.left>small{color:#76674b}.guide{display:flex;align-items:center;gap:14px;margin-top:24px;border-top:1px solid #94815866;padding-top:20px}.guide svg{width:83px;flex-shrink:0}.guide .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.guide p:not(.eyebrow){font-size:16px;line-height:1.5;margin:8px 0}.guide button{font:11px Arial;padding:7px;min-height:36px;border-bottom:1px solid #9c875c}#hint{font-size:14px;line-height:1.5;color:#4a5b4b;border-left:2px solid #a5884d;padding-left:15px;font-style:italic}.excerpt{margin-top:40px;border-top:1px solid #9f8a5d66;padding-top:32px}.excerpt .eyebrow{margin-bottom:10px}#sentence{font-size:24px;line-height:2.3;max-height:360px;overflow:auto;margin:0;padding:16px 12px;letter-spacing:.4px;word-spacing:2px}.speaking{background:#d8bb7666}.reading-controls{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}.reading-controls button{font-size:12px;border:1px solid #a38d6466;padding:6px 10px}.folio{position:absolute;bottom:17px;left:0;right:0;text-align:center;font:9px Arial;letter-spacing:2px;color:#7c6a4a}.scene-heading{font:9px Arial;letter-spacing:1.5px;color:#645d44;margin:2px 0 16px}.scene{height:330px;position:relative;overflow:hidden;background:linear-gradient(#192f34,#4e6960 75%,#6a7854);border:5px solid #d1bd91;outline:1px solid #9d8453;box-shadow:0 13px 16px -12px #43382099;isolation:isolate;perspective:800px}.moon{position:absolute;top:22px;left:48px;width:39px;height:39px;border-radius:50%;background:#f5dfac;box-shadow:0 0 35px #ead9a438}.castle{position:absolute;left:-15px;top:65px;width:135px;height:130px;background:#1d3234;clip-path:polygon(0 20%,15% 20%,15% 0,29% 0,29% 20%,65% 20%,65% 0,80% 0,80% 20%,100% 20%,100% 100%,0 100%);opacity:.8}.hill{position:absolute;bottom:-20px;left:-10%;width:130%;height:155px;border-radius:50%;background:#53694e;transform:rotate(-8deg)}.tree{position:absolute;right:35px;top:12px;width:270px;height:240px;filter:drop-shadow(8px 10px 3px #142b2866);transform-origin:bottom;animation:paper-rise 1.2s}.trunk{position:absolute;bottom:0;left:125px;background:#78634a;width:32px;height:190px;clip-path:polygon(0 0,35% 10%,46% 38%,83% 0,100% 3%,68% 55%,84% 100%,0 100%,22% 45%)}.crown{background:repeating-linear-gradient(60deg,#d0d5a00a 0 2px,transparent 2px 8px),#78815a;position:absolute;border-radius:48% 52% 40% 42%;border:2px solid #8c946866;box-shadow:3px 10px #263f3644}.c1{width:154px;height:108px;top:15px;left:16px;transform:rotate(-18deg)}.c2{width:147px;height:133px;right:0;top:16px;transform:rotate(14deg)}.c3{width:127px;height:110px;left:76px;top:-5px;background-color:#919369}.apples{position:absolute;top:83px;right:76px;width:173px;height:80px}.apples i{position:absolute;width:23px;height:24px;border-radius:45% 45% 50% 50%;background:radial-gradient(circle at 35% 30%,#ffe8a0,#d3a73f 55%,#9a6e29);box-shadow:3px 4px 1px #283c3c55}.apples i:before{content:"";position:absolute;width:3px;height:8px;background:#5f492a;top:-5px;left:11px;transform:rotate(20deg)}.apples i:nth-child(2){left:78px;top:29px}.apples i:nth-child(3){right:0;top:-14px;transition:opacity .3s 1.2s}.prince{position:absolute;bottom:55px;right:167px;width:28px;height:55px;transition:transform 1s}.prince i{position:absolute;top:0;left:7px;border-radius:50%;width:15px;height:17px;background:#d2b593}.prince b{position:absolute;top:15px;left:0;width:29px;height:41px;background:#a56545;clip-path:polygon(26% 0,75% 0,100% 100%,0 100%)}.object{position:absolute;font:11px Georgia;color:#f3e3be;background:#273e31;border:1px solid #b39c68;box-shadow:3px 4px #1e302955;bottom:29px;z-index:3}.tree-label{right:30px}.bench{left:20px;background:#64533e}.object:disabled{opacity:.65}.paper-label{position:absolute;bottom:6px;left:15px;font:9px Georgia;font-style:italic;color:#e2dbb8}.bird{position:absolute;width:90px;top:32px;right:-110px;z-index:4;pointer-events:none}.scene[data-stage=bird] .bird{animation:visit 3s both}.scene[data-stage=bird] .wing{transform-origin:100px 70px;animation:flap .35s infinite alternate}.scene[data-stage=bird] .apples i:nth-child(3),.scene[data-stage=report] .apples i:nth-child(3),.scene[data-stage=done] .apples i:nth-child(3),.scene[data-stage=sleep] .apples i:nth-child(3){opacity:0}.scene[data-stage=sleep]{background:linear-gradient(#a69175,#b4b193)}.scene[data-stage=sleep] .prince{transform:translate(-130px,15px) rotate(-75deg)}#feather{position:absolute;bottom:60px;right:93px;font-size:32px;transform:rotate(15deg);z-index:5;color:#fff0b5;animation:fall 3s both}#feather span{display:block;font-size:12px;background:#283d31;padding:4px}.letter{padding:20px 7px 8px;min-height:183px}.letter .eyebrow{margin:4px 0 8px}.letter>p:not(.eyebrow){font-size:16px;line-height:1.5;margin:8px 0}#choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}#choices button,.report-tools button,#restart{font-size:13px;border:1px solid #8f7a50;background:#dac79e;padding:9px 13px}#feedback{color:#375244;font-size:14px!important}#report label{font-size:12px;display:block;margin:12px 0 8px}textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid #aa9061;background:#f3e9cd77;padding:10px;color:#2d3a2e;line-height:1.5;font-size:16px}.report-tools{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.pocket{border-top:1px dashed #987e4b;border-bottom:1px solid #ac925e;padding:12px 7px;display:flex;align-items:center;gap:15px;color:#695a3a;background:#d9c69e66}.pocket span{font:8px Arial;letter-spacing:1px;white-space:nowrap}.pocket p{font-size:12px;margin:0}footer{padding:15px 5% 24px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#c1b799;font-size:11px;font-style:italic}footer span{font-style:normal;font:10px Arial;color:#b4b59f}dialog{background:var(--paper);color:#332c20;border:6px solid #675238;border-radius:4px;width:min(760px,92vw);max-height:88vh;padding:35px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#0b1b17cc}dialog h2{font-size:35px;font-weight:400}dialog p{line-height:1.7}dialog label{display:block;margin:22px 0 9px;font-weight:700}dialog select{width:100%;padding:12px;background:#f5e9ce;border:1px solid #9d8659;color:#302d22}dialog .close{position:sticky;top:0;float:right;background:#e8d8b4;border:1px solid #9a8157;font-size:24px}#index{display:flex;flex-wrap:wrap;gap:4px}#index button{font-size:12px;border-bottom:1px solid #a78c58}#full-story section{border-top:1px solid #ac9264;margin-top:35px;padding-top:15px;scroll-margin:20px}#full-story h3{font-size:24px;font-weight:400}#full-story p{white-space:pre-wrap}#full-story button,summary{cursor:pointer;color:#355343}details{padding:12px;background:#d5c499}@keyframes unfold{0%{opacity:0;transform:rotateX(8deg) scale(.96)}to{opacity:1;transform:none}}@keyframes paper-rise{0%{transform:rotateX(-70deg)}to{transform:rotateX(0)}}@keyframes visit{0%{transform:translateY(-40px)}40%,60%{transform:translate(-155px,34px)}to{transform:translate(-630px,-80px)}}@keyframes flap{to{transform:scaleY(.4)}}@keyframes fall{0%,55%{opacity:0;transform:translateY(-100px) rotate(-50deg)}to{opacity:1;transform:translateY(0) rotate(15deg)}}@media(max-width:950px){main{padding:10px 2% 28px}.page{padding:30px 26px 52px}.right{padding:24px 16px 47px}.scene{height:300px}.tree{right:0;transform:scale(.87);transform-origin:right bottom}.apples{right:36px}.guide{gap:6px}.guide svg{width:65px}.intro{font-size:18px}}@media(max-width:700px){header{padding:12px 5%}header strong{font-size:18px}header button{font-size:10px}.cover{margin:8px 12px 20px;padding:19px}.cover-border{padding:18px 12px}.cover h1{font-size:54px}.cover-bird{width:100px;margin-top:20px}.book{display:block;border-width:6px}.page{padding:30px 28px 48px}.right{border-left:0;border-top:1px solid #9e895b;box-shadow:inset 0 14px 25px -20px #47362399}.left h1{font-size:46px;margin:12px 0}.intro{max-width:none;margin:12px 0}.ornament{margin:12px 0}.guide{margin-top:18px}.guide svg{width:67px}.excerpt{margin-top:20px}#sentence{max-height:240px;font-size:20px}.ribbons{gap:4px;padding-right:8px}.ribbons button{font-size:10px;padding:10px 9px}.scene{height:315px}.tree{right:7px}.apples{right:46px}.prince{right:150px}.tree-label{right:12px}.bench{left:10px}.pocket{gap:8px}footer{font-size:9px;line-height:1.5}footer span{font-size:8px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{background:radial-gradient(ellipse at 50% 35%,#34433677,#0c1714df 80%),repeating-linear-gradient(0deg,transparent 0 165px,#110f0b 165px 176px,#67503466 176px 180px),repeating-linear-gradient(90deg,#29382a 0 22px,#4e3929 22px 38px,#172f29 38px 59px,#67573a 59px 69px,#273a32 69px 91px);background-attachment:fixed}.book{position:relative;isolation:isolate}.book:after{content:"";position:absolute;left:47.7%;top:0;bottom:0;width:18px;pointer-events:none;background:linear-gradient(90deg,transparent,#49351d20,transparent);z-index:2}.scene{transform:rotateX(3deg);transform-origin:bottom;box-shadow:0 16px 17px -10px #35291888,inset 0 -12px 15px #17251933}.scene:after{content:"";position:absolute;bottom:18px;left:0;right:0;height:1px;background:#d8dab842;pointer-events:none;box-shadow:0 6px 8px #17231955}.tree:after{content:"";position:absolute;bottom:-7px;left:93px;width:87px;height:15px;background:#c5c4a056;clip-path:polygon(25% 0,60% 0,100% 100%,0 100%)}.crown:after{content:"";position:absolute;inset:6px;border-radius:inherit;border-left:1px solid #e1de9c44;transform:rotate(-20deg)}.reading-title{font-size:12px;color:#5b6246;margin:0 0 10px;line-height:1.5}.reader-toolbar{position:sticky;top:-35px;z-index:3;background:#e8d8b4;border-bottom:1px solid #aa9366;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:6px 0}.reader-toolbar .close{position:static;float:none}.guide button{min-height:44px}.ribbons{flex-wrap:wrap}.ribbons #close-book{background:#514735;color:#f6e7c9;padding-left:15px;padding-right:15px}@media(max-width:700px){.book:after{display:none}.reader-toolbar{top:-22px}.ribbons{justify-content:center;padding:0;gap:3px}.ribbons button{flex:1 1 22%;padding:8px 5px!important;font-size:10px}.scene{transform:none}}header{flex-wrap:wrap}#silence{border:1px solid #ad9566;font-size:11px;min-height:44px;margin-left:auto}header #read-all{margin-left:auto}.speed-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;border-top:1px dashed #a38d64;padding-top:12px}.speed-note label{font-size:12px}.speed-note select{font-size:13px;min-height:44px;background:#efe2c4;color:#334a41;border:1px solid #a38d64;padding:7px}.speed-note small{flex-basis:100%;color:#635a44}.reading-note{font:11px/1.6 Arial;color:#536044}.word{display:inline;padding:3px 2px;min-height:0;border-radius:2px;line-height:inherit;font:inherit;text-align:inherit;color:inherit;text-decoration:underline;text-decoration-color:#8b78434d;text-underline-offset:5px;letter-spacing:.3px;word-spacing:2px}.word:hover{background:#d4ba7d66}.word.spoken-word{background:#394f3d;color:#fff2cc;box-shadow:0 0 0 3px #394f3d;text-decoration:none}.word:focus-visible{outline-offset:2px}#word-help{max-width:460px}#word-help h2{overflow-wrap:anywhere}#word-close{border:1px solid #9c8454;background:#d9c296}#sentence{line-height:2.15}#full-story .word{color:inherit}#full-story p{font-size:19px;line-height:2;letter-spacing:.2px;word-spacing:1.5px;margin-bottom:18px}#full-story h3{font-size:26px;letter-spacing:.5px}.left .intro{font-size:28px;line-height:2.1;letter-spacing:.5px;color:#2a2518;margin-bottom:24px}#phrase-meaning{font-style:italic;color:#42563e}