@import"https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Poppins:wght@400;600;700&display=swap";h1,h2,h3{font-family:Mountains of Christmas,cursive;font-weight:700;letter-spacing:1px}:root{--bg-color: #1e293b;--text-color: #2d3436;--primary-red: #ff3f34;--primary-green: #0fb9b1;--gold-accent: #ffd32a}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(to bottom,#1e293b,#0f172a);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:.5px}.snow-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:radial-gradient(4px 4px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(6px 6px at 40% 70%,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 60% 20%,rgba(255,255,255,.8),transparent),radial-gradient(4px 4px at 80% 50%,rgba(255,255,255,.8),transparent);background-size:400px 400px}.layer-1{animation:snowfall 30s linear infinite;background-size:600px 600px;opacity:.9}.layer-2{animation:snowfall 20s linear infinite;background-size:300px 300px;opacity:.6}@keyframes snowfall{0%{background-position:0 0}to{background-position:100px 600px}}#root{width:100%;max-width:600px;margin:0 auto;padding:20px 15px;position:relative;z-index:10}.card{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:30px;padding:2.5rem 2rem;box-shadow:0 20px 50px #00000080;border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column;width:100%}.section-block{margin-bottom:30px;padding-bottom:20px;border-bottom:1px dashed rgba(0,0,0,.1);width:100%}.section-block:last-child{border:none;margin-bottom:0}.emoji{font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif;font-style:normal;display:inline-block}h1{font-size:2.8rem;color:#ff3f34;text-shadow:2px 2px 0px #ffd32a;line-height:1.1;margin-top:0;word-wrap:break-word}h2,h3{color:#0fb9b1;font-weight:600}.input-group{display:flex;flex-direction:column;gap:15px;margin:20px 0;width:100%}.input-field{font-family:Poppins,sans-serif;font-size:16px;padding:15px;border-radius:50px;border:2px solid #e0e0e0;background:#fff;transition:all .3s ease;width:100%;min-width:0;margin-bottom:20px;appearance:none;-webkit-appearance:none}.input-group input{font-family:Poppins,sans-serif;font-size:16px;padding:15px;border-radius:50px;border:2px solid #e0e0e0;background:#fff;width:100%;margin-bottom:0}.input-field:focus,.input-group input:focus{outline:none;border-color:#0fb9b1;box-shadow:0 0 0 4px #0fb9b133}textarea.input-field{min-height:80px;resize:vertical}button{border:none;padding:15px 20px;border-radius:50px;cursor:pointer;font-weight:700;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s;width:100%;white-space:normal;line-height:1.2}button:hover{transform:translateY(-3px)}button:active{transform:translateY(-1px)}.input-group button{background:#0fb9b1;color:#fff}.btn-lancer{background:linear-gradient(45deg,#ff3f34,coral);color:#fff;font-size:1.3rem;margin-top:10px;box-shadow:0 10px 20px #ff3f344d}.btn-share{background:#fff;color:#0fb9b1;border:2px solid #0fb9b1;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-share:hover{background:#0fb9b1;color:#fff}.btn-reset{background:transparent;color:#888;margin-top:20px}.btn-create-own{display:inline-block;text-decoration:none;background:transparent;color:#2d3436;border:2px solid #2d3436;padding:12px 25px;border-radius:50px;font-weight:700;font-size:1rem;margin-top:25px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000000d}.btn-create-own:hover{background:#2d3436;color:#fff;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.btn-create-own:active{transform:translateY(-1px)}ul{padding:0;list-style:none;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}li{background:#fff;display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:20px;font-weight:600;border-bottom:3px solid #ffd32a;box-shadow:0 2px 5px #0000000d;max-width:100%}.btn-remove{background:#ffeb3b;color:#ff3f34;width:24px;height:24px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;flex-shrink:0}.reveal-card-closed{border:4px solid #ff3f34;background:linear-gradient(135deg,#fff,#fff0f0)}.btn-cadeau{font-size:1.3rem;padding:20px;background:linear-gradient(45deg,#ff3f34,red);color:#fff;margin-top:20px;animation:shiver .5s infinite}.reveal-card-open{background:#fff}.reveal-subtitle{font-size:2rem;margin-bottom:10px;color:#0fb9b1}.nom-cible{font-size:3rem;font-weight:900;color:#ff3f34;text-shadow:3px 3px 0px #ffd32a;margin:20px 0;animation:popIn .8s;word-break:break-word}.infos-event{background:#f8f9fa;padding:15px;border-radius:20px;text-align:left;border:1px dashed #ccc;width:100%}.infos-event p{margin:10px 0;word-break:break-word}.footer-credits{margin-top:40px;font-size:.8rem;color:#636e72;opacity:.8}.footer-credits a{color:#ff3f34;text-decoration:none;font-weight:700}@keyframes slideUpSpring{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shiver{0%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@media(max-width:480px){#root{padding:10px;margin:10px auto}.card{padding:1.5rem 1rem;border-radius:20px}h1{font-size:2rem}h3{font-size:1.2rem}.input-field{padding:12px;font-size:16px}.date-container{width:100%!important}.reveal-subtitle{font-size:1.5rem}.nom-cible{font-size:2.5rem}}.resultat-item{background:#f8f9fa;padding:15px;border-radius:15px;margin-bottom:20px;box-shadow:0 2px 5px #0000000d;border:1px solid #eee}.resultat-item p{margin-top:0;color:#2d3436;font-size:1.1rem}.boutons-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-share{background:#fff;color:#0fb9b1;border:2px solid #0fb9b1;flex:1;min-width:140px;font-size:.9rem;padding:10px}.btn-copy{background:#2d3436;color:#fff;border:2px solid #2d3436;flex:1;min-width:140px;font-size:.9rem;padding:10px;display:flex;align-items:center;justify-content:center;gap:5px}.btn-copy:hover{background:#4a4a4a;transform:translateY(-2px)}
