:root{--color-paper:#f5f2e9;--color-paper-2:#ebe8de;--color-paper-3:#fffcf6;--color-ink:#303b30;--color-ink-2:#4c564a;--color-muted:#6c7063;--color-rule:#d9d9cc;--color-accent:#a34f38;--color-accent-deep:#873c2a;--color-accent-ink:#fffcf6;--color-focus:#8c4933;--color-clear:transparent;--color-sage:#e4e8dc;--color-warm:#efe4d3;--color-forest:#274c40;--color-clay:#a95840;--color-sea:#286c69;--color-cream:#fff3cf;--color-wood:#d6bda0;--color-wood-top:#e8d6ba;--color-wood-bottom:#b99b7b;--color-star:#ffdb75;--color-scrim:#27302bc7;--color-shadow:#3a2e2426;--color-dark-shadow:#1c221a52;--color-highlight:#ffffff57;--color-dark-edge:#142b304d;--color-overlay:#182d2866;--font-display:"Literata",Georgia,serif;--font-body:"DM Sans",Arial,sans-serif;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--radius-card:16px;--radius-input:10px;--radius-pill:999px;--dur-micro:.18s;--dur-short:.25s;--dur-long:.42s;--ease-out:cubic-bezier(.16,1,.3,1);--container:1240px;--shadow-soft:0 6px 20px var(--color-shadow)}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata.ttf)format("truetype");font-weight:400 500;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--color-rule) var(--color-paper);overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}body:has(dialog[open]){overflow-y:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:var(--color-clear)}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.45}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}input,textarea{caret-color:var(--color-accent)}::selection{background:var(--color-sage);color:var(--color-ink)}h1,h2,h3{font-family:var(--font-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;font-weight:400}p{text-wrap:pretty}svg{stroke-width:1.65px;flex-shrink:0}p,h1,h2{margin:0}.container{width:min(100%,var(--container));padding-inline:var(--space-xl);margin-inline:auto}.topbar{max-width:1440px;height:104px;padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-xl);margin-inline:auto;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:var(--space-xs);font-size:27px;display:flex}.logo{color:var(--color-accent);margin-right:var(--space-2xs);display:flex;transform:rotate(-9deg)}.wordmark-period{color:var(--color-accent);margin-left:calc(-1 * var(--space-xs))}.topbar nav{align-items:center;gap:var(--space-lg);font-size:14px;display:flex}.topbar nav a{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);align-items:center;display:flex}.nav-active{background:var(--color-paper-2)}.topbar nav a:hover{background:var(--color-sage)}.private-label{align-items:center;gap:var(--space-xs);color:var(--color-muted);padding:var(--space-sm) 0;min-height:44px;font-size:12px;display:flex}.private-label:hover{color:var(--color-ink)}.library-intro{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-xl);display:flex}h1{letter-spacing:-.04em;font-size:clamp(42px,5.3vw,68px);line-height:1.15}h1>span{color:inherit}.library-intro p{color:var(--color-muted);margin-top:var(--space-md);font-size:15px}.primary{justify-content:center;align-items:center;gap:var(--space-xs);min-height:46px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);transition:background-color var(--dur-micro) ease,transform var(--dur-micro) var(--ease-out);font-size:14px;display:inline-flex}.primary:hover{background:var(--color-accent-deep)}.add-button{margin-top:var(--space-lg);box-shadow:0 3px 8px var(--color-shadow)}.controls{align-items:center;gap:var(--space-sm);display:flex}.view-switch{padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-2);align-items:center;display:flex}.view-switch button{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);min-height:36px;color:var(--color-muted);border-radius:var(--radius-pill);font-size:13px;display:flex}.view-switch button[aria-pressed=true]{background:var(--color-paper-3);color:var(--color-ink);box-shadow:0 2px 5px var(--color-shadow)}.view-switch button:hover{color:var(--color-ink)}.search{align-items:center;gap:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-pill);height:44px;padding-inline:var(--space-md) var(--space-sm);background:var(--color-paper-3);color:var(--color-muted);width:310px;display:flex}.search:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.search input{background:var(--color-clear);width:100%;min-width:0;color:var(--color-ink);border:0;outline:0;font-size:13px}.search input::placeholder{color:var(--color-muted)}kbd{font-family:var(--font-body);border:1px solid var(--color-rule);border-radius:4px;place-content:center;width:18px;height:20px;font-size:12px;display:grid}.sort{color:var(--color-muted);align-items:center;gap:var(--space-xs);margin-left:auto;font-size:12px;display:flex;position:relative}.sort select{-webkit-appearance:none;appearance:none;background:var(--color-clear);min-height:44px;color:var(--color-ink);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-xs);cursor:pointer;border:0;font-size:12px}.sort svg{pointer-events:none;position:absolute;right:0}.filter-row{gap:var(--space-xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.filter-row button{align-items:center;gap:var(--space-xs);min-height:34px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);transition:background-color var(--dur-micro);font-size:12px;display:flex}.filter-row button>span{margin-left:var(--space-2xs);font-size:11px}.filter-row button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper-3)}.filter-row button:hover:not([aria-pressed=true]){background:var(--color-sage)}.bookshelf{margin-top:var(--space-xl);position:relative}.sample-note{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--color-muted);margin-bottom:var(--space-lg);font-size:11px;display:flex}.shelf-content{gap:var(--space-xl);min-height:340px;padding-inline:var(--space-lg);align-items:flex-end;display:flex;position:relative}.book-item{perspective:1000px;z-index:1;flex:0 240px;min-width:0}.book-forest{--book-color:var(--color-forest)}.book-clay{--book-color:var(--color-clay)}.book-sea{--book-color:var(--color-sea)}.book-stage{padding-top:var(--space-sm);perspective:1000px;justify-content:center;display:flex;position:relative}.book-object{width:216px;height:286px;transform-style:preserve-3d;transform-origin:bottom;transition:transform var(--dur-long) var(--ease-out);text-align:left;outline-offset:12px;padding:0;position:relative;transform:rotateY(-12deg)rotate(-2deg)}.book-clay .book-object{width:204px;height:270px;transform:rotateY(-12deg)rotate(1.5deg)}.book-sea .book-object{width:214px;height:294px;transform:rotateY(-12deg)rotate(-1.5deg)}:is(.book-object:hover,.book-object:focus-visible){transform:translateY(-12px)rotateY(-5deg)rotate(0)}.book-cover{background:var(--book-color);width:100%;height:100%;box-shadow:5px 8px 13px var(--color-dark-shadow);isolation:isolate;border-radius:3px 8px 8px 3px;position:relative;overflow:hidden}.book-cover:after{content:"";border-radius:inherit;box-shadow:inset 2px 0 1px var(--color-highlight),inset -3px 0 6px var(--color-dark-edge);pointer-events:none;position:absolute;inset:0}.book-cover img{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;position:absolute}.book-cover:before{content:"";background:linear-gradient(180deg,var(--book-color),var(--color-overlay) 47%,var(--color-clear) 67%);opacity:.94;z-index:-1;position:absolute;inset:0}.book-pages{background:var(--color-paper-2);border-right:3px solid var(--color-wood);box-shadow:5px 10px 15px var(--color-shadow);border-radius:1px 7px 8px 1px;position:absolute;inset:6px -8px 3px 10px;transform:translateZ(-10px)}.book-binding{background:var(--color-dark-edge);width:4px;box-shadow:1px 0 2px var(--color-highlight);position:absolute;inset:0 auto 0 7px}.cover-top{padding:var(--space-md) var(--space-md) 0 var(--space-lg);align-items:center;gap:var(--space-xs);color:var(--color-cream);display:flex}.book-cover h2{color:var(--color-cream);letter-spacing:-.03em;padding:var(--space-sm) var(--space-sm) 0 var(--space-lg);text-shadow:0 1px 4px var(--color-dark-shadow);font-size:24px;line-height:1.18}.book-cover h2 span{display:block}.book-sea .book-cover h2{font-size:22px}.cover-foot{color:var(--color-cream);text-shadow:0 1px 3px var(--color-dark-shadow);font-size:8px;position:absolute;bottom:12px;left:24px}.heart{border-radius:var(--radius-pill);background:var(--color-paper-3);width:44px;height:44px;box-shadow:var(--shadow-soft);opacity:0;transition:opacity var(--dur-micro),color var(--dur-micro);place-items:center;display:grid;position:absolute;top:0;right:-2px}.book-item:hover .heart,.book-item:focus-within .heart,.heart.saved{opacity:1}.heart.saved{color:var(--color-accent)}.heart.saved svg{fill:var(--color-accent)}.book-caption{text-align:center;width:240px;color:var(--color-muted);font-size:11px;position:absolute;top:calc(100% + 25px)}.book-caption>span{display:block}.book-caption button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:36px;font-size:11px;display:inline-flex}.book-caption button:hover{color:var(--color-accent)}.wood-shelf{background:var(--color-wood);border-top:5px solid var(--color-wood-top);border-bottom:3px solid var(--color-wood-bottom);height:14px;box-shadow:0 8px 15px var(--color-shadow);z-index:2;border-radius:2px;position:relative}.next-book{text-align:center;width:200px;color:var(--color-muted);padding:0 0 var(--space-xs);align-self:flex-end;margin-left:auto;font-size:10px;position:relative}.next-cover{border:1px dashed var(--color-wood-bottom);justify-content:center;align-items:center;gap:var(--space-md);width:150px;height:218px;font-family:var(--font-display);opacity:.8;transition:background-color var(--dur-micro);border-radius:4px 9px 9px 4px;flex-direction:column;margin-inline:auto;font-size:15px;line-height:1.5;display:flex;transform:rotate(3deg)}.next-book:hover .next-cover{background:var(--color-paper-2)}.next-book>span:last-child{white-space:normal;width:100%;position:absolute;top:calc(100% + 32px);left:0}.shelf-meta{margin-top:var(--space-3xl);color:var(--color-muted);justify-content:space-between;font-size:11px;display:flex}.shelf-meta>span:last-child{gap:var(--space-xs);align-items:center;display:flex}.cover-view .shelf-content{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;padding-inline:0;display:grid}.cover-view .book-item{width:100%;max-width:none;padding-bottom:var(--space-2xl)}.cover-view .book-object{transform:none}.cover-view .book-caption{width:100%;top:auto;bottom:0}.cover-view .wood-shelf{display:none}.cover-view .shelf-meta{margin-top:var(--space-lg)}.empty{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;min-height:300px;display:flex}.empty h2{font-size:26px}.empty p{color:var(--color-muted);font-size:14px}.quiet{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);font-size:13px;display:inline-flex}.quiet:hover{background:var(--color-paper-2)}.invitation{align-items:center;gap:var(--space-lg);background:var(--color-warm);border-radius:var(--radius-card);padding:var(--space-xl);margin-top:var(--space-xl);scroll-margin-top:var(--space-lg);display:flex}.invitation h2{letter-spacing:-.03em;font-size:26px;line-height:1.3}.invitation p{color:var(--color-muted);margin-top:var(--space-sm);font-size:12px;line-height:1.7}.paper-motif{background:var(--color-paper-3);width:100px;height:100px;color:var(--color-accent);box-shadow:var(--shadow-soft);border-radius:2px;flex-shrink:0;place-items:center;display:grid;position:relative;transform:rotate(-8deg)}.motif-star{color:var(--color-ink);position:absolute;top:6px;right:-9px}.text-button{align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-xs) 0;margin-left:auto;font-size:13px;display:inline-flex}.text-button:hover{color:var(--color-accent)}footer{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;color:var(--color-muted);font-size:10px;display:flex}footer>div{align-items:center;gap:var(--space-md);display:flex}.motion-toggle{align-items:center;gap:var(--space-xs);min-height:44px;font-size:10px;display:flex}.draft-section{margin-top:var(--space-xl)}.draft-section h2{font-size:28px}.draft-section>p{color:var(--color-muted);margin:var(--space-sm) 0 var(--space-lg);font-size:13px}details{border-bottom:1px solid var(--color-rule);padding:var(--space-md) 0}summary{cursor:pointer;align-items:center;gap:var(--space-sm);min-height:44px;font-size:14px;display:flex}summary>span{color:var(--color-muted);margin-left:auto;font-size:12px}.transcript{white-space:pre-wrap;max-width:65ch;padding:var(--space-lg) 0;font-size:14px}.notice{background:var(--color-ink);width:min(560px,100% - 32px);color:var(--color-paper-3);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);z-index:1000;box-shadow:var(--shadow-soft);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.notice p{font-size:13px}.notice button{place-items:center;min-width:32px;min-height:40px;margin-left:auto;display:grid}.dialog-backdrop{background:var(--color-scrim)}dialog::backdrop{background:var(--color-scrim)}dialog{color:var(--color-ink);background:var(--color-paper);border:0;max-height:100dvh;padding:0}dialog[open]{animation:dialog-in var(--dur-short) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.add-story{border-radius:var(--radius-card);width:min(530px,100% - 24px);padding:var(--space-xl)}.add-story header{margin-bottom:var(--space-lg);color:var(--color-accent);justify-content:space-between;align-items:center;display:flex}.icon-button{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--color-paper-2)}.add-story h2{letter-spacing:-.03em;font-size:32px;line-height:1.25}.add-story>p{color:var(--color-muted);margin-top:var(--space-md);font-size:13px}.add-story form{margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.add-story label{gap:var(--space-xs);flex-direction:column;font-size:12px;display:flex}.add-story input,.add-story textarea{border:1px solid var(--color-rule);background:var(--color-paper-3);color:var(--color-ink);border-radius:var(--radius-input);padding:var(--space-sm);width:100%;min-height:44px;font-size:14px}.add-story textarea{resize:vertical}.form-note{color:var(--color-muted);min-height:1lh;font-size:11px}.add-story .primary{align-self:flex-start}.reader{background:var(--color-sage);width:100%;max-width:100%;height:100dvh;padding:var(--space-lg) var(--space-xl);flex-direction:column;margin:0;display:none}.reader[open]{display:flex}.reader-bar{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.reader-bar>span{text-align:center;font-size:14px}.reader-bar small{color:var(--color-muted);margin-top:var(--space-2xs);font-size:10px;display:block}.reading-stage{padding:var(--space-lg) 0;perspective:1800px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.open-book{width:min(100%,1040px);height:min(68dvh,620px);box-shadow:0 20px 40px var(--color-shadow),0 4px 0 var(--color-wood),0 7px 0 var(--color-paper-3);transform-style:preserve-3d;background:var(--color-paper-3);border-radius:4px 14px 14px 4px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.illustrated-page{border-radius:4px 0 0 4px;position:relative;overflow:hidden}.illustrated-page>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.illustrated-page:after{content:"";background:linear-gradient(90deg,var(--color-clear),var(--color-dark-edge));pointer-events:none;width:20px;position:absolute;inset:0 0 0 auto}.art-caption{color:var(--color-cream);text-shadow:0 1px 4px var(--color-dark-shadow);font-size:10px;position:absolute;bottom:18px;left:24px}.text-page{padding:clamp(var(--space-lg),4vw,var(--space-2xl));background:var(--color-paper-3);box-shadow:inset 12px 0 25px -22px var(--color-dark-shadow);border-radius:0 14px 14px 0;flex-direction:column;justify-content:center;display:flex;position:relative}.chapter{color:var(--color-muted);margin-bottom:var(--space-lg);font-size:12px}.text-page h2{letter-spacing:-.03em;font-size:clamp(26px,3vw,42px);line-height:1.2}.text-page>p:not(.story-response){margin-top:var(--space-lg);font-size:clamp(16px,1.5vw,20px);line-height:1.7}.story-action{align-items:center;gap:var(--space-xs);color:var(--color-accent);padding:var(--space-sm) 0;margin-top:var(--space-lg);text-align:left;white-space:normal;align-self:flex-start;min-height:44px;font-size:13px;display:flex}.story-action:disabled{opacity:1;cursor:not-allowed;color:var(--color-muted);background:var(--color-clear)}.story-response{color:var(--color-muted);min-height:3lh;margin-top:var(--space-xs);font-size:12px}.story-response.revealed{color:var(--color-accent)}.page-bottom{text-align:center;color:var(--color-muted);font-size:9px;position:absolute;bottom:18px;left:0;right:0}.page-hotspot{border:1px solid var(--color-cream);border-radius:var(--radius-pill);background:var(--color-overlay);width:70px;height:70px;color:var(--color-star);place-items:center;animation:2s ease-in-out 2 paper-shimmer;display:grid;position:absolute;top:46%;left:40%}.page-hotspot.activated{background:var(--color-cream);color:var(--color-accent);transform:rotate(15deg)scale(1.15)}@keyframes paper-shimmer{50%{box-shadow:0 4px 25px var(--color-shadow);transform:scale(1.12)}}.star-game{position:absolute;inset:0}.collect-star{color:var(--color-star);padding:var(--space-xs);width:56px;height:56px;filter:drop-shadow(0 2px 4px var(--color-dark-shadow));transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short);position:absolute}.collect-star svg{fill:var(--color-star)}.star-0{top:12%;left:20%}.star-1{top:35%;left:65%}.star-2{top:53%;left:30%}.star-3{top:70%;left:65%}.star-4{top:78%;left:10%}.collect-star.found{opacity:.22;transform:scale(.7)}.turn-sheet{background:var(--color-paper-3);transform-origin:0;z-index:20;width:50%;height:100%;box-shadow:-5px 0 10px var(--color-shadow);-webkit-backface-visibility:visible;backface-visibility:visible;border-radius:0 14px 14px 0;display:none;position:absolute;top:0;right:0}.turn-next .turn-sheet{animation:page-forward var(--dur-long) ease-in-out forwards;display:block}.turn-prev .turn-sheet{animation:page-back var(--dur-long) ease-in-out forwards;display:block}@keyframes page-forward{0%{opacity:.3;transform:rotateY(0)}50%{opacity:1}to{opacity:.1;transform:rotateY(-180deg)}}@keyframes page-back{0%{opacity:.3;transform:rotateY(-180deg)}50%{opacity:1}to{opacity:.1;transform:rotateY(0)}}.reader-bottom{justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;max-width:1040px;margin-inline:auto;display:flex}.reader-options,.reader-pagination{align-items:center;gap:var(--space-md);display:flex}.reader-pagination>span{white-space:nowrap;font-size:12px}.reader-pagination .primary{min-width:145px}.motion-paused *,.motion-paused :before,.motion-paused :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-paused .book-object:hover{transform:none}@media (hover:none){.heart{opacity:1}}@media (min-width:1600px){.library-intro{padding-top:var(--space-2xl)}.bookshelf{margin-top:var(--space-2xl)}}@media (max-width:1000px){.private-label{font-size:0}.private-label svg{width:17px;height:17px}.topbar,.container{padding-inline:var(--space-lg)}.shelf-content{gap:var(--space-lg);padding-inline:var(--space-md)}.book-item{flex-basis:210px}.book-object{width:185px;height:252px}.book-clay .book-object{width:179px;height:240px}.book-sea .book-object{width:185px;height:258px}.book-cover h2{font-size:20px}.book-sea .book-cover h2{font-size:19px}.book-caption{width:210px}.next-book{width:160px}.next-cover{width:120px;height:190px}.next-cover>span{font-size:13px}.cover-top span{font-size:7px}.sort{font-size:0}.sort select{font-size:12px}.invitation{padding:var(--space-lg)}.invitation h2{font-size:23px}.invitation p{font-size:11px}.paper-motif{width:80px;height:90px}.text-button{font-size:12px}.reader{padding:var(--space-md) var(--space-lg)}.text-page{padding:var(--space-lg)}.reader-options{gap:var(--space-2xs)}}@media (max-width:760px){.topbar{gap:var(--space-sm);height:86px}.topbar nav{gap:var(--space-2xs)}.topbar nav a{padding:var(--space-xs) var(--space-sm);font-size:12px}.topbar nav a:last-child{display:none}.wordmark{font-size:24px}.private-label{display:none}.library-intro{padding-top:var(--space-lg);padding-bottom:var(--space-lg);align-items:flex-start;gap:var(--space-md);flex-direction:column}h1{font-size:43px}.library-intro p{margin-top:var(--space-sm);font-size:12px}.add-button{min-height:42px;padding-inline:var(--space-md);margin-top:0;font-size:12px}.controls{gap:var(--space-sm);flex-wrap:wrap}.view-switch button{padding-inline:var(--space-sm);font-size:12px}.search{flex:1;min-width:160px}.sort{width:100%;min-height:32px;margin-top:calc(-1 * var(--space-2xs));order:3;justify-content:flex-end;font-size:11px}.sort select{min-height:32px}.sort svg{right:0}.filter-row{margin-top:var(--space-xs);gap:var(--space-xs)}.filter-row button{padding:var(--space-xs) var(--space-sm);font-size:11px}.bookshelf{margin-top:var(--space-lg)}.sample-note{margin-bottom:var(--space-lg);font-size:10px}.shelf-content,.cover-view .shelf-content{gap:var(--space-2xl) var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-height:0;padding-inline:0;display:grid}.book-item{width:100%;min-width:0;padding-bottom:var(--space-2xl)}.book-stage{width:100%}.book-object,.book-clay .book-object,.book-sea .book-object{aspect-ratio:.73;width:100%;max-width:200px;height:auto;transform:rotateY(-8deg)rotate(-1deg)}.book-clay .book-object{transform:rotateY(-8deg)rotate(1deg)}.cover-top{padding:var(--space-sm) var(--space-xs) 0 var(--space-md);gap:var(--space-2xs)}.cover-top svg{width:14px;height:14px}.cover-top span{font-size:6px}.book-cover h2,.book-sea .book-cover h2{padding:var(--space-xs) var(--space-xs) 0 var(--space-md);font-size:clamp(15px,3.7vw,24px)}.cover-foot{font-size:6px;bottom:10px;left:16px}.heart{opacity:1;top:-6px;right:-7px}.book-caption{width:100%;font-size:10px;top:auto;bottom:0}.book-caption button{min-height:34px;font-size:10px}.wood-shelf{display:none}.next-book{width:100%;height:100%;padding-bottom:var(--space-2xl);align-items:flex-end;display:flex}.next-cover{aspect-ratio:.78;gap:var(--space-sm);width:88%;max-width:170px;height:auto;margin-bottom:0}.next-book>span:last-child{font-size:10px;top:auto;bottom:15px}.shelf-meta{margin-top:var(--space-lg);font-size:10px}.shelf-meta>span:last-child{display:none}.invitation{margin-top:var(--space-lg);gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start}.invitation h2{font-size:23px}.invitation p{font-size:12px}.invitation>div:nth-child(2){flex:1;min-width:180px}.paper-motif{width:50px;height:66px}.paper-motif>svg{width:28px}.motif-star{top:0;right:-11px}.motif-star svg{width:17px}.text-button{margin-left:calc(var(--space-2xl) + var(--space-xs));margin-top:calc(-1 * var(--space-xs));font-size:12px}.desktop-br{display:none}footer{padding:var(--space-lg) 0;align-items:flex-start;gap:var(--space-xs);flex-wrap:wrap;font-size:9px}footer>div{gap:var(--space-sm)}footer>span{padding-top:var(--space-sm)}.reader{padding:var(--space-sm)}.reader-bar .quiet{padding:var(--space-xs);font-size:0}.reader-bar>span{max-width:230px;font-size:12px}.reading-stage{padding:var(--space-md) 0}.open-book{border-radius:8px;grid-template-rows:minmax(180px,.95fr) minmax(0,1.1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100%;max-height:calc(100dvh - 172px)}.illustrated-page{border-radius:8px 8px 0 0}.illustrated-page>img{object-position:center 57%}.illustrated-page:after{display:none}.text-page{padding:var(--space-lg);border-radius:0 0 8px 8px;justify-content:center;overflow-y:auto}.chapter{margin-bottom:var(--space-xs);font-size:10px}.text-page h2{font-size:25px}.text-page>p:not(.story-response){margin-top:var(--space-sm);font-size:15px;line-height:1.55}.story-action{margin-top:var(--space-xs);min-height:38px;padding:var(--space-xs) 0;font-size:12px}.story-response{min-height:2lh;margin-top:0;font-size:11px}.page-bottom{display:none}.art-caption{font-size:8px;bottom:10px;left:16px}.page-hotspot{width:50px;height:50px;top:40%}.page-hotspot svg{width:24px}.reader-bottom{align-items:center;gap:var(--space-xs);flex-direction:column-reverse}.reader-options{justify-content:center;gap:var(--space-lg);width:100%}.reader-options button{min-height:32px;padding:var(--space-2xs);font-size:10px}.reader-pagination{justify-content:space-between;gap:var(--space-xs);width:100%}.reader-pagination>span{font-size:11px}.reader-pagination .primary{min-width:136px;min-height:40px;padding:var(--space-xs) var(--space-md);font-size:12px}.reader-pagination .icon-button{width:38px;height:40px}.turn-sheet{transform-origin:0;width:100%;height:100%}.collect-star{width:44px;height:44px;padding:var(--space-2xs)}.collect-star svg{width:30px;height:30px}.add-story{padding:var(--space-lg)}.add-story h2{font-size:29px}.add-story>p{font-size:12px}.add-story header{margin-bottom:var(--space-md)}}@media (max-width:360px){.container,.topbar{padding-inline:var(--space-md)}h1{font-size:38px}.book-cover h2,.book-sea .book-cover h2{font-size:15px}.filter-row button{font-size:10px}.filter-row button svg{width:13px}.cover-top span{display:none}.shelf-content{column-gap:var(--space-lg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.book-object:hover{transform:none}}.book-sage{--book-color:var(--color-forest)}.shelf-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-muted);font-size:11px;display:flex}.shelf-heading>span,.author-filter{gap:var(--space-xs);align-items:center;display:flex}.author-filter select{background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);cursor:pointer;border:0;max-width:190px;min-height:40px;font-size:12px}.book-item{position:relative}.book-caption{width:100%;top:calc(100% + 24px)}.book-caption .author-credit{color:var(--color-ink);margin-bottom:var(--space-2xs);font-size:11px}.book-cover h2{font-size:22px}.cover-foot{background:var(--book-color);padding:var(--space-2xs) var(--space-xs);border-radius:4px;font-size:10px;bottom:12px;left:16px}.cover-top span{font-size:8px}.book-caption>span:not(.author-credit){font-size:10px}.cover-view .shelf-content{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-view .book-item{padding-bottom:var(--space-3xl)}.cover-view .book-caption{top:auto;bottom:0}.shelf-meta{margin-top:112px}.storytellers{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-warm);border-radius:var(--radius-card);scroll-margin-top:var(--space-lg)}.storytellers-heading{justify-content:space-between;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.storytellers h2{letter-spacing:-.03em;font-size:27px;line-height:1.3}.storytellers-heading p{color:var(--color-muted);font-size:12px}.author-list{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.author-list button{align-items:center;gap:var(--space-sm);text-align:left;white-space:normal;border-bottom:1px solid var(--color-wood-bottom);padding:var(--space-md) 0;min-height:70px;display:flex}.author-list button>span{font-family:var(--font-display);font-size:17px}.author-list small{font-family:var(--font-body);color:var(--color-muted);margin-top:var(--space-2xs);font-size:10px;display:block}.author-list button>svg:last-child{margin-left:auto}.author-list button:hover,.author-list button[aria-pressed=true]{color:var(--color-accent)}.next-story-line{justify-content:space-between;align-items:center;gap:var(--space-lg);color:var(--color-muted);margin-top:var(--space-lg);font-size:12px;display:flex}.next-story-line .text-button{color:var(--color-ink)}.real-book .open-book{height:min(70dvh,650px)}.real-book .reader-bar small{color:var(--color-ink-2);font-size:12px}.real-book .text-page{padding:var(--space-xl);justify-content:center}.real-book .text-page h2{font-size:clamp(26px,3vw,39px)}.real-book .text-page>p:not(.story-response){margin-top:var(--space-lg);font-size:clamp(16px,1.4vw,19px);line-height:1.65}.real-book .chapter{margin-bottom:var(--space-md)}.scene-picture{object-position:center!important}.story-scene{isolation:isolate}.scene-light{background:var(--color-star);opacity:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .6s var(--ease-out);z-index:1;position:absolute;inset:0}.scene-active.effect-light .scene-light,.scene-active.effect-sun .scene-light{opacity:.4}.scene-active.effect-search .scene-picture{animation:scene-look 1.8s var(--ease-out)}.scene-active.effect-knock .scene-picture,.scene-active.effect-shake .scene-picture,.scene-active.effect-gate .scene-picture,.scene-active.effect-trap .scene-picture{animation:.7s ease-out scene-rumble}.scene-active.effect-run .scene-picture{animation:scene-run 1s var(--ease-out)}.scene-active.effect-vanish .scene-picture{animation:scene-distance 2.5s var(--ease-out) forwards}.scene-specks{pointer-events:none;z-index:2;position:absolute;inset:0}.speck{color:var(--color-cream);filter:drop-shadow(0 2px 3px var(--color-dark-shadow));animation:speck-pop 1.4s var(--ease-out) both;position:absolute}.speck-0{top:24%;left:16%}.speck-1{animation-delay:.12s;top:18%;left:77%}.speck-2{animation-delay:.24s;top:72%;left:62%}.speck-3{animation-delay:.18s;top:66%;left:26%}.speck-4{animation-delay:.3s;top:35%;left:48%}.speck-5{animation-delay:.4s;top:57%;left:83%}.effect-target{z-index:4;background:var(--color-forest);width:54px;height:54px;color:var(--color-cream);border:1px solid var(--color-cream);box-shadow:0 5px 16px var(--color-dark-shadow);animation:2s ease-in-out 2 paper-shimmer;transform:translate(-50%,-50%)}.effect-target.activated{background:var(--color-cream);color:var(--color-accent);transform:translate(-50%,-50%)}.effect-target:hover{background:var(--color-accent)}.effect-target.activated:hover{background:var(--color-cream)}.collection-game{z-index:4;position:absolute;inset:0}.collect-token{border-radius:var(--radius-pill);background:var(--color-cream);width:46px;height:46px;color:var(--color-forest);box-shadow:0 4px 12px var(--color-dark-shadow);border:1px solid var(--color-forest);transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.collect-token:hover{transform:translate(-50%,-50%)scale(1.08)}.collect-token.collected{background:var(--color-forest);color:var(--color-cream);opacity:1;cursor:not-allowed;transform:translate(-50%,-50%)scale(.9)}.collect-instruction{align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);min-height:60px;color:var(--color-accent);font-size:13px;display:flex}.collect-instruction strong{color:var(--color-ink);margin-left:auto;font-size:12px;font-weight:400}.paper-action{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-accent);white-space:normal;text-align:left;max-width:100%;min-height:70px;padding:0;font-size:13px;display:flex}.paper-action>span:last-child{max-width:27ch}.paper-action small{color:var(--color-muted);margin-top:var(--space-2xs);font-size:10px;line-height:1.4;display:block}.paper-actor{width:70px;height:70px;filter:drop-shadow(0 3px 2px var(--color-shadow));transform-origin:bottom;background-image:url(/art/stories/actors.webp);background-repeat:no-repeat;background-size:300% 300%;flex-shrink:0;display:block}.actor-1{background-position:0 0}.actor-2{background-position:50% 0}.actor-3{background-position:100% 0}.actor-4{background-position:0}.actor-5{background-position:50%}.actor-6{background-position:100%}.actor-7{background-position:0 100%}.actor-8{background-position:50% 100%}.actor-9{background-position:100% 100%}.paper-action:hover .paper-actor{transform:rotate(-5deg)}.playing{animation:actor-wave 1.2s var(--ease-out)}.playing.actor-effect-run{animation:actor-run 1.2s var(--ease-out)}.playing.actor-effect-trap{animation:actor-trap 1s var(--ease-out)}.playing.actor-effect-gate,.playing.actor-effect-knock,.playing.actor-effect-shake{animation:.8s ease-out actor-wobble}.playing.actor-effect-vanish{animation:actor-vanish 2.2s var(--ease-out) forwards}.real-book .story-response{min-height:3lh;margin-top:var(--space-xs);font-size:12px}.real-book .page-bottom{font-size:10px}.real-book .reader-options{gap:var(--space-xs)}.original-button{font-size:12px}.real-book .turn-sheet{pointer-events:none;visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible;background:var(--color-clear);box-shadow:none;display:block}.turn-front,.turn-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0 14px 14px 0;position:absolute;inset:0;overflow:hidden}.turn-front{background:var(--color-paper-3);padding:var(--space-xl);box-shadow:-5px 0 20px var(--color-shadow);flex-direction:column;justify-content:center;display:flex}.turn-front h2{font-size:32px;line-height:1.2}.turn-front p{margin-top:var(--space-lg);font-size:18px;line-height:1.65}.turn-back{transform:rotateY(180deg)}.turn-back img{object-fit:cover;width:100%;height:100%}.real-book .turn-next .turn-sheet{visibility:visible;animation:.6s cubic-bezier(.4,0,.2,1) forwards real-page-forward}.real-book .turn-prev .turn-sheet{visibility:visible;animation:.6s cubic-bezier(.4,0,.2,1) forwards real-page-back}.original-words{border-radius:var(--radius-card);width:min(680px,100% - 24px);padding:var(--space-xl)}.original-words header{margin-bottom:var(--space-lg);color:var(--color-accent);justify-content:space-between;align-items:center;display:flex}.original-words h2{font-size:30px;line-height:1.3}.original-intro{color:var(--color-muted);margin-top:var(--space-md);font-size:13px}.adaptation-note{color:var(--color-ink-2);margin-top:var(--space-md);padding:var(--space-md);background:var(--color-sage);border-radius:var(--radius-input);font-size:12px}.original-words blockquote{margin:var(--space-lg) 0 var(--space-xl);white-space:pre-wrap;max-width:65ch;font-size:16px;line-height:1.8}@keyframes scene-look{0%,to{transform:scale(1)}35%{transform:scale(1.08)translate(2%)}70%{transform:scale(1.08)translate(-2%)}}@keyframes scene-rumble{0%,to{transform:rotate(0)scale(1.02)}20%{transform:rotate(-1.5deg)scale(1.02)}40%{transform:rotate(1.5deg)scale(1.02)}60%{transform:rotate(-.7deg)scale(1.02)}80%{transform:rotate(.7deg)scale(1.02)}}@keyframes scene-run{0%{transform:scale(1.08)translate(-3%)}to{transform:scale(1.08)translate(3%)}}@keyframes scene-distance{0%{transform:scale(1.2)}to{filter:saturate(.7);transform:scale(1)}}@keyframes speck-pop{0%{opacity:0;transform:translateY(10px)scale(.3)}30%{opacity:1}to{opacity:0;transform:translateY(-35px)scale(1)}}@keyframes actor-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-12deg)translateY(-4px)}40%,80%{transform:rotate(8deg)}}@keyframes actor-run{0%{transform:translate(0)rotate(-4deg)}25%{transform:translate(12px)translateY(-6px)rotate(4deg)}50%{transform:translate(24px)rotate(-4deg)}75%{transform:translate(36px)translateY(-6px)rotate(4deg)}to{transform:translate(0)}}@keyframes actor-trap{0%{transform:translateY(-20px)rotate(-8deg)}60%{transform:translateY(0)rotate(3deg)}to{transform:rotate(0)}}@keyframes actor-wobble{20%{transform:rotate(-15deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}@keyframes actor-vanish{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:.08;transform:translate(35px)scale(.15)}}@keyframes real-page-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes real-page-back{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@media (min-width:761px) and (max-width:1100px){.book-object,.book-clay .book-object,.book-sea .book-object{aspect-ratio:.74;width:100%;max-width:200px;height:auto}.book-cover h2,.book-sea .book-cover h2{font-size:clamp(17px,2vw,22px)}.cover-top span{font-size:7px}.cover-foot{font-size:8px}.reader-bottom{gap:var(--space-sm)}.reader-options .quiet{font-size:11px}.real-book .text-page{padding:var(--space-lg)}.paper-action{margin-top:var(--space-sm)}.real-book .text-page>p:not(.story-response){font-size:17px}.real-book .story-response{font-size:11px}}@media (max-width:760px){.shelf-heading{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;font-size:10px}.author-filter{justify-content:space-between;width:100%;font-size:11px}.author-filter select{max-width:210px;min-height:40px;font-size:12px}.shelf-content,.cover-view .shelf-content{row-gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.book-item,.cover-view .book-item{padding-bottom:88px}.book-caption,.cover-view .book-caption{top:auto;bottom:0}.book-caption .author-credit{font-size:10px}.book-caption>span:not(.author-credit){font-size:9px}.book-cover h2,.book-sea .book-cover h2{font-size:clamp(15px,3.7vw,24px)}.cover-foot{padding:var(--space-2xs);font-size:8px;bottom:10px;left:12px}.cover-top span{font-size:6px}.shelf-meta{margin-top:var(--space-lg)}.storytellers{padding:var(--space-lg);margin-top:var(--space-lg)}.storytellers-heading{gap:var(--space-sm);flex-direction:column}.storytellers h2{font-size:26px}.storytellers-heading p{font-size:12px}.author-list{grid-template-columns:minmax(0,1fr);gap:0}.author-list button{min-height:72px}.author-list button>span{font-size:17px}.author-list small{font-size:11px}.next-story-line{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.next-story-line .text-button{margin:0;font-size:12px}.real-book .open-book{grid-template-rows:minmax(170px,.92fr) minmax(0,1.2fr);height:100%;max-height:calc(100dvh - 188px)}.real-book .text-page{padding:var(--space-lg);justify-content:flex-start}.real-book .chapter{margin-bottom:var(--space-xs);font-size:10px}.real-book .text-page h2{font-size:24px}.real-book .text-page>p:not(.story-response){margin-top:var(--space-sm);font-size:15px;line-height:1.55}.paper-action{min-height:58px;margin-top:var(--space-xs);gap:var(--space-xs);font-size:11px}.paper-actor{width:54px;height:54px}.paper-action small{font-size:9px}.real-book .story-response{min-height:2lh;margin-top:var(--space-2xs);font-size:11px}.collect-instruction{min-height:50px;margin-top:var(--space-xs);font-size:12px}.real-book .reader-bar small{font-size:10px}.real-book .reader-options{gap:var(--space-lg)}.real-book .reader-options .quiet{font-size:10px}.real-book .reader-bottom{gap:var(--space-2xs)}.collection-game .collect-token{width:44px;height:44px}.effect-target{width:46px;height:46px}.effect-target svg{width:22px}.turn-front{padding:var(--space-lg)}.turn-front h2{font-size:24px}.turn-front p{font-size:15px}.original-words{padding:var(--space-lg)}.original-words h2{font-size:26px}.original-words blockquote{font-size:15px}}@media (prefers-reduced-motion:reduce){.scene-picture,.scene-light,.paper-actor,.speck,.turn-sheet{transition:none!important;animation:none!important}.real-book .turn-sheet{display:none!important}}.real-book .effect-count{background:var(--book-color)}.real-book .effect-count .scene-picture{object-fit:contain}.real-book .effect-count .art-caption{background:var(--book-color);padding:var(--space-2xs) var(--space-xs);border-radius:4px}.effect-target{animation:2s ease-in-out 2 target-pulse}.effect-target:active:not(:disabled),.collect-token:active:not(:disabled){transform:translate(-50%,-50%)translateY(1px)}@keyframes target-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}.real-book .story-scene{background:var(--book-color)}.real-book .story-scene .scene-picture{object-fit:contain}.real-book .story-scene .art-caption{background:var(--book-color);padding:var(--space-2xs) var(--space-xs);border-radius:4px}@media (max-width:760px){.controls .view-switch{flex:none}.view-switch button{gap:6px;padding-inline:10px;font-size:11px}.controls .search{flex:140px;width:0;min-width:0}.search input{font-size:11px}.filter-row{padding-bottom:var(--space-2xs);scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.filter-row button{flex:none}.shelf-heading>span{display:none}.shelf-heading{margin-top:var(--space-md)}}.book-item{--rest-lean:-2deg}.book-clay{--rest-lean:1.5deg}.book-sea{--rest-lean:-1.5deg}.book-sage{--rest-lean:1deg}.book-item .book-object{transform:translateY(0) rotateX(var(--pointer-y,0deg)) rotateY(calc(14deg + var(--pointer-x,0deg))) rotateZ(var(--rest-lean));transform-origin:50% 90%;transition:transform .65s var(--ease-out),filter .65s var(--ease-out);filter:drop-shadow(3px 5px 5px var(--color-shadow));will-change:transform}:is(.book-item .book-object:hover,.book-item .book-object:focus-visible){transform:translateY(-15px) rotateX(var(--pointer-y,0deg)) rotateY(calc(6deg + var(--pointer-x,0deg))) rotateZ(0deg);filter:drop-shadow(7px 13px 9px var(--color-shadow))}.book-item .book-object:active:not(:disabled){transform:translateY(-10px) rotateX(var(--pointer-y,0deg)) rotateY(calc(6deg + var(--pointer-x,0deg))) rotateZ(0deg)}.book-item .book-cover{transform-origin:0;transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out);box-shadow:3px 5px 12px var(--color-dark-shadow);transform:translateZ(17px)}:is(.book-item .book-object:hover .book-cover,.book-item .book-object:focus-visible .book-cover){box-shadow:7px 5px 16px var(--color-dark-shadow);transform:translateZ(17px)rotateY(-17deg)}.book-back{background:var(--book-color);box-shadow:5px 10px 18px var(--color-shadow);border-radius:3px 7px 7px 3px;position:absolute;inset:0;transform:translateZ(-1px)}.book-item .book-pages{background:linear-gradient(90deg,var(--color-paper-2),var(--color-paper-3) 50%,var(--color-paper-2));box-shadow:1px 0 0 var(--color-paper-3),3px 1px 0 var(--color-rule),5px 0 0 var(--color-paper-3),7px 1px 0 var(--color-rule),9px 0 0 var(--color-paper-3),11px 1px 0 var(--color-rule);border-right:0;border-radius:2px 5px 5px 2px;inset:4px 2px 4px 4px;transform:translateZ(8px)}.book-spine{background:var(--book-color);width:18px;color:var(--color-cream);transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(--space-sm) var(--space-3xs);box-shadow:inset 1px 0 3px var(--color-dark-shadow);border-radius:3px 0 0 3px;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 auto 0 0;transform:rotateY(-90deg)}.book-spine>span{writing-mode:vertical-rl;font-family:var(--font-display);font-size:10px;line-height:1.1}.book-spine small{writing-mode:vertical-rl;font-size:8px}.cover-view .book-item .book-object{transform:none}:is(.cover-view .book-item .book-object:hover,.cover-view .book-item .book-object:focus-visible){transform:translateY(-10px)rotateY(5deg)}.open-book{transform-origin:50%}.open-book[aria-busy=true] .story-scene,.open-book[aria-busy=true] .text-page{pointer-events:none}.spread-gutter{background:linear-gradient(90deg,var(--color-clear),var(--color-shadow) 50%,var(--color-clear));pointer-events:none;z-index:8;width:28px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.real-book .turn-sheet{z-index:20;transform-origin:0}.real-book .turn-next .turn-sheet{animation:.78s cubic-bezier(.4,0,.2,1) forwards rich-turn-forward}.real-book .turn-prev .turn-sheet{animation:.78s cubic-bezier(.4,0,.2,1) forwards rich-turn-back}.turn-front:after,.turn-back:after{content:"";pointer-events:none;background:linear-gradient(90deg,var(--color-dark-shadow),var(--color-clear) 55%,var(--color-shadow));opacity:0;position:absolute;inset:0}.turn-next .turn-front:after,.turn-next .turn-back:after,.turn-prev .turn-front:after,.turn-prev .turn-back:after{animation:.78s ease-in-out paper-turn-shade}.real-book .turn-back img{object-fit:contain;background:var(--book-color)}.page-curl{transform-origin:100%;background:linear-gradient(90deg,var(--color-clear),var(--color-paper-2) 65%,var(--color-paper-3));-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;border-radius:0 14px 14px 0;width:20px;position:absolute;inset:0 0 0 auto;transform:rotateY(0)}.turn-next .page-curl,.turn-prev .page-curl{animation:.78s ease-in-out paper-curl}.page-corner{z-index:9;width:54px;height:54px;padding:var(--space-xs);color:var(--color-muted);border-radius:10px 0 14px;place-items:center;display:grid;position:absolute;bottom:0;right:0}.corner-fold{transform-origin:100% 100%;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);border-radius:0 0 14px;position:absolute;inset:0;overflow:hidden}.corner-fold:before{content:"";background:linear-gradient(135deg,var(--color-clear) 50%,var(--color-paper-2) 51%,var(--color-paper-3));box-shadow:-3px -3px 8px var(--color-shadow);position:absolute;inset:0}.page-corner>svg{margin-top:var(--space-md);margin-left:var(--space-md);opacity:.7;width:15px;position:relative}.page-corner:hover .corner-fold{box-shadow:-2px -3px 7px var(--color-shadow);transform:rotate(-5deg)scale(1.12)}.page-corner:hover{color:var(--color-accent)}.page-corner:active:not(:disabled){transform:none}@keyframes rich-turn-forward{0%{transform:rotateY(0)skewY(0)}38%{transform:rotateY(-65deg)skewY(-1deg)}68%{transform:rotateY(-135deg)skewY(.5deg)}to{transform:rotateY(-180deg)skewY(0)}}@keyframes rich-turn-back{0%{transform:rotateY(-180deg)skewY(0)}38%{transform:rotateY(-115deg)skewY(1deg)}68%{transform:rotateY(-45deg)skewY(-.5deg)}to{transform:rotateY(0)skewY(0)}}@keyframes paper-turn-shade{0%,to{opacity:0}50%{opacity:.65}}@keyframes paper-curl{0%,to{transform:rotateY(0)}50%{transform:rotateY(38deg)}}.narration-menu{z-index:50;border:0;padding:0;position:relative}.narration-menu>.narration-toggle{white-space:nowrap;min-height:44px;padding:var(--space-xs) var(--space-sm);cursor:pointer;gap:var(--space-xs);border:0;font-size:13px;list-style:none;display:flex}.narration-menu>.narration-toggle::-webkit-details-marker{display:none}.narration-menu>.narration-toggle>span{margin:0}.narration-menu[data-open=true]>.narration-toggle{background:var(--color-paper-2)}.narration-popover{width:310px;padding:var(--space-lg);background:var(--color-paper-3);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:0 9px 40px var(--color-dark-shadow);white-space:normal;font-size:13px;position:absolute;bottom:calc(100% + 12px);left:0}.narration-popover-heading{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.narration-popover-heading strong{font-family:var(--font-display);font-size:20px;font-weight:400}.narration-popover-heading .icon-button{width:44px;height:44px}.narrator-label{color:var(--color-muted);margin-bottom:var(--space-md);font-size:12px}.narration-pending{padding:var(--space-sm) 0 var(--space-lg)}.narration-pending p{font-size:14px;line-height:1.5}.narration-pending span{color:var(--color-muted);margin-top:var(--space-xs);font-size:12px;display:block}.audio-play-row{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.audio-play-row .primary{min-height:44px;font-size:12px}.audio-seek{display:block}.audio-seek input{width:100%;accent-color:var(--color-accent);cursor:pointer;min-height:28px}.audio-times{color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.auto-read{align-items:center;gap:var(--space-xs);min-height:44px;margin-top:var(--space-xs);font-size:12px;display:flex}.auto-read input{accent-color:var(--color-accent);width:16px;height:16px}.ai-audio-disclosure{color:var(--color-muted);margin-bottom:var(--space-md);font-size:10px;line-height:1.5}.audio-error{color:var(--color-accent);margin:var(--space-sm) 0;font-size:12px}.device-audio{border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}.device-audio .quiet{padding-left:0;font-size:12px}.device-audio p{color:var(--color-muted);font-size:10px}.sound-bars{align-items:center;gap:var(--space-3xs);height:15px;display:flex}.sound-bars i{background:var(--color-accent);border-radius:2px;width:2px;height:12px;animation:.8s ease-in-out infinite alternate voice-bars;display:block}.sound-bars i:nth-child(2){animation-delay:.25s}.sound-bars i:nth-child(3){animation-delay:.5s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes voice-bars{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (max-width:760px){.book-item .book-object{transform:rotateY(7deg) rotateZ(var(--rest-lean))}:is(.book-item .book-object:hover,.book-item .book-object:focus-visible){transform:translateY(-7px)rotateY(5deg)}.book-item .book-object:active:not(:disabled){transform:translateY(-4px)rotateY(5deg)}.book-spine{width:14px}.book-spine>span{font-size:8px}.book-item .book-object:hover .book-cover{transform:translateZ(17px)rotateY(-9deg)}.spread-gutter{background:linear-gradient(180deg,var(--color-clear),var(--color-shadow),var(--color-clear));width:100%;height:14px;inset:calc(44% - 7px) 0 auto;transform:none}.page-corner{width:44px;height:44px}.page-corner>svg{width:13px}.narration-menu>.narration-toggle{min-height:32px;padding:var(--space-2xs);font-size:10px}.narration-popover{width:min(300px,100dvw - 40px);padding:var(--space-lg);left:50%;transform:translate(-50%)}.sound-bars{display:none}}.motion-paused .book-item .book-object,.motion-paused .book-item .book-object:hover,.motion-paused .book-item .book-object:active:not(:disabled),.motion-paused .book-item .book-cover,.motion-paused .book-item .book-object:hover .book-cover,.motion-paused .page-corner:hover .corner-fold{transform:none}@media (prefers-reduced-motion:reduce){.book-item .book-object,.book-item .book-object:hover,.book-item .book-object:active:not(:disabled),.book-item .book-cover,.book-item .book-object:hover .book-cover{transform:none!important}.page-corner:hover .corner-fold{transform:none}.real-book .turn-sheet{display:none!important}}.motion-paused .turn-sheet{display:none!important}.open-book[aria-busy=true] .effect-target,.open-book[aria-busy=true] .collection-game,.open-book[aria-busy=true] .paper-action,.open-book[aria-busy=true] .collect-instruction,.open-book[aria-busy=true] .story-response,.open-book[aria-busy=true] .art-caption{visibility:hidden}