@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Nunito:wght@400;500;700&display=swap";:root{--bg-blush: #f8dfe3;--bg-cream: #fff8ee;--paper-base: #fffaf1;--ink-soft: #4a3a36;--ink-muted: #7a6660;--rose-gold: #c98972;--accent-heart: #e46c86;--shadow-paper: 0 10px 30px rgba(74, 58, 54, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Nunito,sans-serif;color:var(--ink-soft);background:linear-gradient(160deg,var(--bg-blush) 0%,var(--bg-cream) 60%);min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden}.paper-grain{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(201,137,114,.09),transparent 35%),radial-gradient(circle at 80% 18%,rgba(228,108,134,.08),transparent 32%),radial-gradient(circle at 58% 82%,rgba(201,137,114,.06),transparent 28%);mix-blend-mode:multiply}.app-main{position:relative;z-index:2;max-width:940px;margin:0 auto;padding:24px 16px 60px}.scene{width:100%}.scene-center{display:grid;place-items:center;min-height:84vh}.paper-card{position:relative;background:var(--paper-base);border:1px solid rgba(201,137,114,.25);box-shadow:var(--shadow-paper);padding:clamp(20px,4vw,34px);width:min(100%,760px);margin:0 auto}.paper-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,rgba(74,58,54,.035),transparent 22%),radial-gradient(circle at 85% 74%,rgba(74,58,54,.03),transparent 20%);opacity:.7}.torn-edge{clip-path:polygon(0 2%,2% 0,18% 1%,34% 0,50% 1.2%,69% 0,84% 1.1%,98% 0,100% 3%,99% 21%,100% 43%,99% 68%,100% 85%,98.3% 100%,79% 99%,63% 100%,47% 98.8%,32% 100%,16% 98.9%,0 100%,1.2% 83%,0 61%,1% 38%,0 16%)}.eyebrow{margin:0 0 8px;font-size:.86rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}.script-title{font-family:Caveat,cursive;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:0 0 14px;color:var(--ink-soft)}.body-text{font-size:clamp(1rem,2.2vw,1.08rem);line-height:1.66;margin:0;max-width:65ch;color:var(--ink-soft)}.muted{color:var(--ink-muted)}.paper-button{margin-top:18px;border:1px solid rgba(201,137,114,.45);background:linear-gradient(135deg,#ffefe7,#f8dfd8);color:var(--ink-soft);font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;padding:11px 18px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.paper-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #c9897247}.paper-button:disabled{opacity:.7;cursor:progress}.paper-button.secondary{background:linear-gradient(135deg,#fff8f3,#fff2ea)}.passcode-card{max-width:560px}.gate-form{margin-top:20px;display:grid;gap:8px}.input-label{font-size:.9rem;color:var(--ink-muted)}.paper-input{font-size:1rem;font-family:Nunito,sans-serif;padding:12px 14px;border-radius:12px;border:1px solid rgba(122,102,96,.28);background:#fffdf9;color:var(--ink-soft)}.error-text{margin:12px 0 0;color:#b0465d;font-weight:700}.envelope-card{text-align:center;min-height:66vh;display:grid;place-content:center;gap:12px}.envelope-shell{margin-top:14px;position:relative;width:min(640px,92vw);height:clamp(230px,34vw,320px);place-self:center}.envelope-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(74,58,54,.2));pointer-events:none}.envelope-top{position:absolute;top:0;left:0;right:0;margin-inline:auto;width:100%;height:150px;background:linear-gradient(150deg,#f5decf,#ebccb8);clip-path:polygon(50% 100%,0 0,100% 0);z-index:1}.envelope-body{position:absolute;bottom:0;width:100%;height:180px;background:linear-gradient(145deg,#fbe7d8,#f2d6c3);border-radius:8px;border:1px solid rgba(185,147,118,.45);z-index:1}.wax-seal{position:absolute;bottom:88px;left:50%;transform:translate(-50%);font-family:Caveat,cursive;font-size:1.5rem;width:136px;height:136px;border-radius:50%;border:1px solid rgba(152,56,80,.4);background:radial-gradient(circle at 35% 25%,#f39ab0,#d15f7d 67%);color:#fff3f4;cursor:pointer;transition:transform .25s ease;animation:seal-wiggle 2.4s ease-in-out infinite;z-index:2}.wax-seal-overlay{bottom:14px;width:min(250px,64vw);height:72px;border-radius:999px;font-size:clamp(1.8rem,4.8vw,2.3rem);background:radial-gradient(circle at 35% 25%,#f49bb1,#d15f7d 68%);border:1px solid rgba(152,56,80,.5);box-shadow:0 10px 26px #782c423d;animation:none}@keyframes seal-wiggle{0%,to{transform:translate(-50%) rotate(0)}40%{transform:translate(-50%) rotate(-2deg)}60%{transform:translate(-50%) rotate(2deg)}}.message-card{display:grid;gap:14px}.paper-rose{width:clamp(124px,22vw,200px);height:auto;max-height:220px;object-fit:contain;border-radius:0;border:none;box-shadow:none;filter:drop-shadow(0 12px 20px rgba(74,58,54,.18))}.reveal-line{margin:0;padding-bottom:4px}.reveal-line+.reveal-line{margin-top:4px}.ink-emphasis{position:relative;font-weight:700;color:var(--ink-soft)}.ink-emphasis:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-3px;height:8px;border-radius:999px;background:linear-gradient(90deg,#f49bb173,#c9897257);z-index:-1}@keyframes line-grow{0%{transform:scaleX(.18);opacity:0}to{transform:scaleX(1);opacity:1}}.slot-card{display:grid;gap:14px}.slot-hint{margin-top:-8px;color:var(--ink-muted)}.slot-frame{border:2px dashed rgba(201,137,114,.35);border-radius:18px;padding:24px;min-height:130px;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#fff8f2cc,#fff8f2cc 10px,#fbeee6cc 10px 20px)}.slot-reason{text-align:center;font-size:clamp(1.12rem,2.3vw,1.28rem);font-weight:700}.slot-actions{display:flex;flex-wrap:wrap;gap:10px}.script-note{margin:4px 0 0;font-family:Caveat,cursive;font-size:2rem;color:var(--accent-heart)}.timeline-card{display:grid;gap:20px}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.timeline-note{background:#fffdf7;border:1px solid rgba(201,137,114,.2);padding:16px;box-shadow:0 8px 16px #4a3a3614}.stamp{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--rose-gold);margin:0 0 8px}.timeline-title{margin:0 0 8px;font-size:1.08rem;color:var(--ink-soft)}.question-card{display:grid;gap:10px}.question-zone{position:relative;margin-top:8px;width:min(100%,680px);min-height:240px;border:2px dashed rgba(201,137,114,.3);border-radius:18px;background:#fffcf6cc}.yes-button{position:absolute;left:18px;top:104px}.no-button{position:absolute;left:0;top:0;transition:transform .16s ease}.achievement-card{text-align:center;max-width:620px}.floating-hearts{position:fixed;inset:0;pointer-events:none;z-index:1}.heart{position:absolute;left:var(--left);bottom:-10%;color:#e46c8661;font-size:var(--size);animation:float-heart var(--dur) linear var(--delay) infinite}@keyframes float-heart{0%{transform:translateY(0) scale(.8);opacity:0}16%{opacity:.9}to{transform:translateY(-120vh) scale(1.2);opacity:0}}@media(max-width:768px){.app-main{padding:14px 10px 28px}.paper-card{padding:18px}.envelope-shell{height:clamp(220px,44vw,320px)}.wax-seal-overlay{height:60px;bottom:10px}.timeline-grid{grid-template-columns:1fr}.question-zone{min-height:280px}.yes-button{top:18px}.no-button{transform:translate(150px,160px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-hearts{display:none}}