.quiet-entry{display:flex;align-items:center;justify-content:center;gap:16px;padding:26px 16px 32px;color:#625c50}.quiet-entry small{font:14px/1.5 'Courier New',monospace;max-width:230px}/* Drawn door control: no font glyphs or platform emoji. */
.quiet-door{position:relative;display:block;flex:0 0 54px;width:54px;height:78px;padding:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#332b24 45%,#ffc576);border:4px solid #4a3c30;border-bottom:2px solid #4a3c30;box-shadow:5px 4px 0 #b9ac96;cursor:pointer;perspective:180px;overflow:visible;transform:rotate(-1deg)}
.quiet-door-leaf{position:absolute;inset:0;display:block;background:linear-gradient(100deg,#cd591f,#ea7836);border:1px solid #a7461b;transform-origin:left center;transform:rotateY(-18deg);transition:transform .3s ease;box-shadow:2px 0 3px #1c140c70}
.quiet-door-panel{position:absolute;inset:7px 6px;border:1px solid #a3441d;box-shadow:inset 1px 1px 0 #ffbd6c50}
.quiet-door-handle{position:absolute;right:5px;top:48%;width:5px;height:10px;border-radius:3px;background:#f4d69a;box-shadow:1px 1px 2px #543117}
.quiet-door:hover .quiet-door-leaf,.quiet-door:focus-visible .quiet-door-leaf{transform:rotateY(-38deg)}
@media(prefers-reduced-motion:reduce){.quiet-door-leaf{transition:none}}
.quiet-room{padding:0;border:5px ridge #e6e1d5;background:#f4ecdc;color:#26241f;width:min(1100px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;box-shadow:0 25px 100px #0009}.quiet-room::backdrop{background:#181711dd}.quiet-room button{font:14px/1.3 'Courier New',monospace;cursor:pointer;touch-action:manipulation}.quiet-room button:focus-visible,.quiet-door:focus-visible{outline:3px solid #ff6b00;outline-offset:3px}.quiet-title{display:flex;align-items:center;justify-content:space-between;background:#262c27;color:#f4ecdc;padding:8px 14px;font:14px/1.3 'Courier New',monospace;gap:16px}.quiet-title button{border:1px solid #8e9486;background:transparent;color:inherit;font-size:26px;min-width:44px;min-height:44px}.quiet-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#534333;isolation:isolate}.quiet-photo{display:block;width:100%;height:100%;object-fit:cover}.quiet-light{position:absolute;inset:0;pointer-events:none;transition:background 1s}.quiet-scene[data-light=morning] .quiet-light{background:#ffedb515;mix-blend-mode:screen}.quiet-scene[data-light=sunset] .quiet-light{background:linear-gradient(110deg,#ed853b50,#54201425);mix-blend-mode:soft-light}.quiet-scene[data-light=rain] .quiet-light{background:#30444918}.quiet-rain{position:absolute;left:3%;top:0;width:35%;height:54%;pointer-events:none;overflow:hidden;opacity:.25}.quiet-rain:after{content:'';position:absolute;inset:-100% 0;background:repeating-linear-gradient(103deg,transparent 0 29px,#f4f2ddaa 30px,transparent 31px 61px);background-size:61px 80px;animation:quiet-rain 2.3s linear infinite}.quiet-scene:not([data-light=rain]) .quiet-rain{display:none}.quiet-steam{position:absolute;left:43%;top:57%;height:13%;width:6%;pointer-events:none}.quiet-steam i{position:absolute;bottom:0;width:25%;height:70%;border-radius:50%;background:#fff9e8;filter:blur(7px);animation:quiet-steam 4s ease-in-out infinite;opacity:0}.quiet-steam i:nth-child(2){left:35%;animation-delay:1.3s}.quiet-steam i:nth-child(3){left:60%;animation-delay:2.6s}.quiet-hotspot{position:absolute;background:#f9efdce8;color:#30271f;border:1px solid #d8c6aa;padding:9px 12px;box-shadow:0 2px 10px #0003;min-height:44px;border-radius:2px}.quiet-tape{left:67%;top:66%}.quiet-note{left:58%;top:85%}.quiet-hotspot:hover{background:#fff6e8}.quiet-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}.quiet-controls>div{display:flex;gap:7px;flex-wrap:wrap}.quiet-controls button{background:transparent;border:1px solid #b5aa96;min-height:44px;padding:8px 12px;color:#30271f}.quiet-controls button[aria-pressed=true]{background:#302f27;color:#fff6e8}.quiet-caption{margin:0!important;padding:0 18px 14px!important;font:14px/1.5 'Courier New',monospace!important;color:#686153}.quiet-card{position:absolute;inset:22% 17%;background:#f5e5c5;box-shadow:0 12px 40px #0008;transform:rotate(-2deg);padding:6%;border:1px solid #b6a17e}.quiet-card[hidden]{display:none}.quiet-card button{position:absolute;right:6px;top:6px;background:transparent;border:0;min-width:44px;min-height:44px;font-size:24px}.quiet-card small,.quiet-card span{font:12px/1.5 'Courier New',monospace}.quiet-card p{font:clamp(18px,3vw,32px)/1.4 Georgia,serif!important;margin:20px 0!important}.quiet-room:not([open]) *{animation-play-state:paused!important}@keyframes quiet-rain{to{transform:translateY(80px)}}@keyframes quiet-steam{0%{opacity:0;transform:translateY(0) scale(.6)}35%{opacity:.2}100%{opacity:0;transform:translate(8px,-30px) scale(1.5)}}@media(max-width:600px){.quiet-room{width:96vw}.quiet-scene{aspect-ratio:3/2}.quiet-hotspot{padding:5px 7px;font-size:12px!important;max-width:37%}.quiet-tape{left:63%;top:61%}.quiet-note{left:52%;top:83%}.quiet-title{font-size:12px}.quiet-card{inset:7% 7%;padding:10% 7% 5%}.quiet-card p{font-size:19px!important;margin:12px 0!important}.quiet-card small,.quiet-card span{font-size:10px}.quiet-controls{padding:12px 10px;gap:8px}.quiet-controls button{font-size:12px;padding:8px}.quiet-caption{font-size:12px!important}}@media(prefers-reduced-motion:reduce){.quiet-room *{animation:none!important;transition:none!important}}