:root{color-scheme:light;font-family:Georgia,serif;color:#6a4a2d;background:#efe2d2}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#efe2d2,#e2c7a7 60%,#d9a66a)}#app{width:min(94vw,720px);text-align:center}.card{padding:24px;border-radius:26px;background:#f8f0e6;box-shadow:0 18px 40px #d9a66a59}.paper{position:relative;aspect-ratio:1080/1520;overflow:hidden;border-radius:6px;background:#fbf6ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");box-shadow:inset 0 0 55px #8e6e3833,0 14px 30px #6a4a2d38}.paper.parchment{background-color:#e6cb98;box-shadow:inset 0 0 80px #a5643455,0 14px 30px #6a4a2d38}.paper.blank{background:#fffdf9}.paper.solid{background-image:none}.paper .photo-sheet{position:absolute;display:block;pointer-events:none}.paper canvas,.paper svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.title{margin:0 0 14px}.fold{min-height:60vh;display:grid;place-items:center}.fold .sealed{cursor:pointer;width:min(80vw,480px);aspect-ratio:1.5;background:linear-gradient(145deg,#e2c7a7,#d9a66a);border-radius:6px;box-shadow:0 20px 30px #0007;display:grid;place-items:center;font-size:1.25rem}.fold .sealed:after{content:'✉';font-size:5rem}.fold.scroll .sealed{border-radius:50%/12%;background:linear-gradient(90deg,#a56434,#e6cb98,#a56434)}button,input{font:inherit;padding:.7rem 1.1rem;border-radius:999px;border:1.5px solid #d9a66a}button{cursor:pointer;background:#a56434;border-color:#a56434;color:#fff;font-weight:600}form{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.error{color:#a56434;font-family:system-ui,sans-serif}@media (prefers-reduced-motion:no-preference){.opening{animation:open .75s ease-out both}.opening.scroll{animation:unroll .9s ease-out both}@keyframes open{from{transform:rotateX(85deg) scale(.7);opacity:.2}to{transform:none;opacity:1}}@keyframes unroll{from{clip-path:inset(0 49%);opacity:.2}to{clip-path:inset(0);opacity:1}}}