.gift-letter-reader{--reader-paper:#fff7e8;--reader-ink:#3e3025;--reader-rule:#94735440;color:var(--reader-ink);box-sizing:border-box;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:auto;padding:16px;overflow:hidden}.gift-letter-reader::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#100f19c9}.gift-letter-reader[open]{place-items:center;display:grid}.gift-letter-reader--night{--reader-paper:#efe7d5;--reader-ink:#332d27;--reader-rule:#8e744655}.gift-letter-reader--film::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080605ea}.gift-letter-reader--film{--reader-paper:#181411;--reader-ink:#ede2d3;--reader-rule:#5e483755}.gift-letter-reader--film .gift-letter-reader__sheet{color:#ede2d3;background:radial-gradient(at 50% 15%,#2a211b,#15110f 85%);border:1px solid #73594299;border-radius:8px;box-shadow:0 30px 100px #000d,0 4px 20px #000a,inset 0 1px #ffffff14,inset 0 0 0 1px #5e483726}.gift-letter-reader--film .gift-letter-reader__header{color:#f7ead7;background:#211a15;border-bottom:1px solid #5a463666}.gift-letter-reader--film .gift-letter-reader__header h2{color:#f5e8d5;letter-spacing:.02em;font:italic 500 clamp(1.05rem,3.5vw,1.25rem)/1.3 Bodoni Moda,Georgia,serif}.gift-letter-reader--film .gift-letter-reader__header button{color:#34281d;letter-spacing:.03em;background:#eadcc5;border:1px solid #b49d7e;border-radius:4px;font:600 .85rem/1.3 Karla,sans-serif;transition:background .15s,transform .15s}.gift-letter-reader--film .gift-letter-reader__header button:hover{background:#fdf3e2;transform:translateY(-1px)}.gift-letter-reader--film .gift-letter-reader__header button:focus-visible{outline-offset:3px;outline:2px solid #dfb37c}.gift-letter-reader--film .gift-letter-reader__body{color:#ded4c5;scrollbar-color:#5d4838 #161210;background:radial-gradient(at 85% 10%,#7d351e14,#0000 50%),radial-gradient(at 15% 85%,#b6854b10,#0000 55%),#161210;font:400 1.0625rem/1.85 Karla,sans-serif}.gift-letter-reader--film .gift-letter-reader__body:before{content:"POLAROID · ARCHIVAL PRINT · DORSO";letter-spacing:.22em;text-transform:uppercase;color:#9f826988;border-bottom:1px dashed #5a463655;margin-bottom:1.5rem;padding-bottom:.75rem;font:700 .68rem/1 Karla,monospace,sans-serif;display:block}.gift-letter-reader--film .gift-letter-reader__body p:last-child{color:#dfb37c;text-align:right;margin-top:2rem;font-family:Bodoni Moda,Georgia,serif;font-size:1.15rem;font-style:italic}.gift-letter-reader--book{--reader-paper:#fbf5e9;--reader-ink:#30253a}.gift-letter-reader__sheet{background:var(--reader-paper);color:var(--reader-ink);border-radius:7px;grid-template-rows:auto minmax(0,1fr);width:min(100%,42rem);height:min(100%,52rem);max-height:100%;animation:.26s ease-out letter-reader-arrive;display:grid;overflow:hidden;box-shadow:0 25px 90px #0007,inset 0 0 0 1px #ad956438}.gift-letter-reader .gift-letter-reader__header{border-bottom:1px solid var(--reader-rule);background:var(--reader-paper);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.gift-letter-reader .gift-letter-reader__header h2{overflow-wrap:anywhere;margin:0;font:500 1.2rem/1.3 Bodoni Moda,Georgia,serif}.gift-letter-reader .gift-letter-reader__header button{border:1px solid var(--reader-rule);min-height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:24px;flex-shrink:0;padding:8px 12px;font:600 .85rem/1.3 Karla,sans-serif}.gift-letter-reader .gift-letter-reader__header button:focus-visible{outline-offset:2px;outline:3px solid #a25fb0}.gift-letter-reader__body{overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;min-height:0;padding:clamp(20px,5vw,48px);font:400 1.125rem/1.8 Karla,sans-serif;overflow-y:auto}.gift-letter-reader__body p{margin:0 0 1.2em}@keyframes letter-reader-arrive{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (width<=600px){.gift-letter-reader{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.gift-letter-reader .gift-letter-reader__header{padding:10px 14px}.gift-letter-reader .gift-letter-reader__header h2{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.gift-letter-reader__sheet{animation:none}}