/* 2026-10-28 local trial: original home artwork plus functional four-item navigation. */
.app:has(#envelopePage.active){padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.app:has(#envelopePage.active)~.nav{display:grid}
#envelopePage{min-height:calc(100svh - 78px - env(safe-area-inset-bottom))}
.approved-home{height:calc(100svh - 78px - env(safe-area-inset-bottom));min-height:0}
.reference-canvas{width:min(100%,calc((100svh - 78px - env(safe-area-inset-bottom))*164/367));aspect-ratio:164/367}
body[data-theme='warm'] .reference-canvas{width:min(100%,calc((100svh - 78px - env(safe-area-inset-bottom))*195/317));aspect-ratio:195/317}
.source-open{left:13%;top:49%;width:74%;height:41%}
body[data-theme='warm'] .source-open{top:37%;left:16%;height:32%;width:69%}
.nav{min-height:78px}.nav button{font-size:11px;min-height:52px}
.paper-transition{height:calc(100svh - 78px - env(safe-area-inset-bottom));overflow:hidden}
.paper-transition.run{pointer-events:auto}
.reading-letter .story-paper{overflow-y:auto;scrollbar-width:thin}
body[data-theme='night'] #museumPage .category-tile .cat-icon{width:33px;height:33px;padding:3px;border:1px dashed #6a755c;border-radius:0;background:transparent;box-shadow:none;filter:none}
body[data-theme='night'] #museumPage .category-tile .cat-icon svg{width:25px;height:25px}
body[data-theme='warm'] #museumPage .museum-category:nth-child(3n+2){border-radius:9px}
body[data-theme='warm'] #museumPage .category-tile .cat-icon{width:35px;height:35px;padding:0;border:1px solid #877148;border-radius:50%;background:#f4e8c7;color:#546b47;box-shadow:inset 0 0 0 3px #e4d3aa;transform:none;filter:none}
body[data-theme='warm'] #museumPage .category-tile .cat-icon svg{width:20px;height:20px;stroke:#546b47;stroke-width:1.45}
body[data-theme='night'] .warm-ornament,body[data-theme='warm'] .night-ornament{display:none}
body[data-theme='night'] .cat-icon svg .ornament{stroke:#9b8050;fill:none;stroke-width:.65;stroke-dasharray:1 1}
body[data-theme='warm'] .cat-icon svg .ornament{stroke:#a47c4c;fill:none;stroke-width:.75}
body[data-theme='night'] .reading-letter .action-btn{background:#395746;color:#fff6df;border:1px solid #395746;border-radius:4px 13px 4px 13px}
body[data-theme='night'] .reading-letter .action-btn.secondary{background:transparent;color:#3e4b40;border:1px solid #7a896d}
body[data-theme='warm'] .reading-letter .action-btn{background:linear-gradient(#b8774a,#935d38);color:#fff4dc;border:2px solid #e8c991;border-radius:9px;box-shadow:inset 0 0 0 2px #ffffff25}
body[data-theme='warm'] .reading-letter .action-btn.secondary{background:#f2e6c6;color:#526043;border:2px solid #91a06b}
.reading-letter .action-btn.saved{outline:2px solid #7a896d;outline-offset:2px}
.favorites-drawer{bottom:calc(78px + env(safe-area-inset-bottom))}
body[data-theme='night'] #museumPage .favorites-label b{color:#303b32}
body[data-theme='night'] #museumPage .favorites-label small{color:#5b6659}
.toggle[aria-disabled='true']{opacity:.5;cursor:default}
@media(min-width:650px){.approved-home{height:calc(100svh - 122px - env(safe-area-inset-bottom))}#envelopePage{min-height:calc(100svh - 122px - env(safe-area-inset-bottom))}.reference-canvas{width:min(100%,calc((100svh - 122px - env(safe-area-inset-bottom))*164/367))}body[data-theme='warm'] .reference-canvas{width:min(100%,calc((100svh - 122px - env(safe-area-inset-bottom))*195/317))}}