/* Readable glass controls and a comfortable photo-first reader. */
body{font-size:16px}.intro{font-size:19px}.section-intro,.book-heading .description,.record-controls>p,.play-together p,.our-words p{font-size:16px}.eyebrow,.library-card>span,.milestone span,.page-number,.brand,.cover-bottom{font-size:12px}.milestone strong{font-size:17px}.milestone small{font-size:13px}.library-card p,.library-card b,.names,nav,.text-link,.book-cover p,.keepsake p,.keepsake b,.our-words label,.our-words small,.volume,#music-status{font-size:14px}.library-card p{min-height:65px}.book-cover .eyebrow{font-size:12px}.hero-book .eyebrow{font-size:10px}.hero-book small{font-size:10px}.hero-book .cover-bottom{font-size:9px}.logo small{font-size:11px}.page-meta h3{font-size:16px;line-height:1.4}.page-date,.page-number{font-size:12px}.scene-page p{font-size:15px}.scene-play,.note-button,.reader-bar button,.reader-bar select,.reader-nav button,.music-buttons button,.mini-scene span,.reader-count,.reader-count strong{font-size:14px}.reader-bar{flex-wrap:wrap}.reader-bar select{max-width:320px}.reader-bar>div{display:flex;gap:8px}.reader-count{min-width:110px}.reader-nav{padding:8px 0}.reader-nav button,.reader-bar button,.reading-tools button,.music-buttons button,header button,.photo-actions button,.photo-detail button{min-height:44px}.page-meta button{min-width:44px;min-height:44px}.mini-scene{min-height:72px;height:auto;padding:8px}.mini-scene img{flex-shrink:0;width:80px}.book-index{gap:0}.book-index button{width:24px;height:28px;background:transparent}.book-index button:before{inset:11px 3px;background:#ffffff35;border-radius:9px}.book-index button[aria-current=true]{background:transparent}.book-index button[aria-current=true]:before{background:linear-gradient(90deg,#71eeff,#fa8ddd)}.book-index button:focus-visible{outline-offset:0}.book-switcher{position:sticky;top:83px;z-index:18;display:flex;justify-content:center;gap:10px;background:#0a0c16ed;backdrop-filter:blur(18px);padding:12px 20px;border-block:1px solid #b89be733}.book-switcher button{font-size:14px;min-height:44px}.book-section{scroll-margin-top:170px}.library-actions{display:flex;align-items:center;gap:20px;margin-top:25px}.library-actions span{font-size:14px;color:#beb7ce}.reading-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.reading-tools button{font-size:14px}.keyboard-hint{font-size:12px;color:#a9a6be;margin-left:auto}.reading-progress{display:block;width:100%;height:4px;border:0;appearance:none;margin:16px 0 22px;accent-color:#ad93ff}.reading-progress::-webkit-progress-bar{background:#ffffff12;border-radius:9px}.reading-progress::-webkit-progress-value{background:linear-gradient(90deg,#67edff,#a385ff,#ff88d8);border-radius:9px}.resume-label{color:#aee3ef;font-size:14px!important}.book-shell{border-color:#a699dd70;box-shadow:inset 0 1px #fff5,inset 1px 0 #6cefff3b,0 20px 55px #0008,0 0 35px #b847ef0e}.offscreen .scene-stage img{animation-play-state:paused}.photo-dialog{height:95dvh;display:none}.photo-dialog[open]{display:flex;flex-direction:column}.photo-pan{flex:1;min-height:100px;overflow:auto;display:flex;align-items:center;justify-content:center;background:#050811;border-radius:8px}.photo-dialog #full-photo{height:100%;max-height:100%;width:100%;object-fit:contain}.photo-dialog.zoomed .photo-pan{display:block}.photo-dialog.zoomed #full-photo{width:200%;height:200%;max-height:none;max-width:none;object-fit:contain}.photo-actions{flex-wrap:wrap;flex-shrink:0;font-size:14px}.photo-actions button{font-size:14px}.photo-detail{text-align:center;margin:12px 0 0;flex-shrink:0}.photo-detail button{font-size:14px;margin:0 4px}.photo-detail p{font-size:14px;margin:10px 0;line-height:1.5}.dialog-bar{font-size:14px;flex-shrink:0}.dialog-bar button{min-width:44px;min-height:44px}.gallery-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery-controls label{font-size:14px}.gallery-controls input[type=search],.gallery-controls select{width:100%;padding:13px;border:1px solid #b5a2dd55;border-radius:10px;background:#090d18;color:#fff;font:inherit;margin-top:6px}.favorite-filter{grid-column:1/-1;display:flex;align-items:center;gap:10px}.favorite-filter input{width:20px;height:20px;accent-color:#c0a0ff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid button{border-radius:12px;padding:9px;min-width:0;background:#090c16}.gallery-grid img{width:100%;height:150px;object-fit:contain;display:block}.gallery-grid span{display:block;font-size:14px;line-height:1.4;margin-top:10px}.gallery-grid small{font-size:12px;color:#9de6f2}.gallery-empty{grid-column:1/-1}.retry-photo{color:#ffd8ee;background:#301b36;margin:12px 0;font-size:14px}.player-shell{min-height:215px}.music-recovery{display:flex;align-items:center;gap:12px;margin-top:12px}.music-recovery button{font-size:14px;min-height:44px}.music-time{font-variant-numeric:tabular-nums;font-size:14px;color:#b8e8f5}.single-photo .spread{grid-template-columns:1fr}.single-photo .page:last-child{display:none}.single-photo.right-photo .page:first-child{display:none}.single-photo.right-photo .page:last-child{display:block}.single-photo .photo-button img{height:460px}.single-photo .closing{display:flex}.match-card:focus-visible{outline-offset:1px}#game-status{min-height:45px}
@media(max-width:650px){header{height:auto;min-height:66px;flex-wrap:wrap;padding-block:10px;gap:6px}nav{font-size:12px;gap:12px}.hero .eyebrow{font-size:12px}.hero h1{font-size:55px}.names{font-size:14px}.book-switcher{top:66px;gap:6px;padding:8px}.book-switcher button{font-size:12px;padding:8px;border-radius:12px;flex:1}.book-section{scroll-margin-top:150px}.milestone{display:block;min-width:0}.milestone img{float:left;margin-right:9px}.milestone>b{display:block;font-size:25px}.milestone span{font-size:11px}.milestone strong{font-size:15px}.milestone small{font-size:12px}.library-card>span{font-size:10px}.library-card p,.library-card b{font-size:13px;min-height:0}.library-card img{height:190px}.library-actions{flex-direction:column;align-items:flex-start;gap:12px}.book-heading .description{font-size:15px}.book-cover p{font-size:14px}.reader-bar select{font-size:14px;max-width:100%;width:100%}.reader-bar>label{width:100%}.reader-bar button,.reader-nav button{font-size:13px;padding:10px}.page{padding:8px}.page-meta{align-items:start}.page-meta h3{font-size:13px}.page-meta button{min-width:32px;min-height:44px;padding:0}.page-date,.page-number{font-size:12px}.mini-scene{min-height:98px}.mini-scene span{font-size:12px;line-height:1.4;text-align:center}.mini-scene img{height:40px;width:70px}.reader-count,.reader-count strong{font-size:12px}.reader-count{min-width:90px}.reading-tools button{font-size:13px;padding:9px 12px}.keyboard-hint{display:none}.scene-page p{font-size:13px}.scene-play,.note-button{font-size:12px;padding:10px;min-height:44px}.scene-page h3{font-size:23px}.treatment .handwriting{font-size:15px}.single-photo .photo-button img{height:340px}.single-photo .page-meta h3{font-size:17px}.single-photo .mini-scene{flex-direction:row;min-height:70px}.single-photo .page-meta button{min-width:44px}.photo-detail p{font-size:13px}.photo-actions{gap:6px}.photo-actions button{font-size:12px;padding:9px}.photo-actions span{font-size:12px}.photo-detail button{font-size:12px;padding:9px}.dialog-bar{font-size:12px}.gallery-controls{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:135px}.keepsake p,.keepsake b{font-size:13px}.our-words p,.play-together p{font-size:15px}.music-buttons button{font-size:13px}.book-shell.expanded .reader-bar{padding-top:4px}.book-shell.expanded.single-photo .photo-button img{height:45dvh;min-height:240px}}
@media(prefers-reduced-motion:reduce){.scene-stage img{animation:none}}