:root{--ink:#533d2a;--cream:#fff6e4;--accent:#a96945}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd8249;outline-offset:4px}button{min-height:44px}button:disabled{cursor:default;opacity:.5}input[type=email],input[type=password],input[type=text],input[type=search],input[type=number],select,textarea{width:100%;border:1px solid #d9c6a7;background:#fffaf0;color:var(--ink);border-radius:12px;padding:12px;font-size:16px}dialog:not(#detail){max-height:88dvh;overflow:auto;max-width:min(540px,92vw);padding:32px;color:var(--ink)}dialog .close{position:absolute;top:12px;right:12px}dialog label{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:20px 0}#settings label,#music label{flex-direction:row;align-items:center;justify-content:space-between}dialog small{display:block;line-height:1.7;color:#806b56}#auth-form .form-actions{display:flex;gap:10px;flex-wrap:wrap}#auth-form button{flex:1;white-space:nowrap}#auth-form small{margin-top:16px}.form-error{color:#934b38;font-size:14px;min-height:1em}.site-header nav{gap:8px}.site-header nav button{padding:10px 14px}.site-header .brand strong{font-size:32px}.webgl-ready .library-top{top:102px!important}.webgl-ready #shelves:focus-within{clip-path:none;position:fixed!important;z-index:5;top:160px;left:20px;width:240px!important;height:auto!important;max-height:60vh!important;overflow:auto!important;background:#fff4df;padding:16px;border-radius:16px}.webgl-ready #shelves:focus-within .books{display:flex;flex-direction:column;overflow:visible;height:auto}.webgl-ready #shelves:focus-within .book{width:110px;height:145px}.webgl-ready #shelves:focus-within .plank{display:none}#dream-canvas:focus-visible{outline:3px solid #cd9e62;outline-offset:-5px}#catalog-list{display:grid;gap:12px;margin-top:20px}.catalog-item{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #e0d1b9;border-radius:16px;background:#fff8e9;padding:14px;color:var(--ink);width:100%}.catalog-item:hover{background:#f4e7cd}.catalog-item img{width:72px;height:94px;object-fit:cover;border-radius:3px;box-shadow:3px 4px 6px #3e2a2430}.catalog-item strong{font-size:18px;display:block;margin-bottom:8px}.catalog-item small{font-size:14px}#room-status{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);padding:24px 30px;background:#fff4de;border-radius:20px;box-shadow:0 15px 50px #45301b30;text-align:center}#room-status[hidden]{display:none}.is-reading .library-top,.is-reading .library-bottom{display:none!important}#reader{z-index:50}#reader-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#reader-video[hidden]{display:none}#video-play{position:absolute;left:50%;top:30%;transform:translateX(-50%);z-index:4;background:#fff4df;border:0;padding:12px 24px;border-radius:40px}#reader-art.loading{opacity:.55}#reader-art{transition:opacity .3s ease,background-position 1s ease}.story-caption{max-width:min(760px,88vw);bottom:132px}.story-caption p{font-size:var(--font,24px);line-height:1.8;text-shadow:0 2px 12px #0008}.story-caption small{display:block;margin-top:14px;font-size:12px;opacity:.7;color:#fff4df}#story-end{background:#fff4dfdd;color:#62482e;border:0;border-radius:20px;padding:8px 16px;font-size:14px;margin-top:14px}#story-end[hidden]{display:none}.reader-controls{gap:12px;max-width:94vw;justify-content:center}.reader-controls button{font-size:14px;min-width:44px}.webgl-ready .landing-card{background:#fff7e6!important;background-image:none!important;border:1px solid #d7ba87!important;box-shadow:0 12px 40px #2f211e35!important;border-radius:20px!important;padding:28px!important}.landing-card .detail-note{font-size:16px!important;line-height:1.8}.webgl-ready .landing-card h2{font-size:28px!important}.webgl-ready .landing-caption{background:#fff7e6e8!important}.no-motion *{scroll-behavior:auto!important}.night .site-header .brand{color:#f0d8b4}.night .site-header nav button{background:#352d26e8;color:#f0d8b4}.night .library-top .tabs{background:#382f27db}.night .library-top .tabs button{color:#ddc5a3}.night .library-top .tabs button.active{background:#ebd3af;color:#493b2d}.night #shelf-count{color:#ebd3af}.night #dream-canvas{background:#252834}@media(max-width:850px){.site-header{padding:20px!important;gap:14px}.site-header .brand strong{font-size:28px}.site-header .brand small{font-size:10px}.site-header nav button{padding:8px 11px;font-size:13px}#music-toggle>span:not([data-icon]){display:none}.site-header #lang-label{display:none}.webgl-ready .landing-card{width:84vw!important;max-width:400px!important;bottom:4vh!important;padding:20px!important}.webgl-ready .landing-card h2{font-size:24px!important}.landing-card .detail-note{font-size:15px!important;line-height:1.6}.webgl-ready .landing-card .eyebrow{font-size:10px}.webgl-ready .landing-card .detail-notice{margin:10px 0 0}.webgl-ready .landing-card .primary{padding:12px 24px}.webgl-ready #shelf-count{display:none}}@media(max-width:520px){.site-header{padding:15px 14px!important;align-items:flex-start}.site-header .brand{gap:5px}.site-header .brandmark{font-size:29px}.site-header .brand strong{font-size:23px}.site-header .brand small{letter-spacing:3px;font-size:9px}.site-header nav{display:grid;grid-template-columns:repeat(3,40px);gap:5px}.site-header nav button{min-width:40px;min-height:40px;padding:7px;font-size:12px}.site-header #account-open{grid-column:2}.site-header #catalog-open{grid-column:1}.site-header #settings-open{grid-column:3;grid-row:1}.site-header #music-toggle{grid-column:1;grid-row:2}.site-header #language{grid-column:2;grid-row:2}.webgl-ready .library-top{top:117px!important}.library-top .tabs button{font-size:13px;padding:9px 15px}.webgl-ready .library-bottom{bottom:20px!important;padding:8px 12px;gap:8px;width:calc(100vw - 30px);justify-content:space-between}.library-bottom .hint{font-size:12px;max-width:160px}.library-bottom .hint svg{display:none}.shelf-navigation{gap:6px}.shelf-navigation button{width:40px;height:40px}.story-caption{bottom:170px;max-width:88vw}.story-caption p{font-size:min(var(--font),28px);line-height:1.7}.reader-controls{bottom:28px;flex-wrap:wrap;width:90vw;row-gap:8px}.reader-controls .divider{display:none}.reader-controls #narrate,.reader-controls #auto-reader{font-size:13px;padding:8px 12px}.reader-controls #page-count{font-size:13px}#reader header{padding:16px;gap:8px}#reader header button{font-size:12px;padding:8px 12px}#reader-title{font-size:13px}.webgl-ready .landing-card{bottom:3vh!important;padding:18px!important}.webgl-ready .landing-card .detail-note{font-size:14px!important}.webgl-ready .landing-card h2{font-size:23px!important}dialog:not(#detail){padding:26px 22px}}@media(max-height:580px) and (orientation:landscape){.webgl-ready .library-top{top:75px!important}.webgl-ready .landing-card{left:auto!important;right:3vw!important;bottom:5vh!important;max-width:36vw!important;transform:none!important;padding:16px!important}.landing-card .detail-note{font-size:13px!important}.story-caption{bottom:90px}.story-caption p{font-size:19px!important;line-height:1.5}.reader-controls{bottom:10px}.webgl-ready .library-bottom .hint{display:none}}

.is-reading .room{visibility:hidden}.is-reading #dream-canvas{visibility:hidden}.reader-art{background-size:cover}