:root{font-family:Georgia,Times New Roman,serif;color:#263d38;background:#efe5d3;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,.upload-button{cursor:pointer;min-height:46px;min-width:46px;border:1px solid #455d4833;border-radius:14px;background:#fffaf0;color:#29463e;padding:10px 16px;box-shadow:0 3px #4a382516;transition:background .15s,transform .15s}button:hover,.upload-button:hover{background:#ece8d4;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.upload-button:has(input:focus-visible){outline:3px solid #b17a32;outline-offset:4px}button.primary,.upload-button.primary{background:#31594c;color:#fff9e7;border-color:#31594c}button.primary:hover,.upload-button.primary:hover{background:#244a3e}button.icon{border-radius:50%;font-family:system-ui;font-size:22px;width:48px;padding:5px}#app{min-height:100svh;position:relative;overflow:hidden}#scene{position:absolute;top:0;right:0;bottom:0;left:0;height:100svh}#scene canvas{display:block;width:100%;height:100%}#header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:24px 36px;gap:12px;background:linear-gradient(#efe5d3d9,transparent)}.brand{color:#29463e;text-decoration:none;font-size:22px;font-weight:700;display:flex;align-items:center;gap:12px;max-width:58%}.brand-star{font-size:38px;color:#bd8e41}nav{display:flex;gap:10px;align-items:center}#panel{position:relative;z-index:1;padding:0 36px 24px;pointer-events:none;min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:flex-end}#panel button{pointer-events:auto}.eyebrow{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;color:#866732}h1{font-weight:400;font-size:32px;line-height:1.12;margin:8px 0 16px}h2{font-weight:400;font-size:28px}.reading #panel{align-items:flex-end;justify-content:center}.reader{pointer-events:auto;width:390px;background:#fffaf0f5;border:1px solid #d4c7a9;border-radius:22px;padding:26px;box-shadow:0 20px 60px #48392422}.reader-meta{font-family:system-ui;font-size:11px;letter-spacing:.03em;display:flex;justify-content:flex-end;color:#637267}.reader h1{font-size:29px;margin:16px 0}.story-text{font-size:20px;line-height:1.65}.story-text span{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-text .active{background:#f3d99a;color:#243d36;box-shadow:3px 0 #f3d99a,-3px 0 #f3d99a}.reader-footer{display:flex;flex-direction:column;gap:6px;margin-top:18px;color:#6e7667;font-family:system-ui;font-size:11px}.reader-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;width:100%}.reader-controls button{width:100%;min-width:0;padding:8px 4px}.reader-transport{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:system-ui,sans-serif;font-weight:700}.transport-icon{font-size:24px;font-weight:800;line-height:1}.transport-label{max-width:100%;font-size:12px;font-weight:700;line-height:1.15;text-align:center;white-space:nowrap}.wide{width:100%;margin-top:16px}dialog{border:1px solid #d9ccb0;border-radius:26px;color:#29463e;background:#fffaf0;padding:34px;width:min(540px,calc(100% - 32px));box-shadow:0 30px 100px #192c3555}dialog::backdrop{background:#263b354f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h1{font-size:38px}dialog p{line-height:1.5;color:#6b7568}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.language-grid button{font-family:system-ui;font-size:14px;padding:10px 4px}.language-grid .selected{background:#e0e8d8;border:2px solid #577351}label{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px}select{min-height:46px;min-width:110px;padding:8px}input{min-height:46px;max-width:55%}input[type=checkbox]{width:44px}.help{font-size:14px}#notice{position:fixed;z-index:5;top:78px;left:50%;transform:translate(-50%);max-width:90%;background:#fff8e9;color:#263d38;box-shadow:0 5px 30px #332b2222;border-radius:12px;padding:12px;font-family:system-ui;font-size:13px}#notice:empty{display:none}#notice button{margin-left:10px}.loading-theatre .loading-note:empty{display:none}@media(min-width:1100px){.reading #scene{width:calc(100% - 340px)}.reading #panel{padding-right:40px}.reader{width:370px}}@media(max-width:900px){#header{padding:16px 20px}.brand{font-size:18px}.brand-star{font-size:30px}#panel{padding:0 20px 20px;min-height:calc(100svh - 90px)}.reading #scene{height:52svh}.reading #panel{justify-content:flex-end;padding-top:38svh;align-items:center}.reader{width:min(640px,100%);padding:22px}.reader h1{font-size:26px;margin:12px 0}.story-text{font-size:19px;line-height:1.5}.reader-footer{margin-top:10px}.reader-controls{margin-top:12px}}@media(max-width:480px){#header{padding:12px;align-items:flex-start}.brand{font-size:16px;gap:6px}.brand-star{font-size:27px}nav{gap:5px}button.icon{width:44px;font-size:20px}#shelf{font-size:0;padding:8px}#shelf:first-letter{font-size:22px}#panel{padding:0 12px 16px;min-height:calc(100svh - 78px)}.reading #scene{height:42svh}.reading #panel{padding-top:29svh}.reader{padding:18px;border-radius:18px}.reader h1{font-size:24px}.story-text{font-size:18px;line-height:1.5}.reader-meta{font-size:10px}.reader-controls{gap:5px}.reader-controls button{padding:6px 2px}.transport-label{font-size:11px}.language-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:24px}dialog h1{font-size:30px}.reader-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{background:#273e3c}.reading #app{color:#fff9ed;background:#273b3a}.reading #header{position:absolute;inset:0 0 auto;z-index:4;padding:20px 28px;padding-top:max(20px,env(safe-area-inset-top));background:none;pointer-events:none}.reading #header>*{pointer-events:auto}.reading .brand{color:#f6f1e5;text-shadow:0 2px 14px #15161699}.reading .brand-title{display:none}.reading .brand-star{font-size:39px;color:#f8bc56}.reading #header nav{gap:9px}.reading #header button{width:54px;height:54px;min-width:54px;min-height:54px;padding:5px;border:1px solid #ffffff8c;border-radius:17px;background:#ffffff15;color:#fff9ee;box-shadow:0 6px 24px #1517133d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:system-ui,sans-serif;font-size:25px}.reading #header button:hover{background:#ffffff38}.reading .header-action-label{display:none}.reading{--reading-divider: 62%;--reading-top: max(84px, calc(env(safe-area-inset-top) + 68px) )}.reading #scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;mask-image:none;-webkit-mask-image:none}.reading-art-region{display:none;pointer-events:none}.reading .reading-art-region{display:block;position:fixed;top:var(--reading-top);left:max(12px,env(safe-area-inset-left));width:calc(var(--reading-divider) - 24px);bottom:max(16px,env(safe-area-inset-bottom))}.reading #panel{position:fixed;left:var(--reading-divider);right:max(16px,env(safe-area-inset-right));top:var(--reading-top);bottom:max(16px,env(safe-area-inset-bottom));width:auto;min-height:0;margin:0;padding:0;align-items:stretch;justify-content:center;isolation:isolate}.reading .reader:before{content:none}.reading #panel:before{content:"";position:absolute;inset:calc(0px - var(--reading-top)) -16px -16px -12px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,#102b2de8 48px,#102b2d)}.reading .reader{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;height:auto;max-height:100%;min-height:0;padding:clamp(12px,2vw,24px);overflow:hidden;border:0;border-radius:0;background:none;color:#fffaf0;box-shadow:none;text-shadow:none}.reading .reader-meta,.reading .reader-footer{color:#f8f1e5;font-size:13px;line-height:1.4}.reading .reader h1{font-size:clamp(26px,2.8vw,42px);line-height:1.1;margin:8px 0 12px;font-weight:700}.reading .reader-copy{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.reading .story-text{font-size:clamp(18px,1.7vw,25px);line-height:1.45;padding-bottom:4px}.reading .story-text .active{background:#ffffff18;color:#ffe0a6;box-shadow:none;text-decoration:none}.reading .reader-footer{margin-top:6px;max-height:84px;overflow:auto}.reading #notice{position:static;transform:none;max-width:none;padding:0;margin:0;background:none;color:inherit;font:inherit;box-shadow:none}.reading .reader-controls{position:static;width:auto;gap:8px;margin-top:8px;padding:0;background:none}.reading .reader-controls button{min-width:44px;min-height:48px;padding:5px 3px;border:1px solid #ffffffb3;background:#ffffff12;color:#fff9ef;box-shadow:none;text-shadow:none}.reading .reader-controls button:hover{background:#ffffff35}.reading .reader-controls button:disabled{opacity:.48}.reading .reader-transport{min-height:48px}.reading .transport-icon{font-size:23px}.reading .transport-label{font-size:11px}@media(max-aspect-ratio:6/5){.reading .reading-art-region{right:max(12px,env(safe-area-inset-right));width:auto;height:auto;bottom:calc(var(--reading-panel-height, 240px) + 48px)}.reading #panel{top:auto;left:0;right:0;bottom:0;align-items:center;justify-content:flex-end}.reading #panel:before{top:-48px;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,#102b2de8 48px,#102b2d 100%)}.reading .reader{max-width:760px;max-height:min(38dvh,300px);padding:0 max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}@media(max-width:480px){.reading{--reading-top: max(68px, calc(env(safe-area-inset-top) + 58px) )}.reading #header{padding:max(8px,env(safe-area-inset-top)) 12px 8px}.reading #header button{width:48px;height:48px;min-width:48px;min-height:48px}.reading .reader{max-height:min(38dvh,240px)}.reading .reader h1{font-size:22px;margin:3px 0 6px}.reading .story-text{font-size:16px;line-height:1.35}.reading .reader-meta,.reading .reader-footer{font-size:11px}.reading .reader-footer{margin-top:3px;max-height:42px}.reading .reader-controls{margin-top:5px}.reading .reader-controls button{min-height:44px;padding:3px;flex-direction:row;gap:6px;border-radius:10px}.reading .transport-icon{font-size:18px}.reading .transport-label{font-size:11px}}@media(max-height:500px)and (min-aspect-ratio:6/5){.reading{--reading-divider: 53%;--reading-top: max(68px, calc(env(safe-area-inset-top) + 58px) )}.reading #header{padding:8px 12px}.reading #header button{width:48px;height:48px;min-width:48px;min-height:48px}.reading .reader{padding:10px}.reading .reader h1{font-size:24px;margin:5px 0 8px}}@supports not (backdrop-filter: blur(1px)){.reading #header button,.reading .reader-controls button{background:#293b3bd9}}.low-graphics .reading #header button,.low-graphics .reading .reader-controls button{background:#293b3bd9;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.paper-name{position:absolute;z-index:3;transform:translate(-50%);padding:5px 14px;border:1px solid #c29b60;border-radius:8px;background:#fff1d6;color:#244e45;font:700 16px Georgia,serif;box-shadow:0 3px 8px #35251835;pointer-events:none}.paper-name[hidden]{display:none}.paper-target,.creature-target{position:absolute;width:60px;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none;opacity:0}.paper-target:focus-visible,.creature-target:focus-visible{opacity:1;outline:2px dashed #ad864c;outline-offset:5px;border-radius:12px}.paper-name.room-name{max-width:min(230px,calc(100% - 24px));text-align:center;line-height:1.2;overflow-wrap:anywhere}#scene canvas{touch-action:pan-y}.reading #scene canvas{touch-action:auto}.authored-interactions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.shelf-preview{align-self:center;width:min(460px,100%);margin:0 auto 12px;padding:18px 24px 12px;border:1px solid #d5c3a2;border-radius:18px;background:#fffaf0f2;box-shadow:0 8px 32px #182d2933;text-align:center;pointer-events:auto}.shelf-preview h1{font-size:24px;margin:6px 0 14px}.shelf-preview>div{display:flex;justify-content:center;gap:12px}.shelf-preview button{min-width:112px}.shelf-preview [role=status]{color:#5c655d;font-size:13px;margin:10px 0 0}.shelf-status{align-self:center;padding:12px 18px;background:#fffaf0;border-radius:12px}.shelf-book-target{position:absolute;background:transparent;border:0;box-shadow:none;color:transparent;padding:0;min-width:0;min-height:0;border-radius:4px}.shelf-book-target:hover{background:#fff8dc18;transform:none}.shelf-book-target:focus-visible{outline:3px solid #e4bb70;outline-offset:4px}@media(max-width:480px){#shelf{font-size:12px;padding:8px}#shelf:first-letter{font-size:inherit}.shelf-preview{padding:12px 16px;margin-bottom:0}.shelf-preview h1{font-size:21px}}body{background:#102b2d}body:not(.reading) #header{background:none;color:#f9efd9}body:not(.reading) .brand{color:#f9efd9}body:not(.reading) #panel{position:relative;padding:0;min-height:0;pointer-events:auto}body:not(.reading) #scene{visibility:hidden}.prototype-carousel{width:100%;color:#f9efd9;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#41655b 0,#193c39,#102b2d 72%)}.carousel-track{position:relative;height:clamp(310px,65dvh,540px);perspective:1100px;touch-action:pan-y}.carousel-book{position:absolute;top:50%;left:50%;width:clamp(195px,57vw,290px);height:83%;max-height:390px;padding:18px 14px 24px;display:flex;align-items:center;flex-direction:column;gap:12px;border:1px solid var(--trim);border-left:12px solid #0004;border-radius:5px 13px 13px 5px;background:var(--cloth);color:#fff1cf;box-shadow:7px 5px #d9d1b4,11px 9px 0 var(--cloth),12px 28px 35px #0005;--cover-transform: translate(calc(-50% + var(--offset) * 95%), -50%) translateZ(calc(var(--offset) * var(--offset) * -190px)) rotateY(calc(var(--offset) * -28deg));transform:var(--cover-transform);transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s;opacity:.6;z-index:1}.carousel-book.selected{opacity:1;z-index:2}.carousel-book:hover{background:var(--cloth);transform:var(--cover-transform)}.carousel-book:not(.selected){pointer-events:none}.carousel-book:disabled{cursor:default}.carousel-book img{width:100%;height:59%;object-fit:cover;border-radius:48% 48% 4px 4px;border:1px solid var(--trim)}.carousel-book.selected img{animation:cover-breathe 9s ease-in-out infinite alternate}.carousel-book strong{font-family:Georgia,serif;font-size:clamp(19px,3vw,25px);line-height:1.12;font-weight:400}.cover-ornament{color:var(--trim);font-size:20px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;font:11px system-ui;color:#e4d4b3}.carousel-controls button{border:1px solid #d8bd8555;background:transparent;color:#f9efd9;border-radius:50%;width:48px;height:48px;padding:0}.carousel-status{min-height:24px;font:13px system-ui}.shelf-book-target,.shelf-toy-target{display:none!important}.reading #panel:before{background:#102b2d}.reading .reading-art-region{top:max(70px,calc(env(safe-area-inset-top) + 60px))}@media(max-aspect-ratio:6/5){.reading .reading-art-region{left:0;right:0;bottom:calc(var(--reading-panel-height, 240px) + 12px)}.reading .reader{max-height:32dvh}.reading #panel:before{top:-12px;right:0;bottom:0;left:0;background:linear-gradient(transparent,#102b2d 12px)}.reading .reader h1{font-size:19px}}@media(max-height:680px){.carousel-track{height:48dvh;min-height:260px}}@keyframes cover-breathe{0%{transform:scale(1)}to{transform:scale(1.035) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.carousel-book{transition:none}.carousel-book.selected img{animation:none}}body.reading{height:100dvh;overflow:hidden;overscroll-behavior:none}.reading #scene canvas{touch-action:none;user-select:none;-webkit-user-select:none}.reading .reader-copy{touch-action:pan-y}.carousel-book{user-select:none;-webkit-user-select:none}.carousel-book img{-webkit-user-drag:none}.library-icon{width:26px;height:26px;flex:0 0 auto;vertical-align:middle}body button:not(.carousel-book),.reading #header button,.reading .reader-controls button{color:#f2dbab;border:1px solid #b69860;border-radius:12px 5px;background:linear-gradient(145deg,#34554d,#183c38);box-shadow:inset 0 0 0 3px #193b36,inset 0 0 0 4px #b6986040,0 3px #071d1c;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;letter-spacing:.025em}body button:not(.carousel-book):hover{background:linear-gradient(145deg,#48695b,#25493f)}body .language-grid button.selected,body button.primary,.reading .reader-controls button.primary{background:linear-gradient(145deg,#ddbe7e,#ae874c);color:#173b35;box-shadow:inset 0 0 0 3px #d3b579,inset 0 0 0 4px #725c3780,0 3px #071d1c}body button:disabled{opacity:.45}.transport-icon{display:inline-flex;align-items:center;justify-content:center}.reading .transport-label{font-family:inherit;font-weight:600}button.wide .library-icon{margin-inline-end:10px}.header-action .library-icon{margin-inline-end:6px}.carousel-controls button{display:grid;place-items:center}.carousel-controls,.carousel-status{font-family:Palatino,Georgia,serif}@media(max-height:540px)and (min-aspect-ratio:6/5){body:not(.reading) #app{height:100dvh;min-height:0;display:flex;flex-direction:column}body:not(.reading) #header{flex:0 0 58px;padding:5px max(16px,env(safe-area-inset-right)) 5px max(16px,env(safe-area-inset-left))}body:not(.reading) .brand{font-size:18px}body:not(.reading) #panel{flex:1;display:block;min-height:0}.prototype-carousel{height:100%;position:relative}.carousel-track{height:100%;min-height:0}.carousel-book{height:calc(100% - 58px);max-height:390px;width:auto;aspect-ratio:.74;padding:9px 10px 14px;gap:7px;border-left-width:8px}.carousel-book img{height:62%;min-height:0;flex-shrink:1}.carousel-book strong{font-size:clamp(12px,3.7dvh,20px)}.cover-ornament{font-size:14px;line-height:1}.carousel-controls{position:absolute;top:0;right:5%;bottom:0;left:5%;justify-content:space-between;pointer-events:none}.carousel-controls button{pointer-events:auto;width:48px;height:48px}.carousel-controls>span{position:absolute;bottom:1px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px}.carousel-status:empty{display:none}.carousel-status:not(:empty){position:absolute;bottom:0;background:#102b2d;width:100%;margin:0}}.library-menu{position:relative}.library-menu summary{display:grid;place-items:center;width:48px;height:48px;cursor:pointer;list-style:none;border:1px solid #a48a54;border-radius:16px;color:#f2dda2;background:#163c3d}.library-menu summary::-webkit-details-marker{display:none}.library-menu summary:focus-visible{outline:3px solid #f2dda2;outline-offset:3px}.library-menu-items{position:absolute;right:0;top:56px;display:flex;gap:8px;padding:10px;background:#102b2d;border:1px solid #a48a54;border-radius:18px;box-shadow:0 8px 24px #0005}.reading #header{justify-content:flex-end;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right))}.reading .brand{display:none}.reading .reader-controls{position:fixed;z-index:5;top:max(10px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 58px);display:flex;gap:6px;padding:0;margin:0;width:auto}.reading .reader-controls button{flex:none;width:48px;min-width:0;height:48px;min-height:48px;padding:8px}.reading .reader-controls .transport-label{display:none}.reading #panel:before{display:none}.reading .reader{background:transparent;grid-template-rows:auto minmax(0,1fr) auto;text-shadow:0 1px 3px #000,0 0 12px #102b2d}.reading.listen-mode #panel{top:auto;bottom:0;left:0;right:0;pointer-events:none}.reading.listen-mode .reader{padding:0;max-height:none}.reading.listen-mode .reader-copy,.reading.listen-mode .reader-meta,.reading.listen-mode #play-status{display:none}.reading.listen-mode .reader-footer,.reading.listen-mode .reader-controls{pointer-events:auto}.reading.listen-mode .reading-art-region{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;bottom:max(16px,env(safe-area-inset-bottom))}.reading #toggle-text[aria-expanded=false]{border-color:#f6d789;background:#355957}