:root{--bg-gradient: radial-gradient(circle at center, #fff 0%, #f0f4f8 100%);--glass-bg: rgba(255, 255, 255, .95);--accent-color: #D32F2F;--accent-gradient: linear-gradient(45deg, #d6af33 0%, #fdc60d 100%);--winner-gold: #FFD700;--text-main: #2c3e50;--text-muted: #546e7a;--christmas-green: #2e7d32;--christmas-red: #c62828;--danger: #d32f2f;--success: #2e7d32;--warning: #f57f17;--radius: 16px;--shadow-soft: 0 10px 40px rgba(0,0,0,.08);--font-main: "Segoe UI", system-ui, sans-serif;--font-display: "Arial Black", sans-serif;--quiz-red: #e53935;--quiz-blue: #1e88e5;--quiz-yellow: #fdd835;--quiz-green: #43a047}*{box-sizing:border-box;outline:none}body{margin:0;background:linear-gradient(360deg,#fff,#fdc60d);color:var(--text-main);font-family:var(--font-main);height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.hidden{display:none!important}input[type=file]{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}@keyframes shimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn{background:var(--accent-gradient);color:#d40000;border:none;padding:12px 24px;font-weight:800;text-transform:uppercase;cursor:pointer;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #fdc60d66;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 3s infinite linear;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-TG{background:#d40000;color:#fff;border:none;padding:12px 24px;font-weight:800;text-transform:uppercase;cursor:pointer;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #fdc60d66;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-outline{background:transparent;border:2px solid #c5c4c4;color:#272323;box-shadow:none}.btn-outline:hover{background:#0000000d}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 15px #d32f2f4d}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 15px #2e7d324d}.btn-warning{background:var(--warning);color:#fff;box-shadow:0 4px 15px #f57f174d}.btn-danger-outline{background:transparent;border:2px solid var(--danger);color:var(--danger);box-shadow:none;padding:8px 12px}.btn-danger-outline:hover{background:var(--danger);color:#fff}.action-btn{background:transparent;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:.2s;font-size:1rem}.action-btn:hover{background:#0000000d;transform:scale(1.1)}.btn-edit{color:var(--christmas-green)}.btn-delete{color:var(--danger)}.floating-btn{position:fixed;bottom:30px;left:30px;width:65px;height:65px;border-radius:50%;background:#fff;color:var(--winner-gold);font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #0000001a;z-index:110;border:2px solid var(--winner-gold);transition:transform .3s,opacity .3s}.floating-btn:hover{transform:scale(1.1)}.floating-btn.hide-float{opacity:0;pointer-events:none;transform:scale(.5)}.controls-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;width:100%}.form-row{margin-bottom:15px;text-align:left}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;font-size:1rem}.form-label{display:block;font-weight:700;margin-bottom:5px;color:var(--text-muted)}.manual-add-area{background:#fff;padding-top:10px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.manual-row{display:flex;gap:8px}.manual-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.manual-input:focus{border-color:var(--christmas-green)}.search-bar-container{display:flex;gap:8px;margin-bottom:10px}.search-select{width:35%;padding:8px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9;font-size:.85rem;color:#555}.search-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.search-input:focus,.search-select:focus{border-color:var(--christmas-red);outline:none}.opt-grid-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt-input-group input{border-left:5px solid #ccc}.opt-input-group:nth-child(1) input{border-left-color:var(--quiz-red)}.opt-input-group:nth-child(2) input{border-left-color:var(--quiz-blue)}.opt-input-group:nth-child(3) input{border-left-color:var(--quiz-yellow)}.opt-input-group:nth-child(4) input{border-left-color:var(--quiz-green)}.autocomplete-wrapper{position:relative;width:100%;flex:1}.autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0;max-height:180px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 15px #0000001a}.autocomplete-item{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4;font-size:.9rem;text-align:left}.autocomplete-item:hover{background-color:#e9e9e9}.autocomplete-empty{padding:10px;color:#999;font-style:italic;font-size:.8rem}.import-area{border:2px dashed #eee;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;border-top:5px solid var(--accent-color);padding:30px;border-radius:20px;max-width:900px;width:95%;text-align:center;box-shadow:0 20px 60px #00000026;animation:popIn .3s ease;max-height:90vh;display:flex;flex-direction:column}.modal-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;flex:1;overflow:hidden;text-align:left;margin-top:15px}.modal-col-form{overflow-y:auto;padding-right:10px;max-height:450px}.modal-col-list{display:flex;flex-direction:column;height:100%;border-left:1px solid #eee;padding-left:25px}#snow-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}header{height:90px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;backdrop-filter:blur(10px);border-bottom:3px solid #e2e2e2;z-index:100;box-shadow:0 5px 20px #0000000d;position:relative}header:before{content:"";position:absolute;top:-5px;left:0;right:0;height:10px;background:repeating-linear-gradient(45deg,var(--christmas-red),var(--christmas-red) 10px,var(--christmas-green) 10px,var(--christmas-green) 20px);opacity:.8}.brand-area{display:flex;align-items:center;gap:20px;z-index:2}.logo-placeholder{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#fff;border:1px solid #eee}.logo-placeholder img{width:100%;height:100%;object-fit:contain}#app-title{font-family:var(--font-display);font-size:1.8rem;margin:0;display:flex;flex-direction:column;line-height:1.1}#app-title .title-line,#app-title .subtitle-line{color:#272323}#app-title .subtitle-line{font-size:1.2rem;font-weight:700;color:#555}.holiday-icon{font-size:1.5rem;vertical-align:middle;margin-left:10px}.header-controls{display:flex;gap:10px;z-index:2}.sidebar{position:fixed;top:90px;bottom:0;width:380px;background:#fff;z-index:90;transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;padding:20px;box-shadow:var(--shadow-soft);border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.sidebar-left{left:0;transform:translate(-100%);border-top-right-radius:20px}.sidebar-right{right:0;transform:translate(100%);border-top-left-radius:20px}.sidebar.active{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--christmas-green)}.sidebar-title{font-weight:800;color:var(--text-main);font-size:1.1rem;letter-spacing:.5px}.btn-close-sidebar{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;cursor:pointer;transition:.2s;margin-left:20px}.btn-close-sidebar:hover{background:var(--danger);color:#fff}.list-box-frame{flex:1;border:1px solid #e0e0e0;background:#fafafa;border-radius:8px;padding:10px;overflow-y:auto;min-height:0;margin-bottom:15px;box-shadow:inset 0 2px 4px #00000008}.list-item{background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;transition:.2s;color:var(--text-main);font-weight:500;border:1px solid #eee}.list-item:hover{border-color:var(--christmas-red)}.list-item.winner{border-left:4px solid var(--winner-gold);background:#fffcf0}.list-item .item-actions{display:flex;gap:5px;opacity:.6;transition:.2s}.list-item:hover .item-actions{opacity:1}.preview-list-container{flex:1;overflow-y:auto;background:#fafafa;border-radius:8px;padding:10px;border:1px solid #eee;max-height:400px}.preview-item{font-size:.9rem;padding:10px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff;margin-bottom:5px;border-radius:5px;border:1px solid #f0f0f0}.preview-item:last-child{border-bottom:none;margin-bottom:0}.type-tag{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff;margin-right:5px}.tag-all{background:#999}.tag-roulette{background:var(--christmas-red)}.tag-trivia{background:var(--christmas-green)}.tag-quiz{background:var(--warning)}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;overflow-y:auto;width:100%;z-index:10}.tabs-container{background:#fffc;padding:6px;border-radius:60px;display:flex;margin-bottom:30px;box-shadow:0 4px 15px #0000000d;border:1px solid #eee;flex-wrap:wrap;justify-content:center}.tab{padding:12px 30px;border-radius:50px;cursor:pointer;color:var(--text-muted);font-weight:700;transition:.3s;white-space:nowrap}.tab:hover{color:var(--christmas-red)}.tab.active{background:var(--christmas-red);color:#fff;box-shadow:0 4px 12px #d32f2f4d}.game-container{width:100%;max-width:900px;text-align:center;position:relative}.winner-select-box{margin-top:20px;background:#fff;padding:15px;border-radius:12px;border:1px solid #eee;display:flex;gap:10px;align-items:center;box-shadow:0 4px 10px #0000000d;position:relative}.name-display{background:#f5f5f5;border-radius:var(--radius);min-height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:35px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.name-display-ruleta{background:#f5f5f5;border-radius:var(--radius);min-height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:35px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;border:4px solid #b9b9b9}.name-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--accent-gradient);z-index:2}.name-display:after{content:"❄";position:absolute;top:10px;right:10px;color:#fff3;font-size:4rem;z-index:0}.name-text{font-family:var(--font-display);font-size:4.5rem;color:#df0000;text-transform:uppercase;line-height:1;word-break:break-word;padding:20px;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.question-card{background:#fff;border-radius:var(--radius);padding:40px;margin-top:25px;box-shadow:0 15px 35px #0000001a;animation:slideUp .5s ease;position:relative;width:100%;border-top:5px solid var(--christmas-green)}.question-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:var(--christmas-green);color:#fff;padding:8px 20px;border-radius:30px;font-weight:800;font-size:.85rem;box-shadow:0 4px 10px #2e7d324d}.question-text{font-size:2.6rem;font-weight:600;margin:20px 0 25px;color:#1a202c;line-height:1.4}.cheat-container{margin-top:15px;font-size:1.5rem;color:#555;display:flex;align-items:center;justify-content:center;gap:10px}.cheat-val{font-weight:700;color:var(--accent-color);filter:blur(9px);transition:.3s;user-select:none}.cheat-val.revealed{filter:blur(0)}.wheel-visual-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;flex-direction:column;gap:20px;width:100%}#visual-wheel-name{font-family:var(--font-display);font-size:3rem;color:#fff;text-transform:uppercase;text-align:center;height:120px;width:100%;max-width:800px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #fff;padding:10px;word-wrap:break-word;overflow:hidden;line-height:1.1}.wheel-stage{position:relative;width:500px;height:500px;max-width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}#wheel-canvas{border-radius:50%;background:#fff;box-shadow:0 10px 40px #0000004d;transition:transform .1s,filter .5s ease;width:100%;height:100%;border:5px solid #fff}.wheel-spinning{filter:blur(4px)}.wheel-pointer{position:absolute;top:50%;right:-5%;transform:translateY(-50%);width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-right:50px solid var(--christmas-red);filter:drop-shadow(-4px 4px 4px rgba(0,0,0,.2));z-index:10}.btn-spin-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%;background:#fff;border:5px solid #272323;color:#3d3838;font-weight:800;font-size:1.2rem;cursor:pointer;z-index:20;box-shadow:0 0 20px #0003;transition:all .3s ease;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.btn-spin-center:hover{transform:translate(-50%,-50%) scale(1.1);background:#272323;color:#fdc60d}.btn-spin-center:active{transform:translate(-50%,-50%) scale(.95)}.btn-spin-center.hidden-spin{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5)}#t-question-text{font-size:2.5rem;font-weight:800;color:#969393;margin-bottom:20px;line-height:1.3;max-width:90%;text-align:center}#t-answer-text{font-size:1.5rem;background:#f0f4f8;padding:20px;border-radius:12px;color:var(--accent-color);font-weight:700;line-height:1.4;max-width:90%;margin-bottom:20px;border:2px dashed var(--accent-color)}.quiz-wrapper{width:100%;display:flex;flex-direction:column;gap:20px}.quiz-question-box{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow-soft);font-size:1.8rem;font-weight:800;color:var(--text-main);min-height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;line-height:1.3;border-bottom:4px solid var(--christmas-green)}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.quiz-option{border:none;padding:20px;border-radius:12px;font-size:1.7rem;font-weight:700;color:#1a202c;cursor:pointer;transition:transform .1s,opacity .3s;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px #00000026;display:flex;align-items:center;justify-content:center;gap:10px;min-height:80px;line-height:1.3}.quiz-option:active{transform:translateY(4px);box-shadow:0 4px #00000026}.opt-red{background-color:var(--quiz-red)}.opt-blue{background-color:var(--quiz-blue)}.opt-yellow{background-color:var(--quiz-yellow)}.opt-green{background-color:var(--quiz-green)}@media(max-width:768px){.sidebar{width:100%;top:60px}header{padding:0 15px;height:60px}.name-text{font-size:3rem}.quiz-grid{grid-template-columns:1fr}.tabs-container{margin-bottom:20px}.tab{padding:8px 15px;font-size:.8rem}.opt-grid-form{grid-template-columns:1fr}.floating-btn{bottom:20px;left:20px;width:50px;height:50px;font-size:1.5rem}.modal-grid-layout{grid-template-columns:1fr;overflow-y:auto}.modal-col-list{border-left:none;padding-left:0;border-top:1px solid #eee;padding-top:20px;margin-top:20px;height:auto;flex:none}.modal-col-form{max-height:300px}.preview-list-container{max-height:200px}.wheel-stage,#wheel-canvas{width:300px;height:300px}.wheel-pointer{top:50%;right:-10px;border-right-width:30px;border-top-width:15px;border-bottom-width:15px}#t-question-text{font-size:1.8rem}.quiz-question-box{font-size:1.5rem}.header-controls{display:flex;flex-direction:column;gap:5px}.header-controls .btn-outline{font-size:.7rem;padding:5px 10px}}