*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#05070e;color:#f8fafc}.show-page{position:relative;background:#000;display:flex;justify-content:center;align-items:center}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}body.tiktok-vertical-mode{background:#020408}body.tiktok-vertical-mode #canvas-container{width:min(450px,98vw);height:min(800px,96vh);aspect-ratio:9 / 16;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 0 60px #ec489973,0 0 0 3px #1e293b}#show-hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px}body.tiktok-vertical-mode #show-hud{width:min(450px,98vw);height:min(800px,96vh);left:50%;transform:translate(-50%);padding:12px}@media(max-width:600px),(orientation:portrait){#canvas-container,body.tiktok-vertical-mode #canvas-container{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;box-shadow:none!important;position:absolute!important;top:0!important;left:0!important}#show-hud,body.tiktok-vertical-mode #show-hud{width:100vw!important;height:100vh!important;left:0!important;transform:none!important;padding:10px!important}}.show-header{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.concert-badge{display:flex;align-items:center;gap:6px;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:4px 10px;backdrop-filter:blur(8px)}.pulse-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444;animation:pulse-red 1.2s infinite alternate}@keyframes pulse-red{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.2);opacity:1}}.live-tag{font-size:8.5px;font-weight:900;letter-spacing:1px;color:#ef4444}.singer-tag{font-size:10px;font-weight:800;color:#00f0ff;letter-spacing:.3px;border-left:1px solid rgba(255,255,255,.2);padding-left:7px}.header-actions{display:flex;gap:5px}body.clean-stream-mode .header-actions{display:none!important}.btn-hud{background:#0f172ad9;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 9px;border-radius:14px;font-size:10px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.btn-hud:hover{background:#1e293bf2;border-color:#00f0ff;transform:translateY(-1px)}.admin-link{background:#2563eb;border-color:#3b82f6}.mission-instructions-banner{align-self:center;display:inline-flex;align-items:center;gap:8px;background:#0f172ae0;border:1px solid rgba(250,204,21,.45);border-radius:18px;padding:4px 12px;box-shadow:0 4px 18px #00000080,0 0 10px #facc1533;margin-top:3px;margin-bottom:2px;backdrop-filter:blur(8px);max-width:92%;transition:all .3s ease;z-index:50}.mission-pill{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.5px;padding:2px 7px;border-radius:10px;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mission-text{font-size:9px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}body.tiktok-vertical-mode .mission-instructions-banner{padding:2.5px 8px;gap:5px;margin-top:2px;max-width:95%}body.tiktok-vertical-mode .mission-pill{font-size:7.2px;padding:1.5px 5px}body.tiktok-vertical-mode .mission-text{font-size:7.8px}.energy-bar-container{align-self:center;width:90%;max-width:480px;background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px 14px;display:flex;flex-direction:column;gap:5px;backdrop-filter:blur(6px)}body.tiktok-vertical-mode .energy-bar-container{align-self:flex-end;width:135px;padding:4px 8px;border-radius:10px;margin-top:4px}body.tiktok-vertical-mode .energy-label{font-size:8px;letter-spacing:1px}body.tiktok-vertical-mode .energy-track{height:6px}.energy-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#ec4899;text-align:center}.energy-track{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,#ec4899,#facc15,#00f0ff);box-shadow:0 0 12px #ec4899;border-radius:4px;transition:width .3s ease}.gift-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899f2,#a855f7f2);border:2px solid #ffffff;color:#fff;padding:10px 24px;border-radius:30px;font-size:15px;font-weight:800;box-shadow:0 10px 30px #ec489999;display:flex;align-items:center;gap:10px;animation:gift-pop .4s cubic-bezier(.16,1,.3,1);pointer-events:none}@keyframes gift-pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.welcome-toast-pill{position:absolute;top:96px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a855f7f2,#4f46e5f2);border:1.5px solid rgba(255,255,255,.35);color:#fff;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #a855f780;display:flex;align-items:center;gap:8px;animation:welcome-pop .35s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:60;white-space:nowrap}body.tiktok-vertical-mode .welcome-toast-pill{top:76px;font-size:9px;padding:4px 12px}.audience-cta-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0f172ae0;border:1px solid rgba(168,85,247,.45);border-radius:20px;padding:3px 12px;font-size:8.5px;color:#e2e8f0;backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;box-shadow:0 4px 15px #00000073;z-index:40}.audience-cta-bar strong{color:#facc15}body.tiktok-vertical-mode .audience-cta-bar{bottom:5px;font-size:6.8px;padding:2px 7px;max-width:92%;overflow:hidden;text-overflow:ellipsis}.welcome-toast-pill strong{color:#facc15}.welcome-toast-pill em{color:#67e8f9;font-style:normal}@keyframes welcome-pop{0%{transform:translate(-50%) translateY(-10px) scale(.85);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.subtitles-banner{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:min(420px,86vw);max-width:420px;background:#080c18eb;border:1.5px solid rgba(245,158,11,.7);border-radius:9999px;padding:6px 16px;color:#fff;font-size:14.5px;line-height:1.3;font-weight:800;text-align:center;box-shadow:0 8px 24px #000c,0 0 14px #f59e0b40;backdrop-filter:blur(10px);z-index:25;pointer-events:none;min-height:36px;max-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;will-change:transform,opacity;backface-visibility:hidden;animation:pop-subtitle .2s cubic-bezier(.175,.885,.32,1.275)}body.tiktok-vertical-mode .subtitles-banner{bottom:58px;width:min(360px,86vw);max-width:360px;font-size:13.5px;padding:5px 14px}.subtitles-banner.is-punchline{border-color:#f59e0b;background:#161002f5;color:#facc15;box-shadow:0 8px 30px #f59e0b66,0 0 20px #f59e0b4d;transform:translate(-50%) scale(1.03)}.subtitles-banner .sub-icon{font-size:17px;flex-shrink:0}.subtitles-banner .sub-text{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px;word-break:break-word}@keyframes pop-subtitle{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.minigame-overlay{position:absolute;top:70px;left:0;width:100%;display:flex;justify-content:center;align-items:flex-start;background:transparent;backdrop-filter:none;pointer-events:none;z-index:20}.minigame-card{background:#0f172af2;border:2px solid #ec4899;border-radius:20px;padding:14px 24px;text-align:center;max-width:440px;box-shadow:0 10px 30px #ec489966;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.minigame-badge{background:#ec4899;color:#fff;font-size:11px;font-weight:900;letter-spacing:2px;padding:4px 14px;border-radius:12px}.minigame-title{font-size:22px;font-weight:900;color:#fff}.minigame-number{font-size:72px;font-weight:900;color:#facc15;text-shadow:0 0 30px #facc15;line-height:1}.minigame-rules{font-size:13px;color:#94a3b8}.minigame-rules strong{color:#00f0ff}.btn-audio-unlock{align-self:center;pointer-events:auto;background:linear-gradient(135deg,#00f0ff,#3b82f6);color:#05070e;border:none;padding:14px 28px;border-radius:30px;font-size:14px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 8px 30px #00f0ff80;margin-bottom:24px;animation:pulse-warn 1.5s infinite alternate}@keyframes pulse-warn{0%{transform:scale(1)}to{transform:scale(1.05)}}.hidden{display:none!important}.admin-page{overflow-y:auto;background:#090d16;padding:24px}.admin-container{max-width:1380px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:16px 24px}.admin-title-box h1{font-size:24px;font-weight:900;letter-spacing:1px}.admin-title-box .highlight{color:#ec4899}.admin-sub{font-size:11px;font-weight:700;letter-spacing:2px;color:#64748b}.admin-header-right{display:flex;align-items:center;gap:16px}.status-badge{font-size:12px;font-weight:800;color:#eab308;background:#eab3081f;padding:6px 14px;border-radius:20px;border:1px solid rgba(234,179,8,.3)}.status-badge.connected{color:#22c55e;background:#22c55e1f;border-color:#22c55e4d}.btn-open-show{background:#2563eb;color:#fff;text-decoration:none;font-size:13px;font-weight:800;padding:8px 16px;border-radius:12px;transition:all .2s ease}.btn-open-show:hover{background:#1d4ed8}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.admin-card{background:#0f172a;border:1px solid #1e293b;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}.card-title{font-size:17px;font-weight:900;color:#f8fafc;display:flex;align-items:center;gap:8px}.card-desc{font-size:12px;color:#94a3b8;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:12px}.flex-1{flex:1}.flex-2{flex:2}.mt-3{margin-top:12px}.mt-4{margin-top:18px}label{font-size:12px;font-weight:700;color:#cbd5e1}input[type=text],select,textarea{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:border-color .2s ease;font-family:inherit}input[type=text]:focus,select:focus,textarea:focus{border-color:#00f0ff}input[type=color]{background:#1e293b;border:1px solid #334155;border-radius:10px;height:42px;width:100%;cursor:pointer;padding:2px}.input-hint{font-size:11px;color:#64748b;line-height:1.3}.label-with-counter{display:flex;justify-content:space-between}.counter{font-size:11px;color:#94a3b8;font-weight:700}.radio-toggle-group{display:flex;flex-direction:column;gap:8px}.radio-chip{display:flex;align-items:center;gap:8px;background:#1e293b;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600}.options-box{background:#1e293b;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.song-action-buttons{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:10px}.btn-action{border:none;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-action.preview{background:#334155;color:#fff}.btn-action.start{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;box-shadow:0 4px 15px #ec489966}.btn-action.stop{background:#ef4444;color:#fff}.btn-action:hover{transform:translateY(-2px)}.history-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:6px}.history-item{background:#1e293b;padding:8px 12px;border-radius:8px;font-size:12px;color:#cbd5e1;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:#334155;color:#00f0ff}.button-group{display:flex;flex-wrap:wrap;gap:8px}.btn-camera{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-camera.active,.btn-camera:hover{background:#2563eb;border-color:#3b82f6;color:#fff}.action-buttons-stack{display:flex;flex-direction:column;gap:10px}.btn-special{border:none;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:900;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.btn-special.minigame{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 4px 15px #f59e0b59}.btn-special.confetti{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 4px 15px #06b6d459}.btn-special:hover{transform:translateY(-2px)}.tiktok-sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-sim{background:#1e293b;border:1px solid #334155;color:#f8fafc;padding:12px 8px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease}.btn-sim span{font-size:20px}.btn-sim:hover{background:#334155;border-color:#00f0ff;transform:translateY(-2px)}.btn-sim.highlight{border-color:#ec4899;background:#ec489926}.btn-sim.gift{border-color:#f59e0b;background:#f59e0b26}.profile-buttons-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-profile{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:10px 8px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .2s ease}.btn-profile strong{font-size:13px;color:#f8fafc}.btn-profile span{font-size:10px}.btn-profile.active{background:#22c55e26;border-color:#22c55e}.btn-profile.active strong{color:#22c55e}.tap-milestones-card{align-self:center;width:90%;max-width:480px;background:#0f172ae0;border:1px solid rgba(244,63,94,.4);box-shadow:0 4px 20px #f43f5e40;border-radius:16px;padding:10px 16px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(8px);margin-top:6px}.tap-header{display:flex;justify-content:space-between;align-items:center}.tap-icon{font-size:16px;animation:pulse-red 1s infinite alternate}.tap-value{font-size:16px;font-weight:900;letter-spacing:1px;color:#f43f5e;text-shadow:0 0 10px rgba(244,63,94,.6)}.tap-progress-track{width:100%;height:9px;background:#ffffff1a;border-radius:5px;overflow:hidden}.tap-progress-fill{height:100%;background:linear-gradient(90deg,#f43f5e,#f59e0b,#00f0ff);box-shadow:0 0 14px #f43f5ecc;border-radius:5px;transition:width .25s ease-out}.tap-next-info{font-size:11px;color:#94a3b8;text-align:center}.tap-next-info strong{color:#00f0ff}.milestone-splash-overlay{position:absolute;top:66px;left:50%;transform:translate(-50%);width:auto;max-width:90%;z-index:35;display:flex;justify-content:center;align-items:center;background:transparent;pointer-events:none;animation:splash-slide-down .35s cubic-bezier(.16,1,.3,1)}@keyframes splash-slide-down{0%{opacity:0;transform:translate(-50%,-20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.milestone-splash-card{background:linear-gradient(135deg,#0f172af5,#1e293bf5);border:2px solid #f43f5e;box-shadow:0 8px 32px #f43f5e80,inset 0 0 16px #f43f5e26;border-radius:9999px;padding:8px 20px;text-align:left;display:flex;flex-direction:row;align-items:center;gap:12px}.splash-icon{font-size:28px;line-height:1}.splash-texts{display:flex;flex-direction:column;gap:2px}.splash-badge{background:#f43f5e;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.5px;padding:2px 8px;border-radius:12px;align-self:flex-start}.splash-name{font-size:14px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 0 10px #f43f5e;white-space:nowrap}.splash-queue-badge{background:#0ea5e940;border:1px solid #00f0ff;color:#00f0ff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:9999px;white-space:nowrap}.tap-status-box{display:flex;gap:12px;background:#1e293b;border-radius:14px;padding:12px}.tap-metric{flex:1;display:flex;flex-direction:column;align-items:center}.metric-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#94a3b8}.metric-number{font-size:24px;font-weight:900;color:#f43f5e}.metric-number.subtle{color:#00f0ff}.toggle-control{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700}.btn-subtle{background:#334155;border:none;color:#cbd5e1;font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-subtle:hover{background:#475569;color:#fff}.subcard-title{font-size:13px;font-weight:800;color:#cbd5e1}.tap-sim-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn-tap-sim{background:#1e293b;border:1px solid #334155;color:#fff;font-size:12px;font-weight:800;padding:8px 4px;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-tap-sim:hover{transform:translateY(-2px);border-color:#f43f5e}.btn-tap-sim.highlight{background:#f43f5e33;border-color:#f43f5e;color:#f43f5e}.btn-tap-sim.super{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.effects-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-effect-test{background:#1e293b;border:1px solid #334155;color:#cbd5e1;font-size:11px;font-weight:700;padding:8px 6px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-effect-test:hover{border-color:#00f0ff;color:#fff;transform:translateY(-1px)}.btn-effect-test.highlight{border-color:#ec4899;color:#ec4899}.thresholds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.threshold-input-group{display:flex;flex-direction:column;gap:4px}.threshold-input-group label{font-size:10px}.threshold-input-group input{padding:6px 8px;font-size:12px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#fff}.mt-2{margin-top:8px}.mouse-tomato-pill{align-self:center;background:#0f172abf;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;backdrop-filter:blur(4px);pointer-events:none;margin-top:4px;animation:pulse-warn 2s infinite alternate;display:flex;align-items:center;gap:6px}.jokes-side-panel{position:absolute;top:50px;width:126px;max-height:200px;background:#0a0f1deb;border-radius:10px;padding:5px 4px;backdrop-filter:blur(12px);box-shadow:0 8px 24px #000000a6;pointer-events:auto;z-index:15;display:flex;flex-direction:column;gap:4px;overflow:hidden}.vip-side{left:10px;border:1px solid rgba(245,158,11,.45);box-shadow:0 0 16px #f59e0b26,0 8px 20px #0009}.free-side{right:10px;border:1px solid rgba(236,72,153,.45);box-shadow:0 0 16px #ec489926,0 8px 20px #0009}.jokes-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.vip-header .panel-badge{font-size:7.5px;font-weight:900;color:#f59e0b;letter-spacing:.5px}.free-header .panel-badge{font-size:7.5px;font-weight:900;color:#ec4899;letter-spacing:.5px}.panel-title{font-size:6.8px;font-weight:800;color:#94a3b8;letter-spacing:.2px}.jokes-scroll-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;overflow-x:hidden;max-height:165px;padding-right:1.5px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.jokes-scroll-list::-webkit-scrollbar{width:3px}.jokes-scroll-list::-webkit-scrollbar-track{background:transparent}.jokes-scroll-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.vip-side .jokes-scroll-list::-webkit-scrollbar-thumb{background:#f59e0b73}.free-side .jokes-scroll-list::-webkit-scrollbar-thumb{background:#ec489973}.joke-card-item{display:flex;flex-direction:column;gap:1px;background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 5px;color:#f8fafc;cursor:pointer;text-align:left;transition:all .15s ease;outline:none;width:100%}.joke-card-item:hover{background:#334155f2;transform:translateY(-1px)}.joke-card-item.vip-item{border-left:2.5px solid #f59e0b}.joke-card-item.vip-item:hover{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.joke-card-item.free-item{border-left:2.5px solid #ec4899}.joke-card-item.free-item:hover{border-color:#ec4899;box-shadow:0 0 8px #ec489966}.joke-card-item.active-target{background:#ec489940!important;border:1.5px solid #ec4899!important;box-shadow:0 0 10px #ec489999!important;transform:scale(1.01)}.joke-card-top{display:flex;align-items:center;gap:4px}.joke-card-icon{font-size:10px;line-height:1;flex-shrink:0}.joke-card-title{font-size:7.2px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px;line-height:1.2}.joke-card-meta{font-size:6.4px;color:#94a3b8;display:flex;justify-content:space-between;align-items:center;line-height:1.1}.joke-card-meta strong{color:#f59e0b}.joke-card-item.free-item .joke-card-meta strong{color:#ec4899}.joke-progress-track{width:100%;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden;margin-top:1px}.joke-progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f43f5e);border-radius:2px;transition:width .2s ease}.queue-status-chip{display:flex;align-items:center;gap:5px;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);padding:3px 8px;border-radius:14px;font-size:8.5px;font-weight:800;backdrop-filter:blur(8px);max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.queue-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;flex-shrink:0}#queue-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-mini-badge{background:#f59e0b;color:#000;padding:1px 5px;border-radius:8px;font-size:7.5px;font-weight:900;flex-shrink:0}body.tiktok-vertical-mode .show-header{height:32px;gap:4px}body.tiktok-vertical-mode .concert-badge{padding:2.5px 6px!important;gap:4px!important;flex-shrink:0}body.tiktok-vertical-mode .live-tag{font-size:7px!important}body.tiktok-vertical-mode .singer-tag{font-size:8px!important;padding-left:5px!important}body.tiktok-vertical-mode .queue-status-chip{max-width:100px!important;font-size:7.2px!important;padding:2px 6px!important;height:22px!important;white-space:nowrap!important;overflow:hidden!important;flex-shrink:1}body.tiktok-vertical-mode .btn-hud{padding:2.5px 5.5px!important;font-size:8px!important}body.tiktok-vertical-mode .jokes-side-panel{top:42px!important;width:112px!important;max-height:200px!important;padding:4px 3px!important}body.tiktok-vertical-mode .jokes-scroll-list{max-height:165px!important}body.tiktok-vertical-mode .vip-side{left:6px}body.tiktok-vertical-mode .free-side{right:6px}body.tiktok-vertical-mode .joke-card-title{font-size:6.8px}body.tiktok-vertical-mode .joke-card-meta{font-size:6px}.btn-hud-muted{background:#ef444438!important;border-color:#ef444473!important;color:#fca5a5!important}@media(max-width:600px),(orientation:portrait){.jokes-side-panel{top:46px!important;width:112px!important;max-height:185px!important;padding:4px 3px!important}.jokes-scroll-list{max-height:150px!important}.vip-side{left:4px!important}.free-side{right:4px!important}.concert-badge{padding:2.5px 6px!important;gap:4px!important}.live-tag{font-size:7.5px!important}.singer-tag{font-size:8.5px!important;padding-left:5px!important}.queue-status-chip{max-width:110px!important;font-size:7.5px!important;padding:2.5px 6px!important}.btn-hud{padding:3px 6px!important;font-size:8.5px!important}}.tiktok-connect-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px 16px;margin-top:10px}.tiktok-input-row{display:flex;gap:8px;margin-top:6px}.tiktok-input-row input{flex:1;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;padding:8px 12px;font-size:13px;font-weight:700}.btn-connect-tiktok{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-connect-tiktok:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e66}.tiktok-status-pill{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:700;color:#4ade80;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:6px 12px;border-radius:20px}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-red 1.2s infinite alternate}.floating-tiktok-heart{position:fixed;font-size:32px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);animation:float-tiktok-heart .95s cubic-bezier(.25,1,.5,1) forwards;filter:drop-shadow(0 4px 12px rgba(244,63,94,.75))}@keyframes float-tiktok-heart{0%{opacity:.9;transform:translate(-50%,-50%) scale(.7) rotate(0)}30%{opacity:1;transform:translate(-50%,-60px) scale(1.2) rotate(-8deg)}70%{opacity:.85;transform:translate(calc(-50% + 15px),-130px) scale(1.1) rotate(6deg)}to{opacity:0;transform:translate(calc(-50% - 10px),-210px) scale(.9) rotate(-10deg)}}.card-header-row{display:flex;justify-content:space-between;align-items:center}.pro-tag{background:linear-gradient(135deg,#10b981,#06b6d4);color:#05070e;font-size:10px;font-weight:900;letter-spacing:1px;padding:3px 8px;border-radius:8px}.fl-upload-zone{margin-top:12px}.visually-hidden-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}.fl-upload-zone.dragover .btn-upload-fl{border-color:#00f0ff;background:linear-gradient(135deg,#0284c7,#10b981);transform:scale(1.02)}.btn-upload-fl{width:100%;background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;border:1px dashed rgba(255,255,255,.4);padding:14px 18px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-upload-fl:hover{background:linear-gradient(135deg,#0284c7,#2563eb);transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e966}.fl-playlist-box{background:#090d16;border:1px solid #1e293b;border-radius:12px;padding:12px}.playlist-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#94a3b8;letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #1e293b}.fl-tracks-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.fl-track-item{display:flex;justify-content:space-between;align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:8px 12px;transition:all .2s ease}.fl-track-item:hover{border-color:#00f0ff;background:#1e293b}.fl-track-item.active{border-color:#10b981;background:#10b98126}.fl-track-details{display:flex;align-items:center;gap:10px;overflow:hidden}.fl-track-icon{font-size:18px}.fl-track-texts{display:flex;flex-direction:column}.fl-track-name{font-size:13px;font-weight:800;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.fl-track-meta{font-size:10px;color:#64748b}.fl-track-actions{display:flex;gap:6px}.btn-play-fl{background:#10b981;color:#05070e;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-play-fl:hover{background:#34d399;transform:translateY(-1px)}.fl-track-item.active .btn-play-fl{background:#00f0ff}.btn-delete-fl{background:transparent;border:1px solid #334155;color:#ef4444;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px}.btn-delete-fl:hover{background:#ef444433;border-color:#ef4444}.now-playing-banner{display:flex;align-items:center;gap:10px;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:8px 12px}.now-playing-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-red 1s infinite alternate}.now-playing-info{display:flex;flex-direction:column}.now-playing-label{font-size:9px;font-weight:800;color:#64748b;letter-spacing:1px}#fl-current-title{font-size:13px;color:#00f0ff}.mode-tabs-container{display:flex;gap:8px;background:#090d16;padding:4px;border-radius:12px;border:1px solid #1e293b;margin-bottom:12px}.mode-tab-btn{flex:1;background:transparent;color:#94a3b8;border:none;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s ease}.mode-tab-btn:hover{color:#fff;background:#ffffff0d}.mode-tab-btn.active{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;box-shadow:0 4px 12px #0ea5e959}.pro-tag.comedy{background:#f59e0b;color:#000}.btn-action.launch-joke{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 4px 18px #f59e0b66;padding:14px;border-radius:12px;width:100%;cursor:pointer;margin-top:8px;transition:all .2s ease}.btn-action.launch-joke:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b99}.comedy-soundboard-box{background:#090d16;border:1px solid #1e293b;border-radius:12px;padding:12px}.soundboard-title{font-size:10px;font-weight:900;color:#f59e0b;letter-spacing:1px}.btn-sfx{background:#1e293b;border:1px solid rgba(255,255,255,.08);color:#f8fafc;padding:10px 8px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-sfx:hover{background:#334155;border-color:#f59e0b;transform:scale(1.02)}.btn-sfx:active{transform:scale(.96);background:#f59e0b;color:#000}.btn-comedy-upload{background:linear-gradient(135deg,#d97706,#b45309)}.vip-voice-notes-box{background:#090d16;border:1px solid rgba(245,158,11,.35);box-shadow:0 4px 20px #f59e0b1f;border-radius:12px;padding:12px}.badge-vip-pill{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 8px;border-radius:10px}.card-desc-sm{font-size:11px;color:#94a3b8;line-height:1.4;margin-top:4px}.voice-entry-row{display:flex;gap:8px}.input-sm,.select-sm{background:#1e293b;border:1px solid #334155;color:#fff;padding:6px 10px;border-radius:8px;font-size:11.5px;outline:none}.input-sm{flex:1}.voice-file-actions{display:flex;gap:8px}.btn-sm-action{flex:1;background:#1e293b;border:1px solid #334155;color:#f1f5f9;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.btn-sm-action:hover{background:#334155;border-color:#00f0ff}.btn-sm-action.record{border-color:#ef444480;color:#f87171}.btn-sm-action.record:hover{background:#ef444433}.btn-sm-action.recording-active{background:#ef4444!important;color:#fff!important;animation:pulse-red .8s infinite alternate}.sub-header{font-size:10.5px;font-weight:800;color:#cbd5e1;display:block}.vip-voice-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.vip-voice-item{display:flex;align-items:center;justify-content:space-between;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:8px 10px;gap:8px}.vip-voice-info{display:flex;flex-direction:column;gap:2px;line-height:1.2}.vip-voice-user{font-size:12px;font-weight:800;color:#facc15}.vip-voice-gift{font-size:10px;color:#94a3b8}.vip-voice-btns{display:flex;gap:5px}.btn-voice-preview{background:#0284c7;color:#fff;border:none;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer}.btn-voice-preview:hover{background:#0369a1}.btn-voice-broadcast{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 2px 8px #10b98159}.btn-voice-broadcast:hover{transform:translateY(-1px);background:linear-gradient(135deg,#059669,#047857)}.btn-voice-delete{background:transparent;border:1px solid #475569;color:#94a3b8;padding:5px 8px;border-radius:6px;font-size:10px;cursor:pointer}.btn-voice-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-comedy-upload:hover{background:linear-gradient(135deg,#b45309,#92400e)}.input-label-sm{font-size:11px;color:#94a3b8;display:block;margin-bottom:6px}.search-mini-input{background:#1e293b!important;border:1px solid #3b82f6!important;font-size:12px!important;padding:7px 10px!important;border-radius:8px!important;color:#fff!important;margin-bottom:4px}.search-mini-input:focus{border-color:#00f0ff!important;box-shadow:0 0 10px #00f0ff40}.custom-gift-toggle-row{display:flex;justify-content:flex-end;margin-top:2px}.btn-text-action{background:transparent;border:none;color:#38bdf8;font-size:11px;font-weight:700;cursor:pointer;padding:3px 6px;text-decoration:underline;transition:color .15s ease}.btn-text-action:hover{color:#7dd3fc}.soundboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.btn-soundboard{background:#1e293b;border:1px solid #334155;color:#f8fafc;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-soundboard:hover{background:#334155;border-color:#00f0ff;transform:translateY(-1px)}.btn-soundboard.highlight-gold{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.btn-soundboard.highlight-gold:hover{background:#f59e0b4d;border-color:#f59e0b}.btn-soundboard.highlight-blue{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.btn-soundboard.highlight-blue:hover{background:#38bdf84d;border-color:#38bdf8}.btn-soundboard.highlight-red{background:#ef444426;border-color:#ef444466;color:#f87171}.btn-soundboard.highlight-red:hover{background:#ef44444d;border-color:#ef4444}.joke-editor-form{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-top:10px}.form-actions-row{display:flex;gap:10px;margin-top:4px}.btn-save-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #10b98159;transition:all .2s ease}.btn-save-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98173}.btn-secondary{background:#334155;color:#cbd5e1;border:none;padding:10px 14px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer}.subtabs-header{display:flex;gap:6px;border-bottom:1px solid #1e293b;padding-bottom:6px;margin-bottom:10px}.subtab-btn{background:transparent;border:1px solid transparent;color:#94a3b8;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.subtab-btn.active{background:#1e293b;color:#fff;border-color:#334155}.subtab-content{display:none}.subtab-content.active{display:block}.admin-jokes-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.admin-joke-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-joke-info{display:flex;flex-direction:column;gap:3px;flex:1;overflow:hidden}.admin-joke-title{font-size:13px;font-weight:800;color:#fff}.admin-joke-cue{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-joke-tag{font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;display:inline-block;align-self:flex-start}.tag-vip{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.tag-free{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.4)}.admin-joke-actions{display:flex;gap:6px;flex-shrink:0}.btn-joke-test{background:#0284c7;color:#fff;border:none;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;transition:background .15s ease}.btn-joke-test:hover{background:#0369a1}.btn-joke-edit{background:#f59e0b;color:#0f172a;border:none;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:3px}.btn-joke-edit:hover{background:#d97706;color:#fff;transform:translateY(-1px)}.form-editing-mode{border:2px solid #f59e0b!important;box-shadow:0 0 25px #f59e0b66!important;border-radius:14px;padding:14px;background:#f59e0b0d!important;transition:all .25s ease}.btn-joke-del{background:transparent;border:1px solid #475569;color:#94a3b8;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:11px}.btn-joke-del:hover{background:#ef4444;color:#fff;border-color:#ef4444}.now-playing-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1.5px solid #00f0ff;border-radius:12px;padding:12px 14px;box-shadow:0 4px 20px #00f0ff26}.now-playing-tag{font-size:10px;font-weight:900;letter-spacing:1px;color:#00f0ff;margin-bottom:4px}.active-title{font-size:15px;font-weight:800;color:#fff}.active-meta{font-size:12px;color:#94a3b8;margin-top:2px}.queues-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.queue-col{background:#0f172a;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.queue-col.vip-col{border:1px solid rgba(245,158,11,.35)}.queue-col.free-col{border:1px solid rgba(236,72,153,.35)}.queue-col-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#fff;border-bottom:1px solid #1e293b;padding-bottom:4px}.queue-preview-list{list-style:none;display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto;font-size:11px}.queue-preview-item{background:#1e293b;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;color:#cbd5e1}.simulator-box{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.sim-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-sim-gift{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.btn-sim-taps{background:linear-gradient(135deg,#db2777,#be185d);color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.btn-sim-tomato{background:#dc2626;color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.btn-sim-clear{background:#475569;color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}