:root{--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-card: var(--surface-2);--border-color: var(--border);--border-hover: var(--border-bright);--text-primary: var(--text);--text-secondary: var(--text-muted);--text-muted: var(--text-dim);--accent-blue: var(--accent);--accent-blue-hover: var(--accent);--bg-gradient-start: var(--bg);--bg-gradient-end: var(--bg-2);--radius-sm: var(--radius-sm, 6px);--radius-md: var(--radius, 10px);--radius-lg: var(--radius-lg, 16px);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}.giveaway-body-wrap{background:radial-gradient(circle,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)!important;color:var(--text-primary)!important;font-family:var(--font)!important;min-height:100vh;position:relative}.app-container{max-width:1280px;width:100%;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;flex:1}.app-header{text-align:center;margin-bottom:24px}.logo-text{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;display:inline-flex;align-items:center;gap:12px}.tagline{color:var(--text-secondary);font-size:.95rem;margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.main-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start;flex:1}.wheel-stage-container{display:flex;flex-direction:column;align-items:center;width:100%}.wheel-toolbar{display:flex;gap:8px;margin-bottom:20px;justify-content:center;width:100%}.btn-tool{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 14px;font-size:.85rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 2px #00000005}.btn-tool:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-tool .icon{font-size:1rem}.wheel-stage{display:flex;flex-direction:column;align-items:center;padding:16px;width:100%;position:relative}.wheel-container{position:relative;width:660px;height:660px;margin:10px 0 24px;display:flex;align-items:center;justify-content:center}.wheel-needle{position:absolute;right:-16px;top:calc(50% - 16px);width:44px;height:32px;background-color:var(--accent-blue);clip-path:polygon(0 50%,100% 0,100% 100%);z-index:10;filter:drop-shadow(-3px 2px 4px rgba(0,0,0,.25));transition:transform .05s ease;transform-origin:90% 50%}.wheel-needle.spindle-test-active{background-color:#e11d48!important;box-shadow:0 0 10px #e11d4880}canvas#wheel-canvas{width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;box-shadow:0 8px 30px #00000014,0 0 1px #0000001a;z-index:1;background:transparent}.wheel-spindle{position:absolute;top:calc(50% - 36px);left:calc(50% - 36px);width:72px;height:72px;border-radius:50%;z-index:5;background:var(--bg-secondary);border:4px solid var(--border-color);box-shadow:0 4px 10px #00000014,inset 0 2px 4px #00000008;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce),border-color var(--transition-normal)}.wheel-spindle:hover{transform:scale(1.06);border-color:var(--accent-blue)}.wheel-spindle:active{transform:scale(.95)}.spindle-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spindle-text{font-weight:800;font-size:.85rem;color:var(--text-primary);letter-spacing:.5px}.wheel-spindle.spindle-test-active{border-color:#e11d48}.action-container{display:flex;justify-content:center;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-blue)!important;color:#fff!important;border-radius:var(--radius-sm);box-shadow:0 2px 6px var(--accent-soft)!important}.btn-primary:hover{background:var(--accent-blue-hover)!important;box-shadow:0 4px 12px var(--accent-soft)!important;transform:translateY(-1px)}.btn-primary:disabled{background:#cbd5e1!important;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed}.btn-lg{padding:14px 48px;font-size:1.05rem;border-radius:6px;letter-spacing:.5px}.panel-container{display:flex;flex-direction:column;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000008;min-height:520px}.tabs-header{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:16px}.tab-btn{flex:1;padding:12px 6px;font-size:1rem;font-weight:700;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.badge{background:var(--bg-card);color:var(--text-secondary);padding:1px 8px;border-radius:10px;font-size:.75rem;font-weight:700}.tab-btn.active .badge{background:var(--accent-blue);color:#fff}.tab-pane{display:flex;flex-direction:column;flex:1}.pane-tools{display:flex;gap:8px;margin-bottom:12px}.btn-secondary{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.btn-secondary:hover{background:var(--bg-card)!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:4px;display:inline-flex;align-items:center;gap:4px}textarea#names-textarea{width:100%;flex:1;min-height:380px;padding:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;resize:none;outline:none;transition:all var(--transition-fast)}textarea#names-textarea:focus{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-soft)}.results-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;font-size:.95rem}.result-index{color:var(--text-muted);font-size:.8rem;font-weight:700;margin-right:8px}.result-name{font-weight:600;color:var(--text-primary);flex:1}.result-time{color:var(--text-muted);font-size:.75rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal)}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-overlay.hidden .modal-content{transform:scale(.95)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 10px 30px #0000001a;transform:scale(1);transition:transform var(--transition-bounce);position:relative;z-index:102}.winner-modal-card{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 12px 40px #0003;overflow:hidden;max-width:500px;width:90%;display:flex;flex-direction:column;animation:scale-up .3s cubic-bezier(.34,1.56,.64,1);border:none!important}@keyframes scale-up{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.winner-modal-header{background:var(--accent-blue);color:#fff;padding:16px 24px;font-size:1.25rem;font-weight:700;text-align:left}.winner-modal-body{padding:44px 24px;text-align:center;background:var(--bg-secondary)}.winner-name-text{font-size:3.2rem;font-weight:700;color:var(--text-primary);margin:0;word-wrap:break-word;font-family:Outfit,sans-serif}.winner-modal-desc{font-size:.95rem;color:var(--text-secondary);margin-top:16px;line-height:1.5;font-weight:500;max-width:400px;margin-left:auto;margin-right:auto}.winner-modal-footer{padding:16px 24px;background:var(--bg-card);display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color)}.btn-winner-close{background:none;border:none;color:var(--text-secondary);font-weight:700;padding:10px 20px;cursor:pointer;font-size:.95rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-winner-close:hover{background:var(--bg-card);color:var(--text-primary)}.btn-winner-remove{background:var(--accent-blue);color:#fff;border:none;font-weight:700;padding:10px 22px;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;box-shadow:0 1px 3px #1976d233;transition:background var(--transition-fast)}.btn-winner-remove:hover{background:var(--accent-blue-hover)}.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:101}.sandbox-card,.customization-card{width:90%;max-width:460px;padding:24px;background:var(--bg-secondary);color:var(--text-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.modal-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.sandbox-warning{background:#ef44440d;border-left:4px solid #ef4444;padding:12px;border-radius:4px;font-size:.85rem;color:#b91c1c;margin-bottom:20px;line-height:1.45}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}select.custom-select{width:100%;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none}select.custom-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-soft)}.toggle-group{display:flex;flex-direction:column}.switch-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.switch-label span{font-size:.88rem;font-weight:500;color:var(--text-secondary)}.switch-label input{display:none}.switch-label .slider{position:relative;width:44px;height:22px;background-color:var(--bg-card);border-radius:22px;transition:background-color var(--transition-normal);border:1px solid var(--border-color)}.switch-label .slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform var(--transition-bounce);box-shadow:0 1px 3px #00000026}.switch-label input:checked+.slider{background-color:var(--accent-blue)}.switch-label input:checked+.slider:before{transform:translate(22px)}.sandbox-shortcuts{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;margin:16px 0}.sandbox-shortcuts h4{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:6px;text-transform:uppercase}.sandbox-shortcuts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sandbox-shortcuts li{font-size:.78rem;color:var(--text-secondary);line-height:1.35}kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;font-size:.72rem;font-family:monospace;box-shadow:0 1px #0000001a;color:var(--text-primary)}.sandbox-status-banner{background:var(--bg-card);border:1px dashed var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);text-align:center;font-weight:600;font-size:.85rem;margin-bottom:16px}.sandbox-status-banner.sandbox-active{background:#e11d4808;border-color:#e11d4833;color:#e11d48}.field-hint{font-size:.72rem;color:var(--text-muted);margin-top:4px;line-height:1.3}.hidden{display:none!important}.mt-2{margin-top:8px}.text-right{text-align:right}@media (max-width: 968px){.main-layout{grid-template-columns:1fr;gap:28px}.app-container{padding:20px 16px}.panel-container{min-height:400px}}@media (max-width: 520px){.wheel-container{width:320px;height:320px}.wheel-needle{right:-10px;width:36px;height:26px}.wheel-spindle{width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px)}.spindle-text{font-size:.75rem}.logo-text{font-size:1.7rem}.winner-name-text{font-size:2.2rem}.wheel-toolbar{flex-wrap:wrap;justify-content:center}.btn-tool{padding:6px 10px;font-size:.78rem}}#pane-registration{display:flex;flex-direction:column;height:100%}.registration-header{margin-bottom:24px}.form-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.3px}.form-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.45}.registration-form{display:flex;flex-direction:column;gap:20px;flex:1}.form-input-group{display:flex;flex-direction:column;gap:6px}.form-input-group label{font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-label-row{display:flex;align-items:center;gap:8px}.input-label-row label{margin-bottom:0}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.info-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#f582201f;border:1px solid var(--accent, #f58220);color:var(--accent, #f58220);text-decoration:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;font-style:italic;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.info-icon-btn:hover,.info-icon-btn:focus{background:var(--accent, #f58220);color:#fff;box-shadow:0 0 10px #f5822066;transform:scale(1.1)}.info-tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#111827;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;line-height:1.35;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 6px 18px #00000040;border:1px solid rgba(255,255,255,.12);z-index:50;display:flex;flex-direction:column;gap:4px}.info-tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#111827 transparent transparent transparent}.info-tooltip-wrap:hover .info-tooltip-bubble,.info-tooltip-wrap:focus-within .info-tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.tooltip-register-btn{color:var(--accent, #f58220);font-weight:700;text-decoration:underline;cursor:pointer}.tooltip-register-btn:hover{color:#ffaa5b}.hint-register-link{color:var(--accent, #f58220);text-decoration:none;font-weight:600;display:inline-block;margin-left:2px;transition:color .15s ease}.hint-register-link:hover{text-decoration:underline;color:#ffaa5b}.reg-input{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;box-sizing:border-box;transition:all var(--transition-fast)}.reg-input:focus{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-soft)}.reg-input.invalid-input{border-color:#ef4444!important;background:#ef444405!important}.reg-input.invalid-input:focus{box-shadow:0 0 0 3px #ef44441f!important}.error-msg{font-size:.76rem;color:#ef4444;font-weight:500;display:none;margin-top:2px}.error-msg.visible{display:block}.btn-submit{padding:14px 20px;font-size:1.05rem;font-weight:700;margin-top:8px;width:100%;border-radius:var(--radius-sm);letter-spacing:.5px}.registration-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;flex:1;animation:scale-up .4s cubic-bezier(.34,1.56,.64,1)}.success-icon-wrap{width:68px;height:68px;background:#43a0471a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-icon{font-size:2.2rem;color:#43a047;font-weight:700;line-height:1}.registration-success-container h3{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 12px}.registration-success-container p{font-size:.95rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.celebrate-text{font-weight:600;color:var(--accent-blue)!important;font-size:1rem!important}.weekly-draw-banner{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-md);padding:16px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:inset 0 1px 2px var(--accent-soft)}.draw-info h4{font-size:.98rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.draw-info p{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.4}.draw-badge{display:inline-block;background:var(--accent);color:var(--bg);font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.countdown-container{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:140px}.countdown-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.countdown-timer{font-size:1.25rem;font-weight:800;color:var(--accent);font-family:var(--mono, monospace);letter-spacing:-.2px;text-shadow:0 1px 2px var(--accent-soft)}.public-ledger-container{margin-top:24px;border-top:1px solid var(--border-color);padding-top:20px;display:flex;flex-direction:column;gap:12px}.ledger-title{font-size:.92rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.ledger-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.ledger-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.88rem;animation:slide-in-bottom .3s ease-out}@keyframes slide-in-bottom{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.ledger-user{display:flex;align-items:center;gap:10px}.ledger-avatar{font-size:1rem;opacity:.75}.ledger-info{display:flex;flex-direction:column;gap:2px}.ledger-name{font-weight:700;color:var(--text-primary)}.ledger-mt5{font-size:.76rem;color:var(--text-muted);font-family:monospace}.ledger-time{font-size:.72rem;color:var(--text-muted);font-weight:500}.ledger-placeholder{font-size:.82rem;color:var(--text-muted);text-align:center;padding:24px}.terms-card{width:90%;max-width:650px;padding:24px;background:var(--bg-secondary);color:var(--text-primary)}.terms-body{max-height:400px;overflow-y:auto;padding-right:12px;text-align:left;border-bottom:1px solid var(--border-color);margin-bottom:16px;font-size:.9rem;line-height:1.6}.terms-body h1{font-size:1.4rem;font-weight:800;margin-top:0;margin-bottom:4px}.terms-body h2{font-size:1.1rem;font-weight:700;margin-top:0;margin-bottom:16px;color:var(--accent-blue)}.terms-body h3{font-size:1rem;font-weight:700;margin-top:20px;margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.terms-body p{margin-top:0;margin-bottom:12px}.terms-body ul{padding-left:20px;margin-top:0;margin-bottom:12px}.terms-body li{margin-bottom:6px}.checkbox-group{margin-bottom:16px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input{display:none}.checkbox-custom{width:18px;height:18px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all var(--transition-fast)}.checkbox-label input:checked+.checkbox-custom{background-color:var(--accent-blue);border-color:var(--accent-blue)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.checkbox-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4;text-align:left}.checkbox-text a{color:var(--accent-blue);text-decoration:none;font-weight:600}.checkbox-text a:hover{text-decoration:underline}.stage-audio-btn{position:absolute;top:12px;right:12px;z-index:25;width:38px;height:38px;border-radius:50%;background:#0d1520bf;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d}.stage-audio-btn:hover{transform:scale(1.08);border-color:var(--accent);box-shadow:0 0 14px var(--accent-soft)}.stage-audio-btn.muted{opacity:.6;filter:grayscale(1)}.wheel-container.spinning{animation:wheel-glow-pulse 1.2s infinite alternate ease-in-out}@keyframes wheel-glow-pulse{0%{box-shadow:0 0 15px #f582204d}to{box-shadow:0 0 35px #f58220b3,0 0 50px #fff3}}.reg-input.valid{border-color:#10b981!important;box-shadow:0 0 8px #10b98133!important}.reg-input.invalid{border-color:#ef4444!important;box-shadow:0 0 8px #ef444440!important}