body,#root{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden;overflow-y:auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background-color:#d8d1c8;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:auto;position:relative}.wrapper{width:min(92vw,500px);height:auto;position:absolute;bottom:1%;display:block;z-index:0;--envbg-offset: 8px;--letter-raise: 300px;--letter-scale: 1.6;opacity:0;pointer-events:none;animation:envelopeFadeIn .22s ease .12s forwards}@keyframes envelopeFadeIn{to{opacity:1;pointer-events:auto}}.lid{position:absolute;top:var(--lid-top, 21.5%);width:100%;height:var(--lid-height, 39.5%);transform-origin:top center;transition:transform .25s linear;-webkit-clip-path:polygon(0%,0%,100% 0%,50% 100%);clip-path:polygon(5.9% 11.5%,94.1% 11.5%,50% 100%)}.lid.one{background-color:#efe6d3;background-image:url(./paper_texture-Gwjq_8VP.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply;filter:saturate(.9) brightness(1.02) contrast(.96);transform:rotateX(0);z-index:4;transition-delay:.75s}.lid.two{background-color:#e2d8c3;background-image:url(./paper_texture-Gwjq_8VP.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply;filter:saturate(.9) brightness(1) contrast(.98);transform:rotateX(90deg);z-index:1;transition-delay:.5s;top:calc(var(--lid-top, 28.5%) + var(--lid-open-offset, 2%));height:calc(var(--lid-height, 39.5%) - var(--lid-open-offset, 2%))}.envelope-img{position:relative;width:100%;height:auto;display:block;z-index:3;filter:drop-shadow(-6px 8px 14px rgba(0,0,0,.4)) drop-shadow(-2px 3px 6px rgba(0,0,0,.22))}.envelope-bg{position:absolute;inset:0;z-index:1;background-color:#ffffffd9;background-image:url(./paper_texture-Gwjq_8VP.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply;filter:saturate(.5) brightness(1.02);-webkit-clip-path:inset(var(--bg-inset-top, 26%) var(--bg-inset-right, 6%) var(--bg-inset-bottom, 10%) var(--bg-inset-left, 6%));clip-path:inset(var(--bg-inset-top, 24.5%) var(--bg-inset-right, 6%) var(--bg-inset-bottom, 20%) var(--bg-inset-left, 6%));transform:translateY(var(--envbg-offset, 8px));pointer-events:none}.letter{position:absolute;top:100px;left:0;width:100%;height:100%;background:transparent;border-radius:12px 12px 0 0;z-index:2;transition:transform .35s ease .35s;transform-origin:center bottom}.letter-inner{width:100%;height:100%;transform:scale(1);transform-origin:center bottom;transition:transform .35s ease 0s}.letter img{width:100%;height:auto;display:block}.wrapper:hover .lid.one{transform:rotateX(90deg);transition-delay:0s}.wrapper:hover .lid.two{transform:rotateX(180deg);transition-delay:.25s}.wrapper:hover .letter{transform:translateY(calc(-1 * var(--letter-raise, 300px)));transition-delay:.15s;animation:raiseZ 0s .35s forwards}@keyframes raiseZ{to{z-index:6}}.wrapper:hover .letter-inner{transform:translateY(var(--letter-raise, 300px)) scale(var(--letter-scale, 1.6));position:relative;z-index:6;will-change:transform;transition-delay:.35s}.wrapper.had-interaction:not(:hover) .letter{animation:holdZ 0s .35s backwards,lowerZ 0s .35s forwards}@keyframes holdZ{0%{z-index:6}to{z-index:6}}@keyframes lowerZ{to{z-index:2}}.login-form-container{position:absolute;bottom:10px;right:10px;z-index:10}.login-form{background-color:#fffc;padding:10px;border-radius:6px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #0000001f}.login-form label{font-size:.9em;color:#333}.login-form input[type=password]{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9em;width:120px}.error-message{color:#d32f2f;font-size:12px;white-space:pre-line}@media (max-width: 480px){.wrapper{position:relative;bottom:auto;margin:clamp(16px,10svh,72px) auto clamp(40px,14svh,120px);width:min(94vw,460px);--letter-raise: min(26svh, 220px);--letter-scale: 1.18}.letter{top:20%;max-width:100%}.letter-inner{max-width:100%;margin:0 auto}.login-form-container{position:fixed;right:auto;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:20}.login-form{gap:6px;padding:8px;background-color:#ffffffeb}.login-form input[type=password]{width:100px}.error-message{font-size:9px;max-width:400px}}html,body,#root,.App{height:100%;margin:0;padding:0;overflow:hidden}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#c96d3a;align-items:center;justify-content:flex-end;position:relative;--top-pad: 50px;--gap-to-user: 50px;--input-stack: 100px}.chat-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.75" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');opacity:.05;z-index:1}.floor{position:absolute;bottom:0;left:0;width:100%;height:300px;background-color:#b35a2f;z-index:1}.cats-image-container{position:relative;max-height:600px;max-width:600px;z-index:3;bottom:0}.sofa-image{width:100%;height:auto;display:block;z-index:2}.cleo-image{position:absolute;bottom:29%;left:64%;transform:translate(-50%);max-width:40%;height:auto;z-index:3;scale:.8;pointer-events:none}.cleo-sleeping-image{position:absolute;bottom:21%;left:64%;transform:translate(-50%);max-width:40%;height:auto;z-index:3;scale:.8;pointer-events:none}.speech-bubble{position:absolute;background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0003;max-width:400px;min-width:200px;min-height:40px;max-height:calc(100vh - 400px);text-align:center;color:#333;word-break:break-word;white-space:pre-line;overflow-wrap:break-word;overflow-y:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .3s ease-in-out;z-index:5}.speech-bubble.visible{opacity:1}.speech-bubble.fade-out{opacity:0!important}.ai-bubble{top:var(--top-pad);left:90%;transform:translate(-50%);max-height:calc(100vh - var(--top-pad) - var(--input-stack) - var(--gap-to-user))}.user-bubble{bottom:var(--input-stack);left:50%;transform:translate(-50%);flex-direction:row}.expand-button{background:none;border:none;font-size:1.2em;cursor:pointer;color:#333;padding:5px;margin-right:5px}.input-container{position:relative;z-index:4;display:flex;align-items:center;width:100%;max-width:500px;margin-bottom:20px;gap:10px}.input-area{position:relative;display:flex;align-items:center;flex-grow:1;background:none;border:none}.input-area input{flex-grow:1;padding:18px 60px 18px 25px;border:none;border-radius:30px;font-size:16px;box-shadow:0 5px 15px #0003;background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.input-area input:focus{outline:none;box-shadow:0 5px 20px #0000004d}.input-area button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:12px;border:none;background-color:#d9534f;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background-color .2s}.input-area button:hover{background-color:#c9302c}.rsvp-button{position:relative;background-color:#0baf0b;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;padding:12px 20px;white-space:nowrap;box-shadow:0 4px 10px #00000026;flex-shrink:0;height:54px;display:flex;align-items:center;margin-right:8px;z-index:1}.expanded-chat-history{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 20px #0000004d;max-width:80%;max-height:calc(100% - 200px);overflow-y:auto;z-index:6;display:flex;flex-direction:column}.expanded-chat-history h2{color:#b35a2f;margin-bottom:15px;text-align:center}.expanded-chat-history .history-messages{flex-grow:1}.expanded-chat-history .history-message{margin-bottom:10px;padding:8px;border-radius:8px}.expanded-chat-history .history-message.user{background-color:#f0f0f0;text-align:right}.expanded-chat-history .history-message.model{background-color:#e0e0e0;text-align:left}.minimize-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer;color:#333}@media (max-width: 600px){.ai-bubble{left:60%}}@media (max-width: 480px){.chat-container{--top-pad: clamp(8px, 5svh, 24px);--input-stack: calc(84px + env(safe-area-inset-bottom, 0px)) ;--gap-to-user: 350px}.input-container{min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px)}.speech-bubble{max-width:min(92vw,520px);box-sizing:border-box;overflow-y:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - (var(--input-stack) + var(--gap-to-user)) - 8px)}.ai-bubble{position:fixed;top:auto;bottom:calc(var(--input-stack) + var(--gap-to-user));left:50%;transform:translate(-50%);right:auto;max-width:min(92vw,520px)}.user-bubble{bottom:var(--input-stack)}}.rsvp-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:flex-start}.rsvp-modal-content{background-color:#fefefe;padding:0;border:1px solid #888;width:90%;max-width:500px;border-radius:10px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;margin-left:20px}.rsvp-modal-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;background-color:#f1f1f1;border-bottom:1px solid #ddd}.rsvp-modal-header h2{margin:0}.close{color:#aaa;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.rsvp-modal-content iframe{flex-grow:1;border:none}@media (min-width: 768px){.rsvp-modal-content{margin-left:50px;max-width:600px}}.App{min-height:100vh;min-height:100dvh;width:100vw}