:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2c3e50;background-color:beige;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#db1b5e;text-decoration:inherit}a:hover{color:#d30062}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:#db1b5e;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:#d30062;border-color:#d30062}@media (prefers-color-scheme: dark){:root{color:#ecf0f1;background-color:#e8e8d0}a{color:#f39c12}a:hover{color:#e67e22}button{background-color:#db1b5e;color:#fff}button:hover{background-color:#db1b5e;border-color:#d30062}}#root{max-width:1280px;margin:0 auto;padding:2rem 2rem 5rem;text-align:center}.gift{transition:all .3s ease;position:relative;min-height:100px}.gift-content{position:relative;min-height:100px}.gift.transitioning .open-another-button{animation:fadeOutContent 1.5s ease-in-out forwards}.gift:not(.transitioning) .open-gift-button{animation:slideInButton 1.5s ease-in-out;animation-delay:.3s}.gift-description{animation:revealDescription 1.5s ease-in-out;opacity:0;animation-fill-mode:forwards;margin-bottom:20px;min-height:40px;color:#d30062;font-size:1.2em;font-weight:700;text-align:center;padding:20px;background-color:beige;border-radius:10px;box-shadow:0 4px 8px #0000001a}@keyframes revealDescription{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutContent{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes slideInButton{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gift.opening{animation:openGift 2s ease-in-out forwards}.gift.opening button{animation:fadeOutButton .5s ease-in-out forwards;animation-delay:.5s}@keyframes fadeOutButton{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes openGift{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.8}to{transform:scale(0);opacity:0}}.no-gift-message{text-align:center;padding:20px;font-size:1.2em;color:#666}.gift button{transition:all .3s ease;opacity:1;position:relative;z-index:1}.gift button:disabled{opacity:0;pointer-events:none}.gift button:not(:disabled){opacity:1;transform:translateY(0)}.gift-button-container{min-height:40px;position:relative}.open-another-button{animation:slideInButton 1.5s ease-in-out}.open-gift-button{opacity:0;transform:translateY(50px);pointer-events:none;will-change:transform,opacity}.gift.ready .open-gift-button{animation:slideInButton 1.5s ease-in-out forwards;pointer-events:auto}@keyframes slideInButton{0%{opacity:0;transform:translateY(50px);pointer-events:none}1%{pointer-events:auto}to{opacity:1;transform:translateY(0)}}.gift.opening .open-gift-button{animation:fadeOutButton .5s ease-in-out forwards;animation-delay:.5s}.gift.transitioning .open-gift-button{animation:fadeOutContent 1.5s ease-in-out forwards}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #d30062;border-radius:50%;margin:20px auto;animation:spinAndFade 1.5s ease-in-out forwards,spin 1s linear infinite}@keyframes spinAndFade{0%{opacity:0;transform:scale(.8) rotate(0)}20%{opacity:1;transform:scale(1) rotate(72deg)}80%{opacity:1;transform:scale(1) rotate(288deg)}to{opacity:0;transform:scale(.8) rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:beige;display:flex;justify-content:space-around;padding:1rem;box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-link{text-decoration:none;color:#f4f4a2;background-color:#db1b5e;padding:.5em 1em;border-radius:8px;font-size:.9em;transition:all .25s ease;min-width:80px;text-align:center}.nav-link:hover{background-color:#d30062;transform:translateY(-2px)}.nav-link.active{background-color:#950046;box-shadow:0 2px 4px #0003}.past-gifts{padding:20px;max-width:800px;margin:0 auto}.gifts-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.gift-card{background-color:beige;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.gift-card:hover{transform:translateY(-2px)}.gift-date{color:#666;font-size:.9em;margin-top:10px;font-style:italic}.auth-form{display:flex;flex-direction:column;gap:15px;max-width:300px;margin:0 auto;padding:20px;background-color:beige;border-radius:10px;box-shadow:0 4px 8px #0000001a}.auth-form input{padding:12px;border:2px solid #db1b5e;border-radius:8px;font-size:1em;width:100%;box-sizing:border-box;background-color:#fff;color:#2c3e50;transition:all .3s ease}.auth-form input:focus{outline:none;border-color:#d30062;box-shadow:0 0 0 3px #d3006233}.auth-form input::placeholder{color:#999}.auth-form button{padding:12px;font-size:1em;background-color:#db1b5e;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.auth-form button:hover{background-color:#d30062;transform:translateY(-2px)}.auth-form button:active{transform:translateY(0)}