:root{--medianoche: #0b1d3a;--hielo: #7fb8e6;--escarcha: #f2f7fb;--glaciar: #dceaf5;--dorado: #e8b54a;--tinta: #16233a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Karla,system-ui,sans-serif;color:var(--tinta);background:var(--escarcha);min-height:100vh}h1,h2{font-family:Fraunces,Georgia,serif;color:var(--medianoche)}.pantalla{max-width:480px;margin:0 auto;padding:2rem 1.25rem 0;min-height:100vh;display:flex;flex-direction:column}.pantalla.clara{background:radial-gradient(ellipse at 20% 10%,rgba(127,184,230,.1),transparent 50%),radial-gradient(ellipse at 85% 30%,rgba(220,234,245,.8),transparent 45%),var(--escarcha)}.cabecera{text-align:center;margin-bottom:1.5rem}.cabecera h1{font-size:2.4rem;line-height:1.1}.sub{margin-top:.6rem;font-size:1.05rem;color:#44546d}.tarjeta{background:#fff;border:2px solid var(--medianoche);border-radius:255px 18px 225px/18px 225px 18px 255px;padding:1.5rem 1.25rem;box-shadow:4px 5px #0b1d3a1f;display:flex;flex-direction:column;gap:.75rem}label{font-weight:700;color:var(--medianoche)}.opcional{font-weight:400;color:#7b8aa0}input[type=text]{font:inherit;padding:.65rem .9rem;border:2px solid var(--medianoche);border-radius:14px 8px 16px/8px 16px 8px 14px;background:var(--escarcha);width:100%}input[type=text]:focus{outline:3px solid var(--hielo);outline-offset:1px}.fila-add{display:flex;gap:.5rem}.fila-add input{flex:1}.btn{font:inherit;font-weight:700;padding:.8rem 1.2rem;border:2px solid var(--medianoche);border-radius:225px 14px 255px/14px 255px 14px 225px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;transition:transform .06s ease}.btn:active{transform:scale(.98)}.btn.primario{background:var(--medianoche);color:var(--escarcha)}.btn.primario:disabled{background:#9fb0c6;border-color:#9fb0c6;cursor:not-allowed}.btn.secundario{background:var(--glaciar);color:var(--medianoche)}.btn.whatsapp{background:var(--hielo);color:var(--medianoche)}.btn.fantasma{background:none;border-style:dashed;color:#5d6d85;font-weight:500;font-size:.92rem}.lista-nombres{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:var(--glaciar);border:2px solid var(--medianoche);border-radius:999px;padding:.35rem .8rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.chip.fuera{opacity:.55;border-style:dashed}.quitar{border:none;background:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--medianoche);font-weight:700}.nombres{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.nombre{font:inherit;font-weight:700;color:var(--medianoche);background:var(--glaciar);border:2px solid var(--medianoche);border-radius:18px 10px 20px/10px 20px 10px 18px;padding:.7rem 1.1rem;cursor:pointer}.nombre.seleccionado{background:var(--medianoche);color:var(--escarcha)}.nombre.cogido{opacity:.45;cursor:not-allowed;border-style:dashed}.progreso{font-weight:700;color:var(--medianoche);text-align:center}.nota{font-size:.92rem;color:#5d6d85}.error{color:#b3413a;font-weight:700}.cargando{text-align:center;padding:3rem 0;color:#5d6d85}.pueblo{width:100%;max-width:420px;margin:auto auto 0;display:block;padding-top:1.5rem}.pantalla.noche{background:radial-gradient(ellipse at 50% 110%,rgba(127,184,230,.18),transparent 55%),var(--medianoche);color:var(--escarcha);text-align:center}.titulo-noche{color:var(--escarcha)}.revelacion{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;padding-bottom:3rem}.te-ha-tocado{font-size:1.3rem;color:var(--glaciar)}.regalo{width:min(260px,62vw);-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 72%);mask-image:radial-gradient(circle,#000 52%,transparent 72%)}.destino{font-family:Fraunces,Georgia,serif;font-size:2.6rem;font-weight:700;color:var(--dorado);text-shadow:0 0 24px rgba(232,181,74,.35)}.nota-noche{color:#8fa3c2;font-size:.95rem}.nieve{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.nieve i{position:absolute;top:-10px;width:6px;height:6px;background:var(--escarcha);border-radius:50%;opacity:.8;animation:caer linear infinite}@keyframes caer{to{transform:translateY(105vh)}}.nieve i:nth-child(4n){width:4px;height:4px;opacity:.5}.nieve i:nth-child(4n+1){width:8px;height:8px;opacity:.9}.nieve i:nth-child(1){left:4%;animation-duration:9s;animation-delay:0s}.nieve i:nth-child(2){left:8%;animation-duration:12s;animation-delay:2s}.nieve i:nth-child(3){left:12%;animation-duration:10s;animation-delay:4s}.nieve i:nth-child(4){left:16%;animation-duration:14s;animation-delay:1s}.nieve i:nth-child(5){left:20%;animation-duration:11s;animation-delay:3s}.nieve i:nth-child(6){left:24%;animation-duration:9s;animation-delay:5s}.nieve i:nth-child(7){left:28%;animation-duration:13s;animation-delay:0s}.nieve i:nth-child(8){left:32%;animation-duration:10s;animation-delay:6s}.nieve i:nth-child(9){left:36%;animation-duration:12s;animation-delay:2s}.nieve i:nth-child(10){left:40%;animation-duration:9s;animation-delay:4s}.nieve i:nth-child(11){left:44%;animation-duration:14s;animation-delay:1s}.nieve i:nth-child(12){left:48%;animation-duration:11s;animation-delay:7s}.nieve i:nth-child(13){left:52%;animation-duration:10s;animation-delay:3s}.nieve i:nth-child(14){left:56%;animation-duration:13s;animation-delay:5s}.nieve i:nth-child(15){left:60%;animation-duration:9s;animation-delay:0s}.nieve i:nth-child(16){left:64%;animation-duration:12s;animation-delay:6s}.nieve i:nth-child(17){left:68%;animation-duration:10s;animation-delay:2s}.nieve i:nth-child(18){left:72%;animation-duration:14s;animation-delay:4s}.nieve i:nth-child(19){left:76%;animation-duration:11s;animation-delay:1s}.nieve i:nth-child(20){left:80%;animation-duration:9s;animation-delay:5s}.nieve i:nth-child(21){left:84%;animation-duration:13s;animation-delay:3s}.nieve i:nth-child(22){left:88%;animation-duration:10s;animation-delay:7s}.nieve i:nth-child(23){left:92%;animation-duration:12s;animation-delay:0s}.nieve i:nth-child(24){left:96%;animation-duration:11s;animation-delay:4s}@media(max-width:420px){.cabecera h1{font-size:2rem}.destino{font-size:2.1rem}}