*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body{background-color:#0c2238}.gate-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0c2238,#163b5c)}.gate-card{background:#142c46;padding:36px 26px;border-radius:20px;box-shadow:0 10px 30px #00000059;text-align:center;max-width:360px;width:100%}.gate-card h1{margin-top:0;color:#dbe9ff}.gate-card p{color:#9fb7d4;margin-bottom:24px}.gate-card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2c4realistic;border:1px solid #2c4a6b;background:#0f2537;color:#dbe9ff;font-size:1rem;margin-bottom:16px;outline:none}.gate-card input::placeholder{color:#6f89a8}.gate-card input:focus{border-color:#6fa8dc}.gate-card button{width:100%;padding:12px;border:none;border-radius:12px;background-color:#4f7cff;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.gate-card button:hover{background-color:#3d67e0}.gate-error{color:#f39aa0;margin-top:12px;margin-bottom:0}.birthday-page{min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 16px 32px;transition:background-color 2s ease;overflow-x:hidden}.birthday-title{text-align:center;font-size:clamp(1.9rem,6vw,4.2rem);font-weight:800;width:100%;max-width:950px;min-height:3.4em;display:flex;align-items:center;justify-content:center;margin:0 auto 40px;letter-spacing:.5px;line-height:1.25;padding:10px 12px;word-break:break-word;color:#dbe9ff;filter:drop-shadow(0 4px 18px rgba(79,124,255,.35));animation:gradientShift 6s ease infinite,popIn .5s ease;transition:opacity .3s ease,transform .3s ease}@supports (background-clip: text) or (-webkit-background-clip: text){.birthday-title{background:linear-gradient(90deg,#4f7cff,#38bdf8,#22d3ee,#60a5fa,#818cf8,#4f7cff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent}}.birthday-title.visible{opacity:1;transform:scale(1)}.birthday-title.hidden{opacity:0;transform:scale(.96)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes popIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.birthday-content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.question-section{width:100%;text-align:center}.question-section h2{color:#cfe0f5;margin-bottom:24px;font-size:clamp(1.1rem,4vw,1.5rem);padding:0 8px}.clouds-container{position:relative;width:100%;height:340px;overflow:hidden}.cloud-button{font-family:inherit;border:none;cursor:pointer;padding:18px 20px;font-size:.9rem;color:#1b3a5c;background:#f2f7ff;border-radius:50%/60% 60% 40% 40%;box-shadow:0 8px 20px #0000004d,inset 0 -4px #bed7f099;width:min(260px,80vw);max-width:260px;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease}.cloud-button:before{content:"☁️ "}.cloud-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000059,inset 0 -4px #bed7f099}.cloud-safe{position:absolute;right:6%;bottom:10px}.cloud-flee{top:10px;left:6%}.fireworks-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50}.gift-list-container{width:100%;background:#142c46b3;border-radius:20px;padding:24px 18px;text-align:center;animation:fadeInUp .6s ease}.gift-list-container h2{color:#dbe9ff;margin-top:0;margin-bottom:20px;font-size:clamp(1.2rem,4vw,1.6rem)}.gift-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%}.gift-item{background:#1b3350;border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000040;color:#dbe9ff;font-size:.9rem;min-width:0;word-break:break-word}.gift-emoji{font-size:1.3rem;flex-shrink:0}.gift-note-container{margin-top:24px;padding:18px 20px;background:#fdf1f5;border:2px solid #f3c9d8;border-radius:16px;box-shadow:0 4px 14px #f3aac840;color:#7a4a5c;font-size:1rem;line-height:1.6;text-align:center;width:100%;max-width:600px;animation:fadeInUp .6s ease}.gift-note-container p{margin:0 0 10px}.gift-note-container p:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.birthday-page{padding:28px 12px 24px}.birthday-title{margin-bottom:28px;min-height:auto}.clouds-container{height:400px}.cloud-button{width:min(220px,78vw);padding:16px;font-size:.85rem}.cloud-safe{right:4%}.cloud-flee{left:4%}.gift-list{grid-template-columns:1fr}.gift-list-container,.gift-note-container{padding:18px 14px}}@media (max-width: 380px){.clouds-container{height:440px}.cloud-button{width:min(190px,80vw);font-size:.8rem;padding:14px}}.title-wrapper{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;flex-wrap:wrap}.info-icon-btn{flex-shrink:0;border:none;background:#ffffff1f;color:#dbe9ff;font-size:1.4rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.info-icon-btn:hover{background:#ffffff38;transform:scale(1.08)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050f1cbf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeInOverlay .25s ease}.modal-card{position:relative;background:#142c46;border-radius:20px;padding:28px 22px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 15px 40px #00000073;animation:popIn .3s ease}.modal-card h2{color:#dbe9ff;text-align:center;margin-top:0;margin-bottom:18px;font-size:clamp(1.1rem,4vw,1.4rem)}.modal-close{position:absolute;top:14px;right:14px;border:none;background:#ffffff1a;color:#dbe9ff;width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;transition:background .2s ease}.modal-close:hover{background:#fff3}.nicknames-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nicknames-modal-list li{background:#1b3350;color:#cfe0f5;padding:10px 14px;border-radius:10px;font-size:.9rem;line-height:1.4;word-break:break-word}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.modal-card{padding:22px 16px;max-height:85vh}.info-icon-btn{width:42px;height:42px;font-size:1.2rem}}