@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&family=Mountains+of+Christmas:wght@400;700&display=swap";:root{--bg-color: #f8f9fa;--card-bg: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-black: #000000;--xmas-red: #c41e3a;--xmas-green: #2f5233;--gold: #d4af37;--border-width: 2px;--border-radius: 12px;--shadow-soft: 0 8px 30px rgba(0, 0, 0, .05);--font-serif: "Playfair Display", serif;--font-sans: "Lato", sans-serif;--font-festive: "Mountains of Christmas", cursive}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;justify-content:center;align-items:center}input,button{font-family:inherit}.app-container{width:100%;max-width:480px;padding:3rem;background-color:var(--card-bg);border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;margin:auto;outline:4px double var(--text-primary);outline-offset:-12px}.header{text-align:center;margin-bottom:2.5rem;z-index:2;position:relative}.header h1{font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.description{font-family:var(--font-festive);font-size:1.5rem;color:var(--text-secondary)}.participant-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;position:relative;z-index:2}.participant-card{display:flex;align-items:center;gap:.8rem;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.input-group{display:flex;flex:1;gap:.8rem}input{width:100%;padding:.8rem 1rem;border:var(--border-width) solid var(--text-secondary);border-radius:6px;background:#fff;font-size:1rem;transition:all .3s ease;color:var(--text-primary)}input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px #0000000d}input::placeholder{color:#aaa}button{cursor:pointer;transition:all .2s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn-remove{background:#fff;border:var(--border-width) solid var(--text-secondary);color:var(--text-secondary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.btn-remove:hover{border-color:var(--xmas-red);color:var(--xmas-red);transform:rotate(90deg)}.actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;z-index:2;position:relative}.btn-add{background:transparent;border:var(--border-width) dashed var(--text-primary);color:var(--text-primary);padding:.8rem 1.5rem;border-radius:8px}.btn-add:hover{background:var(--text-primary);color:#fff}.btn-draw{background:var(--text-primary);color:#fff;border:var(--border-width) solid var(--text-primary);padding:.8rem 2rem;border-radius:8px;box-shadow:0 4px #0003}.btn-draw:hover{transform:translateY(2px);box-shadow:0 2px #0003}.btn-draw:disabled{background:var(--text-secondary);border-color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.holly-leaf{position:absolute;width:20px;height:20px;background:transparent;border:2px solid var(--text-primary);border-radius:50% 0}.holly-1{top:20px;right:20px;transform:rotate(45deg)}.holly-2{top:25px;right:15px;transform:rotate(15deg)}.berry{position:absolute;width:8px;height:8px;background:var(--text-primary);border-radius:50%;top:30px;right:25px}.snowflake{position:absolute;color:var(--text-secondary);opacity:.15}.s1{top:10%;left:-5%;font-size:4rem}.s2{bottom:5%;right:-5%;font-size:6rem;transform:rotate(20deg)}.s3{top:50%;left:95%;font-size:3rem}@media(max-width:500px){.app-container{padding:2rem 1.5rem;margin:2rem auto;width:85%}.input-group{flex-direction:column}.actions{flex-direction:column;gap:1rem}.btn-add,.btn-draw{width:100%}.header h1{font-size:2rem}}body{background:#01072d;min-height:100vh}.amargo-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #eee;text-align:center;font-size:.85rem;color:var(--text-light)}.amargo-link{color:var(--xmas-green);font-weight:700;text-decoration:none;transition:color .2s}.amargo-link:hover{color:var(--xmas-red);text-decoration:underline}@-moz-keyframes nieve{0%{top:-40px}to{top:101%}}@-webkit-keyframes nieve{0%{top:-40px}to{top:2000px}}@keyframes nieve{0%{top:-40px}to{top:2000px}}@-moz-keyframes horiz2{20%{transform:translate(0)}50%{transform:translate(150px)}80%{transform:translate(0)}}@-webkit-keyframes horiz2{20%{transform:translate(0)}50%{transform:translate(150px)}80%{transform:translate(0)}}@keyframes horiz2{20%{transform:translate(0)}50%{transform:translate(-70px)}80%{transform:translate(0)}}@-moz-keyframes horiz{20%{transform:translate(0)}50%{transform:translate(150px)}80%{transform:translate(0)}}@-webkit-keyframes horiz{20%{transform:translate(0)}50%{transform:translate(150px)}80%{transform:translate(0)}}@keyframes horiz{20%{transform:translate(0)}50%{transform:translate(150px)}80%{transform:translate(0)}}.tpl-snow>div{position:fixed;-webkit-animation:ease-in infinite normal;-moz-animation:ease-in infinite normal;animation:ease-in infinite normal}.tpl-snow>div{z-index:9999999999999;width:10px;height:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-animation-name:nieve,horiz;-moz-animation-name:nieve,horiz;animation-name:nieve,horiz}.tpl-snow>div:nth-of-type(odd){width:5px;height:5px;-webkit-animation-name:nieve,horiz2;-moz-animation-name:nieve,horiz2;animation-name:nieve,horiz2}.tpl-snow>div:nth-of-type(1){left:40px;-webkit-animation-duration:5.5s;-moz-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(2){left:120px;-webkit-animation-duration:7s;-moz-animation-duration:7s;animation-duration:7s}.tpl-snow>div:nth-of-type(3){left:200px;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s}.tpl-snow>div:nth-of-type(4){left:20%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(5){left:30%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s}.tpl-snow>div:nth-of-type(6){left:40%;-webkit-animation-duration:7.2s;-moz-animation-duration:7.2s;animation-duration:7.2s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(7){left:50%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s}.tpl-snow>div:nth-of-type(8){left:60%;-webkit-animation-duration:6.4s;-moz-animation-duration:6.4s;animation-duration:6.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(9){left:70%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s}.tpl-snow>div:nth-of-type(10){left:80%;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s}.tpl-snow>div:nth-of-type(11){left:90%;-webkit-animation-duration:7.1s;-moz-animation-duration:7.1s;animation-duration:7.1s;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}.tpl-snow>div:nth-of-type(12){left:99%;-webkit-animation-duration:6.6s;-moz-animation-duration:6.6s;animation-duration:6.6s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}.tpl-snow>div:nth-of-type(13){left:10px;-webkit-animation-duration:10.2s;-moz-animation-duration:10.2s;animation-duration:10.2s}.tpl-snow>div:nth-of-type(14){left:180px;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s}.tpl-snow>div:nth-of-type(15){left:213px;-webkit-animation-duration:7.3s;-moz-animation-duration:7.3s;animation-duration:7.3s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.tpl-snow>div:nth-of-type(16){left:23%;-webkit-animation-duration:9.2s;-moz-animation-duration:9.2s;animation-duration:9.2s}.tpl-snow>div:nth-of-type(17){left:38%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s}.tpl-snow>div:nth-of-type(18){left:45%;-webkit-animation-duration:15s;-moz-animation-duration:15s;animation-duration:15s}.tpl-snow>div:nth-of-type(19){left:58%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s}.tpl-snow>div:nth-of-type(20){left:64%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s}.tpl-snow>div:nth-of-type(21){left:76%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(22){left:86%;-webkit-animation-duration:8.5s;-moz-animation-duration:8.5s;animation-duration:8.5s}.tpl-snow>div:nth-of-type(23){left:83%;-webkit-animation-duration:14.4s;-moz-animation-duration:14.4s;animation-duration:14.4s}.tpl-snow>div:nth-of-type(24){left:95%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s}.tpl-snow>div:nth-of-type(25){left:55px;-webkit-animation-duration:8.7s;-moz-animation-duration:8.7s;animation-duration:8.7s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}.tpl-snow>div:nth-of-type(26){left:133px;-webkit-animation-duration:5.2s;-moz-animation-duration:5.2s;animation-duration:5.2s}.tpl-snow>div:nth-of-type(27){left:215px;-webkit-animation-duration:10.4s;-moz-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}.tpl-snow>div:nth-of-type(28){left:26%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s}.tpl-snow>div:nth-of-type(29){left:33%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s}.tpl-snow>div:nth-of-type(30){left:49%;-webkit-animation-duration:9.4s;-moz-animation-duration:9.4s;animation-duration:9.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(31){left:55%;-webkit-animation-duration:9.1s;-moz-animation-duration:9.1s;animation-duration:9.1s}.tpl-snow>div:nth-of-type(32){left:68%;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.tpl-snow>div:nth-of-type(33){left:73%;-webkit-animation-duration:12.4s;-moz-animation-duration:12.4s;animation-duration:12.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(34){left:85%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}.tpl-snow>div:nth-of-type(35){left:93%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s}.tpl-snow>div:nth-of-type(36){left:99%;-webkit-animation-duration:10.6s;-moz-animation-duration:10.6s;animation-duration:10.6s}.tpl-snow>div:nth-of-type(37){left:15px;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s}.tpl-snow>div:nth-of-type(38){left:99px;-webkit-animation-duration:7.5s;-moz-animation-duration:7.5s;animation-duration:7.5s}.tpl-snow>div:nth-of-type(39){left:260px;-webkit-animation-duration:11s;-moz-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(40){left:28%;-webkit-animation-duration:19s;-moz-animation-duration:19s;animation-duration:19s}.tpl-snow>div:nth-of-type(41){left:35%;-webkit-animation-duration:14s;-moz-animation-duration:14s;animation-duration:14s}.tpl-snow>div:nth-of-type(42){left:43%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s}.tpl-snow>div:nth-of-type(43){left:53%;-webkit-animation-duration:8.8s;-moz-animation-duration:8.8s;animation-duration:8.8s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tpl-snow>div:nth-of-type(44){left:66%;-webkit-animation-duration:16s;-moz-animation-duration:16s;animation-duration:16s}.tpl-snow>div:nth-of-type(45){left:78%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s}.tpl-snow>div:nth-of-type(46){left:88%;-webkit-animation-duration:9.5s;-moz-animation-duration:9.5s;animation-duration:9.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.tpl-snow>div:nth-of-type(47){left:94%;-webkit-animation-duration:7.6s;-moz-animation-duration:7.6s;animation-duration:7.6s}.tpl-snow>div:nth-of-type(48){left:96%;-webkit-animation-duration:8.2s;-moz-animation-duration:8.2s;animation-duration:8.2s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}@media(max-width:600px){.tpl-snow>div:nth-of-type(24)~*{display:none}}@media(max-width:800px){.tpl-snow>div:nth-of-type(36)~*{display:none}}