@font-face{font-family:Stationery;src:url('../../proposal/physical/fonts/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{font-family:Stationery,Georgia,serif;color:#263b2f;background:#ded1b9;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow-x:hidden}button,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;min-height:44px;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,textarea:focus-visible{outline:2px solid #325c43;outline-offset:5px}[hidden]{display:none!important}.quiet-tools{position:absolute;z-index:3;inset:0 0 auto;padding:calc(18px + env(safe-area-inset-top)) 24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.quiet-tools>span{font:9px system-ui,sans-serif;letter-spacing:2px;color:#645b4b}.quiet-tools>div{display:flex;gap:20px}.quiet-tools button{font-size:16px}#read-now{border-bottom:1px solid #77695355}main{position:relative}#physical-stage{position:relative;width:100%;height:100dvh;min-height:650px;max-height:1400px}#physical-canvas,#scene-poster{position:absolute;inset:0;width:100%;height:100%}#physical-canvas{display:block;opacity:0;touch-action:pan-y;transition:opacity .35s}#scene-poster{object-fit:contain;padding:14vh 5vw;pointer-events:none}body[data-ready=true] #physical-canvas{opacity:1}body[data-ready=true] #scene-poster{opacity:0}.handling{position:absolute;bottom:8%;width:100%;text-align:center;pointer-events:none}.handling button{pointer-events:auto;font-size:25px;padding:14px 28px}.handling span{display:block;font-size:24px;margin-top:10px}body[data-phase=revealed] .handling,body[data-phase=fallback] .handling,body[data-phase=resetting] .handling{display:none}#after-reveal{position:absolute;bottom:calc(5% + env(safe-area-inset-bottom));left:0;width:100%;text-align:center}#after-reveal nav{display:flex;justify-content:center;gap:12px 26px;flex-wrap:wrap;padding:0 20px}#after-reveal button{font-size:18px;text-decoration:underline;text-decoration-color:#62705066;text-underline-offset:5px}dialog{border:1px solid #c5b499;border-radius:3px;background:#fff7e8;color:#263b2f;width:min(570px,calc(100% - 28px));max-height:85dvh;padding:42px 32px;box-shadow:0 25px 100px #18251b44}dialog::backdrop{background:#17251b75;backdrop-filter:blur(4px)}.close-dialog{position:absolute;top:6px;right:10px;font-size:28px;width:44px}dialog h2{font-size:40px;font-weight:500;line-height:1.05;margin:20px 0;overflow-wrap:anywhere}dialog p{font-size:23px;line-height:1.55;overflow-wrap:anywhere}.message{white-space:pre-line}.signature,.addressee{font-style:italic}.memory{width:100%;height:auto}dialog label{display:block;font-size:19px;margin-bottom:8px}textarea{width:100%;border:1px solid #b7ad96;background:#fffaf1;padding:12px;font-size:21px}.send{background:#244b35;color:#fff5df;padding:12px 22px;margin-top:18px;font-size:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-script{position:absolute;inset:15% 7% auto;padding:25px;background:#fff7e8;font-size:22px}body:has(.no-script) .handling{display:none}@media(max-width:400px){.quiet-tools{padding-inline:18px}.quiet-tools>div{gap:14px}#after-reveal nav{gap:8px 20px}}.no-motion *{transition:none!important;animation:none!important}