.streaming-tool{--st-bg:#0f0f0f;--st-card:#1a1a1a;--st-card-alt:#242424;--st-hover:#2a2a2a;--st-input:#333;--st-input-disabled:#222;--st-text:#fff;--st-text-sub:#ccc;--st-text-muted:#888;--st-border:#ffffff1a;--st-border-active:#00ffa34d;--st-accent:#00ffa3;--st-accent-dim:#00ffa31a;--st-danger:#ff4d4d;--st-danger-light:#ffcccb;--st-warning:gold;--st-warning-alt:#ff9800;--st-super-gradient:linear-gradient(45deg,gold,orange);--st-info:#4d79ff;--st-border-light:#444;--st-border-medium:#555;--st-border-dark:#333;--st-text-hint:#666;--st-disabled-bg:#555;--st-notice:#ffeb3b;--st-cho:#c62828;--st-cho-light:#e53935;--st-cho-text:#ff5252;--st-han:#1565c0;--st-han-light:#1e88e5;--st-han-text:#42a5f5;--st-win-green:#6db33f;--st-win-red:#e05252;--st-connected:#22c55e;--st-super-subscriber:#0cf;--st-vote-gradient:linear-gradient(90deg,#00ffa3,#00cc82);--st-subtle-bg:#ffffff0f;--st-subtle-border:#ffffff14;--st-overlay-bg:#000000d9}.st-card{background-color:var(--st-card);border-radius:15px;padding:20px}.st-btn-start{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4d79ff,#00c6ff);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1.2em;font-weight:700;display:flex;box-shadow:0 4px 15px #4d79ff66}.st-btn-stop{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff4d4d,#f96);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1.2em;font-weight:700;display:flex;box-shadow:0 4px 15px #ff4d4d66}.st-btn-reset{color:var(--st-accent);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1.2em;font-weight:700;display:flex}.st-pulse{animation:1s infinite pulse}.st-btn-sm{padding:8px 15px;font-size:1em}.st-btn-sm-fixed{flex:none;padding:8px 15px;font-size:1em}.st-btn-sm-wide{flex:none;padding:8px 48px;font-size:1em}.st-btn-danger{color:var(--st-danger);cursor:pointer;background:0 0;border:none}.st-btn-draw{border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1.2em;font-weight:700;display:flex}.st-input{background:var(--st-input);color:var(--st-text);border:1px solid #444;border-radius:5px;padding:8px}.st-input:disabled{background:var(--st-input-disabled)}.st-timer-display{color:var(--st-accent);text-align:center;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:3em;font-weight:700}.st-status-badge{border-radius:20px;padding:4px 12px;font-size:.8em;font-weight:700;display:inline-block}.st-status-badge.voting{color:#4d79ff;background:#4d79ff33;border:1px solid #4d79ff66}.st-status-badge.ended{color:var(--st-accent);border:1px solid var(--st-border-active);background:#00ffa31a}.st-status-badge.setup{color:var(--st-text-muted);background:#88888826;border:1px solid #8888884d}.chat-message{contain:layout style;background:0 0;transition:background-color .15s}.chat-message:hover{background:#ffffff0a}.chat-donation{contain:layout style;background:linear-gradient(135deg,#5b4fe3 0%,#7c3aed 50%,#6366f1 100%);border:1px solid #a78bfa40;box-shadow:0 4px 16px #5b4fe34d,inset 0 1px #ffffff1a}.chat-donation-amount{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff1a;font-size:.9em}.chat-scroll-area{scrollbar-width:thin;scrollbar-color:#555 transparent}.chat-scroll-area::-webkit-scrollbar{width:6px}.chat-scroll-area::-webkit-scrollbar-track{background:0 0}.chat-scroll-area::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.chat-scroll-area::-webkit-scrollbar-thumb:hover{background:#777}.participant-scroll{scrollbar-width:thin;scrollbar-color:#555 transparent}.participant-scroll::-webkit-scrollbar{width:6px}.participant-scroll::-webkit-scrollbar-track{background:0 0}.participant-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.participant-scroll::-webkit-scrollbar-thumb:hover{background:#777}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:none;border-color:#0000}50%{border-color:#00ffa3;box-shadow:0 0 20px #00ffa3b3,0 0 40px #00ffa366}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px;overflow:hidden}}.st-slide-down{animation:.5s forwards slideDown}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes boardAppear{0%{opacity:0;transform:scale(.85)translateY(30px)}60%{opacity:1;transform:scale(1.02)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.chip-enter{animation:.25s ease-out both chipEnter}@keyframes chipEnter{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.streaming-tool button:focus-visible,.streaming-tool select:focus-visible,.streaming-tool input:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.st-btn-start:hover,.st-btn-stop:hover{filter:brightness(1.15)}.st-btn-reset:hover{background:#ffffff26}.st-btn-danger:hover{opacity:.8}.st-btn-draw:hover{filter:brightness(1.1)}.spin-icon{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lottery-draw-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,gold,#ff8c00);border:3px solid #fffc;border-radius:50%;width:90px;height:90px;font-size:20px;font-weight:800;transition:transform .15s;animation:1.5s ease-in-out infinite lottery-draw-pulse;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #ffa50099,inset 0 1px 2px #fff6}.lottery-draw-btn:hover{transform:translate(-50%)scale(1.1)}.lottery-draw-btn:active{transform:translate(-50%)scale(.95)}@keyframes lottery-draw-pulse{0%,to{box-shadow:0 4px 20px #ffa50099}50%{box-shadow:0 4px 35px #ffa500e6,0 0 15px #ffd70066}}.st-input-inline{background:var(--st-input);border:1px solid var(--st-border-medium);color:var(--st-text);border-radius:6px;padding:4px 8px;font-size:.9em}.st-input-inline:disabled{background:var(--st-input-disabled);cursor:not-allowed}.st-toast{z-index:3000;white-space:nowrap;border-radius:12px;padding:10px 20px;font-weight:700;animation:.3s fadeIn;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.st-modal-overlay{z-index:4000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:contain;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.st-modal-card{background:var(--st-card);border:1px solid var(--st-border);text-align:center;border-radius:20px;width:90%;max-width:400px;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 10px 30px #00000080}.st-fade-in{animation:.3s fadeIn}@media (prefers-reduced-motion:reduce){.streaming-tool *,.streaming-tool :before,.streaming-tool :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}