:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.App{width:100vw;height:100vh;overflow:hidden;position:relative;background:#0b0212}canvas{display:block;width:100%;height:100%;position:relative;z-index:1;background:transparent}.background-overlay{position:absolute;inset:0;z-index:2;transition:opacity .2s linear;pointer-events:none;display:flex;align-items:flex-start;padding-top:2rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.35)}.typed-text{font-family:Courier New,Courier,monospace;font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:.12em;position:relative;display:inline-flex;flex-direction:column;gap:.35rem}.typed-cursor{display:inline-block;width:.1em;margin-left:.15em}.typed-line{display:block;min-height:1.25em}.space-hint{margin-top:1.5rem;font-family:Courier New,Courier,monospace;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;opacity:.65}.hint-overlay{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:Courier New,Courier,monospace;letter-spacing:.28em;text-transform:uppercase;color:#fff2e4e6;opacity:.85;pointer-events:none;z-index:3}.card-stage{pointer-events:auto;-webkit-user-select:none;user-select:none}.love-card{width:340px;height:220px;perspective:1200px;cursor:pointer}.love-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);border-radius:16px}.love-card.open .love-card-inner{transform:rotateY(180deg)}.love-card-face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 18px 60px #00000059}.love-card-front{background:#fff5faf2;color:#2b1b2c;border:1px solid rgba(0,0,0,.06)}.love-card-title{font-family:Courier New,Courier,monospace;letter-spacing:.18em;text-transform:uppercase;font-size:.9rem;opacity:.85}.love-card-heart{font-size:3.2rem;margin:.3rem 0 .4rem}.love-card-subtitle{font-family:Courier New,Courier,monospace;letter-spacing:.1em;font-size:.75rem;opacity:.7}.love-card-inside{transform:rotateY(180deg);background:#100914e0;border:1px solid rgba(255,255,255,.12);padding:14px}.love-letter{width:100%;height:100%;border-radius:12px;background:#fffffff2;color:#1b1020;padding:16px 16px 12px;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.love-letter-to{font-family:Georgia,Times New Roman,Times,serif;font-size:1rem}.love-letter-question{font-family:Georgia,Times New Roman,Times,serif;font-size:1.05rem;line-height:1.2}.love-letter-actions{display:flex;gap:10px}.love-btn{flex:1;border:none;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;background:#ff6ea0f2;color:#16070f}.love-btn:hover{filter:brightness(.96)}.love-btn:active{transform:translateY(1px)}.love-btn-secondary{opacity:.9}.love-letter-footer{font-family:Courier New,Courier,monospace;letter-spacing:.08em;font-size:.65rem;opacity:.6}.envelope-scene{pointer-events:auto;-webkit-user-select:none;user-select:none}.envelope-letter{position:absolute;left:50%;transform:translate(-50%);bottom:22px;width:340px;height:220px;z-index:2;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .3s;opacity:0;pointer-events:none}.envelope-scene.open .envelope-letter{transform:translate(-50%) translateY(-120px);opacity:1;pointer-events:auto}.envelope-seal{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ff6ea0f2;color:#16070f;font-size:1.2rem;z-index:5;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .25s;box-shadow:0 10px 30px #00000040}.envelope-scene.open .envelope-seal{transform:translate(-50%,-50%) scale(.9);opacity:.35}.envelope-letter .love-card{width:340px;height:220px}.envelope-scene{pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative;width:360px;height:260px}.envelope-layer{position:absolute;inset:0;transition:opacity .9s ease,transform .9s ease;opacity:1;transform:translateY(0)}.envelope-scene.open .envelope-layer{opacity:0;transform:translateY(10px);pointer-events:none}.envelope{width:360px;height:240px;position:relative;cursor:pointer}.envelope-hint{position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-family:Courier New,Courier,monospace;letter-spacing:.08em;font-size:.7rem;opacity:.65}.envelope-back{position:absolute;inset:0;border-radius:16px;background:#fff5faeb;box-shadow:0 18px 60px #00000059;border:1px solid rgba(0,0,0,.08);z-index:0}.envelope-front{position:absolute;left:0;right:0;bottom:0;height:62%;border-radius:0 0 16px 16px;background:#ffebf5f2;border-top:1px solid rgba(0,0,0,.06);z-index:3}.envelope-flap{position:absolute;left:0;right:0;top:0;height:62%;transform-origin:top center;transition:transform .65s cubic-bezier(.2,.8,.2,1);z-index:4;background:#ffe1f0f5;clip-path:polygon(0 0,100% 0,50% 100%);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid rgba(0,0,0,.06);border-bottom:none}.envelope-scene.open .envelope-flap{transform:rotateX(180deg)}.envelope-seal{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ff6ea0f2;color:#16070f;font-size:1.2rem;z-index:5;transition:opacity .25s ease;box-shadow:0 10px 30px #00000040}.envelope-scene.open .envelope-seal{opacity:.35}.letter-focus{position:absolute;left:50%;bottom:8px;transform:translate(-50%) translateY(18px) scale(.92);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.envelope-scene.open .letter-focus{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-18px) scale(1.08)}.love-card.forced-open .love-card-front{display:none}.letter-focus .love-card{width:340px;height:220px}