*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body:"Fredoka", sans-serif;--font-display:"Fredoka", sans-serif;--radius:16px;--radius-sm:10px;--transition:.2s ease}.theme-default{--bg-page:#f2f2ed;--bg-panel:#fff;--bg-panel-alt:#f0ede8;--bg-input:#f8f7f4;--border:#e8e4de;--accent:#d4924a;--accent-hover:#bf7f38;--accent-text:#fff;--text-primary:#2a2620;--text-secondary:#7a7068;--text-muted:#29241a;--spin-btn:#d4924a;--spin-btn-hover:#bf7f38;--danger:#d4924a;--danger-hover:#bf7f38;--winner-bg:#fef8ef;--winner-border:#d4924a;--winner-text:#a06828;--history-bg:#f2f2ed;--history-item:#f0ede8;--toggle-bg:#d4924a;--shadow:0 2px 16px #0000000f;--shadow-lg:0 6px 32px #0000001a;--l-base:#ac6f6f;--w1:#c0392b;--w2:#d4652a;--w3:#e8a020;--w4:#c8c832;--w5:#7ab648;--w6:#4aaa6a;--w7:#5abcaa;--w8:#7ab8d8;--w9:#8090cc;--w10:#9a78b8;--w11:#c87898;--w12:#d4826a}.theme-dark{--bg-page:#0e1117;--bg-panel:#161b24;--bg-panel-alt:#1c2433;--bg-input:#1a2030;--border:#2a3548;--accent:#2dd4bf;--accent-hover:#14b8a6;--accent-text:#0e1117;--text-primary:#e8edf5;--text-secondary:#a0aec0;--text-muted:#29241a;--spin-btn:#2dd4bf;--spin-btn-hover:#14b8a6;--danger:#f87171;--danger-hover:#ef4444;--winner-bg:#1a2a28;--winner-border:#2dd4bf;--winner-text:#2dd4bf;--history-bg:#161b24;--history-item:#1c2433;--toggle-bg:#2dd4bf;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #0006;--w1:#2dd4bf;--w2:#818cf8;--w3:#34d399;--w4:#60a5fa;--w5:#a78bfa;--w6:#f472b6;--w7:#fbbf24;--w8:#38bdf8;--w9:#fb923c;--w10:#4ade80;--w11:#e879f9;--w12:#f43f5e}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background var(--transition), color var(--transition);position:relative;overflow-x:hidden}.header-outer{background:var(--bg-panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:100;width:100%;position:sticky;top:0}.header{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:16px 28px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.5px;align-items:baseline;font-size:36px;font-weight:700;display:flex}.l-base{color:var(--l-base)}.l-accent{color:var(--accent)}.l1{color:#c0392b}.l2{color:#d4652a}.l3{color:#e8a020}.l4{color:#7ab648}.l5{color:#4aaa6a}.l6{color:#5abcaa}.l7{color:#8090cc}.l8{color:#c87898}.header-actions{align-items:center;gap:10px;display:flex}.header-btn{background:var(--bg-panel-alt);border:1px solid var(--border);font-family:var(--font-body);color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:600;display:flex}.header-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.header-btn-icon{align-items:center;font-size:15px;display:flex}.theme-toggle{background:var(--bg-panel-alt);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);color:var(--text-primary);border-radius:50px;padding:8px 14px;font-size:18px}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.05)}.app-layout{grid-template-columns:300px 1fr 240px;gap:24px;max-width:1280px;min-height:calc(100vh - 65px);margin:0 auto;padding:24px;display:grid}.panel{flex-direction:column;gap:16px;display:flex}.panel-center{justify-content:flex-start;align-items:center;padding-top:8px}.panel-block{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex}.panel-label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:700}.name-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:160px;font-family:var(--font-body);color:var(--text-primary);resize:vertical;transition:border-color var(--transition);padding:12px;font-size:14px;line-height:1.6}.name-textarea:focus{border-color:var(--accent);outline:none}.name-textarea::placeholder{color:var(--text-muted)}.text-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition);padding:10px 12px;font-size:14px}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--text-muted)}.file-input{color:var(--text-secondary);cursor:pointer;font-size:13px}.entries-preview{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.entries-preview-item{color:var(--text-primary);background:var(--bg-input);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.entries-preview-num{color:var(--accent);min-width:20px;font-size:11px;font-weight:700}.entry-meta{color:var(--text-secondary);align-items:center;font-size:13px;display:flex}.small-label{color:var(--text-secondary);font-size:13px;font-weight:600}.custom-row{flex-direction:column;gap:6px;display:flex}.sounds-row{flex-direction:row;justify-content:space-between;align-items:center}.cap-row{align-items:center;gap:8px;display:flex}.range-input{accent-color:var(--accent);cursor:pointer;flex:1}.checkbox-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.duplicate-warning{color:#d4924a;min-height:18px;font-size:13px;font-weight:600;line-height:1.4}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border);transition:background var(--transition);border-radius:50px;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--toggle-bg)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:center;border:none;padding:12px 20px;font-size:15px;font-weight:700}.btn-primary{background:var(--accent);color:var(--accent-text);width:100%}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-spin{background:var(--spin-btn);color:#fff;font-family:var(--font-display);letter-spacing:2px;box-shadow:var(--shadow-lg);border-radius:50px;margin-top:24px;padding:16px 64px;font-size:20px;font-weight:800}.btn-spin:hover:not(:disabled){background:var(--spin-btn-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.03)}.btn-spin:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:8px 16px;font-size:14px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;padding:10px 18px;font-size:14px}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{align-self:flex-start;padding:7px 14px;font-size:13px}.wheel-hint{color:var(--text-muted);opacity:.8;margin-top:12px;font-size:15px;font-weight:600;animation:2s ease-in-out infinite hintPulse}.wheel-warning{color:var(--danger);text-align:center;margin-top:10px;font-size:14px;font-weight:600;animation:.3s popIn}.pointer-hint{color:var(--accent);letter-spacing:.5px;white-space:nowrap;text-align:center;opacity:.8;margin-top:2px;font-size:11px;font-weight:600;display:block}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}.wheel-title-display{text-align:center;margin-bottom:8px}.wheel-title-display p{font-family:var(--font-display);color:var(--text-primary);word-break:break-word;max-width:600px;font-size:24px;font-weight:700}.wheel-wrap{justify-content:center;align-items:center;display:flex;position:relative}.wheel-pointer{color:var(--text-primary);z-index:10;filter:drop-shadow(0 2px 6px #0003);font-size:28px;line-height:1;transition:opacity .3s;position:absolute;top:-10px;left:50%;transform:translate(-50%)}#wheelCanvas{box-shadow:var(--shadow-lg), 0 0 0 6px var(--bg-panel), 0 0 0 8px var(--border);border-radius:50%;max-width:100%;width:600px!important;height:600px!important}.winner-card{background:var(--bg-panel);width:100%;height:100%;box-shadow:var(--shadow-lg), 0 0 0 6px var(--bg-panel), 0 0 0 8px var(--border);opacity:0;pointer-events:none;z-index:10;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;transition:opacity .4s,transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:0;left:0;transform:scale(.1)}.winner-card.visible{opacity:1;pointer-events:all;transform:scale(1)}.winner-card-msg{font-family:var(--font-display);color:var(--text-secondary);font-size:22px;font-weight:700}.winner-card-name{font-family:var(--font-display);color:var(--accent);word-break:break-word;text-shadow:0 2px 8px #00000014;font-size:52px;font-weight:700;line-height:1.1}.winner-card-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.theme-dark .winner-card{border:2px solid var(--border);background:#1a2030}.theme-dark .winner-card-name{color:var(--accent);text-shadow:0 0 20px #2dd4bf4d}.theme-dark .winner-card-msg{color:#a0aec0}.panel-right{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);height:fit-content;padding:20px;position:sticky;top:89px}.history-list{flex-direction:column;gap:8px;max-height:420px;margin:8px 0;list-style:none;display:flex;overflow-y:auto}.history-list li{background:var(--history-item);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.history-list li:before{content:"🎯";flex-shrink:0;font-size:12px}.history-empty{font-style:italic;color:var(--text-muted)!important;background:0 0!important}.history-empty:before{display:none!important}.embed-desc{color:var(--text-secondary);font-size:13px}.embed-code{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:80px;color:var(--text-secondary);resize:none;padding:10px 12px;font-family:monospace;font-size:11px}#confettiCanvas{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;top:0;left:0}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:440px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{background:var(--bg-panel-alt);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.theme-dark .name-textarea,.theme-dark .text-input,.theme-dark .embed-code{color:#e8edf5;background:#1a2030;border-color:#2a3548}.theme-dark .name-textarea::placeholder{color:#4a5568}.theme-dark .history-empty{color:#4a6080!important}.theme-dark .entry-meta{color:#a0aec0}.theme-default .panel-block,.theme-default .panel-right{-webkit-backdrop-filter:blur(8px);background:#ffffffd1}.theme-default .header-outer{-webkit-backdrop-filter:blur(10px);background:#ffffffd9}@media (width<=900px){.app-layout{grid-template-columns:1fr;gap:16px;padding:16px}.panel-right{order:3;position:static}.panel-left{order:2}.panel-center{order:1}#wheelCanvas{width:320px!important;height:320px!important}.btn-spin{padding:14px 48px;font-size:17px}}@media (width<=500px){.header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.header-actions{justify-content:space-between;width:100%}.header-btn{flex:1;justify-content:center;padding:8px 10px;font-size:13px}.theme-toggle{flex-shrink:0}#wheelCanvas{width:280px!important;height:280px!important}.logo{font-size:22px}}