:root{color-scheme:light;--color-cream: #fff3f6;--color-rose: #ff4f7d;--color-wine: #5a1a2f;--font-display: "Cormorant Garamond", serif;--font-body: "Work Sans", system-ui, sans-serif;--shadow-glow: 0 0 40px rgba(255, 79, 125, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}.instructions{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app{min-height:100vh;background-color:var(--color-cream);color:var(--color-wine)}.screen-transition{transition:opacity .4s ease,transform .4s ease}.screen-transition--in{opacity:1;transform:translateY(0)}.screen-transition--out{opacity:0;transform:translateY(12px)}.card-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:7rem 1.5rem 3rem}.card-header{text-align:center;max-width:36rem}.card-header>*+*{margin-top:1rem}.card-header__label{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:#ff4f7db3}.card-header__title{font-family:var(--font-display);font-size:2.25rem}@media (min-width: 768px){.card-header__title{font-size:3rem}}.card-shell{perspective:1000px;display:flex;justify-content:center;align-items:center}.envelope{position:relative;width:min(94vw,450px);height:min(60vw,270px);cursor:pointer}.envelope__base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#ffd6e6,#ffb6d1);border-radius:0 0 12px 12px;box-shadow:0 12px 40px #5a1a2f33}.envelope__note{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;height:90%;background:linear-gradient(165deg,#fff,#fff5f8 70%);border-radius:8px;box-shadow:0 2px 10px #0000000d;z-index:1;transition:transform .8s .05s ease-out}.envelope__left{position:absolute;width:100%;height:100%;bottom:0;z-index:5}.envelope__left:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ffc4db,#ffadc9);clip-path:polygon(0 0,100% 100%,0 100%);border-radius:0 0 0 12px}.envelope__right{position:absolute;width:100%;height:100%;bottom:0;z-index:5}.envelope__right:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(225deg,#ffd1e3,#ffc0d8);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 12px}.envelope__flap{position:absolute;width:100%;height:70%;top:0;transform-origin:top center;transform:rotateX(0);transition:transform .6s ease-out;z-index:5;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.15))}.envelope__flap:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#ffe0ed,#ffd0e4);clip-path:polygon(0 0,100% 0,50% 100%)}.envelope__seal{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#fff,#fff0f5);border:2px solid rgba(255,79,125,.3);box-shadow:0 4px 15px #5a1a2f33;display:flex;align-items:center;justify-content:center;z-index:6;transition:opacity .3s ease,transform .3s ease}.note-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5rem;text-align:center;gap:.75rem}.note-content__greeting{font-family:var(--font-display);font-size:1.5rem;color:var(--color-wine)}.note-content__message{font-size:.75rem;color:#5a1a2fcc}@media (min-width: 768px){.note-content__message{font-size:.875rem}}.note-content__button{margin-top:.25rem;border-radius:9999px;background-color:var(--color-rose);padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;color:#fff;box-shadow:var(--shadow-glow);border:none;cursor:pointer}.card--open .envelope__flap{transform:rotateX(180deg);transition:transform .5s ease-out;z-index:3}.card--open .envelope__note{transform:translate(-50%) translateY(-83%);z-index:4}.card--open .envelope__seal{opacity:0;transform:translate(-50%,-50%) scale(.5)}.card-hint{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#5a1a2f99}.ar-screen{position:relative;min-height:100vh;background:linear-gradient(to bottom right,var(--color-cream),white,#ffe1ec);color:var(--color-wine)}.ar-screen__nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.ar-screen__back-btn{border-radius:9999px;border:1px solid rgba(255,79,125,.4);padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--color-wine);background:none;cursor:pointer}.ar-viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.ar-viewer__header{max-width:36rem}.ar-viewer__header>*+*{margin-top:1rem}.ar-viewer__label{text-transform:uppercase;letter-spacing:.35em;font-size:.75rem;color:#ff4f7db3}.ar-viewer__title{font-family:var(--font-display);font-size:1.875rem}@media (min-width: 768px){.ar-viewer__title{font-size:2.25rem}}.ar-button{background:#ff4f7dd9;color:#fff;border:none;border-radius:2rem;padding:.6rem 2rem;white-space:nowrap;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.04em;cursor:pointer;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.ar-screen__selector{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;color:var(--color-wine)}.ar-screen__selector>*{height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,79,125,.4)}.ar-screen__selector-arrow{width:2.5rem;border-radius:10rem;background:none;cursor:pointer;color:inherit}.ar-screen__selector-label{min-width:2.5rem;padding:0 .75rem;font-weight:600;border-radius:.5rem}@media (prefers-reduced-motion: reduce){.envelope__flap,.envelope__note{transition:none}}