.painted-cover{display:block;opacity:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}body[data-cover-style=illustrated] .painted-ready .painted-cover{opacity:1}body[data-cover-style=illustrated] .painted-ready .book-cover-art{visibility:hidden}body[data-cover-style=illustrated] .shelf-volume .painted-ready:after{border:0;inset:0;background:linear-gradient(90deg,oklch(20% .03 160 / .25),transparent 5%,oklch(99% .02 80 / .12) 6%,transparent 9%);pointer-events:none}body[data-cover-style=illustrated] .shelf-volume .painted-ready .tiny-brand{position:absolute;top:6%;left:10%;right:8%;z-index:1;font-size:7px;letter-spacing:1.8px;color:#fff4db;text-shadow:0 1px 2px oklch(25% .03 240 / .8)}body[data-cover-style=illustrated] .shelf-volume .painted-ready h2{position:absolute;top:12%;left:9%;right:7%;z-index:1;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:27px;line-height:1.06;letter-spacing:-.6px;text-wrap:balance;color:#fffcf3;color:oklch(99% .025 88);text-shadow:0 1px 2px oklch(25% .03 240 / .8)}body[data-cover-style=illustrated] .shelf-volume .painted-ready small{display:none}body[data-cover-style=illustrated] .shelf-volume .painted-ready .book-padlock{top:auto;bottom:8px;right:-15px;width:55px;height:64px}.cover-style-picker{position:relative;flex-shrink:0}.cover-style-picker>.icon-button{display:grid;place-items:center;width:51px;height:51px;padding:7px}.cover-style-menu{width:249px}.cover-style-menu>p{margin:5px 10px 9px;font-size:12px;font-weight:900;letter-spacing:.4px;color:var(--muted)}.cover-style-menu>small{display:block;margin:10px;font-size:12px;line-height:1.45;color:var(--muted)}.cover-style-menu .cover-style-sample{flex:none;width:32px;height:42px;border-radius:2px 5px 5px 2px;border:1px solid oklch(77% .065 80);box-shadow:2px 1px #e4d6ba;background:#214331}.cover-style-sample.illustrated{background:#577594 url(/covers/painted/pip-pocket-star.jpg) center/cover}.cover-style-sample.original{position:relative;box-shadow:inset 2px 0 #d0bb9259,2px 1px #e4d6ba}.cover-style-sample.original:before{content:"";position:absolute;inset:4px;border:1px solid oklch(78% .065 80);border-radius:1px 3px 3px 1px}.cover-style-menu .cover-style-sample .book-cover-art{position:absolute;left:4px;bottom:6px;width:25px;height:21px;min-height:0;max-height:21px;margin:0;visibility:visible}.cover-style-sample.original:after{content:"";position:absolute;left:9px;right:7px;top:9px;height:2px;background:#fddd9c;box-shadow:0 4px #fddd9c}@media(max-width:800px){.cover-style-picker>.icon-button{width:44px;height:44px;border-width:4px}}@media(max-width:760px){.header .brand{font-size:0;gap:0}.header .brand-icon{margin:0}.header .brand-dot,.header #library-button{display:none}.cover-style-picker>.icon-button{width:40px;height:40px}.shelf-row .shelf-volume .painted-ready h2{font-size:23px}}@media(max-width:420px){.header{padding-left:12px;padding-right:12px}.header nav{gap:7px}.header .language-switch{min-width:61px}.header #language-name{display:none}.header .account-button{padding:8px 10px}.cover-style-menu{right:-72px}}@media(forced-colors:active){.cover-style-sample{forced-color-adjust:none}}#shelf-books,#saved-books{display:block!important;padding:0;overflow:visible}#shelf-books:before,#saved-books:before{display:none!important}.shelf-row{margin:0 -8px 50px;padding:25px 20px 35px}.shelf-row-books{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;--book-height:325px}.shelf-row .shelf-book{position:relative;min-width:0;z-index:1;padding:0 10px;background:none;border:0;box-shadow:none}.shelf-row .shelf-volume{height:var(--book-height);width:min(100%,252px);margin-bottom:38px}.shelf-row .shelf-book>strong,.shelf-row .shelf-book>span{position:relative;z-index:2}.shelf-plank{position:absolute;z-index:0;pointer-events:none;left:-12px;right:-12px;top:calc(var(--book-height) - 9px);height:32px;perspective:900px;transform-style:preserve-3d;filter:drop-shadow(0 18px 10px #1d180f70)}.plank-top{position:absolute;inset:-24px 0 0;background:repeating-linear-gradient(2deg,#c49155 0 3px,#eac58b 4px 8px,#d2a06a 9px 12px);border:2px solid #efce9b;transform:rotateX(57deg);transform-origin:center bottom;border-radius:5px 5px 0 0;box-shadow:inset 0 2px #fff1c8}.plank-front{position:absolute;inset:auto 0 -13px;height:24px;background:repeating-linear-gradient(0deg,#ad7945 0 2px,#cda16c 3px 8px,#b5804b 9px 10px);border-radius:0 0 5px 5px;border-top:3px solid #ecc78b;box-shadow:0 5px #855731,inset 0 -3px #936534}.plank-side{position:absolute;right:-7px;bottom:-15px;height:25px;width:12px;background:#885d36;transform:skewY(-35deg);border-radius:0 2px 3px 0}.plank-bracket{position:absolute;top:46px;width:24px;height:54px;background:linear-gradient(90deg,#815734,#b9854d 35%,#986333);clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,0 25%);filter:drop-shadow(5px 4px 2px #241c1380)}.plank-bracket.left{left:7%}.plank-bracket.right{right:7%;transform:scaleX(-1)}.family-panel{background:var(--paper-face);border:2px solid #d4b477;border-radius:24px;box-shadow:0 6px #785d3c70;padding:22px 26px;margin:20px 0 35px;text-align:left}.family-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.family-heading h2{font-size:24px;margin:0}.family-panel p{font-size:15px;line-height:1.5;margin:7px 0 13px}.family-sync{font-size:13px;color:var(--muted);max-width:240px}.family-readers{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.family-reader,.family-form button,.family-delete{border:5px solid #cba26b;border-radius:22px;background:var(--paper-face);color:var(--ink);box-shadow:0 4px #8d6941;padding:9px 18px;font:900 16px Nunito,sans-serif;cursor:pointer}.family-reader span{font-size:25px;vertical-align:middle;margin-right:7px}.family-reader[aria-pressed=true]{background:#d6e7bd;border-color:#92ab73;box-shadow:0 4px #627b4e}.family-reader:focus-visible{outline:3px solid #127a8c;outline-offset:4px}.family-manage{margin-top:12px;padding-top:12px;border-top:1px solid #d4b477}.family-manage summary{cursor:pointer;font-weight:900;min-height:30px}.family-form{display:flex;align-items:end;flex-wrap:wrap;gap:15px}.family-form label{display:grid;gap:7px;font-size:15px;flex:1;min-width:140px}.family-form input,.family-form select{border:2px solid #c7a06a;background:#fffcf0;border-radius:14px;padding:11px;width:100%;min-height:46px;color:var(--ink);font:700 16px Nunito,sans-serif}.family-delete{margin-top:20px;font-size:14px}.family-error{color:#893e24}body[data-text-size=large] #story-text{font-size:clamp(23px,2.2vw,33px)}@media(max-width:760px){.shelf-row-books{gap:18px;--book-height:265px}.shelf-row .shelf-volume .mini-cover h2{font-size:20px}.shelf-row .shelf-volume .mini-cover{padding:25px 12px}.shelf-row .shelf-volume{width:100%}.shelf-row .shelf-book{padding:0}.family-heading{display:block}.family-sync{display:block;margin:8px 0}.family-panel{padding:20px}.family-heading h2{font-size:22px}}@media(max-width:520px){.shelf-row{overflow-x:auto;overflow-y:hidden;margin:0 -12px 24px;padding:22px 28px 32px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bc9765 #fff2cb}.shelf-row-books{width:max-content;grid-template-columns:repeat(3,220px);gap:30px;--book-height:290px}.shelf-row .shelf-book{width:220px;scroll-snap-align:center}.shelf-row .shelf-volume{width:210px}.shelf-row .shelf-volume .mini-cover h2{font-size:23px}.shelf-row .shelf-book>strong{font-size:20px}.family-form{display:grid;grid-template-columns:1fr}.family-reader{font-size:14px;padding:8px 10px}}.playback .close-book-button{width:auto;min-width:126px;padding:9px 15px;gap:7px;display:flex;align-items:center;justify-content:center;font:inherit;font-size:13px;line-height:1.15;white-space:normal}.close-book-button svg{width:21px;height:21px;flex:none}.playback:has(.close-book-button) .play-button{min-width:0}.closing-book .story-page,.closing-book .discovery,.closing-book .hotspot-controls,.closing-book .discovery-progress,.closing-book .world-caption,.closing-book .bottom-note{opacity:0;transform:translateY(14px);transition:opacity .22s ease,transform .3s ease}.closing-book .reader-footer,.closing-book .reading-tools{opacity:0;transition:opacity .2s ease}body[data-book-return] #app{pointer-events:none}.returning-book.shelf-book{position:fixed;z-index:1000;min-width:0;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;pointer-events:none;transform-origin:top left;perspective:1400px;will-change:transform,opacity}.returning-book.shelf-book .shelf-volume{width:100%;height:100%;margin:0;animation:none;transition:none;transform:rotateY(-9deg)}.returning-book.shelf-book .mini-cover{width:100%;height:100%;max-width:none}@media(max-width:800px),(max-aspect-ratio:1/1){.playback .close-book-button{min-width:94px;max-width:110px;padding:5px 9px;font-size:11px;gap:4px}.close-book-button svg{width:17px;height:17px}.playback:has(.close-book-button){gap:8px}.playback:has(.close-book-button) .play-button{font-size:12px;gap:5px}.playback:has(.close-book-button) .play-button svg{width:19px;flex:none}}@media(prefers-reduced-motion:reduce){.closing-book *{transition:none!important}}