@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&family=Outfit:wght@400;600;700;900&display=swap";:root{--text:#f5f7ff;--text-h:#f5f7ff;--bg:#03050c;--border:#ffffff1f;--code-bg:#1f2028;--accent:#5b7cff;--accent-bg:#5b7cff1a;--accent-border:#5b7cff80;--social-bg:#2f303a80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Cairo", sans-serif;--heading:"Cairo", sans-serif;--mono:"Cairo", sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html,body{text-align:right;direction:rtl;background:#03050c;width:100%;max-width:100%;height:100%;margin:0;padding:0;overflow-y:auto;overflow-x:hidden!important}html{overflow-y:scroll}code,pre,.mono,.num,input[type=number],input[type=date]{direction:ltr;unicode-bidi:plaintext}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.sidebar:hover::-webkit-scrollbar-thumb{background:#fff3}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{box-sizing:border-box;color:#f5f7ff;direction:rtl;background:radial-gradient(circle at 0 0,#172347 0%,#060816 55%,#03050c 100%);flex-direction:row;width:100%;height:100vh;max-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}select option{color:#f8fafc;background-color:#12182c}.status-bar{-webkit-backdrop-filter:blur(14px);background:#0f111abf;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #00000040}.status-bar:hover{border-color:#ffffff1f}.status-bar-left{align-items:center;gap:8px;display:flex}.server-status-pill{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;transition:all .2s;display:flex}.status-light{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.status-light.online{background:#22c55e;box-shadow:0 0 10px #22c55e99}.status-light.offline{background:#ef4444;box-shadow:0 0 10px #ef444499}.status-light.error{background:#f59e0b;box-shadow:0 0 10px #f59e0b99}.status-light.checking{background:#64748b}.status-light-dot{background:#fff;border-radius:50%;width:4px;height:4px}.status-light.online .status-light-dot{animation:2s ease-in-out infinite pulse-green}.status-light.offline .status-light-dot{animation:1s ease-in-out infinite pulse-red}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.status-text{color:#e2e8f0;font-size:.82rem;font-weight:600}.latency-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;padding:1px 6px;font-family:monospace;font-size:.72rem;font-weight:700}.reconnect-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#38bdf8);border:none;border-radius:10px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.reconnect-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.status-bar-tiktok{justify-content:center;align-items:center;display:flex}.tiktok-quick-connect{align-items:center;gap:8px;display:flex}.tiktok-input-wrapper{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;align-items:center;padding:3px 8px;transition:all .2s;display:flex}.tiktok-input-wrapper:focus-within{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.tiktok-at-prefix{color:#a855f7;margin-left:4px;font-size:.88rem;font-weight:700}.tiktok-input{color:#f8fafc;text-align:right;direction:ltr;background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:.82rem}.tiktok-input::placeholder{color:#64748b;font-size:.78rem}.tiktok-connect-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #7c3aed4d}.tiktok-connect-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed73}.tiktok-connect-btn:disabled{opacity:.5;cursor:not-allowed}.tiktok-connected-pill{background:#a855f71f;border:1px solid #a855f759;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;animation:.3s dashFadeIn;display:flex}.tiktok-avatar{object-fit:cover;border:1.5px solid #a855f7;border-radius:50%;flex-shrink:0;width:22px;height:22px}.tiktok-avatar-fallback{font-size:.85rem}.tiktok-connected-name{color:#f1f5f9;direction:ltr;font-size:.82rem;font-weight:700}.tiktok-live-badge{color:#f87171;letter-spacing:.5px;background:#ef444433;border:1px solid #ef444466;border-radius:6px;align-items:center;gap:4px;padding:1px 6px;font-size:.68rem;font-weight:800;display:inline-flex}.live-dot-pulse{background:#ef4444;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pingPulse}.tiktok-viewers-badge{color:#cbd5e1;background:#ffffff0f;border-radius:6px;padding:1px 6px;font-size:.75rem}.tiktok-disconnect-btn{cursor:pointer;color:#fca5a5;background:#ef444426;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:2px;font-size:.7rem;font-weight:700;transition:all .15s;display:flex}.tiktok-disconnect-btn:hover{color:#fff;background:#ef444459}.status-bar-right{align-items:center;display:flex}.user-profile-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.user-profile-pill:hover{color:#fff;background:#6366f126;border-color:#6366f159}.user-pill-avatar{font-size:.9rem}.hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;margin-bottom:16px;padding:24px 28px;box-shadow:0 22px 50px #00000052}.app-title{text-align:center;background:linear-gradient(135deg,#5b7cff,#3bb0ff,#8fc7ff);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;padding:8px 0 4px;font-size:2.2rem;font-weight:800;line-height:1.5;display:block}.stats-section{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:16px}.stats-grid{flex-wrap:wrap;gap:10px;display:flex}.stat-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:4px;min-width:120px;padding:10px 16px;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:20px}.toast{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:10px;max-width:400px;padding:12px 20px;font-size:.9rem;font-weight:600;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 10px 30px #0000004d}.toast.success{background:#2ecc71f2;border:1px solid #2ecc7180}.toast.error{background:#ff4757f2;border:1px solid #ff475780}.toast-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;display:flex}.toast-message{flex:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes copy-flash{0%{background:#2ecc71;transform:scale(1.15);box-shadow:0 0 12px #2ecc7199}30%{background:#2ecc71;transform:scale(1.05);box-shadow:0 0 8px #2ecc7166}to{box-shadow:none;background:#ffffff14;transform:scale(1)}}.obs-dock-settings{flex-direction:column;max-width:500px;max-height:80vh;display:flex}.obs-dock-desc{color:#8fa2cf;margin:0 0 16px;font-size:.85rem;line-height:1.5}.obs-dock-link-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.obs-dock-link-label{color:#8fa2cf;white-space:nowrap;font-size:.8rem}.obs-dock-link-input{color:#8fc7ff;text-align:left;direction:ltr;background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:.82rem}.obs-dock-copy-btn{cursor:pointer;color:#f2f6ff;background:#ffffff14;border:none;border-radius:8px;padding:6px 8px;font-size:.9rem;transition:all .15s}.obs-dock-copy-btn:hover{background:#5b7cff4d}.obs-dock-list{border:1px solid #ffffff14;border-radius:10px;flex:1;max-height:300px;margin-bottom:16px;padding:4px;overflow-y:auto}.obs-dock-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.obs-dock-item:hover{background:#ffffff0f}.obs-dock-checkbox{accent-color:#5b7cff;cursor:pointer;flex-shrink:0;width:18px;height:18px}.obs-dock-video-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;overflow:hidden}.obs-dock-video-count{color:#2ecc71;text-align:center;width:20px;font-size:.8rem}.obs-dock-empty{text-align:center;color:#8fa2cf;padding:20px;font-size:.85rem}.obs-dock-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.obs-dock-selected{color:#8fa2cf;font-size:.82rem}@media (width<=900px){.overlays-grid{grid-template-columns:1fr}}@media (width<=580px){.action-triggers-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.action-target-buttons{grid-template-columns:1fr}}@media (width<=580px){.action-actor-mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.action-card-controls-row{grid-template-columns:1fr}}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.action-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238fa2cf' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;padding-left:36px;padding-right:14px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select.action-select option,select.filter-select option,select.modal-input option,select.action-select option:hover,select.action-select option:checked,select.filter-select option:checked{color:#f5f7ff!important;background:#1a2240!important}.sidebar{box-sizing:border-box;z-index:5;background:#0d111ff2;border-left:1px solid #ffffff14;border-right:none;flex-direction:column;flex:0 0 240px;width:240px;height:100%;max-height:100vh;padding:16px 10px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s,width .3s;display:flex;position:relative;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid #ffffff14;flex-direction:row-reverse;align-items:center;gap:10px;margin-bottom:16px;padding:0 10px 20px;display:flex}.sidebar-logo-img{border-radius:8px;flex-shrink:0;width:32px;height:32px}.sidebar-logo-icon{font-size:1.5rem}.sidebar-logo-text{color:#fff;font-size:1.1rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav-item{color:#8fa2cf;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.sidebar-nav-item:hover{color:#f0f4ff;background:#ffffff0f}.sidebar-nav-item.active{color:#8fc7ff;background:linear-gradient(135deg,#5b7cff40,#3bb0ff40);box-shadow:0 0 12px #5b7cff26}.sidebar-nav-icon{flex-shrink:0;font-size:1.1rem}.sidebar-nav-text{white-space:nowrap;flex:1}.sidebar-nav-badge{color:#8fc7ff;background:#5b7cff4d;border-radius:8px;flex-shrink:0;padding:1px 8px;font-size:.7rem}.sidebar-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.sidebar-status{color:#8fa2cf;align-items:center;gap:6px;font-size:.75rem;display:flex}.sidebar-status-dot{border-radius:50%;width:8px;height:8px}.sidebar-status.online .sidebar-status-dot{background:#2ecc71;box-shadow:0 0 6px #2ecc7199}.sidebar-status.offline .sidebar-status-dot{background:#ff4757;box-shadow:0 0 6px #ff475799}.sidebar-status.checking .sidebar-status-dot{background:#f39c12}.sidebar-version{color:#56638c;font-size:.7rem}.main-content{box-sizing:border-box;flex:1;min-width:0;height:100%;max-height:100vh;padding:24px;overflow:hidden auto}.obs-dock-page{flex-direction:column;gap:16px;display:flex}.obs-dock-page-header{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 22px 50px #00000052}.obs-dock-page-header h2{color:#f0f4ff;margin:0;font-size:1.2rem}.obs-dock-page-desc{color:#8fa2cf;margin:4px 0 0;font-size:.82rem}.iframe-page{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;height:calc(100vh - 150px);min-height:500px;overflow:hidden;box-shadow:0 22px 50px #00000052}.iframe-full{border:none;width:100%;height:100%;display:block}.app-hamburger-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:40;background:#0f111ae0;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;padding:0;transition:all .2s;display:none}.app-hamburger-btn:hover{background:#5b7cff38;border-color:#5b7cff80}.app-hamburger-btn svg,.app-hamburger-btn .hamburger-icon{stroke:#fff;width:22px;height:22px}.app-sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:20;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .3s;display:none;position:fixed;inset:0}.app-sidebar-overlay.open{opacity:1;pointer-events:auto;animation:.3s forwards fadeInAppOverlay;display:block}@keyframes fadeInAppOverlay{0%{opacity:0}to{opacity:1}}.app-sidebar-close{color:#fecaca;cursor:pointer;background:#ef444438;border:1px solid #ef444466;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;transition:all .2s;display:none}.app-sidebar-close:hover{color:#fff;background:#ef444466}.sidebar-logo-mobile-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:0 6px 14px;display:none}.status-bar-wrapper{align-items:center;gap:10px;margin-bottom:20px;display:flex}.status-bar{flex:1;margin-bottom:0!important}@media (width<=980px){.app-shell{flex-direction:column!important}.app-hamburger-btn{display:flex!important}.sidebar{opacity:0;direction:rtl;border-left:1px solid #ffffff1f;border-right:none;width:min(320px,82vw);max-width:88%;height:100vh;max-height:100vh;margin:0;padding:18px 12px;top:0;bottom:0;transform:translate(115%);box-shadow:-20px 0 50px #00000080;z-index:30!important;flex:none!important;position:fixed!important;left:auto!important;right:0!important}.sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-logo-mobile-header{display:flex!important}.app-sidebar-close{display:inline-flex!important}.sidebar-logo{padding:0 4px 16px!important}.main-content{max-height:100vh;padding:14px 12px!important}.status-bar{border-radius:14px!important;padding:8px 12px!important}.iframe-page{height:calc(100vh - 130px)!important}.actions-header{flex-direction:column!important;align-items:stretch!important}.actions-add-btn{width:100%!important}.action-card,.action-card-info{flex-wrap:wrap!important}.action-card-title,.action-card-video{max-width:100%!important}.action-card-status{margin-left:0!important}.upload-bar{flex-direction:column!important;align-items:stretch!important;padding:16px!important}.upload-bar-left{text-align:center!important}.upload-btn-main{width:100%!important}.library-header{flex-direction:column!important;align-items:stretch!important}.library-controls{flex-direction:column!important}.search-input{max-width:none!important}.settings-control-row{flex-direction:column!important;align-items:stretch!important}.settings-control-select{width:100%!important;min-width:0!important}.video-row{flex-wrap:wrap!important}.row-info{flex:100%!important;order:2!important;margin-top:4px!important}.row-thumb{order:1!important}.row-actions{flex:100%!important;order:3!important;justify-content:flex-start!important;margin-top:4px!important}.row-drag-handle{order:0!important}}@media (width<=640px){.main-content{padding:10px 8px!important}.sidebar{width:86vw!important;max-width:86vw!important}.status-bar{gap:10px!important;font-size:.75rem!important}.status-bar-left{flex-wrap:wrap;flex:1}.status-bar-tiktok{flex:100%;order:3;width:100%}.tiktok-input-wrapper{flex:1}.tiktok-connect-btn span{display:none}.status-bar-right{order:2}.app-title{font-size:1.6rem}.hero-card,.library-section{border-radius:16px!important;padding:16px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-item{min-width:0!important;padding:8px 10px!important}.dashboard-home-container{gap:16px!important;padding:6px 6px 30px!important}.dash-welcome-title{font-size:1.5rem!important}.dash-main-card{border-radius:14px!important;padding:16px!important}}@media (width<=420px){.sidebar{width:88vw!important;max-width:88vw!important}.stats-grid{grid-template-columns:1fr!important;gap:6px!important}.dash-welcome-title{font-size:1.3rem!important}.app-hamburger-btn{width:40px!important;height:40px!important}.main-content{padding:8px 6px!important}}.wheel-game-container{flex-direction:column;gap:20px;width:100%;display:flex}.wheel-game-main{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.wheel-stage-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12182bd9;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;flex:500px;align-items:center;padding:30px;display:flex;position:relative;box-shadow:0 16px 40px #0006,inset 0 0 30px #ffffff08}.wheel-pointer-container{z-index:10;position:absolute;top:15px}.wheel-pointer{filter:drop-shadow(0 6px 14px #000000b3);justify-content:center;align-items:center;animation:2s ease-in-out infinite float-pointer;display:flex}.wheel-pointer.spinning{animation:.15s ease-in-out infinite vibrate-pointer}@keyframes float-pointer{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes vibrate-pointer{0%,to{transform:translateY(0)scale(1.1)}50%{transform:translateY(2px)scale(1)}}.canvas-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:460px;margin-top:15px;display:flex;position:relative}.wheel-canvas{filter:drop-shadow(0 10px 25px #00000080);border-radius:50%;width:100%;height:100%}.wheel-center-btn{color:#fff;cursor:pointer;z-index:5;background:linear-gradient(135deg,#334155 0%,#0f172a 100%);border:3px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:1rem;font-weight:800;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex;position:absolute;box-shadow:0 8px 24px #0009,inset 0 2px 4px #ffffff4d}.wheel-center-btn:hover:not(:disabled){border-color:#fff;transform:scale(1.08);box-shadow:0 0 24px #fff6,inset 0 2px 4px #ffffff80}.wheel-center-btn:active:not(:disabled){transform:scale(.95)}.wheel-center-btn:disabled{opacity:.8;cursor:not-allowed}.wheel-controls-bar{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:24px;display:flex}.spin-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid #fff3;border-radius:16px;width:100%;max-width:380px;padding:14px 28px;font-size:1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #6366f166}.spin-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #6366f199}.spin-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin-info-chip{color:#8fa2cf;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:20px;padding:8px 16px;font-size:.85rem;display:flex}.spin-info-chip strong{color:#00f2fe}.wheel-sidebar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12182bd9;border:1px solid #ffffff1a;border-radius:24px;flex:300px;padding:24px;box-shadow:0 12px 30px #0000004d}.wheel-sidebar-title{color:#f5f7ff;border-bottom:1px solid #ffffff14;margin:0 0 16px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.wheel-active-list{flex-direction:column;gap:10px;max-height:480px;padding-left:4px;display:flex;overflow-y:auto}.wheel-active-item{color:#e8f0ff;background:#ffffff0a;border:1px solid #ffffff14;border-right-width:4px;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex}.wheel-item-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 6px}.wheel-item-text{word-break:break-word;font-weight:600}.wheel-settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.wheel-settings-card{background:#12182bd9;border:1px solid #ffffff1a;border-radius:24px;padding:24px;box-shadow:0 12px 30px #0000004d}.wheel-settings-card h3{color:#f5f7ff;border-bottom:1px solid #ffffff14;margin:0 0 18px;padding-bottom:10px;font-size:1.15rem}.duration-slider-row{align-items:center;gap:16px;margin-top:8px;display:flex}.duration-range-slider{accent-color:#00f2fe;cursor:pointer;border-radius:4px;flex:1;height:6px}.duration-badge{color:#00f2fe;white-space:nowrap;background:#00f2fe26;border:1px solid #00f2fe4d;border-radius:12px;padding:6px 14px;font-size:.9rem;font-weight:700}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px;display:grid}.preset-chip-btn{color:#e8f0ff;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.preset-chip-btn:hover{color:#00f2fe;background:#00f2fe1f;border-color:#00f2fe}.add-slice-form{gap:10px;margin-bottom:20px;display:flex}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:0}.color-picker-input-sm{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.slices-manager-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.slice-manager-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s;display:flex}.slice-manager-item.disabled{opacity:.45}.slice-text-display{color:#f5f7ff;word-break:break-word;flex:1;font-size:.92rem;font-weight:600}.slice-edit-input-group{flex:1;align-items:center;gap:6px;display:flex}.modal-input-sm{color:#fff;background:#0006;border:1px solid #00f2fe80;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.slice-item-actions{align-items:center;gap:6px;display:flex}.winner-modal{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#16203a 0%,#0a0f1d 100%);border:2px solid #00f2fe;border-radius:28px;width:90%;max-width:440px;padding:36px 28px;position:relative;overflow:hidden;box-shadow:0 0 50px #00f2fe66}.winner-modal-icon{will-change:transform;font-size:3.5rem;line-height:1;animation:.8s cubic-bezier(.175,.885,.32,1.275) infinite alternate bounce-icon;display:inline-block}@keyframes bounce-icon{0%{transform:scale(.95)}to{transform:scale(1.12)}}.winner-modal-title{color:#00f2fe;margin:12px 0 18px;font-size:1.6rem;font-weight:800}.winner-result-box{background:#ffffff0d;border:2px solid #00f2fe;border-radius:18px;margin-bottom:24px;padding:20px;box-shadow:inset 0 0 20px #00f2fe26}.winner-result-text{color:#fff;word-break:break-word;font-size:1.4rem;font-weight:800;line-height:1.4}.winner-close-btn{width:100%;padding:12px;font-size:1.05rem}.wheel-game-main-teams{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.team-table-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12182bd9;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;flex:340px;min-width:320px;max-width:400px;min-height:480px;padding:20px;display:flex;box-shadow:0 16px 40px #0006,inset 0 0 20px #ffffff05}.team-table-card.girls{border-color:#ec489959;box-shadow:0 16px 40px #ec48991f}.team-table-card.boys{border-color:#3b82f659;box-shadow:0 16px 40px #3b82f61f}.team-header{white-space:nowrap;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.team-title{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.team-title.girls{color:#f472b6}.team-title.boys{color:#60a5fa}.team-count-badge{color:#e2e8f0;white-space:nowrap;background:#ffffff1a;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:.9rem;font-weight:800}.team-keyword-hint{color:#94a3b8;margin:8px 0 12px;font-size:.8rem}.team-members-list{flex-direction:column;flex:1;gap:8px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.team-member-row{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.team-member-row:hover{background:#ffffff14;border-color:#ffffff26}.drag-handle{color:#64748b;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.7;padding:0 2px;font-size:.9rem}.drag-handle:hover{color:#cbd5e1;opacity:1}.member-reorder-group{flex-direction:column;gap:2px;margin-inline-start:auto;display:flex}.reorder-arrow-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:22px;height:18px;padding:0;font-size:.65rem;transition:background-color .1s;display:inline-flex}.reorder-arrow-btn:hover:not(:disabled){color:#fff;background:#6366f166;border-color:#818cf8}.reorder-arrow-btn:disabled{opacity:.25;cursor:not-allowed}.member-index{color:#94a3b8;min-width:20px;font-size:.85rem;font-weight:800}.member-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:32px;height:32px}.member-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;font-weight:800;overflow:hidden}.member-remove-btn{color:#ff4d4d;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:5;background:#ef444440;border:1.5px solid #ef444499;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:800;transition:background-color .15s,color .15s;display:inline-flex;position:relative;box-shadow:0 2px 8px #ef44444d;opacity:1!important;transform:none!important}.member-remove-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:none!important}.team-waitlist-section{border-top:1.5px dashed #ffffff1f;margin-top:14px;padding-top:12px}.waitlist-section-header{color:#f59e0b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:800;display:flex}.waitlist-count-badge{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:8px;padding:2px 8px;font-size:.78rem;font-weight:800}.waitlist-member-row{cursor:grab;-webkit-user-select:none;user-select:none;background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;display:flex}.waitlist-member-row:active{cursor:grabbing;background:#f59e0b1f}.waitlist-member-idx{color:#fcd34d;min-width:20px;font-size:.8rem;font-weight:800}.team-member-row[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.team-member-row[draggable=true]:active{cursor:grabbing;background:#ffffff1f}.team-empty-state{color:#64748b;text-align:center;border:1px dashed #ffffff1a;border-radius:12px;margin-top:10px;padding:30px 10px;font-size:.82rem}.team-quick-actions{gap:8px;margin-top:14px;display:flex}.team-sim-btn{color:#f8fafc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.team-sim-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.team-clear-all-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.team-clear-all-btn:hover{background:#ef444440}.link-editor-container{color:#f8fafc;box-sizing:border-box;flex-direction:column;gap:12px;width:100%;height:calc(100vh - 30px);min-height:780px;padding:10px 14px;display:flex;overflow:hidden}.link-editor-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.header-title-group h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.3rem;font-weight:800;display:flex}.header-subtitle{color:#94a3b8;margin-top:2px;font-size:.8rem;display:block}.header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scene-select-wrapper{background:#00000040;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:flex}.scene-label{color:#cbd5e1;font-size:.8rem;font-weight:600}.scene-select{color:#fff;cursor:pointer;background:#1e293be6;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 12px;font-family:inherit;font-size:.85rem;font-weight:700}.editor-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.editor-btn:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}.editor-btn.primary-save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98166;font-weight:800;box-shadow:0 4px 14px #10b98159}.editor-btn.primary-save:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b9818c}.editor-btn.primary-save.saving{opacity:.7;cursor:wait}.editor-btn.copy{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;box-shadow:0 4px 14px #6366f166}.editor-btn.copy:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 18px #6366f199}.editor-btn.copy.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166}.editor-btn.mode-toggle{color:#fef08a;background:#f59e0b26;border-color:#f59e0b4d}.editor-btn.mode-toggle:hover{background:#f59e0b40}.editor-btn.danger{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.editor-btn.danger:hover{background:#ef444440}.obs-banner{background:linear-gradient(90deg,#1e1b4be6,#0f172ae6);border:1px solid #6366f159;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:0 4px 20px #00000040}.obs-banner-info{flex:1;align-items:center;gap:12px;min-width:280px;display:flex}.obs-badge{color:#818cf8;white-space:nowrap;background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:800}.obs-url{color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;direction:ltr;background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:6px 12px;font-family:monospace;font-size:.85rem;overflow:hidden}.obs-banner-actions{align-items:center;gap:8px;display:flex}.editor-workspace{flex:1;gap:16px;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.editor-sidebar{scrollbar-width:thin;flex-direction:column;flex-shrink:0;gap:14px;width:340px;height:100%;max-height:100%;padding-right:4px;display:flex;overflow-y:auto}.sidebar-section{background:#0f172abf;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex-shrink:0;gap:10px;padding:14px;display:flex}.empty-properties-state{text-align:center;color:#94a3b8;background:#0003;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;font-size:.84rem;line-height:1.5;display:flex}.empty-prop-icon{margin-bottom:6px;font-size:1.8rem}.section-title,.editor-section-title,.editor-sidebar .section-title{color:#e2e8f0!important;align-items:center!important;gap:6px!important;margin:0 0 10px!important;font-size:.92rem!important;font-weight:800!important;line-height:1.4!important;display:flex!important}.section-header-row{justify-content:space-between;align-items:center;display:flex}.layers-count{color:#94a3b8;background:#ffffff0f;border-radius:12px;padding:2px 8px;font-size:.75rem}.widgets-grid{grid-template-columns:1fr;gap:8px;display:grid}.widget-categories{flex-direction:column;gap:8px;display:flex}.widget-category-group{background:#1e293b66;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.category-btn{color:#f1f5f9;cursor:pointer;background:#1e293bb3;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:inherit;font-size:.84rem;font-weight:800;transition:all .2s;display:flex}.category-btn:hover{color:#fff;background:#6366f133}.category-btn.open{color:#a5b4fc;background:#6366f140;border-bottom:1px solid #6366f14d}.cat-arrow{color:#818cf8;font-size:.75rem}.category-sub-list{background:#0f172a99;flex-direction:column;gap:4px;padding:8px;display:flex}.sub-widget-btn{color:#cbd5e1;cursor:pointer;text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.sub-widget-btn:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translate(-3px)}.sub-widget-btn-content{text-align:right;flex-direction:column;flex:1;align-items:flex-start;gap:3px;display:flex}.sub-widget-btn-title{color:#f1f5f9;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.sub-widget-btn-meta{color:#94a3b8;align-items:center;gap:6px;font-size:.7rem;display:flex}.sub-widget-btn-badge{border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:800}.sub-widget-btn-badge.likes{color:#f472b6;background:#ec489933;border:1px solid #ec48994d}.sub-widget-btn-badge.diamonds{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.sub-widget-plus{color:#a5b4fc;background:#6366f140;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-weight:800;display:flex}.templates-loading-hint{color:#94a3b8;text-align:center;padding:12px;font-size:.78rem}.templates-empty-hint{text-align:center;color:#cbd5e1;background:#1e293b66;border:1px dashed #ffffff26;border-radius:8px;flex-direction:column;gap:4px;padding:12px 10px;font-size:.8rem;display:flex}.templates-empty-hint small{color:#94a3b8;font-size:.72rem;line-height:1.4}.add-widget-btn{color:#f1f5f9;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.add-widget-btn:hover{background:#6366f133;border-color:#6366f166;transform:translate(-3px)}.widget-btn-plus{color:#818cf8;background:#6366f14d;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:800;display:flex}.layers-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.layers-empty{color:#64748b;text-align:center;padding:16px;font-size:.78rem}.layer-item{cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.layer-item:hover{background:#1e293bcc}.layer-item.selected{background:#6366f126;border-color:#6366f1}.layer-item.hidden-layer{opacity:.5}.layer-info{align-items:center;gap:8px;display:flex;overflow:hidden}.layer-title{white-space:nowrap;text-overflow:ellipsis;color:#e2e8f0;font-size:.8rem;font-weight:700;overflow:hidden}.layer-z{color:#f59e0b;background:#f59e0b1f;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:800}.layer-actions{align-items:center;gap:3px;display:flex}.layer-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:.75rem}.layer-btn:hover{color:#fff;background:#ffffff1a}.layer-btn.delete:hover{color:#fca5a5;background:#ef444433}.sidebar-section{box-sizing:border-box;background:#0f172abf;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex-shrink:0;gap:10px;width:100%;max-width:100%;padding:14px;display:flex;overflow:hidden}.properties-section{background:#0f172ad9;border-color:#6366f14d}.prop-fields{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.prop-label{color:#cbd5e1;box-sizing:border-box;flex-direction:column;gap:4px;width:100%;min-width:0;font-size:.78rem;font-weight:700;display:flex}.prop-label>span{color:#cbd5e1;text-align:right;direction:rtl;font-size:.78rem;font-weight:700}.prop-input{box-sizing:border-box;color:#fff;text-overflow:ellipsis;direction:rtl;background:#1e293be6;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;min-width:0;max-width:100%;padding:6px 10px;font-family:inherit;font-size:.82rem;overflow:hidden}.prop-input option{color:#fff;background:#0f172a;padding:6px}.prop-input:focus{border-color:#6366f1}.prop-row{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.editor-viewport{-webkit-user-select:none;user-select:none;background:#090d16;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;flex:1;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.canvas-zoom-toolbar{z-index:10;background:#0f172af2;border-bottom:1px solid #ffffff1a;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:relative}.editor-viewport-stage{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-dim{color:#38bdf8;font-family:monospace;font-size:.8rem;font-weight:800}.zoom-controls{align-items:center;gap:8px;display:flex}.zoom-label{color:#cbd5e1;font-size:.78rem}.zoom-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;width:24px;height:24px;font-weight:800}.mode-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:700}.mode-btn.active{color:#fff;background:#6366f1}.editor-canvas{transform-origin:50%;background-color:#0c101d;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 15px,15px -15px,-15px 0;background-size:30px 30px;border:2px dashed #6366f199;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 25px 60px #000000d9}.canvas-grid-bg{pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.canvas-widget{box-sizing:border-box;cursor:move;border-radius:8px;outline:none;flex-direction:column;display:flex;position:absolute;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.canvas-widget:hover{outline-offset:1px;outline:1.5px dashed #6366f1b3!important}.canvas-widget.selected{outline-offset:1px;outline:2px solid #6366f1!important}.canvas-widget.locked{cursor:default;border-style:dashed;border-color:#f59e0b}.widget-drag-handle{-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;z-index:100;background:#0f172af2;border:1px solid #6366f180;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;height:24px;padding:2px 8px;transition:opacity .15s;display:flex;position:absolute;top:-28px;left:0;right:0}.canvas-widget:hover .widget-drag-handle,.canvas-widget.selected .widget-drag-handle{opacity:1;pointer-events:auto}.widget-drag-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:800;overflow:hidden}.widget-full-btn{color:#a7f3d0;cursor:pointer;background:#10b98140;border:1px solid #10b98173;border-radius:4px;margin-left:4px;padding:1px 6px;font-family:inherit;font-size:.7rem;font-weight:800;transition:all .15s}.widget-full-btn:hover{color:#fff;background:#10b981;transform:scale(1.05)}.widget-drag-z{color:#f59e0b;font-size:.65rem;font-weight:800}.widget-content-body{border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden;background:0 0!important}.widget-iframe-preview{pointer-events:none;border:none;width:100%;height:100%;background:0 0!important}.wireframe-placeholder{color:#94a3b8;background:#1e293b66;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.wireframe-icon{font-size:1.8rem}.wireframe-name{color:#fff;font-size:.9rem;font-weight:800}.wireframe-size{color:#64748b;font-size:.75rem}.resize-handle{z-index:1000;background:#6366f1;border:2px solid #fff;border-radius:3px;width:12px;height:12px;transition:background .15s,border-color .15s;position:absolute;box-shadow:0 2px 6px #0006}.canvas-widget.cropping .resize-handle{box-shadow:0 0 10px #10b981b3;background:#10b981!important;border-color:#ecfdf5!important}.canvas-widget.cropping{outline-offset:1px;outline:2px dashed #10b981!important}.canvas-widget.fluid-mode .resize-handle{box-shadow:0 0 10px #06b6d4b3;background:#06b6d4!important;border-color:#cff4fc!important}.canvas-widget.fluid-mode{outline-offset:1px;outline:2px dashed #06b6d4!important}.handle-tl{cursor:nwse-resize;top:-6px;left:-6px}.handle-tr{cursor:nesw-resize;top:-6px;right:-6px}.handle-bl{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-br{cursor:nwse-resize;bottom:-6px;right:-6px}.handle-t{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.handle-b{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.handle-l{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.handle-r{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.video-preview-overlay{-webkit-backdrop-filter:blur(14px);z-index:100000;background:#050814d1;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) vpFadeIn;display:flex;position:fixed;inset:0}@keyframes vpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vpScaleUp{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.video-preview-modal{direction:rtl;background:linear-gradient(160deg,#161f3d 0%,#0d1226 100%);border:1px solid #6366f147;border-radius:22px;flex-direction:column;width:100%;max-width:820px;max-height:calc(100vh - 40px);animation:.25s cubic-bezier(.16,1,.3,1) vpScaleUp;display:flex;overflow:hidden;box-shadow:0 30px 80px -15px #000000d9,0 0 45px #6366f12e}.vp-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.vp-header-info{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.vp-icon{background:#6366f12e;border:1px solid #6366f14d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:1.4rem;display:flex}.vp-title-group{flex-direction:column;gap:4px;display:flex;overflow:hidden}.vp-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;text-align:right;direction:ltr;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.vp-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vp-badge{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.vp-badge.screen{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b47}.vp-badge.sound{color:#34d399;background:#10b98124;border-color:#10b98147}.vp-badge.sound.muted{color:#f87171;background:#ef444424;border-color:#ef444447}.vp-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:flex}.vp-close-btn:hover{color:#ff6b6b;background:#ef444438;border-color:#ef444466;transform:rotate(90deg)}.vp-body{flex-direction:column;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.vp-video-wrapper{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:440px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0009}.vp-video-element{object-fit:contain;background:0 0;width:100%;height:100%}.vp-actions-bar{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.vp-btn-group-primary,.vp-btn-group-secondary{align-items:center;gap:8px;display:flex}.vp-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.vp-action-btn.play-now{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f166}.vp-action-btn.play-now:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 6px 18px #6366f18c}.vp-action-btn.secondary{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1a}.vp-action-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.vp-screen-control{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.vp-screen-control select{color:#f8fafc;cursor:pointer;background:#0f172acc;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 10px;font-size:.82rem}.theme-settings-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;margin-bottom:8px;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000040}.theme-settings-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.current-theme-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;display:inline-flex}.current-theme-badge-label{color:#8fa2cf}.current-theme-badge-name{color:#fff;font-weight:700}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.theme-card{cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-card:before{content:"";opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.theme-card:hover{background:#ffffff12;border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.theme-card.active{background:#5b7cff14;border-color:#5b7cff99;box-shadow:0 8px 24px #5b7cff33,inset 0 0 0 1px #5b7cff4d}.theme-card.active:before{opacity:1;background:linear-gradient(90deg,#5b7cff,#3bb0ff)}.theme-card-cyber-neon.active{background:#ff007f14;border-color:#ff007f99;box-shadow:0 8px 24px #ff007f40,inset 0 0 0 1px #ff007f4d}.theme-card-cyber-neon.active:before{background:linear-gradient(90deg,#ff007f,#7928ca,#00f2fe)}.theme-card-midnight-gold.active{background:#f59e0b14;border-color:#f59e0b99;box-shadow:0 8px 24px #f59e0b40,inset 0 0 0 1px #f59e0b4d}.theme-card-midnight-gold.active:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#d97706)}.theme-card-emerald-cyber.active{background:#10b98114;border-color:#10b98199;box-shadow:0 8px 24px #10b98140,inset 0 0 0 1px #10b9814d}.theme-card-emerald-cyber.active:before{background:linear-gradient(90deg,#10b981,#00f5a0,#059669)}.theme-card-top{align-items:center;gap:10px;display:flex}.theme-card-icon{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.theme-card-titles{text-align:right;flex:1;min-width:0}.theme-card-title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.theme-card-subtitle{color:#8fa2cf;margin-top:1px;font-size:.72rem;font-weight:500;display:block}.theme-active-pill{color:#2ecc71;white-space:nowrap;background:#2ecc7133;border:1px solid #2ecc7180;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:700}.theme-inactive-pill{color:#8fa2cf;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:600}.theme-card-desc{color:#a0aec0;text-align:right;min-height:38px;margin:0;font-size:.78rem;line-height:1.45}.theme-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:10px;display:flex}.theme-card-preview-palette{align-items:center;gap:5px;display:flex}.theme-palette-dot{border:1.5px solid #ffffff59;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block;box-shadow:0 2px 5px #0000004d}.theme-select-btn{cursor:pointer;color:#f1f5f9;white-space:nowrap;background:#ffffff1a;border:none;border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .15s}.theme-select-btn:hover{background:#fff3;transform:translateY(-1px)}.theme-select-btn.selected{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98159}[data-theme=cyber-neon] .app-shell,.theme-cyber-neon.app-shell{color:#fce7f3;background:radial-gradient(at 100% 0,#1f0b2e 0%,#0d0617 55%,#05020a 100%)!important}.theme-cyber-neon .sidebar{background:#0e0619f5;border-left:1px solid #ff007f40;box-shadow:-6px 0 24px #ff007f14}.theme-cyber-neon .sidebar-logo{border-bottom-color:#ff007f26}.theme-cyber-neon .sidebar-logo-text{background:linear-gradient(135deg,#ff007f,#c084fc,#00f2fe);-webkit-text-fill-color:transparent;text-shadow:0 0 16px #ff007f4d;-webkit-background-clip:text;background-clip:text}.theme-cyber-neon .sidebar-nav-item{color:#d8b4fe}.theme-cyber-neon .sidebar-nav-item:hover{color:#fff;background:#ff007f1a}.theme-cyber-neon .sidebar-nav-item.active{color:#00f2fe;background:linear-gradient(135deg,#ff007f4d,#00f2fe40);border:1px solid #ff007f73;box-shadow:0 0 18px #ff007f4d}.theme-cyber-neon .sidebar-nav-badge{color:#ffb8eb;background:#ff007f59;border:1px solid #ff007f80}.theme-cyber-neon .hero-card,.theme-cyber-neon .settings-page,.theme-cyber-neon .obs-dock-page-header,.theme-cyber-neon .library-section,.theme-cyber-neon .settings-card,.theme-cyber-neon .modal-content,.theme-cyber-neon .upload-progress-bar,.theme-cyber-neon .video-preview-modal,.theme-cyber-neon .overlay-card{background:#140922c7;border:1px solid #ff007f38;box-shadow:0 16px 40px #0000008c,0 0 24px #7928ca26}.theme-cyber-neon .app-title{background:linear-gradient(135deg,#ff007f,#c084fc,#00f2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.theme-cyber-neon .upload-btn-main,.theme-cyber-neon .tiktok-connect-btn,.theme-cyber-neon .reconnect-btn,.theme-cyber-neon .modal-btn.primary,.theme-cyber-neon .action-submit-btn,.theme-cyber-neon .vp-action-btn.play-now{color:#fff;background:linear-gradient(135deg,#ff007f,#7928ca,#00f2fe);border:none;box-shadow:0 4px 18px #ff007f73}.theme-cyber-neon .upload-btn-main:hover,.theme-cyber-neon .tiktok-connect-btn:hover,.theme-cyber-neon .reconnect-btn:hover,.theme-cyber-neon .modal-btn.primary:hover,.theme-cyber-neon .vp-action-btn.play-now:hover{box-shadow:0 6px 24px #ff007fa6}.theme-cyber-neon .stat-value,.theme-cyber-neon .settings-row strong,.theme-cyber-neon .vp-badge.screen{color:#00f2fe;text-shadow:0 0 10px #00f2fe66}.theme-cyber-neon .settings-link-row code,.theme-cyber-neon .overlay-url-row code{color:#00f2fe;background:#ff007f1f;border:1px solid #ff007f40}.theme-cyber-neon .video-row{background:#180a2a99;border:1px solid #ff007f26}.theme-cyber-neon .video-row:hover{border-color:#ff007f66;box-shadow:0 6px 20px #ff007f26}.theme-cyber-neon .search-input:focus,.theme-cyber-neon .tiktok-input:focus,.theme-cyber-neon .modal-input:focus{border-color:#ff007f;box-shadow:0 0 14px #ff007f66}[data-theme=midnight-gold] .app-shell,.theme-midnight-gold.app-shell{color:#fef3c7;background:radial-gradient(at top,#241a0e 0%,#120e09 50%,#0a0805 100%)!important}.theme-midnight-gold .sidebar{background:#120e0af7;border-left:1px solid #f59e0b40;box-shadow:-6px 0 24px #f59e0b14}.theme-midnight-gold .sidebar-logo{border-bottom-color:#f59e0b26}.theme-midnight-gold .sidebar-logo-text{background:linear-gradient(135deg,#fef08a,#fbbf24,#d97706);-webkit-text-fill-color:transparent;text-shadow:0 0 16px #f59e0b4d;-webkit-background-clip:text;background-clip:text}.theme-midnight-gold .sidebar-nav-item{color:#fde68a}.theme-midnight-gold .sidebar-nav-item:hover{color:#fff;background:#f59e0b1a}.theme-midnight-gold .sidebar-nav-item.active{color:#fbbf24;background:linear-gradient(135deg,#f59e0b4d,#d977064d);border:1px solid #f59e0b73;box-shadow:0 0 18px #f59e0b40}.theme-midnight-gold .sidebar-nav-badge{color:#fef08a;background:#f59e0b59;border:1px solid #f59e0b80}.theme-midnight-gold .hero-card,.theme-midnight-gold .settings-page,.theme-midnight-gold .obs-dock-page-header,.theme-midnight-gold .library-section,.theme-midnight-gold .settings-card,.theme-midnight-gold .modal-content,.theme-midnight-gold .upload-progress-bar,.theme-midnight-gold .video-preview-modal,.theme-midnight-gold .overlay-card{background:#1a140ecc;border:1px solid #f59e0b38;box-shadow:0 16px 40px #0000008c,0 0 24px #f59e0b1f}.theme-midnight-gold .app-title{background:linear-gradient(135deg,#fef08a,#fbbf24,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.theme-midnight-gold .upload-btn-main,.theme-midnight-gold .reconnect-btn,.theme-midnight-gold .modal-btn.primary,.theme-midnight-gold .action-submit-btn,.theme-midnight-gold .vp-action-btn.play-now{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);border:none;box-shadow:0 4px 18px #f59e0b66}.theme-midnight-gold .tiktok-connect-btn{color:#1a1003;background:linear-gradient(135deg,#fbbf24,#d97706);font-weight:800;box-shadow:0 4px 14px #f59e0b59}.theme-midnight-gold .upload-btn-main:hover,.theme-midnight-gold .tiktok-connect-btn:hover,.theme-midnight-gold .reconnect-btn:hover,.theme-midnight-gold .modal-btn.primary:hover,.theme-midnight-gold .vp-action-btn.play-now:hover{box-shadow:0 6px 24px #f59e0b99}.theme-midnight-gold .stat-value,.theme-midnight-gold .settings-row strong,.theme-midnight-gold .vp-badge.screen{color:#fbbf24;text-shadow:0 0 10px #fbbf2459}.theme-midnight-gold .settings-link-row code,.theme-midnight-gold .overlay-url-row code{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.theme-midnight-gold .video-row{background:#20181099;border:1px solid #f59e0b26}.theme-midnight-gold .video-row:hover{border-color:#f59e0b66;box-shadow:0 6px 20px #f59e0b26}.theme-midnight-gold .search-input:focus,.theme-midnight-gold .tiktok-input:focus,.theme-midnight-gold .modal-input:focus{border-color:#f59e0b;box-shadow:0 0 14px #f59e0b59}[data-theme=emerald-cyber] .app-shell,.theme-emerald-cyber.app-shell{color:#ecfdf5;background:radial-gradient(at 0 0,#062319 0%,#03140e 55%,#010a07 100%)!important}.theme-emerald-cyber .sidebar{background:#04120ef7;border-left:1px solid #10b98140;box-shadow:-6px 0 24px #10b98114}.theme-emerald-cyber .sidebar-logo{border-bottom-color:#10b98126}.theme-emerald-cyber .sidebar-logo-text{background:linear-gradient(135deg,#a7f3d0,#34d399,#10b981);-webkit-text-fill-color:transparent;text-shadow:0 0 16px #10b9814d;-webkit-background-clip:text;background-clip:text}.theme-emerald-cyber .sidebar-nav-item{color:#a7f3d0}.theme-emerald-cyber .sidebar-nav-item:hover{color:#fff;background:#10b9811a}.theme-emerald-cyber .sidebar-nav-item.active{color:#34d399;background:linear-gradient(135deg,#10b9814d,#00f5a040);border:1px solid #10b98173;box-shadow:0 0 18px #10b98140}.theme-emerald-cyber .sidebar-nav-badge{color:#a7f3d0;background:#10b98159;border:1px solid #10b98180}.theme-emerald-cyber .hero-card,.theme-emerald-cyber .settings-page,.theme-emerald-cyber .obs-dock-page-header,.theme-emerald-cyber .library-section,.theme-emerald-cyber .settings-card,.theme-emerald-cyber .modal-content,.theme-emerald-cyber .upload-progress-bar,.theme-emerald-cyber .video-preview-modal,.theme-emerald-cyber .overlay-card{background:#061c14cc;border:1px solid #10b98138;box-shadow:0 16px 40px #0000008c,0 0 24px #10b9811f}.theme-emerald-cyber .app-title{background:linear-gradient(135deg,#a7f3d0,#34d399,#10b981,#00f5a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.theme-emerald-cyber .upload-btn-main,.theme-emerald-cyber .reconnect-btn,.theme-emerald-cyber .modal-btn.primary,.theme-emerald-cyber .action-submit-btn,.theme-emerald-cyber .vp-action-btn.play-now{color:#fff;background:linear-gradient(135deg,#10b981,#059669,#00f5a0);border:none;box-shadow:0 4px 18px #10b98166}.theme-emerald-cyber .tiktok-connect-btn{color:#fff;background:linear-gradient(135deg,#34d399,#059669);font-weight:800;box-shadow:0 4px 14px #10b98159}.theme-emerald-cyber .upload-btn-main:hover,.theme-emerald-cyber .tiktok-connect-btn:hover,.theme-emerald-cyber .reconnect-btn:hover,.theme-emerald-cyber .modal-btn.primary:hover,.theme-emerald-cyber .vp-action-btn.play-now:hover{box-shadow:0 6px 24px #10b98199}.theme-emerald-cyber .stat-value,.theme-emerald-cyber .settings-row strong,.theme-emerald-cyber .vp-badge.screen{color:#34d399;text-shadow:0 0 10px #34d39959}.theme-emerald-cyber .settings-link-row code,.theme-emerald-cyber .overlay-url-row code{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.theme-emerald-cyber .video-row{background:#08241a99;border:1px solid #10b98126}.theme-emerald-cyber .video-row:hover{border-color:#10b98166;box-shadow:0 6px 20px #10b98126}.theme-emerald-cyber .search-input:focus,.theme-emerald-cyber .tiktok-input:focus,.theme-emerald-cyber .modal-input:focus{border-color:#10b981;box-shadow:0 0 14px #10b98159}.live-viewers-page{flex-direction:column;gap:20px;width:100%;padding-bottom:40px;animation:.3s ease-out fadeIn;display:flex}.lv-header-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#16112bd9 0%,#0d1020e6 100%);border:1px solid #8b5cf640;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #0006}.lv-header-right{flex:1;align-items:center;gap:18px;min-width:320px;display:flex}.lv-header-icon-box{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 24px #8b5cf673}.lv-header-eye-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.85rem}.lv-header-titles{flex-direction:column;gap:4px;display:flex}.lv-main-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:1.65rem;font-weight:900}.lv-main-subtitle{color:#94a3b8;max-width:650px;margin:0;font-size:.88rem;line-height:1.5}.lv-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lv-guide-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.lv-guide-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.lv-guide-qmark{font-size:.95rem}.lv-live-counter-box{background:#062016bf;border:1.5px solid #10b981;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:8px 18px;display:flex;box-shadow:0 0 20px #10b98140,inset 0 0 12px #10b9811a}.lv-live-number-row{align-items:center;gap:6px;display:flex}.lv-live-number{color:#34d399;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:900;line-height:1.1}.lv-live-pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s infinite liveDotPulse;box-shadow:0 0 10px #10b981}@keyframes liveDotPulse{0%{opacity:1;transform:scale(.9);box-shadow:0 0 6px #10b981}50%{opacity:.5;transform:scale(1.3);box-shadow:0 0 16px #34d399}to{opacity:1;transform:scale(.9);box-shadow:0 0 6px #10b981}}.lv-live-box-label{color:#6ee7b7;white-space:nowrap;letter-spacing:.3px;margin-top:2px;font-size:.65rem;font-weight:700}.lv-engaged-stat-text{color:#94a3b8;white-space:nowrap;text-align:right;font-size:.85rem;line-height:1.4}.lv-engaged-stat-text strong{color:#e2e8f0;font-size:1.05rem;font-weight:900;display:block}.lv-spotlight-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1426b3;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.lv-section-header{flex-direction:column;gap:4px;display:flex}.lv-section-title{color:#f1f5f9;margin:0;font-size:1.15rem;font-weight:800}.lv-section-subtitle{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.lv-spotlight-controls-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lv-spotlight-select-group{align-items:center;gap:8px;display:flex}.lv-control-label{color:#94a3b8;white-space:nowrap;font-size:.82rem;font-weight:700}.lv-control-select{color:#f8fafc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .2s}.lv-control-select option{color:#f8fafc;background-color:#12182c;padding:8px 12px}.lv-control-select:focus{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf64d}.lv-spotlight-url-box{flex:1;align-items:center;gap:8px;min-width:280px;display:flex}.lv-url-input{color:#93c5fd;text-align:left;direction:ltr;background:#00000059;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:8px 14px;font-family:monospace;font-size:.82rem}.lv-copy-url-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;padding:8px 16px;font-size:.82rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.lv-copy-url-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f673}.lv-copy-url-btn.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.lv-activity-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1426b3;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:18px;padding:22px 24px;display:flex}.lv-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lv-search-box{flex:1;align-items:center;min-width:240px;max-width:380px;display:flex;position:relative}.lv-search-icon{color:#64748b;pointer-events:none;font-size:.88rem;position:absolute;right:12px}.lv-search-input{color:#f8fafc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:8px 36px 8px 30px;font-size:.84rem;transition:all .2s}.lv-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf640}.lv-clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.8rem;position:absolute;left:10px}.lv-sort-dropdown-wrap{align-items:center;display:flex}.lv-sort-select{color:#f8fafc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .2s}.lv-sort-select:focus{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf64d}.lv-sort-select option{color:#f8fafc;background-color:#12182c;padding:8px 12px}.lv-filter-pills{background:#00000040;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.lv-pill-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.lv-pill-btn:hover{color:#f8fafc}.lv-action-tools{align-items:center;gap:6px;display:flex}.lv-tool-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;padding:7px 11px;font-size:.88rem;transition:all .2s}.lv-tool-btn:hover{color:#fff;background:#ffffff1f}.lv-tool-btn.danger:hover{color:#ef4444;background:#ef444433;border-color:#ef444480}.lv-table-container{background:#0a0e1c66;border:1px solid #ffffff0f;border-radius:14px;width:100%;overflow-x:auto}.lv-table{border-collapse:collapse;text-align:right;width:100%;font-size:.86rem}.lv-table th{color:#94a3b8;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:.8rem;font-weight:700}.lv-th-center,.lv-th-actions{text-align:center}.lv-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px 16px}.lv-tr{cursor:pointer;transition:background .15s}.lv-tr:hover{background:#ffffff09}.lv-tr.spotlighted{background:#8b5cf61f;border-left:3px solid #8b5cf6}.lv-viewer-cell{align-items:center;gap:12px;min-width:200px;display:flex}.lv-avatar-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.lv-avatar{object-fit:cover;background:#1e293b;border:1.5px solid #fff3;border-radius:50%;width:100%;height:100%}.lv-online-dot{background:#10b981;border:2px solid #0f172a;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.lv-viewer-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lv-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lv-watching-badge{color:#34d399;background:#10b98126;border:1px solid #10b98166;border-radius:6px;align-items:center;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.lv-guest-badge{color:#f472b6;white-space:nowrap;background:linear-gradient(135deg,#ec489938 0%,#a855f738 100%);border:1px solid #ec4899a6;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:800;animation:2.5s ease-in-out infinite guestBadgeGlow;display:inline-flex;box-shadow:0 0 8px #ec489940}.lv-guest-seat-badge{color:#fbbf24;white-space:nowrap;background:linear-gradient(135deg,#f59e0b40 0%,#ea580c47 100%);border:1px solid #f59e0bbf;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 0 8px #f59e0b40}.lv-guest-seat-badge .lv-seat-num,.lv-follow-pill.guest-seat .lv-seat-num{text-shadow:0 1px 3px #000c;margin-inline-start:1px;font-size:.76rem;font-weight:900;color:#fff!important}.lv-follow-pill.guest-seat{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b99;align-items:center;gap:4px;display:inline-flex}@keyframes guestBadgeGlow{0%,to{box-shadow:0 0 6px #ec489940}50%{box-shadow:0 0 12px #ec48998c}}.lv-guest-muted-icon{margin-right:2px;font-size:.68rem}.lv-mod-badge,.lv-vip-badge{font-size:.85rem}.lv-display-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:800;overflow:hidden}.lv-handle{color:#64748b;text-align:right;direction:ltr;font-size:.74rem}.lv-td-center{text-align:center}.lv-num-value{font-variant-numeric:tabular-nums;color:#f1f5f9;font-weight:800}.lv-likes-cell .lv-num-value{color:#f43f5e}.lv-gifts-cell .lv-num-value{color:#fbbf24}.lv-quiz-cell .lv-num-value{color:#38bdf8}.lv-follow-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.lv-follow-pill.following{color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f666}.lv-follow-pill.not-following{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.lv-follow-pill.mod{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b80}.lv-follow-pill.guest{color:#f472b6;background:linear-gradient(135deg,#ec489940,#a855f740);border:1px solid #ec48998c;box-shadow:0 0 10px #ec489940}.lv-time-text{color:#cbd5e1;white-space:nowrap;direction:ltr;font-size:.78rem;font-weight:700}.lv-active-text{white-space:nowrap;font-size:.76rem;font-weight:700}.lv-active-text.online{color:#34d399}.lv-active-text.idle{color:#64748b}.lv-row-action-btns{justify-content:center;align-items:center;gap:6px;display:flex}.lv-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 12px;font-size:.76rem;font-weight:800;transition:all .15s}.lv-action-btn.spotlight{color:#c4b5fd;background:#8b5cf62e;border:1px solid #8b5cf666}.lv-action-btn.spotlight:hover{color:#fff;background:#8b5cf6;box-shadow:0 4px 12px #8b5cf666}.lv-action-btn.active-spotlight{color:#fff;background:#ec4899;box-shadow:0 0 12px #ec489980}.lv-action-btn.copy{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1f}.lv-action-btn.copy:hover{color:#fff;background:#ffffff1f}.lv-empty-td{text-align:center;padding:40px 20px!important}.lv-table-empty-state{color:#64748b;flex-direction:column;align-items:center;gap:10px;display:flex}.lv-empty-icon{opacity:.6;font-size:2.2rem}.lv-guide-modal,.lv-viewer-modal{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;width:92%;max-width:580px;padding:0;overflow:hidden}.lv-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lv-modal-header-title{align-items:center;gap:10px;display:flex}.lv-modal-icon{font-size:1.3rem}.lv-modal-header h3{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:800}.lv-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem}.lv-modal-close:hover{color:#fff;background:#ffffff1a}.lv-modal-close.abs{z-index:10;position:absolute;top:14px;left:14px}.lv-modal-body{flex-direction:column;gap:18px;max-height:65vh;padding:22px 24px;display:flex;overflow-y:auto}.lv-guide-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.lv-guide-section h4{color:#e2e8f0;margin:0;font-size:.95rem;font-weight:800}.lv-guide-section p,.lv-guide-section ol{color:#94a3b8;margin:0;font-size:.84rem;line-height:1.6}.lv-guide-section ol{padding-right:20px}.lv-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;padding:16px 24px;display:flex}.lv-viewer-modal-hero{text-align:center;background:linear-gradient(#8b5cf626 0%,#0f172a 100%);border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;padding:28px 24px 20px;display:flex;position:relative}.lv-vm-avatar-box{width:80px;height:80px;margin-bottom:12px;position:relative}.lv-vm-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.lv-vm-online-ring{border:2px solid #10b981;border-radius:50%;animation:2s infinite liveDotPulse;position:absolute;inset:-4px}.lv-vm-name{color:#fff;margin:0 0 4px;font-size:1.3rem;font-weight:900}.lv-vm-handle{color:#93c5fd;direction:ltr;margin-bottom:12px;font-size:.88rem;text-decoration:none}.lv-vm-handle:hover{text-decoration:underline}.lv-vm-badges-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lv-vm-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.lv-vm-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lv-vm-stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.lv-vm-stat-icon{font-size:1.1rem}.lv-vm-stat-number{color:#f8fafc;font-size:1.15rem;font-weight:900}.lv-vm-stat-label{color:#94a3b8;font-size:.68rem;font-weight:700}.lv-vm-section{flex-direction:column;gap:8px;display:flex}.lv-vm-subtitle{color:#cbd5e1;margin:0;font-size:.86rem;font-weight:800}.lv-vm-comments-list{flex-direction:column;gap:6px;max-height:120px;display:flex;overflow-y:auto}.lv-vm-comment-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.lv-vm-comment-text{color:#e2e8f0}.lv-vm-comment-time{color:#64748b;direction:ltr;font-size:.72rem}.lv-vm-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.action-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.action-card-folder-assigner{align-items:center;gap:6px;display:inline-flex}.action-card-group-select{color:#a5b4fc;cursor:pointer;background:#0f172abf;border:1px solid #6366f159;border-radius:8px;outline:none;padding:4px 10px;font-size:.8rem;font-weight:700;transition:all .2s}.action-card-group-select:hover{color:#fff;background:#1e293be6;border-color:#6366f1}.action-card-group-select:focus{border-color:#00f2fe;box-shadow:0 0 10px #00f2fe59}.action-fetch-pill-btn{color:#00f2fe;cursor:pointer;background:linear-gradient(135deg,#6366f133,#00f2fe33);border:1px solid #00f2fe66;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.action-fetch-pill-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f166,#00f2fe66);border-color:#00f2fe;box-shadow:0 0 12px #00f2fe66}.action-fetch-pill-btn:disabled{opacity:.6;cursor:not-allowed}.gift-show-more-btn,.gift-show-all-btn{cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.76rem;font-weight:700;transition:all .2s}.gift-show-more-btn{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff26}.gift-show-more-btn:hover{color:#fff;background:#ffffff1f;border-color:#00f2fe}.gift-show-all-btn{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770633);border:1px solid #f59e0b66}.gift-show-all-btn:hover{color:#fff;background:linear-gradient(135deg,#f59e0b59,#d9770659);box-shadow:0 0 12px #f59e0b66}.action-media-tabs-wrapper{margin-bottom:16px}.action-media-tab-btn{color:#94a3b8;cursor:pointer;text-align:right;background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.action-media-tab-btn:hover{color:#f1f5f9;background:#1e293bcc;border-color:#6366f180;transform:translateY(-2px)}.action-media-tab-btn.active{color:#fff;background:linear-gradient(145deg,#6366f138,#00f2fe26);border-color:#00f2fe;box-shadow:0 4px 20px #00f2fe40}.media-tab-icon{margin-bottom:2px;font-size:1.4rem}.media-tab-badge{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #ec489966}.action-live-preview-box-card{background:linear-gradient(135deg,#1e1b4bb3,#0f172ae6);border:1.5px solid #a855f766;border-radius:16px;align-items:center;gap:16px;margin-bottom:6px;padding:14px 18px;display:flex;box-shadow:0 8px 30px #00000059,inset 0 0 20px #a855f726}.action-live-anim-player-wrap{background:radial-gradient(circle,#6366f133 0%,#020617cc 80%);border:1px solid #ffffff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000080}.action-live-anim-player-wrap.gif-wrap img{object-fit:cover;width:100%;height:100%}.action-lottie-live-preview-box,.action-lottie-live-canvas{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.action-lottie-live-canvas svg{width:100%!important;height:100%!important}.action-live-anim-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.action-live-anim-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-anim-badge-icon{font-size:1.4rem}.live-anim-title{color:#fff;margin:0;font-size:1rem;font-weight:800}.live-anim-preview-chip{color:#f87171;background:#ef444433;border:1px solid #ef444466;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.live-anim-desc{color:#cbd5e1;margin:0;font-size:.78rem;line-height:1.4}.live-anim-tags-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-anim-tag{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.action-lottie-picker-section{flex-direction:column;gap:12px;display:flex}.action-anim-categories{flex-wrap:wrap;gap:6px;display:flex}.action-anim-cat-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s;display:inline-flex}.action-anim-cat-btn:hover{color:#fff;background:#ffffff1a}.action-anim-cat-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#a855f7;box-shadow:0 2px 10px #a855f766}.action-lottie-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:280px;padding:4px;display:grid;overflow-y:auto}.action-lottie-card{text-align:center;cursor:pointer;background:#0f172abf;border:1.5px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.action-lottie-card:hover{background:#1e293be6;border-color:#a855f799;transform:translateY(-2px);box-shadow:0 4px 14px #a855f740}.action-lottie-card.selected{background:linear-gradient(145deg,#a855f740,#6366f133);border-color:#c084fc;box-shadow:0 0 16px #c084fc73}.action-lottie-card-badge{filter:drop-shadow(0 2px 8px #00000080);margin-bottom:6px;font-size:2.2rem}.action-lottie-card-title{color:#f1f5f9;margin-bottom:2px;font-size:.82rem;font-weight:800}.action-lottie-card-desc{color:#94a3b8;margin-bottom:6px;font-size:.68rem;line-height:1.2}.action-lottie-card-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding-top:6px;font-size:.68rem;display:flex}.action-lottie-checked{color:#10b981;font-weight:800}.action-gif-picker-section{flex-direction:column;gap:12px;display:flex}.action-gif-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:280px;padding:4px;display:grid;overflow-y:auto}.action-gif-card{cursor:pointer;background:#0f172abf;border:1.5px solid #ffffff14;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.action-gif-card:hover{background:#1e293be6;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 14px #f59e0b40}.action-gif-card.selected{background:linear-gradient(145deg,#f59e0b33,#d9770633);border-color:#fbbf24;box-shadow:0 0 16px #fbbf2473}.action-gif-img-wrap{background:#020617;justify-content:center;align-items:center;width:100%;height:90px;display:flex;overflow:hidden}.action-gif-img-wrap img{object-fit:cover;width:100%;height:100%}.action-gif-card-info{color:#f1f5f9;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.74rem;font-weight:700;display:flex}.action-gif-meta{color:#94a3b8;font-size:.68rem}.action-anim-controls-row{background:#00000040;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.action-anim-duration-group{flex-direction:column;gap:6px;display:flex}.action-duration-pills{flex-wrap:wrap;gap:6px;display:flex}.action-dur-pill{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s}.action-dur-pill:hover{color:#fff;background:#ffffff1f;border-color:#00f2fe}.action-dur-pill.active{color:#020617;background:linear-gradient(135deg,#00f2fe,#4facfe);border-color:#00f2fe;font-weight:900;box-shadow:0 2px 10px #00f2fe66}.action-custom-url-group{flex-direction:column;gap:4px;display:flex}.jar-game-container{max-width:1600px;min-height:calc(100vh - 80px);color:var(--text-main,#f1f5f9);flex-direction:column;gap:24px;margin:0 auto;padding:24px;display:flex}.jar-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 8px 32px #0000004d}.jar-header-left{align-items:center;gap:16px;display:flex}.back-to-hub-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-to-hub-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translate(4px)}.jar-title-group{flex-direction:column;display:flex}.jar-title{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin:0;font-size:1.6rem;font-weight:800;display:flex}.jar-subtitle{color:#94a3b8;margin:0;font-size:.85rem}.game-control-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff1f;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.game-control-strip.active{background:linear-gradient(135deg,#10b9811f,#064e3b4d);border-color:#10b98166;box-shadow:0 0 25px #10b98126}.game-control-strip.paused{background:linear-gradient(135deg,#f59e0b14,#1e293b80);border-color:#f59e0b4d;box-shadow:0 0 20px #0003}.control-strip-status{align-items:center;gap:14px;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.pulse-green{background:#10b981;animation:1.8s infinite pulseGreen;box-shadow:0 0 #10b981b3}.pulse-amber{background:#f59e0b;animation:2.2s infinite pulseAmber;box-shadow:0 0 #f59e0bb3}@keyframes pulseGreen{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulseAmber{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.status-title{color:#f8fafc;margin-bottom:2px;font-size:1.05rem;font-weight:800}.status-desc{color:#cbd5e1;font-size:.85rem}.jar-main-toggle-btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.jar-main-toggle-btn.btn-start{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 18px #10b98166}.jar-main-toggle-btn.btn-start:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 8px 25px #10b9818c}.jar-main-toggle-btn.btn-pause{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 18px #f59e0b59}.jar-main-toggle-btn.btn-pause:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.jar-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jar-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;align-items:center;gap:8px;padding:9px 18px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.jar-action-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f159}.jar-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.jar-action-btn.secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f}.jar-action-btn.secondary:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.jar-action-btn.danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.jar-action-btn.danger:hover{color:#fca5a5;background:#ef444440;border-color:#ef444480}.jar-action-btn.draw-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:11px 24px;font-size:1.1rem;animation:2.5s infinite pulse-glow;box-shadow:0 4px 20px #f59e0b66}.jar-action-btn.draw-btn:hover:not(:disabled){transform:translateY(-2px scale(1.03));box-shadow:0 8px 30px #f59e0b99}.jar-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #f59e0b66}50%{box-shadow:0 6px 30px #ef4444a6}}.jar-main-grid{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}@media (width<=1100px){.jar-main-grid{grid-template-columns:1fr}}.jar-stage-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at top,#1e293bb3 0%,#0f172ae6 100%);border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.jar-stage-top-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.jar-badge-group{align-items:center;gap:10px;display:flex}.jar-stat-badge{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.jar-stat-badge.highlight{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}.jar-stat-badge.mode-badge{color:#c084fc;background:#a855f726;border-color:#a855f759}.jar-canvas-wrapper{aspect-ratio:1;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:540px;margin:0 auto;display:flex;position:relative;overflow:hidden}.jar-unit{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jar-back{z-index:1}.jar-physics-canvas,.world-canvas{z-index:2;pointer-events:none;background:0 0;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.jar-front{z-index:3}.jar-layer-img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jar-empty-overlay{text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#0f172abf;border:1px dashed #38bdf859;border-radius:20px;max-width:80%;padding:16px 26px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #00000080}.jar-empty-overlay h4{color:#f1f5f9;margin:0 0 6px;font-size:1.15rem}.jar-empty-overlay p{color:#94a3b8;margin:0;font-size:.85rem}.jar-sidebar{flex-direction:column;gap:20px;display:flex}.jar-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:22px;padding:20px;box-shadow:0 10px 30px #00000059}.jar-card-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.jar-card-title{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.jar-quick-setting-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.jar-quick-label{color:#94a3b8;justify-content:space-between;font-size:.88rem;font-weight:700;display:flex}.jar-quick-input{color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:1rem;font-weight:700;transition:border-color .2s}.jar-quick-input:focus{border-color:#6366f1}.jar-mode-toggle{background:#00000059;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.jar-mode-btn{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 8px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.jar-mode-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.jar-mode-desc{opacity:.8;font-size:.72rem;font-weight:400}.jar-participants-list{flex-direction:column;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.jar-participant-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.jar-participant-row:hover{background:#ffffff14;border-color:#ffffff26}.jar-user-info{align-items:center;gap:10px;min-width:0;display:flex}.jar-avatar{object-fit:cover;border:2px solid #6366f180;border-radius:50%;flex-shrink:0;width:38px;height:38px}.jar-user-text{flex-direction:column;min-width:0;display:flex}.jar-user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.jar-user-likes{color:#38bdf8;font-size:.78rem}.jar-ball-count-badge{color:#d8b4fe;background:#a855f733;border:1px solid #a855f766;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:800;display:flex}.jar-remove-user-btn{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:1rem;transition:opacity .2s}.jar-remove-user-btn:hover{opacity:1}.jar-test-buttons-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.jar-test-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:8px 10px;font-size:.82rem;font-weight:700;transition:all .15s}.jar-test-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.jar-winner-modal-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#050814d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.jar-winner-card{text-align:center;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:2px solid #f59e0b80;border-radius:32px;width:100%;max-width:480px;padding:40px 32px;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleBounce;position:relative;box-shadow:0 0 60px #f59e0b59,0 25px 50px #000c}.jar-winner-crown{margin-bottom:-15px;font-size:3.5rem;animation:2s ease-in-out infinite float}.jar-winner-avatar-wrap{width:130px;height:130px;margin:0 auto 20px;position:relative}.jar-winner-avatar{object-fit:cover;border:4px solid #f59e0b;border-radius:50%;width:100%;height:100%;box-shadow:0 0 30px #f59e0b99}.jar-winner-ring{border:2px dashed #f59e0b80;border-radius:50%;animation:8s linear infinite spinSlow;position:absolute;inset:-8px}.jar-winner-title{color:#fff;margin:0 0 6px;font-size:1.8rem;font-weight:800}.jar-winner-name{color:#f59e0b;text-shadow:0 0 15px #f59e0b80;margin:0 0 16px;font-size:1.5rem;font-weight:800}.jar-winner-stats{justify-content:center;gap:12px;margin-bottom:28px;display:flex}.jar-winner-stat-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:8px 16px}.jar-winner-stat-val{color:#38bdf8;font-size:1.2rem;font-weight:800}.jar-winner-stat-lbl{color:#94a3b8;font-size:.75rem}.jar-winner-actions{justify-content:center;gap:12px;display:flex}.jar-obs-link-box{background:#0006;border:1px dashed #38bdf866;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.jar-obs-url{color:#38bdf8;white-space:nowrap;text-overflow:ellipsis;direction:ltr;font-family:monospace;font-size:.88rem;overflow:hidden}.games-hub-container{max-width:1400px;margin:0 auto;padding:32px 24px}.games-hub-header{text-align:center;margin-bottom:40px}.games-hub-title{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:2.4rem;font-weight:800}.games-hub-desc{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem}.games-hub-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:center;gap:32px;display:grid}.game-hub-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;justify-content:space-between;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.game-hub-card:hover{border-color:#6366f166;transform:translateY(-6px);box-shadow:0 24px 60px #6366f140}.game-hub-card.jar-card-accent:hover{border-color:#38bdf866;box-shadow:0 24px 60px #38bdf840}.game-card-badge{color:#fff;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:800;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #ec489966}.game-card-icon-wrap{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:2.2rem;display:flex;box-shadow:0 8px 24px #0003}.game-card-content h3{color:#f8fafc;margin:0 0 10px;font-size:1.5rem;font-weight:800}.game-card-content p{color:#94a3b8;margin:0 0 24px;font-size:.95rem;line-height:1.6}.game-card-features{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.game-card-tag{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:4px 10px;font-size:.8rem;font-weight:700}.game-launch-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f159}.game-launch-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.game-launch-btn.jar-btn{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 4px 16px #0284c759}.game-launch-btn.jar-btn:hover{background:linear-gradient(135deg,#0369a1,#0ea5e9);box-shadow:0 8px 24px #0284c780}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes scaleBounce{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.trivia-game-root{color:#e8ecf5;box-sizing:border-box;width:100%;max-width:1800px;margin:0 auto;padding:20px 24px 60px;font-family:Cairo,Segoe UI,Tahoma,sans-serif;font-weight:500}.trivia-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f12e,#8b5cf624);border:2px solid #8b5cf64d;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:24px 28px;display:flex;box-shadow:0 12px 40px #00000059}.trivia-back-btn{color:#e8ecf5;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:14px;flex-shrink:0;padding:10px 22px;font-size:.95rem;font-weight:800;transition:all .2s}.trivia-back-btn:hover{background:#ffffff24;transform:translate(2px)}.trivia-title-wrap{text-align:center;flex:1}.trivia-main-title{background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.9rem;font-weight:900}.trivia-sub{opacity:.75;margin:4px 0 0;font-size:.95rem}.trivia-header-actions{flex-shrink:0;gap:10px;display:flex}.trivia-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex}.trivia-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.trivia-btn:active:not(:disabled){transform:translateY(0)}.trivia-btn:disabled{opacity:.5;cursor:not-allowed}.trivia-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 20px #6366f173}.trivia-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98173}.trivia-btn.info{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 20px #0ea5e973}.trivia-btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b73}.trivia-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444473}.trivia-btn.ghost{color:#e8ecf5;background:#ffffff14;border:1.5px solid #ffffff29}.trivia-btn.big{border-radius:16px;padding:14px 28px;font-size:1.02rem}.trivia-btn.small{border-radius:10px;padding:6px 14px;font-size:.85rem}.trivia-btn.block{width:100%}.trivia-btn.active-pulse{animation:1.4s ease-in-out infinite activePulse}.trivia-btn.leaderboard-active{background:linear-gradient(135deg,#ef4444,#dc2626);animation:1.3s ease-in-out infinite leaderboardPulse;box-shadow:0 6px 22px #ef44448c}@keyframes activePulse{0%,to{box-shadow:0 6px 20px #6366f173}50%{box-shadow:0 6px 30px #6366f1cc,0 0 0 4px #6366f140}}@keyframes leaderboardPulse{0%,to{box-shadow:0 6px 22px #ef44448c}50%{box-shadow:0 6px 32px #ef4444e6,0 0 0 4px #ef444438}}.trivia-icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;transition:all .15s;display:inline-flex}.trivia-icon-btn:hover:not(:disabled){background:#ffffff26}.trivia-icon-btn.danger{background:#ef44442e;border-color:#ef444466}.trivia-icon-btn.danger:hover{background:#ef444452}.trivia-icon-btn:disabled{opacity:.35;cursor:not-allowed}.trivia-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.trivia-info-pill{background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:999px;padding:10px 22px;font-weight:700}.trivia-info-pill b{color:#f59e0b;margin:0 4px}.trivia-loading,.trivia-empty-state{text-align:center;background:#0f172a80;border:2px dashed #ffffff26;border-radius:24px;padding:50px 30px}.trivia-empty-state.small{border-radius:18px;margin:16px 0;padding:28px 18px}.trivia-empty-state p{opacity:.75;margin:8px 0 18px}.trivia-empty-icon{opacity:.5;margin-bottom:10px;font-size:4rem}.trivia-templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;display:grid}.trivia-template-card{background:linear-gradient(145deg,#1e293bf2,#0f172af2);border:2px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:14px;padding:24px;transition:all .25s;display:flex;position:relative;box-shadow:0 12px 35px #00000059}.trivia-template-card:hover{border-color:#8b5cf673;transform:translateY(-4px);box-shadow:0 20px 55px #8b5cf633}.trivia-template-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.trivia-template-name{word-break:break-word;margin:0;font-size:1.25rem;font-weight:900;line-height:1.3}.trivia-template-desc{opacity:.7;margin:0;font-size:.92rem;line-height:1.5}.trivia-template-meta{flex-wrap:wrap;gap:8px;display:flex}.trivia-meta-pill{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:700}.trivia-template-colors{gap:6px;display:flex}.trivia-color-swatch{border-radius:8px;width:26px;height:26px;box-shadow:inset 0 0 0 2px #ffffff2e,0 3px 8px #0006}.trivia-color-swatch.big{border-radius:10px;flex-shrink:0;width:38px;height:38px}.trivia-template-actions{gap:10px;margin-top:auto;display:flex}.trivia-template-actions .trivia-btn{flex:1}.trivia-split{grid-template-columns:1.65fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=1200px){.trivia-split{grid-template-columns:1fr}}.trivia-col-main,.trivia-col-side{flex-direction:column;gap:22px;min-width:0;display:flex}.trivia-col-side .sticky{max-height:calc(100vh - 40px);padding-right:6px;position:sticky;top:20px;overflow-y:auto}.trivia-col-side .sticky::-webkit-scrollbar{width:8px}.trivia-col-side .sticky::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.trivia-card{background:linear-gradient(145deg,#1e293beb,#0f172af2);border:2px solid #ffffff1a;border-radius:22px;padding:24px 26px;box-shadow:0 12px 40px #0006}.trivia-section-title{align-items:center;gap:10px;margin:0 0 18px;font-size:1.25rem;font-weight:900;display:flex}.trivia-section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.trivia-form-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}@media (width<=900px){.trivia-form-grid{grid-template-columns:1fr}}.trivia-field{flex-direction:column;gap:8px;display:flex}.trivia-field>span{opacity:.9;font-size:.92rem;font-weight:800}.trivia-field.small>span{font-size:.82rem}.trivia-field.inline{flex-flow:wrap;align-items:center;gap:14px}.trivia-input{color:#e8ecf5;box-sizing:border-box;background:#0f172ab3;border:1.5px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.98rem;font-weight:600;transition:all .2s}.trivia-input:focus{border-color:#8b5cf6b3;outline:none;box-shadow:0 0 0 4px #8b5cf62e}.trivia-input.small{border-radius:10px;padding:8px 12px;font-size:.88rem}.trivia-input.inline-num{flex-shrink:0;width:85px}.trivia-input.q-textarea{resize:vertical;min-height:70px;font-size:1.05rem;line-height:1.5}.trivia-pts-grid{background:#8b5cf61a;border:1.5px dashed #8b5cf666;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;padding:14px;display:grid}.trivia-radio-row,.trivia-radio-stack{gap:10px;display:flex}.trivia-radio-stack{flex-direction:column}.trivia-radio-row{flex-wrap:wrap}.trivia-radio{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 16px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.trivia-radio:hover{background:#ffffff1a}.trivia-radio input{accent-color:#8b5cf6;transform:scale(1.2)}.trivia-radio.active{background:#8b5cf638;border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf626}.trivia-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:background .2s;display:flex}.trivia-toggle:hover{cursor:pointer;background:#ffffff0a}.trivia-toggle-track{background:#ffffff1f;border-radius:999px;flex-shrink:0;width:48px;height:26px;margin-inline-start:6px;transition:background .25s;display:block;position:relative}.trivia-toggle:has(.trivia-toggle-thumb.on) .trivia-toggle-track{background:#10b98140}.trivia-toggle-thumb{background:#94a3b899;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.trivia-toggle-thumb.on{background:#10b981;left:calc(100% - 23px)}.trivia-toggle-track:hover .trivia-toggle-thumb.on{background:#34d399}.trivia-toggle-label{opacity:.95;font-size:.92rem;font-weight:700}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.trivia-toggles-stack{flex-direction:column;gap:4px;margin-top:6px;display:flex}.trivia-colors-editor{flex-direction:column;gap:10px;margin-top:6px;display:flex}.trivia-color-editor{flex-direction:column;gap:6px;display:flex}.trivia-color-label{opacity:.75;font-size:.82rem;font-weight:800}.trivia-color-row{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.trivia-color-row input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:10px;width:42px;height:38px;padding:0}.trivia-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.trivia-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.trivia-url-box{word-break:break-all;background:#0f172acc;border:1.5px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.trivia-url-box code{opacity:.9;color:#34d399;flex:1;font-family:Courier New,monospace;font-size:.82rem}.trivia-sep{border:none;border-top:1.5px dashed #ffffff1f;margin:18px 0}.trivia-editor-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.trivia-questions-list{flex-direction:column;gap:18px;display:flex}.trivia-qcard{background:#0f172a8c;border:1.5px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:14px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.trivia-qcard:hover{border-color:#8b5cf666}.trivia-qcard-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.trivia-qnum{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;padding:6px 16px;font-size:1.1rem;font-weight:900;box-shadow:0 4px 14px #6366f159}.trivia-qcontrols{gap:6px;display:flex}.trivia-qmeta{background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 16px;display:flex}.trivia-qmeta input[type=range]{accent-color:#f59e0b;flex:1;min-width:200px}.trivia-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=900px){.trivia-options-grid{grid-template-columns:1fr}}.trivia-option-editor{background:#0f172aa6;border:1.5px solid #ffffff1a;border-right:5px solid #888;border-radius:14px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex;position:relative}.trivia-option-editor.correct{background:#10b9811a;border-color:#10b9814d;border-right-width:5px;box-shadow:inset 0 0 0 1px #10b98140}.trivia-option-left{align-items:center;gap:10px;display:flex}.trivia-correct-radio{cursor:pointer;align-items:center;gap:10px;display:flex}.trivia-correct-radio input{accent-color:#10b981;transform:scale(1.3)}.trivia-opt-num{color:#fff;text-shadow:0 2px 4px #00000059;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #00000059}.trivia-correct-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.82rem;font-weight:900;display:inline-block;box-shadow:0 4px 14px #10b98159}.trivia-play-top{background:linear-gradient(135deg,#10b9811f,#6366f11f);border:2px solid #6366f14d;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:22px 26px;display:flex;box-shadow:0 12px 40px #00000059}.trivia-play-tpl-info{flex:1;min-width:280px}.trivia-play-tpl-name{margin-bottom:8px;font-size:1.4rem;font-weight:900}.trivia-play-actions{flex-wrap:wrap;gap:10px;display:flex}.trivia-progress-wrap{flex-direction:column;gap:6px;display:flex}.trivia-progress-label{opacity:.9;font-size:.95rem;font-weight:700}.trivia-progress-label b{color:#f59e0b}.trivia-progress-label .phase-idle{color:#94a3b8}.trivia-progress-label .phase-listening{color:#22d3ee}.trivia-progress-label .phase-revealed{color:#10b981}.trivia-progress-label .phase-leaderboard{color:#a78bfa}.trivia-progress-bar{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;height:12px;overflow:hidden}.trivia-progress-fill{background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b);border-radius:999px;height:100%;transition:width .4s;box-shadow:0 0 12px #ec489980}.trivia-live-qpreview{background:linear-gradient(135deg,#6366f138,#8b5cf624);border:2px solid #8b5cf673;border-radius:22px;margin-bottom:22px;padding:28px 30px;position:relative}.trivia-live-qbadge{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:999px;margin-bottom:14px;padding:6px 18px;font-weight:900;display:inline-block;box-shadow:0 4px 14px #8b5cf673}.trivia-live-qtext{text-shadow:0 3px 10px #0006;font-size:1.55rem;font-weight:900;line-height:1.5}.trivia-timer-big{color:#6ee7b7;background:#10b9812e;border:2px solid #10b98166;border-radius:999px;margin-top:18px;padding:12px 28px;font-size:1.6rem;font-weight:900;display:inline-block;box-shadow:0 0 25px #10b98159}.trivia-timer-big.low{color:#fca5a5;background:#ef444438;border-color:#ef44448c;animation:.5s ease-in-out infinite alternate lowPulse;box-shadow:0 0 30px #ef444480}@keyframes lowPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.trivia-options-preview{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}@media (width<=900px){.trivia-options-preview{grid-template-columns:1fr}}.trivia-opt-preview{background:#0f172abf;border:1.5px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;transition:all .3s;display:flex}.trivia-opt-preview.correct{background:#10b9812e;border-color:#10b981b3;animation:1.3s ease-in-out infinite pulseCorrect;box-shadow:0 0 35px #10b98166}.trivia-opt-preview.wrong{opacity:.55;filter:grayscale(.4);border-color:#ef444466}@keyframes pulseCorrect{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.trivia-opt-preview-num{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:900;display:inline-flex;box-shadow:0 4px 14px #0006}.trivia-opt-preview-text{word-break:break-word;flex:1;font-size:1.05rem;font-weight:800}.trivia-opt-preview-pct{opacity:.85;text-align:left;flex-shrink:0;min-width:100px;font-size:.95rem;font-weight:900}.trivia-distribution{background:#0f172a80;border:1.5px solid #ffffff1a;border-radius:18px;margin-bottom:22px;padding:18px 22px}.trivia-distribution-title{opacity:.9;margin-bottom:12px;font-weight:800}.trivia-distribution-row{align-items:flex-end;gap:10px;min-height:70px;display:flex}.trivia-distribution-item{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:40px;height:70px;display:flex}.trivia-distribution-bar{border-radius:8px 8px 4px 4px;height:40px;transition:width .35s;box-shadow:0 4px 12px #0000004d}.trivia-distribution-item span{opacity:.85;font-size:.9rem;font-weight:900}.trivia-play-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=900px){.trivia-play-buttons{grid-template-columns:1fr}}.trivia-question-nav{flex-wrap:wrap;gap:8px;display:flex}.trivia-qnav-btn{color:#e8ecf5;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;width:44px;height:44px;font-size:1rem;font-weight:900;transition:all .15s}.trivia-qnav-btn:hover{background:#8b5cf640;border-color:#8b5cf68c}.trivia-qnav-btn.current{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 0 18px #6366f199}.trivia-qnav-btn.done{background:#10b98133;border-color:#10b98159}.trivia-lb-list{flex-direction:column;gap:10px;display:flex}.trivia-lb-row{background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:transform .2s;display:flex}.trivia-lb-row:hover{transform:translate(-3px)}.trivia-lb-row.rank-1{background:linear-gradient(90deg,#f59e0b3d,#0000);border-color:#f59e0b8c}.trivia-lb-row.rank-2{background:linear-gradient(90deg,#94a3b838,#0000);border-color:#94a3b873}.trivia-lb-row.rank-3{background:linear-gradient(90deg,#b4530938,#0000);border-color:#b4530966}.trivia-lb-rank{background:#ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;font-weight:900;display:inline-flex}.trivia-lb-row.rank-1 .trivia-lb-rank,.trivia-lb-row.rank-2 .trivia-lb-rank,.trivia-lb-row.rank-3 .trivia-lb-rank{box-shadow:none;background:0 0}.trivia-lb-av{object-fit:cover;background:#1e293b;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:46px;height:46px}.trivia-lb-info{flex:1;min-width:0}.trivia-lb-name{font-size:1.1rem;font-weight:900}.trivia-lb-sub{opacity:.65;font-size:.85rem}.trivia-lb-score{text-align:left;flex-shrink:0;min-width:150px}.trivia-lb-pts{color:#f59e0b;font-size:1.3rem;font-weight:900}.trivia-lb-count{opacity:.7;font-size:.85rem}.trivia-ans-picker{gap:8px;margin-bottom:6px;display:flex}.trivia-ans-btn{color:#fff;cursor:pointer;text-shadow:0 2px 4px #00000073;filter:saturate(.7);border:3px solid #ffffff2e;border-radius:14px;flex:1;height:52px;font-size:1.3rem;font-weight:900;transition:all .15s;box-shadow:0 4px 14px #0000004d}.trivia-ans-btn.active{filter:saturate(1.4);transform:scale(1.07);box-shadow:0 0 0 3px #ffffff2e,0 6px 20px #00000080}.trivia-scenarios{flex-direction:column;gap:8px;margin:10px 0;display:flex}.trivia-bullets{opacity:.8;padding-inline-start:18px;font-size:.88rem;line-height:1.7}.trivia-bullets li{margin-bottom:4px}.diagnostics-panel{margin-top:14px;background:linear-gradient(135deg,#22c55e14,#3b82f614)!important;border:2px solid #94a3b840!important;border-radius:20px!important;padding:16px 18px!important}.diagnostics-panel.live{border-color:#22c55e73!important}.diagnostics-panel.off{border-color:#ef444459!important}.trivia-dx-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px;display:grid}.trivia-dx-item{background:#0f172a8c;border:1.5px solid #94a3b82e;border-radius:14px;padding:12px 14px}.trivia-dx-item.ok{background:linear-gradient(135deg,#22c55e1f,#10b9810f);border-color:#22c55e66}.trivia-dx-item.bad{background:linear-gradient(135deg,#ef44441f,#f871710f);border-color:#ef444466}.trivia-dx-item.warn{background:linear-gradient(135deg,#f59e0b1f,#fbbf240f);border-color:#f59e0b66}.trivia-dx-item.neutral{border-color:#94a3b84d}.trivia-dx-item.danger{background:linear-gradient(135deg,#ef444421,#dc262614);border-color:#ef444473}.trivia-dx-label{opacity:.75;margin-bottom:6px;font-size:.82rem;line-height:1.4}.trivia-dx-value{color:#e2e8f0;font-size:1.45rem;font-weight:900}.trivia-dx-item.ok .trivia-dx-value{color:#4ade80}.trivia-dx-item.bad .trivia-dx-value{color:#f87171}.trivia-dx-item.warn .trivia-dx-value{color:#fbbf24}.trivia-dx-item.danger .trivia-dx-value{color:#f87171}.trivia-dx-sub{opacity:.7;margin-top:4px;font-size:.78rem;line-height:1.4}.trivia-dx-sub.warn{color:#fbbf24;opacity:.9}.trivia-dx-help{background:#0f172aa6;border:1px dashed #94a3b840;border-radius:14px;padding:12px 16px}.trivia-dx-help-title{margin-bottom:6px;font-size:.95rem;font-weight:800}.trivia-dx-chip{background:#0f172a99;border:1px solid #94a3b833;border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.trivia-dx-chip.ok{color:#4ade80;border-color:#22c55e4d}.trivia-dx-chip.bad{color:#f87171;background:#ef44440f;border-color:#ef44444d}.trivia-dx-chip.warn{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b4d}.trivia-pts-grid,.trivia-radio,.trivia-qcard-head,.trivia-template-actions,.trivia-top-bar,.trivia-header{box-sizing:border-box}code{font-family:Courier New,monospace}.phase-idle{color:#cbd5e1!important}.phase-listening{color:#22d3ee!important}.phase-revealed{color:#4ade80!important}.phase-leaderboard{color:#c4b5fd!important}.phase-showing{color:#fbbf24!important}.dolab-battle-game-root{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 50% 15%,#1e293b99 0%,#0a0f1ef2 70%,#060913 100%);flex-direction:column;gap:1.25rem;width:100%;min-height:calc(100vh - 70px);padding:1.25rem 1.5rem;font-family:Tajawal,Cairo,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow-x:hidden}.dolab-game-hud{-webkit-backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #38bdf840;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a}.dolab-hud-left{align-items:center;gap:1rem;display:flex}.dolab-hud-back-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.dolab-hud-back-btn:hover{color:#fff;background:#ffffff26;transform:translate(2px)}.dolab-game-title-wrap{align-items:center;gap:.75rem;display:flex}.dolab-wheel-brand-icon{color:#fff;background:linear-gradient(135deg,#0284c7,#6366f1);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #6366f166}.glow-icon{animation:2.5s infinite alternate pulseGlow}@keyframes pulseGlow{0%{opacity:.8;transform:scale(.95)}to{opacity:1;filter:drop-shadow(0 0 6px #38bdf8);transform:scale(1.1)}}.dolab-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.25rem;font-weight:900}.dolab-title span{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dolab-subtitle{color:#94a3b8;margin:0;font-size:.75rem;font-weight:500}.dolab-hud-center{background:#00000059;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:.75rem;padding:.35rem .6rem;display:flex}.dolab-match-pill{border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;font-weight:800;display:flex}.dolab-match-pill.boys{color:#38bdf8;background:#0ea5e92e;border:1px solid #0ea5e959}.dolab-match-pill.girls{color:#f472b6;background:#ec48992e;border:1px solid #ec489959}.hud-char-mini{object-fit:contain;width:22px;height:22px}.dolab-vs-round-badge{align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:flex}.vs-tag{color:#fbbf24}.round-tag{color:#a5b4fc;background:#6366f140;border-radius:12px;padding:.2rem .5rem}.turns-tag{color:#94a3b8}.dolab-hud-actions{align-items:center;gap:.45rem;display:flex}.hud-btn{cursor:pointer;color:#f1f5f9;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.hud-btn:hover{transform:translateY(-1px)}.hud-btn-undo{background:#ffffff14;border-color:#ffffff26}.hud-btn-undo:hover{background:#ffffff26}.hud-btn-icon{color:#94a3b8;background:#ffffff14;border-color:#ffffff26;padding:.45rem}.hud-btn-icon:hover{color:#fff;background:#ffffff2e}.hud-btn-icon.muted{color:#ef4444;background:#ef444426;border-color:#ef44444d}.hud-btn-obs{color:#fff;background:linear-gradient(135deg,#0284c7,#6366f1);border-color:#38bdf8;box-shadow:0 0 12px #38bdf859}.hud-btn-trophy{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#d9770640);border-color:#f59e0b66}.hud-btn-trophy:hover{background:linear-gradient(135deg,#f59e0b66,#d9770666)}.hud-btn-roster{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.hud-btn-danger-icon{color:#f87171;background:#ef444426;border-color:#ef44444d;padding:.45rem}.hud-btn-danger-icon:hover{color:#fff;background:#ef44444d}.dolab-arena-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.25rem;display:grid}@media (width<=1200px){.dolab-arena-grid{grid-template-columns:1fr}}.dolab-seats-arena{flex-direction:column;gap:1rem;display:flex}.dolab-team-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;padding:1rem 1.25rem}.dolab-team-row.boys-row{border-color:#0ea5e940;box-shadow:0 8px 24px -6px #0ea5e926}.dolab-team-row.girls-row{border-color:#ec489940;box-shadow:0 8px 24px -6px #ec489926}.team-row-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.team-row-title{align-items:center;gap:.5rem;display:flex}.team-row-title h3{color:#f8fafc;margin:0;font-size:1rem;font-weight:800}.team-dot{border-radius:50%;width:10px;height:10px}.team-dot.boy{background:#38bdf8;box-shadow:0 0 10px #38bdf8}.team-dot.girl{background:#f472b6;box-shadow:0 0 10px #f472b6}.team-seats-hint{color:#94a3b8;font-size:.78rem}.seats-cards-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}@media (width<=800px){.seats-cards-grid{grid-template-columns:repeat(2,1fr)}}.seat-card{text-align:center;cursor:pointer;background:#1e293ba6;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;padding:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.seat-card:hover{background:#1e293be6;border-color:#38bdf866;transform:translateY(-3px);box-shadow:0 10px 25px -5px #0006}.seat-card.boy-seat{border-top:3px solid #0284c7}.seat-card.girl-seat{border-top:3px solid #db2777}.seat-card.active-turn{background:linear-gradient(#38bdf840 0%,#1e293bd9 100%);border:2px solid #38bdf8;transform:scale(1.02);box-shadow:0 0 25px #38bdf873,inset 0 0 15px #38bdf833}.seat-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.seat-num-badge{color:#94a3b8;background:#0006;border-radius:6px;padding:.15rem .4rem;font-size:.75rem;font-weight:800}.seat-team-name{color:#cbd5e1;font-size:.72rem;font-weight:700}.seat-turn-pulse{color:#fff;background:#0284c7;border-radius:10px;padding:.15rem .45rem;font-size:.68rem;font-weight:800;animation:1.5s infinite pulseBadge}@keyframes pulseBadge{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.seat-avatar-wrap{justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:.5rem;display:flex;position:relative}.seat-avatar-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0006);width:100%;height:100%;transition:all .2s}.seat-avatar-img.grayscale{opacity:.35;filter:grayscale()}.seat-player-meta{width:100%}.seat-player-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:.88rem;font-weight:800;overflow:hidden}.seat-status-badges{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.seat-tag{border-radius:6px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.seat-tag.tag-empty{color:#94a3b8;background:#ffffff14;border:1px dashed #fff3}.seat-tag.tag-new{color:#cbd5e1;background:#64748b4d;border:1px solid #94a3b84d}.seat-tag.tag-played{color:#34d399;background:#10b98133;border:1px solid #10b98166}.seat-tag.tag-lucky{color:#c084fc;background:#9333ea40;border:1px solid #9333ea66}.seat-tag.tag-immunity{color:#67e8f9;background:#06b6d440;border:1px solid #06b6d466}.seat-tag.tag-banned{color:#f87171;background:#ef444440;border:1px solid #ef444466}.seat-tag.tag-finals{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b66}.dolab-flow-connector{background:#00000059;border:1px dashed #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.flow-title{color:#94a3b8;white-space:nowrap;font-size:.78rem;font-weight:800}.flow-steps-chain{align-items:center;gap:.35rem;display:flex}.flow-item{color:#94a3b8;white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:.2rem .45rem;font-size:.75rem;font-weight:700}.flow-item.active{color:#fff;background:#0284c7;font-weight:900;box-shadow:0 0 10px #0284c799}.flow-arrow{color:#64748b;font-size:.7rem}.dolab-command-center{flex-direction:column;gap:1rem;display:flex}.turn-spotlight-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #38bdf84d;border-radius:16px;flex-direction:column;gap:.9rem;padding:1.1rem;display:flex;box-shadow:0 10px 30px -10px #00000080}.spotlight-header{align-items:center;gap:.5rem;display:flex}.spotlight-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseDot;box-shadow:0 0 10px #10b981}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.spotlight-title{color:#94a3b8;font-size:.85rem;font-weight:800}.spotlight-seat-badge{color:#38bdf8;background:#38bdf833;border-radius:10px;margin-right:auto;padding:.2rem .55rem;font-size:.78rem;font-weight:900}.spotlight-player-row{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem;display:flex}.spotlight-avatar-box{width:48px;height:48px;position:relative}.spotlight-avatar-img{object-fit:contain;width:100%;height:100%}.gender-tag{color:#fff;border-radius:6px;padding:.1rem .35rem;font-size:.62rem;font-weight:800;position:absolute;bottom:-4px;right:-4px}.gender-tag.guy{background:#0284c7}.gender-tag.girl{background:#db2777}.spotlight-info{flex:1;overflow:hidden}.spotlight-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-size:1.05rem;font-weight:900;overflow:hidden}.spotlight-state-badges{flex-wrap:wrap;gap:.3rem;display:flex}.badge-warning{color:#f59e0b;font-size:.72rem;font-weight:700}.badge-safe{color:#94a3b8;font-size:.72rem;font-weight:700}.badge-target{color:#34d399;font-size:.72rem;font-weight:800}.badge-lucky{color:#c084fc;font-size:.72rem;font-weight:800}.badge-immunity{color:#38bdf8;font-size:.72rem;font-weight:800}.banned-alert-box{color:#fca5a5;background:#ef444426;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.78rem;display:flex}.banned-alert-box strong{color:#ef4444;display:block}.banned-alert-box p{color:#cbd5e1;margin:0;font-size:.72rem}.btn-skip-banned{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;margin-right:auto;padding:.35rem .65rem;font-size:.75rem;font-weight:800}.player-guess-section{background:#0f172a99;border:1px solid #38bdf833;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem .85rem;display:flex}.guess-section-header{justify-content:space-between;align-items:center;display:flex}.guess-header-title{color:#38bdf8;align-items:center;gap:.45rem;font-size:.8rem;font-weight:800;display:flex}.btn-clear-guess{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-clear-guess:hover{color:#fff;background:#ef44444d}.guess-numbers-bar{grid-template-columns:repeat(6,1fr);gap:.4rem;display:grid}.guess-num-btn{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:.5rem 0;font-family:inherit;transition:all .2s;display:flex;position:relative}.guess-num-btn:hover{color:#fff;background:#38bdf833;border-color:#38bdf880;transform:translateY(-2px)}.guess-num-btn.selected{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;font-weight:900;transform:scale(1.05);box-shadow:0 0 12px #10b98180,inset 0 1px #ffffff4d}.guess-num-btn .num-val{font-size:1rem;font-weight:900}.selected-glow-dot{color:#fff;font-size:.65rem;position:absolute;top:2px;right:4px}.guess-hint-match{color:#fbbf24;background:#f59e0b1a;border:1px dashed #f59e0b4d;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.74rem;display:flex}.guess-hint-none{color:#94a3b8;padding:.15rem .25rem;font-size:.72rem}.primary-actions-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.btn-action-win,.btn-action-next{cursor:pointer;text-align:right;border:1px solid #0000;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-action-win{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#34d399;box-shadow:0 4px 15px #10b9814d}.btn-action-win:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-action-next{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-color:#38bdf8;box-shadow:0 4px 15px #2563eb4d}.btn-action-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.btn-text-col{flex-direction:column;display:flex}.btn-main{font-size:.88rem;font-weight:900}.btn-sub{opacity:.85;font-size:.68rem}.cards-action-section{flex-direction:column;gap:.5rem;display:flex}.cards-section-header{color:#94a3b8;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:flex}.cards-buttons-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.card-quick-btn{cursor:pointer;color:#e2e8f0;background:#1e293bbf;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .4rem;transition:all .2s;display:flex;position:relative}.card-quick-btn:hover:not(.disabled){background:#334155e6;border-color:#38bdf866;transform:translateY(-2px)}.card-quick-btn span{text-align:center;font-size:.68rem;font-weight:800}.card-key-badge{color:#38bdf8;background:#0006;border-radius:4px;padding:.05rem .25rem;font-size:.62rem;font-weight:900;position:absolute;top:3px;left:3px}.card-quick-btn.disabled{opacity:.4;cursor:not-allowed}.card-drop-self{border-bottom:2px solid #ef4444}.card-give-immunity{border-bottom:2px solid #06b6d4}.card-drop-teammate{border-bottom:2px solid #f59e0b}.card-finals{border-bottom:2px solid #eab308}.card-lucky{border-bottom:2px solid #a855f7}.card-ban{border-bottom:2px solid #dc2626}.wheel-integrated-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #38bdf840;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.wheel-box-header{justify-content:space-between;align-items:center;width:100%;display:flex}.wheel-mode-tag{color:#38bdf8;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;display:flex}.btn-mode-toggle{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-mode-toggle:hover{background:#ffffff29}.wheel-canvas-wrapper{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.wheel-top-pointer{color:#ef4444;z-index:10;filter:drop-shadow(0 2px 4px #00000080);font-size:1.4rem;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.dolab-wheel-canvas{border-radius:50%;box-shadow:0 0 25px #0009,0 0 15px #38bdf833}.wheel-bottom-controls{flex-direction:column;gap:.65rem;width:100%;display:flex}.btn-spin-wheel-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fbbf24;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.95rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 15px #f59e0b59}.btn-spin-wheel-now:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.btn-spin-wheel-now:disabled{opacity:.6;cursor:not-allowed}.wheel-quick-guess-container{background:#00000059;border:1px solid #38bdf833;border-radius:12px;flex-direction:column;gap:.45rem;padding:.65rem .75rem;display:flex}.quick-guess-title{color:#f59e0b;align-items:center;gap:.4rem;font-size:.76rem;font-weight:800;display:flex}.quick-guess-grid{grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid}.btn-quick-spin-guess{cursor:pointer;color:#f8fafc;background:#1e293bd9;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.45rem .2rem;font-family:inherit;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.btn-quick-spin-guess:hover:not(:disabled){background:#38bdf840;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf859}.btn-quick-spin-guess:disabled{opacity:.6;cursor:not-allowed}.btn-quick-spin-guess:first-child{border-bottom:2px solid #0284c7}.btn-quick-spin-guess:nth-child(2){border-bottom:2px solid #2563eb}.btn-quick-spin-guess:nth-child(3){border-bottom:2px solid #059669}.btn-quick-spin-guess:nth-child(4){border-bottom:2px solid #7c3aed}.btn-quick-spin-guess:nth-child(5){border-bottom:2px solid #db2777}.btn-quick-spin-guess:nth-child(6){border-bottom:2px solid #0d9488}.btn-quick-spin-guess.active-guess{background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;transform:scale(1.04);box-shadow:0 0 12px #10b98199}.quick-guess-num{font-size:1.05rem;font-weight:900;line-height:1}.quick-guess-sub{color:#94a3b8;white-space:nowrap;font-size:.58rem;font-weight:700}.btn-quick-spin-guess.active-guess .quick-guess-sub{color:#fff}.wheel-result-banner{text-align:center;color:#e2e8f0;background:#00000059;border:1px solid #ffffff14;border-radius:10px;padding:.5rem;font-size:.8rem;font-weight:800}.dolab-events-log-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.log-header{justify-content:space-between;align-items:center;display:flex}.log-title{color:#94a3b8;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;display:flex}.btn-clear-log{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.72rem}.btn-clear-log:hover{color:#f87171}.log-list{flex-direction:column;gap:.4rem;max-height:160px;padding-left:.25rem;display:flex;overflow-y:auto}.log-empty{color:#64748b;text-align:center;padding:1rem 0;font-size:.75rem}.log-item{background:#00000040;border-radius:6px;align-items:flex-start;gap:.4rem;padding:.3rem .45rem;font-size:.75rem;line-height:1.4;display:flex}.log-time{color:#64748b;white-space:nowrap;font-size:.68rem}.log-item.log-eliminate{color:#fca5a5;border-right:3px solid #ef4444}.log-item.log-shield{color:#7dd3fc;border-right:3px solid #38bdf8}.log-item.log-finals{color:#fde68a;border-right:3px solid #f59e0b}.dolab-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.dolab-modal-card{background:#0f172a;border:1px solid #38bdf859;border-radius:20px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s cubic-bezier(.4,0,.2,1) modalIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #38bdf833}.dolab-modal-card.modal-large{max-width:780px}.dolab-modal-card.modal-seat-assign{width:95%;max-width:680px}.dolab-modal-card.modal-small{max-width:440px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.modal-title-box{align-items:center;gap:.75rem;display:flex}.modal-title-box h3{color:#fff;margin:0;font-size:1.05rem;font-weight:800}.modal-desc{color:#94a3b8;margin:.2rem 0 0;font-size:.78rem}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem;transition:all .2s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.targets-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.target-card-btn{cursor:pointer;color:#f8fafc;background:#1e293bbf;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem;transition:all .2s;display:flex}.target-card-btn:hover:not(.disabled){background:#38bdf826;border-color:#38bdf8;transform:translateY(-2px)}.target-card-btn.disabled{opacity:.45;cursor:not-allowed}.target-seat-num{color:#94a3b8;font-size:.75rem;font-weight:800}.target-name{font-size:.95rem;font-weight:800}.target-status{color:#38bdf8;font-size:.72rem}.rules-notice-box{color:#cbd5e1;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.78rem;line-height:1.5;display:flex}.swap-seats-section{background:#00000040;border-radius:10px;flex-direction:column;gap:.45rem;padding:.75rem;display:flex}.swap-title{color:#38bdf8;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;display:flex}.swap-buttons-row{flex-wrap:wrap;gap:.35rem;display:flex}.btn-swap-pill{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.btn-swap-pill:hover{background:#38bdf833;border-color:#38bdf8}.add-player-form .input-group{gap:.5rem;display:flex}.input-player-name{color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:10px;outline:none;flex:1;padding:.65rem .85rem;font-size:.88rem}.input-player-name:focus{border-color:#38bdf8}.btn-assign-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid #38bdf8;border-radius:10px;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.85rem;font-weight:800;display:inline-flex}.name-error-alert{color:#ef4444;margin-top:.4rem;font-size:.75rem}.roster-assign-section{flex-direction:column;gap:.6rem;display:flex}.roster-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.roster-section-head h4{color:#38bdf8;margin:0;font-size:.88rem;font-weight:800}.roster-note-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.roster-search-bar{background:#00000059;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .8rem;display:flex}.roster-search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.85rem}.roster-pick-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;max-height:250px;padding-right:.15rem;display:grid;overflow-y:auto}.roster-pick-item{cursor:pointer;background:#1e293bbf;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.roster-pick-item:hover{background:#38bdf833;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf840}.roster-pick-main{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.roster-pick-avatar{flex-shrink:0;font-size:1.15rem}.roster-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.92rem;font-weight:800;overflow:hidden}.roster-item-meta{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.roster-icon-chip{border-radius:6px;align-items:center;gap:.2rem;padding:.18rem .4rem;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.roster-icon-chip.played{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.roster-icon-chip.new{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a}.roster-icon-chip.kills{color:#f87171;background:#ef444426;border:1px solid #ef444440}.btn-pick-select-chip{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf859;border-radius:6px;padding:.2rem .45rem;font-size:.78rem;font-weight:800;line-height:1;transition:all .15s}.roster-pick-item:hover .btn-pick-select-chip{color:#fff;background:#0284c7;border-color:#38bdf8}.text-pink{color:#ec4899}.text-cyan{color:#06b6d4}.btn-empty-seat-danger{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.6rem;font-size:.82rem;font-weight:800;display:flex}.btn-empty-seat-danger:hover{color:#fff;background:#ef444440}.table-responsive{width:100%;overflow-x:auto}.dolab-table th{color:#94a3b8;background:#0006;border-bottom:1px solid #ffffff1a;padding:.65rem .75rem;font-weight:800}.dolab-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:.65rem .75rem}.btn-crown-champion{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fbbf24;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.obs-links-section{flex-direction:column;gap:.85rem;display:flex}.obs-link-card{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.obs-link-info strong{color:#fff;margin-bottom:.2rem;font-size:.9rem;display:block}.obs-link-info p{color:#94a3b8;margin:0 0 .4rem;font-size:.75rem}.obs-url-code{color:#38bdf8;background:#00000080;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.72rem}.obs-link-actions{gap:.5rem;display:flex}.obs-steps-box{background:#38bdf814;border:1px solid #38bdf840;border-radius:12px;padding:.85rem 1.1rem;font-size:.8rem;line-height:1.6}.obs-steps-box h4{color:#38bdf8;margin:0 0 .4rem}.obs-steps-box ol{color:#cbd5e1;margin:0;padding-right:1.2rem}.celebration-backdrop{background:#000000e0}.champion-modal-card{text-align:center;background:radial-gradient(circle,#1e1b4b 0%,#0f172a 100%);border:2px solid #fbbf24;border-radius:24px;flex-direction:column;align-items:center;gap:.85rem;max-width:480px;padding:2rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceCelebration;display:flex;box-shadow:0 0 60px #f59e0b80}@keyframes bounceCelebration{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.champion-trophy-glow{filter:drop-shadow(0 0 20px #fbbf24);font-size:3.5rem;animation:2s ease-in-out infinite floatTrophy}@keyframes floatTrophy{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.champion-title{color:#fbbf24;margin:0;font-size:1.4rem;font-weight:900}.champion-sub{letter-spacing:2px;color:#94a3b8;margin:0;font-size:.75rem;font-weight:800}.champion-badge-box{background:#0006;border:1px solid #fbbf2466;border-radius:40px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;display:flex}.champion-avatar{object-fit:contain;width:40px;height:40px}.champion-name{color:#fff;font-size:1.2rem;font-weight:900}.champion-team{color:#cbd5e1;margin:0;font-size:.88rem;font-weight:700}.champion-timer{color:#94a3b8;font-size:.8rem}.btn-close-celebration{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fbbf24;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.95rem;font-weight:800;display:flex}.cards-config-list{flex-direction:column;gap:.6rem;display:flex}.card-config-item{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.card-item-left{align-items:center;gap:.65rem;display:flex}.card-config-thumb{object-fit:contain;width:32px;height:32px}.card-status-label{color:#94a3b8;font-size:.7rem;display:block}.single-use-toggle{color:#cbd5e1;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.btn-reactivate-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid #38bdf8;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.65rem;font-size:.85rem;font-weight:800;display:flex}.hotkeys-list{flex-direction:column;gap:.45rem;display:flex}.hotkey-row{background:#0000004d;border-radius:8px;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.8rem;display:flex}.hotkey-row kbd{color:#38bdf8;background:#334155;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-weight:800}.rules-summary h4{color:#fbbf24;margin:.8rem 0 .4rem;font-size:.85rem}.rules-summary ul{color:#cbd5e1;margin:0;padding-right:1.2rem;font-size:.78rem;line-height:1.6}.game-hub-card.dolab-card-accent{border-color:#38bdf84d;box-shadow:0 16px 40px #0284c733}.game-hub-card.dolab-card-accent:hover{border-color:#38bdf88c;transform:translateY(-6px);box-shadow:0 24px 60px #38bdf859}.game-launch-btn.dolab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#6366f1 100%);border:1px solid #38bdf8;border-radius:16px;width:100%;padding:12px 24px;font-size:1rem;font-weight:800;transition:all .25s;box-shadow:0 4px 15px #38bdf859}.game-launch-btn.dolab-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 8px 25px #38bdf88c}.seat-tag.tag-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;position:relative}.seat-tag.tag-interactive:hover{filter:brightness(1.2);transform:scale(1.08);box-shadow:0 0 10px #38bdf880}.seat-tag.tag-new.tag-interactive:hover{background:#ef444440;border-color:#f87171}.seat-tag.tag-played.tag-interactive:hover{background:#22c55e40;border-color:#4ade80}.btn-target-force-toggle{color:#fff;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:1px solid #38bdf8;border-radius:6px;margin-top:.4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:800;transition:all .2s;display:inline-block;box-shadow:0 2px 8px #0284c766}.btn-target-force-toggle:hover{background:linear-gradient(135deg,#0369a1 0%,#1d4ed8 100%);transform:scale(1.05);box-shadow:0 4px 12px #38bdf899}.seat-avatar-wrap{position:relative}.seat-avatar-banned-overlay{z-index:10;background:radial-gradient(circle,#ef4444d9 0%,#0f172af2 85%);border:2px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:2s ease-in-out infinite alternate avatarBannedGlow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #ef4444e6,inset 0 0 8px #ef444499}@keyframes avatarBannedGlow{0%{transform:translate(-50%,-50%)scale(.95);box-shadow:0 0 10px #ef4444b3}to{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 20px #ef4444}}.seat-avatar-banned-overlay .banned-overlay-sym{font-size:1.5rem;line-height:1}.seat-avatar-lucky-overlay{z-index:10;background:radial-gradient(circle,#fbbf24 0%,#d97706 100%);border:1.5px solid #fef08a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 0 10px #fbbf24cc}.seat-avatar-immunity-overlay{z-index:10;background:radial-gradient(circle,#06b6d4 0%,#0369a1 100%);border:1.5px solid #a5f3fc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 10px #06b6d4cc}.seat-avatar-immunity-overlay .immunity-turns-num{color:#38bdf8;background:#0f172a;border:1px solid #38bdf8;border-radius:999px;padding:1px 4px;font-size:.6rem;font-weight:800;position:absolute;top:-3px;left:-3px}.hud-mode-switcher-group{background:#0f172ab3;border:1px solid #ffffff1f;border-radius:28px;align-items:center;gap:8px;padding:3px 6px;display:flex}.hud-mode-toggle-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.hud-mode-toggle-btn.active-online{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 0 14px #10b98166}.hud-mode-toggle-btn.active-offline{color:#94a3b8;background:#47556966}.hud-mode-toggle-btn.active-offline:hover{color:#e2e8f0;background:#475569b3}.hud-online-status-bar{align-items:center;gap:8px;display:flex}.hud-live-connected-pill{color:#34d399;background:#10b98126;border:1px solid #10b98166;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.live-dot-pulsing{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.btn-mini-disconnect{color:#f87171;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.btn-mini-disconnect:hover{background:#ef444433}.hud-quick-connect-form{align-items:center;gap:4px;display:flex}.hud-quick-connect-input{color:#fff;background:#0f172ae6;border:1px solid #fff3;border-radius:14px;outline:none;width:120px;padding:4px 10px;font-family:inherit;font-size:.76rem}.hud-quick-connect-input:focus{border-color:#06b6d4;box-shadow:0 0 8px #06b6d44d}.hud-btn-quick-connect{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.76rem;font-weight:700;transition:all .2s;display:inline-flex}.hud-btn-quick-connect:hover{background:#0369a1}.hud-btn-viewers-pool{color:#38bdf8!important;background:#0ea5e926!important;border:1px solid #0ea5e959!important;padding:5px 12px!important;font-size:.8rem!important}.hud-btn-viewers-pool:hover{background:#0ea5e94d!important}.seat-avatar-real{object-fit:cover!important;border:2px solid #fff9!important;border-radius:50%!important;box-shadow:0 0 12px #00000080!important}.seat-assign-tabs-nav{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.seat-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.seat-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 2px 8px #0284c74d}.tiktok-assign-tab-content{flex-direction:column;gap:12px;display:flex}.tiktok-assign-header-bar{flex-direction:column;gap:10px;display:flex}.tiktok-search-box{color:#94a3b8;background:#0f172acc;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.tiktok-search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none}.tiktok-filter-chips{gap:6px;display:flex}.filter-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:4px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.filter-chip.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:800}.tiktok-viewers-grid-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.tiktok-viewer-card{cursor:pointer;background:#1e293bb3;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.tiktok-viewer-card:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.viewer-avatar-container{flex-shrink:0;width:44px;height:44px;position:relative}.viewer-real-avatar{object-fit:cover;border:2px solid #fff6;border-radius:50%;width:44px;height:44px}.online-indicator-badge{background:#10b981;border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.viewer-details{flex-direction:column;flex:1;min-width:0;display:flex}.viewer-nickname{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.viewer-unique-id{color:#94a3b8;text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:ltr;font-size:.74rem;overflow:hidden}.viewer-stats-badges{gap:4px;margin-top:4px;font-size:.68rem;display:flex}.badge-gift{color:#fbbf24;background:#f59e0b33;border-radius:4px;padding:1px 5px}.badge-likes{color:#fb7185;background:#f43f5e33;border-radius:4px;padding:1px 5px}.badge-comments{color:#38bdf8;background:#38bdf833;border-radius:4px;padding:1px 5px}.btn-seat-viewer-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:.78rem;font-weight:700;display:flex}.empty-live-viewers-box{text-align:center;color:#94a3b8;grid-column:1/-1;padding:30px}.empty-live-viewers-box .empty-icon{opacity:.4;margin-bottom:8px}.empty-title{color:#cbd5e1;font-size:.95rem;font-weight:700}.empty-sub{margin-top:4px;font-size:.8rem}.modal-viewers-pool{width:90%!important;max-width:820px!important}.pool-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pool-search-wrap{color:#94a3b8;background:#0f172acc;border:1px solid #ffffff26;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.pool-search-wrap input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.pool-stats-summary{gap:8px;display:flex}.stat-tag{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:5px 10px;font-size:.8rem}.stat-tag.online{color:#34d399;border-color:#10b98166}.btn-clear-idle{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-clear-idle:hover{background:#ef44444d}.pool-viewers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;max-height:480px;padding:4px;display:grid;overflow-y:auto}.pool-viewer-card{background:#1e293bb3;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.pool-viewer-card.is-seated{background:#0ea5e91a;border-color:#0ea5e980}.pool-card-avatar-wrap{width:48px;height:48px;position:relative}.pool-card-avatar{object-fit:cover;border:2px solid #fff6;border-radius:50%;width:48px;height:48px}.online-badge-dot{background:#10b981;border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.pool-card-info{flex-direction:column;display:flex}.pool-nick{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.pool-unique{color:#94a3b8;text-align:right;direction:ltr;font-size:.76rem}.pool-badges-row{gap:4px;margin-top:6px;font-size:.72rem;display:flex}.chip-gift{color:#fbbf24;background:#f59e0b33;border-radius:4px;padding:2px 6px}.chip-like{color:#fb7185;background:#f43f5e33;border-radius:4px;padding:2px 6px}.chip-comment{color:#38bdf8;background:#38bdf833;border-radius:4px;padding:2px 6px}.pool-card-actions{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.seated-indicator-pill{color:#38bdf8;background:#0ea5e933;border-radius:6px;padding:4px 8px;font-size:.76rem;font-weight:700}.quick-seat-assign-dropdown{flex-direction:column;gap:4px;display:flex}.assign-label{color:#94a3b8;font-size:.7rem}.quick-seats-btn-row{flex-wrap:wrap;gap:4px;display:flex}.btn-mini-seat-pick{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:inherit;font-size:.72rem;font-weight:800;display:flex}.btn-mini-seat-pick.boy{color:#fff;background:#0284c7}.btn-mini-seat-pick.girl{color:#fff;background:#db2777}.btn-delete-viewer{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-delete-viewer:hover{color:#f87171;background:#ef444426}.lv-filter-pills-bar{background:#0f172abf;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.lv-pill-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s}.lv-pill-btn:hover{color:#f8fafc;background:#ffffff0d}.lv-pill-btn.active{color:#fff;background:#0284c7;box-shadow:0 2px 10px #0284c766}.lv-pill-btn.guest{color:#f472b6}.lv-pill-btn.guest.active{color:#fff!important;background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%)!important;box-shadow:0 2px 12px #ec489980!important}.viewer-name-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.guest-badge-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:800;box-shadow:0 0 8px #ec489966}.modal-roster-dialog{width:95%!important;max-width:960px!important}.roster-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.roster-search-box{color:#94a3b8;background:#0f172ad9;border:1px solid #ffffff26;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex}.roster-search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.roster-filter-pills{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.filter-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s}.filter-pill:hover{color:#fff;background:#ffffff0f}.filter-pill.active{color:#fff;background:#0284c7;box-shadow:0 2px 8px #0284c766}.filter-pill.guy.active{background:#0284c7}.filter-pill.girl.active{background:#db2777;box-shadow:0 2px 8px #db277766}.filter-pill.played.active{background:#059669;box-shadow:0 2px 8px #05966966}.filter-pill.qualified.active{background:#ca8a04;box-shadow:0 2px 8px #ca8a0466}.btn-add-roster-player{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-roster-player:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.roster-table-wrap{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;max-height:480px;overflow-y:auto}.dolab-table{border-collapse:collapse;text-align:right;width:100%;font-size:.88rem}.dolab-table thead{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#1e293bf2;position:sticky;top:0}.dolab-table th{color:#94a3b8;white-space:nowrap;border-bottom:1px solid #ffffff1f;padding:12px 14px;font-size:.82rem;font-weight:800}.dolab-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:10px 14px}.dolab-table tr:hover{background:#ffffff08}.dolab-table tr.row-sitting{background:#0ea5e914}.roster-table-player-cell{align-items:center;gap:10px;display:flex}.roster-table-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:36px;height:36px}.roster-player-name-info{flex-direction:column;gap:2px;display:flex}.roster-p-name{color:#fff;font-size:.92rem;font-weight:800}.roster-qual-badge{color:#facc15;font-size:.7rem;font-weight:700}.gender-badge{border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:700}.gender-badge.guy{color:#38bdf8;background:#0284c726;border:1px solid #0284c74d}.gender-badge.girl{color:#f472b6;background:#db277726;border:1px solid #db27774d}.stat-number{color:#cbd5e1;font-family:inherit;font-weight:800}.stat-number.drop{color:#f87171}.stat-number.kills{color:#34d399}.seat-occupied-badge{color:#34d399;white-space:nowrap;background:#10b98133;border:1px solid #10b98166;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:800}.seat-idle-badge{color:#94a3b8;white-space:nowrap;background:#64748b33;border-radius:6px;padding:3px 8px;font-size:.76rem}.roster-actions-cell{align-items:center;gap:8px;display:flex}.quick-assign-seats-mini{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.btn-quick-assign-pill{cursor:pointer;border:none;border-radius:6px;padding:3px 8px;font-family:inherit;font-size:.74rem;font-weight:700;transition:all .2s}.btn-quick-assign-pill.guy{color:#38bdf8;background:#0284c740;border:1px solid #0284c766}.btn-quick-assign-pill.guy:hover{color:#fff;background:#0284c7}.btn-quick-assign-pill.girl{color:#f472b6;background:#db277740;border:1px solid #db277766}.btn-quick-assign-pill.girl:hover{color:#fff;background:#db2777}.btn-icon-danger{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon-danger:hover{color:#f87171;background:#ef444426}.empty-table-cell{text-align:center;color:#94a3b8;padding:40px!important}.empty-table-cell .empty-icon{opacity:.35;margin-bottom:8px}.add-roster-player-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#cbd5e1;font-size:.85rem;font-weight:700}.input-text-full{color:#fff;background:#0f172ad9;border:1px solid #fff3;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.input-text-full:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.gender-radio-pill input{display:none}.gender-radio-pill.active-guy{color:#38bdf8;background:#0284c733;border-color:#0284c7}.gender-radio-pill.active-girl{color:#f472b6;background:#db277733;border-color:#db2777}.modal-actions-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:700}.btn-cancel:hover{color:#fff;background:#ffffff26}.btn-primary-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0284c759}.modal-add-roster{width:90%!important;max-width:480px!important}.gender-toggle-row{gap:12px;display:flex}.gender-radio-pill{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1.5px solid #ffffff1f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.gender-radio-pill input[type=radio]{display:none}.gender-radio-pill .gender-pill-thumb,.gender-radio-pill img{object-fit:contain!important;flex-shrink:0!important;width:34px!important;max-width:34px!important;height:34px!important;max-height:34px!important}.gender-radio-pill.active-guy,.gender-radio-pill.active{color:#38bdf8!important;background:#0284c738!important;border-color:#0284c7!important;box-shadow:0 0 12px #0284c74d!important}.gender-radio-pill.active-girl{color:#f472b6!important;background:#db277738!important;border-color:#db2777!important;box-shadow:0 0 12px #db27774d!important}.btn-gender-toggle-pill{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-gender-toggle-pill.guy{color:#38bdf8;background:#0284c726;border-color:#0284c759}.btn-gender-toggle-pill.guy:hover{background:#0284c74d;border-color:#38bdf8;transform:scale(1.04)}.btn-gender-toggle-pill.girl{color:#f472b6;background:#db277726;border-color:#db277759}.btn-gender-toggle-pill.girl:hover{background:#db27774d;border-color:#f472b6;transform:scale(1.04)}.btn-gender-toggle-pill .swap-icon{opacity:.6;transition:transform .2s}.btn-gender-toggle-pill:hover .swap-icon{opacity:1;transform:rotate(180deg)}.dolab-prev-score-panel{-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#0f172ad9 0%,#1e293ba6 100%);border:1px solid #facc1540;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:.65rem 1.15rem;display:flex;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff14}.prev-panel-meta{flex-direction:column;gap:2px;display:flex}.prev-panel-title-wrap{align-items:center;gap:8px;display:flex}.prev-trophy-icon{filter:drop-shadow(0 0 6px #facc1599);font-size:1.15rem}.prev-panel-title-input{color:#fbbf24;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;width:140px;padding:3px 10px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s}.prev-panel-title-input:focus{background:#00000080;border-color:#fbbf24;outline:none;box-shadow:0 0 10px #facc154d}.prev-panel-hint{color:#e2e8f0a6;font-size:.78rem}.prev-panel-counters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prev-counter-box{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:flex}.prev-counter-box.girls{background:#db277714;border-color:#f472b64d}.prev-counter-box.boys{background:#0284c714;border-color:#38bdf84d}.prev-team-badge{font-size:.85rem;font-weight:800}.prev-counter-box.girls .prev-team-badge{color:#f472b6}.prev-counter-box.boys .prev-team-badge{color:#38bdf8}.prev-input-group{align-items:center;gap:4px;display:flex}.prev-btn-step{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:900;transition:all .15s;display:flex}.prev-btn-step:hover{background:#ffffff40;transform:scale(1.08)}.prev-btn-step:active{transform:scale(.95)}.prev-num-input{color:#fff;text-align:center;-moz-appearance:textfield;background:#00000080;border:1px solid #fff3;border-radius:6px;width:44px;height:28px;font-family:inherit;font-size:1.1rem;font-weight:900}.prev-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prev-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prev-counter-box.girls .prev-num-input{color:#f472b6;text-shadow:0 0 8px #f472b699}.prev-counter-box.boys .prev-num-input{color:#38bdf8;text-shadow:0 0 8px #38bdf899}.prev-vs-text{color:#fff6;font-size:1.1rem;font-weight:900}.prev-visibility-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex}.prev-visibility-toggle-btn.is-visible{color:#34d399;background:#10b98126;border-color:#10b98159}.prev-visibility-toggle-btn.is-visible:hover{background:#10b98140}.prev-visibility-toggle-btn.is-hidden{color:#f87171;background:#ef444426;border-color:#ef444459}.prev-visibility-toggle-btn.is-hidden:hover{background:#ef444440}.hud-btn-prev-score{color:#fde047!important;background:#facc151f!important;border-color:#facc1559!important}.hud-btn-prev-score:hover{background:#facc1538!important;border-color:#facc15!important;box-shadow:0 0 15px #facc154d!important}.hud-hidden-tag{color:#fca5a5;background:#ef444440;border-radius:6px;margin-right:4px;padding:1px 6px;font-size:.72rem}.prev-score-modal-content{flex-direction:column;gap:1rem;display:flex}.modal-counters-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-team-score-card{background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.modal-team-score-card.girls{background:#db277714;border-color:#f472b666}.modal-team-score-card.boys{background:#0284c714;border-color:#38bdf866}.team-card-header{align-items:center;gap:8px;display:flex}.team-card-char{object-fit:contain;width:32px;height:32px}.modal-team-score-card h4{margin:0;font-size:1.05rem;font-weight:800}.modal-team-score-card.girls h4{color:#f472b6}.modal-team-score-card.boys h4{color:#38bdf8}.modal-score-stepper{align-items:center;gap:8px;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;font-weight:900;transition:all .15s;display:flex}.stepper-btn:hover{background:#ffffff40;transform:scale(1.06)}.stepper-input{color:#fff;text-align:center;background:#0009;border:1.5px solid #ffffff40;border-radius:10px;width:70px;height:42px;font-family:inherit;font-size:1.6rem;font-weight:900}.modal-team-score-card.girls .stepper-input{color:#f472b6;text-shadow:0 0 12px #f472b6cc}.modal-team-score-card.boys .stepper-input{color:#38bdf8;text-shadow:0 0 12px #38bdf8cc}.prev-score-settings-box{background:#facc150d;border:1px solid #facc1540;border-radius:12px;margin-bottom:1rem;padding:.85rem}.prev-score-settings-box .settings-section-title{color:#fbbf24;align-items:center;gap:8px;margin-bottom:.75rem;font-size:.95rem;font-weight:800;display:flex}.prev-score-settings-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;align-items:center;gap:.75rem;display:grid}.form-group-compact{flex-direction:column;gap:4px;display:flex}.form-group-compact label{color:#e2e8f0b3;font-size:.78rem;font-weight:700}.compact-input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.9rem;font-weight:700}.compact-input.number{text-align:center;font-size:1.1rem;font-weight:900}.btn-danger-outline{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:6px;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.landing-container{color:#f1f5f9;background-color:#07090e;background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 0,#ec48991a 0,#0000 50%),radial-gradient(at 50% 100%,#10b98114 0,#0000 50%);min-height:100vh;font-family:Tajawal,Outfit,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.bg-glow{filter:blur(140px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;position:absolute}.bg-glow-1{background:radial-gradient(circle,#6366f1 0%,#6366f100 70%);width:500px;height:500px;top:-100px;right:-100px}.bg-glow-2{background:radial-gradient(circle,#ec4899 0%,#ec489900 70%);width:450px;height:450px;top:40%;left:-150px}.bg-glow-3{background:radial-gradient(circle,#3b82f6 0%,#3b82f600 70%);width:600px;height:600px;bottom:0;right:15%}.landing-navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#07090ebf;border-bottom:1px solid #ffffff12;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.landing-brand{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo-icon{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 25px #6366f166}.brand-icon-text{font-size:1.5rem}.brand-name-group{flex-direction:column;display:flex}.brand-title{letter-spacing:-.5px;color:#fff;font-size:1.35rem;font-weight:900}.brand-accent{background:linear-gradient(135deg,#818cf8,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-tagline{color:#94a3b8;letter-spacing:.5px;font-size:.72rem;font-weight:600}.landing-nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:#cbd5e1;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-link:hover{color:#fff}.landing-nav-actions{align-items:center;gap:12px;display:flex}.btn-ghost{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:10px 18px;font-size:.92rem;font-weight:700;transition:all .2s}.btn-ghost:hover{color:#fff;background:#ffffff0f;border-color:#ffffff40}.btn-primary-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#db2777 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #6366f159}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f18c}.hero-section{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:70px 24px 80px;display:flex;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 20px;display:inline-flex}.badge-pulse{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-red;box-shadow:0 0 10px #ef4444}.badge-text{color:#c7d2fe;font-size:.88rem;font-weight:700}.hero-headline{letter-spacing:-1px;color:#fff;max-width:950px;margin:0 0 24px;font-size:3.4rem;font-weight:900;line-height:1.25}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 40%,#f472b6 80%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-description{color:#94a3b8;max-width:780px;margin:0 0 36px;font-size:1.2rem;line-height:1.8}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:50px;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;text-align:right;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#db2777 100%);border:1px solid #fff3;border-radius:14px;align-items:center;gap:14px;padding:14px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 35px #6366f166}.btn-hero-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 45px #6366f199}.btn-hero-secondary{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:right;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:14px;padding:14px 28px;text-decoration:none;transition:all .3s;display:flex}.btn-hero-secondary:hover{color:#fff;background:#334155e6;border-color:#6366f166;transform:translateY(-3px)}.btn-icon-large{font-size:1.7rem}.btn-text-block{flex-direction:column;display:flex}.btn-main-label{font-size:1.05rem;font-weight:800;line-height:1.3}.btn-sub-label{color:#cbd5e1;opacity:.85;font-size:.76rem}.hero-stats-row{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-bottom:60px;padding:18px 36px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:#94a3b8;margin-top:2px;font-size:.8rem;font-weight:600}.stat-divider{background:#ffffff1a;width:1px;height:32px}.hero-mockup-container{perspective:1000px;width:100%;max-width:1060px}.mockup-frame{text-align:right;background:#0f172a;border:1px solid #6366f159;border-radius:20px;transition:transform .5s;overflow:hidden;box-shadow:0 25px 70px #000000b3,0 0 50px #6366f12e}.mockup-frame:hover{transform:translateY(-4px)}.mockup-header{background:#090d16;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mockup-dots{gap:7px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.mockup-address{color:#94a3b8;direction:ltr;background:#ffffff0f;border-radius:6px;padding:4px 18px;font-family:monospace;font-size:.8rem}.mockup-status-live{color:#10b981;align-items:center;gap:7px;font-size:.75rem;font-weight:800;display:flex}.live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.mockup-body{padding:24px}.mockup-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.mockup-card{background:#0f172acc;border:1px solid #ffffff14;border-radius:14px;padding:16px}.card-header-mini{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.85rem;font-weight:700;display:flex}.badge-mini{color:#34d399;background:#10b98126;border-radius:6px;padding:3px 8px;font-size:.72rem}.gift-tag{color:#f59e0b;font-weight:800}.preview-video-placeholder{background:radial-gradient(circle,#1e1b4b 0%,#090d16 100%);border-radius:10px;align-items:flex-end;height:220px;padding:14px;display:flex;position:relative;overflow:hidden}.video-visual-glow{filter:blur(50px);opacity:.6;background:#6366f1;border-radius:50%;width:120px;height:120px;position:absolute;top:20%;right:35%}.preview-action-card-overlay{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #6366f166;border-radius:10px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:relative}.pac-avatar{font-size:1.5rem}.pac-info{text-align:right;flex-direction:column;display:flex}.pac-info strong{color:#fff;font-size:.88rem}.pac-info span{color:#a5b4fc;font-size:.75rem}.badge-live-pulse{color:#f87171;background:#ef444426;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.leaderboard-mini-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.lb-mini-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;display:flex}.lb-mini-item.rank-1{background:#f59e0b1f;border:1px solid #f59e0b4d}.rank-badge{color:#f59e0b;font-weight:900}.user-name{color:#fff;font-weight:700}.diamonds-val{color:#38bdf8;font-weight:800}.wheel-banner-mini{text-align:center;background:#6366f11a;border:1px dashed #6366f14d;border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:.78rem;display:flex}.wheel-banner-mini strong{color:#818cf8}.features-section{z-index:1;max-width:1200px;margin:0 auto;padding:90px 24px;position:relative}.section-header{text-align:center;margin-bottom:60px}.landing-container .section-subtitle{color:#818cf8;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:800;display:block}.landing-container .section-title{color:#fff;margin:0 0 16px;font-size:2.5rem;font-weight:900}.landing-container .section-desc{color:#94a3b8;max-width:650px;margin:0 auto;font-size:1.1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.feature-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:right;background:#0f172aa6;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:flex-start;padding:32px 26px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 15px 40px #0006,0 0 30px #6366f126}.feature-icon-wrapper{color:#818cf8;background:linear-gradient(135deg,#6366f133 0%,#ec489933 100%);border:1px solid #6366f159;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-tag{color:#38bdf8;background:#38bdf81a;border-radius:6px;margin-bottom:12px;padding:3px 10px;font-size:.72rem;font-weight:800}.feature-title{color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:800}.feature-desc{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.7}.showcase-section{z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px;position:relative}.showcase-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:12px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:all .2s}.tab-btn:hover{color:#fff;background:#1e293bcc}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#6366f1;box-shadow:0 4px 20px #6366f159}.showcase-display{background:#0f172a;border:1px solid #ffffff1a;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080}.showcase-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.showcase-text h3{color:#fff;margin:0 0 16px;font-size:1.6rem;font-weight:900}.showcase-text p{color:#94a3b8;margin:0 0 24px;font-size:1.05rem;line-height:1.8}.showcase-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.showcase-list li{color:#e2e8f0;font-size:.95rem;font-weight:600}.showcase-media-box{background:#07090e;border:1px solid #6366f14d;border-radius:18px;flex-direction:column;justify-content:center;min-height:280px;padding:24px;display:flex;position:relative;overflow:hidden}.screen-badge{color:#818cf8;direction:ltr;background:#ffffff14;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.72rem;position:absolute;top:14px;left:14px}.actions-demo-visual{flex-direction:column;align-items:center;gap:16px;display:flex}.demo-gift-effect{font-size:4rem;animation:2s ease-in-out infinite bounce-gift}@keyframes bounce-gift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.1)}}.demo-overlay-banner{background:#0f172af2;border:1px solid #f59e0b80;border-radius:12px;align-items:center;gap:14px;padding:10px 22px;display:flex}.donor-name{color:#fbbf24;font-weight:800}.gift-detail{color:#fff;font-size:.85rem}.lb-showcase-card{flex-direction:column;gap:10px;display:flex}.lb-title-bar{color:#38bdf8;text-align:center;margin-bottom:6px;font-size:1.1rem;font-weight:800}.lb-row{background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.lb-row.gold{background:#f59e0b26;border:1px solid #f59e0b4d}.lb-row.silver{background:#94a3b81f}.lb-row.bronze{background:#b453091f}.wheel-preview-graphic{flex-direction:column;align-items:center;gap:20px;display:flex}.wheel-center-pointer{font-size:4.5rem;animation:6s linear infinite spin-wheel}@keyframes spin-wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-teams-bar{gap:14px;display:flex}.team-blue{color:#60a5fa;background:#3b82f633;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700}.team-pink{color:#f472b6;background:#ec489933;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700}.dock-card-preview{flex-direction:column;gap:10px;display:flex}.dock-row{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.dock-btn-play{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:700}.desktop-section{z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px;position:relative}.desktop-card{background:linear-gradient(135deg,#0f172ae6 0%,#1e1b4bd9 100%);border:1px solid #6366f159;border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:56px;display:grid;box-shadow:0 25px 70px #0009,0 0 50px #6366f133}.desktop-badge{color:#c084fc;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem;font-weight:800;display:block}.desktop-title{color:#fff;margin:0 0 16px;font-size:2.4rem;font-weight:900}.desktop-desc{color:#cbd5e1;margin:0 0 24px;font-size:1.1rem;line-height:1.8}.desktop-specs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.spec-badge{color:#e2e8f0;background:#ffffff14;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700}.desktop-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-download-exe{color:#fff;cursor:pointer;text-align:right;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 24px;transition:all .3s;display:flex;box-shadow:0 8px 25px #10b98166}.btn-download-exe:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10b98199}.dl-icon{font-size:1.6rem}.dl-text{flex-direction:column;display:flex}.dl-text strong{font-size:.98rem;font-weight:800}.dl-text span{color:#d1fae5;font-size:.72rem}.btn-web-login{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;padding:14px 22px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-web-login:hover{color:#fff;background:#ffffff14;border-color:#fff6}.app-window-graphic{background:#090d16;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000080}.aw-header{background:#05070c;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 16px;display:flex}.aw-dot{border-radius:50%;width:9px;height:9px}.aw-dot.red{background:#ef4444}.aw-dot.yellow{background:#f59e0b}.aw-dot.green{background:#10b981}.aw-title{color:#94a3b8;margin-right:auto;font-family:monospace;font-size:.75rem}.aw-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.aw-center-icon{font-size:3rem}.aw-center-text{color:#cbd5e1;font-size:.95rem;font-weight:700}.aw-status-bar{color:#34d399;direction:ltr;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;margin-top:16px;padding:6px 14px;font-family:monospace;font-size:.75rem}.faq-section{z-index:1;max-width:900px;margin:0 auto;padding:80px 24px;position:relative}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;padding:20px 24px;transition:all .2s}.faq-item:hover{background:#1e293bb3;border-color:#6366f14d}.faq-item.open{background:#0f172ad9;border-color:#6366f180}.faq-question{color:#fff;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.faq-toggle-icon{color:#818cf8;font-size:1.4rem}.faq-answer{border-top:1px solid #ffffff12;margin-top:14px;padding-top:14px}.faq-answer p{color:#94a3b8;margin:0;font-size:.98rem;line-height:1.8}.landing-footer{z-index:1;background:#05070c;border-top:1px solid #ffffff14;padding:60px 24px 30px;position:relative}.footer-inner{grid-template-columns:2fr 1fr 1.2fr;gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-desc{color:#94a3b8;max-width:380px;margin-top:14px;font-size:.95rem;line-height:1.7}.footer-links-col h4,.footer-actions-col h4{color:#fff;margin:0 0 16px;font-size:1rem;font-weight:800}.footer-links-col{flex-direction:column;gap:10px;display:flex}.footer-links-col a{color:#94a3b8;font-size:.92rem;text-decoration:none;transition:color .2s}.footer-links-col a:hover{color:#fff}.footer-actions-col{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footer-domain-badge{color:#34d399;direction:ltr;font-family:monospace;font-size:.78rem}.footer-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding-top:24px;display:flex}.footer-bottom p{color:#64748b;margin:0;font-size:.85rem}.footer-sub{font-size:.8rem!important}@media (width<=900px){.hero-headline{font-size:2.4rem}.mockup-grid,.showcase-content,.desktop-card,.footer-inner{grid-template-columns:1fr}.landing-nav-links{display:none}.desktop-card{padding:32px 20px}}.dashboard-home-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:10px 10px 40px;animation:.4s cubic-bezier(.16,1,.3,1) dashFadeIn;display:flex}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-header-section{flex-direction:column;gap:8px;padding-bottom:6px;display:flex}.dash-welcome-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:800;line-height:1.25}.dash-user-highlight{background:linear-gradient(135deg,#a855f7,#6366f1,#38bdf8);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #a855f766;-webkit-background-clip:text}.dash-welcome-subtitle{color:#94a3b8;margin:0;font-size:1rem;font-weight:400;line-height:1.6}.dash-main-card{-webkit-backdrop-filter:blur(16px);background:#0f111ad9;border:1px solid #ffffff14;border-radius:16px;padding:24px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.dash-main-card:hover{border-color:#ffffff24}.dash-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dash-card-title-group{flex-direction:column;gap:6px;display:flex}.dash-card-title{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.dash-card-desc{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.5}.dash-section-title{color:#e2e8f0;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.live-signal-icon{color:#a855f7;letter-spacing:1px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex;position:relative}.live-signal-icon.active{color:#22c55e}.live-dot-ping{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.8s cubic-bezier(0,0,.2,1) infinite pingPulse;position:absolute}@keyframes pingPulse{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2.6)}}.dash-account-switch-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-add-account-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.dash-add-account-btn:hover{color:#c084fc;background:#c084fc1a}.dash-add-account-btn .plus-icon{color:#a855f7;font-size:1.1rem;font-weight:700}.dash-saved-accounts-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-account-chip{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;transition:all .2s;display:flex}.dash-account-chip:hover{color:#f1f5f9;background:#ffffff1a}.dash-account-chip.active{color:#e9d5ff;background:#a855f72e;border-color:#a855f7}.chip-at{color:#a855f7;font-weight:700}.chip-remove{opacity:.6;margin-right:2px;font-size:.75rem}.chip-remove:hover{opacity:1;color:#ef4444}.dash-connection-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.dash-input-container{background:#090a10;border:1px solid #ffffff1f;border-radius:12px;flex:1;align-items:center;padding:4px 14px;transition:all .2s;display:flex;position:relative}.dash-input-container:focus-within{border-color:#7e22ce;box-shadow:0 0 0 2px #a855f733}.dash-input-prefix{color:#94a3b8;align-items:center;gap:6px;margin-left:8px;display:flex}.tiktok-svg-icon{color:#f43f5e}.at-symbol{color:#64748b;font-size:1.1rem;font-weight:700}.dash-tiktok-input{color:#fff;text-align:right;direction:ltr;background:0 0;border:none;outline:none;flex:1;padding:12px 6px;font-family:inherit;font-size:1rem}.dash-tiktok-input::placeholder{color:#475569;text-align:right}.dash-connected-avatar{object-fit:cover;border:2px solid #a855f7;border-radius:50%;width:34px;height:34px;margin-right:8px}.dash-connect-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.dash-connect-btn.connect{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 16px #7c3aed59}.dash-connect-btn.connect:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.dash-connect-btn.connect:disabled{opacity:.5;cursor:not-allowed}.dash-connect-btn.disconnect{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.dash-connect-btn.disconnect:hover{color:#fff;background:#ef444440}.dash-input-hint{color:#64748b;margin:4px 0 16px;font-size:.82rem}.dash-lock-notice-box{color:#cbd5e1;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:flex}.dash-lock-notice-box .lock-icon{color:#a855f7;font-size:1rem}.privacy-card{border-color:#ffffff0f}.privacy-header{margin-bottom:16px}.dash-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0003;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;transition:background .2s;display:flex}.dash-toggle-row:hover{background:#ffffff08}.dash-toggle-label{align-items:center;gap:10px;display:flex}.lightning-icon{color:#eab308;font-size:1.15rem}.toggle-title{color:#f1f5f9;font-size:.98rem;font-weight:700}.dash-switch{background:#334155;border-radius:13px;width:48px;height:26px;transition:background .25s;position:relative}.dash-switch.checked{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 10px #a855f766}.dash-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.dash-switch.checked .dash-switch-thumb{transform:translate(22px)}.dash-advisory-box{background:#f59e0b0a;border:1px solid #f59e0b40;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.dash-advisory-box .advisory-icon{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:1.2rem}.dash-advisory-box .advisory-text{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.7}.dash-advisory-box .advisory-text strong{color:#fbbf24}.dash-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.dash-stat-card{cursor:pointer;background:#0f111ab3;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex;position:relative}.dash-stat-card:hover{background:#141826d9;border-color:#a855f74d;transform:translateY(-2px)}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.stat-icon-wrapper.purple{color:#c084fc;background:#a855f726}.stat-icon-wrapper.cyan{color:#22d3ee;background:#06b6d426}.stat-icon-wrapper.emerald{color:#34d399;background:#10b98126}.stat-icon-wrapper.blue{color:#60a5fa;background:#3b82f626}.stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.stat-value{color:#fff;font-size:1.35rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.82rem}.stat-action-arrow{color:#64748b;font-size:1.1rem;transition:transform .2s}.dash-stat-card:hover .stat-action-arrow{color:#a855f7;transform:translate(-4px)}.status-pill{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.status-pill.live{color:#f87171;background:#ef444433;border:1px solid #ef444466}.status-pill.offline{color:#94a3b8;background:#64748b33}.status-pill.online{color:#4ade80;background:#22c55e33}.status-pill.warn{color:#fbbf24;background:#f59e0b33}.dash-sim-buttons-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.dash-sim-btn{cursor:pointer;text-align:right;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:14px;font-family:inherit;transition:all .2s;display:flex}.dash-sim-btn:hover:not(:disabled){background:#ffffff0f;border-color:#a855f759;transform:translateY(-1px)}.sim-btn-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.sim-btn-text{flex-direction:column;gap:2px;display:flex}.sim-btn-text strong{color:#f1f5f9;font-size:.92rem}.sim-btn-text span{color:#64748b;font-size:.78rem}.dash-quick-links-grid{flex-direction:column;gap:12px;display:flex}.dash-link-row{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dash-link-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.link-badge{color:#f8fafc;font-size:.88rem;font-weight:700}.link-url-text{color:#64748b;text-align:left;white-space:nowrap;text-overflow:ellipsis;direction:ltr;max-width:500px;font-family:monospace;font-size:.8rem;overflow:hidden}.dash-link-btns{align-items:center;gap:8px;display:flex}.dash-copy-pill,.dash-open-pill{cursor:pointer;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s}.dash-copy-pill:hover,.dash-open-pill:hover{color:#fff;background:#ffffff1f}.dash-copy-pill.copied{color:#4ade80;background:#22c55e33;border-color:#22c55e66}.dash-feed-list{flex-direction:column;gap:10px;max-height:220px;display:flex;overflow-y:auto}.dash-feed-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.feed-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.feed-avatar-fallback{background:#334155;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.feed-details{flex-direction:column;flex:1;gap:2px;display:flex}.feed-name-row{align-items:center;gap:8px;display:flex}.feed-user-name{color:#e2e8f0;font-size:.88rem}.feed-type-tag{color:#d8b4fe;background:#a855f733;border-radius:4px;padding:1px 6px;font-size:.72rem}.feed-text-content{color:#94a3b8;margin:0;font-size:.82rem}.dash-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dash-modal-window{direction:rtl;background:#0f111a;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 40px #0009}.dash-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-modal-header h3{color:#f8fafc;margin:0;font-size:1.15rem}.dash-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.dash-modal-close:hover{color:#fff}.dash-modal-label{color:#cbd5e1;margin-bottom:8px;font-size:.88rem;display:block}.dash-modal-input-wrapper{background:#090a10;border:1px solid #ffffff26;border-radius:10px;align-items:center;padding:4px 12px;display:flex}.modal-at{color:#a855f7;margin-left:6px;font-size:1.1rem;font-weight:700}.dash-modal-input{color:#fff;text-align:right;direction:ltr;background:0 0;border:none;outline:none;flex:1;padding:10px 4px;font-family:inherit;font-size:.95rem}.dash-modal-help{color:#64748b;margin-top:8px;font-size:.8rem;line-height:1.5}.dash-modal-actions{gap:10px;margin-top:20px;display:flex}@media (width<=768px){.dash-connection-row{flex-direction:column;align-items:stretch}.dash-connect-btn{width:100%}.dash-link-row{flex-direction:column;align-items:flex-start}.dash-link-btns{justify-content:flex-end;width:100%}.link-url-text{max-width:100%}}:root{--adm-bg:#070913;--adm-card-bg:#0f172abf;--adm-card-border:#ffffff14;--adm-card-hover:#1e293bd9;--adm-primary:#3b82f6;--adm-primary-glow:#3b82f659;--adm-purple:#8b5cf6;--adm-purple-glow:#8b5cf659;--adm-cyan:#06b6d4;--adm-emerald:#10b981;--adm-emerald-glow:#10b9814d;--adm-amber:#f59e0b;--adm-rose:#f43f5e;--adm-rose-glow:#f43f5e59;--adm-text-main:#f8fafc;--adm-text-muted:#94a3b8;--adm-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Kufi Arabic", "Cairo", sans-serif}.admin-wrapper{min-height:100vh;color:var(--adm-text-main);font-family:var(--adm-font);direction:rtl;background:radial-gradient(circle at 10% 10%,#3b82f614 0%,#0000 40%),radial-gradient(circle at 90% 90%,#8b5cf614 0%,#0000 45%),#070913;display:flex;overflow-x:hidden}.admin-login-container{background:radial-gradient(circle at 50% 30%,#6366f126,#0000 60%),radial-gradient(circle at 80% 80%,#f43f5e1a,#0000 50%),#070913;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.admin-login-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 40px #6366f133}.admin-login-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);height:4px;position:absolute;top:0;left:0;right:0}.admin-login-badge{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.admin-login-title{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:1.75rem;font-weight:800}.admin-login-subtitle{color:var(--adm-text-muted);margin:0 0 28px;font-size:.9rem}.admin-login-form{text-align:right;flex-direction:column;gap:18px;display:flex}.admin-input-group{flex-direction:column;gap:6px;display:flex}.admin-input-group label{color:#cbd5e1;font-size:.85rem;font-weight:600}.admin-input-field{color:#fff;box-sizing:border-box;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .25s}.admin-input-field:focus{background:#1e293bf2;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f140}.admin-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 10px 20px -5px #4f46e566}.admin-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 14px 25px -5px #4f46e599}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-alert-banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;display:flex}.admin-alert-error{color:#fca5a5;background:#f43f5e26;border:1px solid #f43f5e59}.admin-alert-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.admin-alert-warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59}.admin-alert-info{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f659}.admin-login-links{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.admin-link-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-link-btn:hover{color:#c7d2fe;background:#6366f11f;text-decoration:underline}.admin-recovery-tabs{background:#1e293b99;border:1px solid #ffffff14;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.admin-recovery-tab{color:var(--adm-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.admin-recovery-tab.active{color:#fff;background:#6366f140;border:1px solid #6366f166;box-shadow:0 2px 8px #0000004d}.admin-hint-box{color:#94a3b8;text-align:right;background:#0f172ab3;border:1px dashed #ffffff26;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:.84rem;line-height:1.6}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--adm-card-border);z-index:50;background:#0b1121f2;flex-direction:column;flex-shrink:0;width:270px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0}.admin-sidebar-header{border-bottom:1px solid var(--adm-card-border);align-items:center;gap:12px;padding:24px 20px;display:flex}.admin-sidebar-logo{width:42px;height:42px;box-shadow:0 0 20px var(--adm-primary-glow);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.admin-brand-title{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.admin-brand-subtitle{color:#818cf8;font-size:.75rem;font-weight:600}.admin-sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.admin-nav-item{color:#94a3b8;text-align:right;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0d}.admin-nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #6366f159;box-shadow:0 4px 15px #6366f126}.admin-nav-icon{text-align:center;width:24px;font-size:1.25rem}.admin-nav-badge{border-radius:20px;margin-right:auto;padding:2px 8px;font-size:.72rem;font-weight:700}.badge-live{color:#ff4757;background:#f43f5e33;border:1px solid #f43f5e66;animation:1.8s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.admin-sidebar-footer{border-top:1px solid var(--adm-card-border);background:#070a1499;justify-content:space-between;align-items:center;padding:16px;display:flex}.admin-user-info{align-items:center;gap:10px;display:flex}.admin-avatar-chip{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.admin-user-name{color:#fff;font-size:.88rem;font-weight:700}.admin-user-role{color:#10b981;font-size:.72rem;font-weight:600}.admin-btn-logout{color:#fda4af;cursor:pointer;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.admin-btn-logout:hover{color:#fff;box-shadow:0 0 15px var(--adm-rose-glow);background:#f43f5e}.admin-main{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow-y:auto}.admin-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--adm-card-border);z-index:40;background:#0b1121b3;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-topbar-title{align-items:center;gap:12px;display:flex}.admin-page-heading{color:#fff;margin:0;font-size:1.35rem;font-weight:800}.admin-topbar-actions{align-items:center;gap:12px;display:flex}.admin-btn-secondary{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.admin-btn-secondary:hover{color:#fff;background:#334155e6;border-color:#fff3}.admin-live-pulse{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:30px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;box-shadow:0 0 10px #10b981}.admin-content-body{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:1440px;padding:32px;display:flex}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.admin-metric-card{background:var(--adm-card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--adm-card-border);border-radius:20px;padding:22px 20px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.admin-metric-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 15px 35px -5px #00000080}.admin-metric-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-metric-title{color:var(--adm-text-muted);font-size:.88rem;font-weight:700}.admin-metric-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex}.icon-cpu{color:#60a5fa;background:#3b82f626}.icon-ram{color:#a78bfa;background:#8b5cf626}.icon-disk{color:#34d399;background:#10b98126}.icon-users{color:#fbbf24;background:#f59e0b26}.icon-streams{color:#fb7185;background:#f43f5e26}.admin-metric-value{color:#fff;margin-bottom:6px;font-size:1.85rem;font-weight:800;line-height:1.2}.admin-metric-sub{color:var(--adm-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.admin-progress-bar-container{background:#ffffff14;border-radius:10px;width:100%;height:8px;margin-top:14px;overflow:hidden}.admin-progress-bar-fill{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.fill-cpu{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.fill-ram{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.fill-disk{background:linear-gradient(90deg,#10b981,#34d399)}.fill-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.admin-panel{background:var(--adm-card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--adm-card-border);border-radius:24px;padding:24px;box-shadow:0 10px 30px -5px #0006}.admin-panel-header{border-bottom:1px solid var(--adm-card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-panel-title{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.admin-panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-search-input{color:#fff;box-sizing:border-box;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:12px;min-width:240px;padding:9px 16px;font-size:.88rem}.admin-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.admin-filter-btn{color:var(--adm-text-muted);cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.admin-filter-btn:hover{color:#fff;background:#334155cc}.admin-filter-btn.active{color:#a5b4fc;background:#6366f140;border-color:#6366f173}.admin-security-grid{direction:rtl;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin:0;padding:0;display:grid}.admin-security-grid>.admin-panel+.admin-panel.backup-panel{margin-top:0}.backup-panel{direction:rtl;width:100%;margin-top:0;grid-column:1/-1!important}.backup-panel-description{color:#94a3b8;margin:8px 0 20px;font-size:.85rem;line-height:1.7}.backup-actions-row{direction:rtl;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.backup-actions-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.backup-count-label{color:#94a3b8;white-space:nowrap;font-size:.8rem}.backup-table-wrapper{direction:ltr;background:#0f172a66;border:1px solid #94a3b81f;border-radius:12px;overflow:hidden}.backup-table-row{direction:rtl;grid-template-columns:minmax(180px,2fr) 110px 100px minmax(260px,1.3fr);align-items:center;gap:12px;padding:12px 18px;display:grid}.backup-table-header{color:#e2e8f0;background:#33415580;border-bottom:1px solid #94a3b81f;font-size:.85rem;font-weight:600}.backup-table-item{border-bottom:1px solid #94a3b814;padding:14px 18px;transition:background .15s}.backup-table-item:last-child{border-bottom:none}.backup-table-item:hover{background:#1e293b80}.backup-date-cell{flex-direction:column;gap:4px;display:flex}.backup-date-main{color:#fff;font-size:.92rem;font-weight:600;line-height:1.4}.backup-date-name{color:#64748b;word-break:break-all;font-size:.75rem}.backup-size-cell{text-align:center;color:#e2e8f0;font-weight:600}.backup-id-cell{text-align:center;color:#94a3b8;font-size:.8rem}.backup-ops-cell{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.backup-empty-state{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.95rem}.backup-loading{text-align:center;color:#94a3b8;padding:40px 20px}.backup-unsupported{text-align:center;color:#fbbf24;padding:36px 20px;font-size:.95rem}.btn-backup-primary{min-width:220px}.btn-backup-restore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:108px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-backup-restore:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-backup-restore:disabled{opacity:.55;cursor:not-allowed}.btn-backup-delete{color:#fecaca;cursor:pointer;background:linear-gradient(135deg,#ef44442e 0%,#b91c1c40 100%);border:1px solid #ef44444d;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-backup-delete:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-backup-delete:disabled{opacity:.5;cursor:not-allowed}.backup-info-footer{color:#64748b;direction:rtl;background:#0f172a59;border:1px solid #64748b26;border-radius:10px;padding:10px 12px;font-size:.78rem;line-height:1.7}.backup-info-footer strong{color:#cbd5e1}.admin-table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;width:100%}.admin-table th{color:#94a3b8;border-bottom:1px solid var(--adm-card-border);white-space:nowrap;background:#0f172a99;padding:14px 16px;font-size:.82rem;font-weight:700}.admin-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:.9rem}.admin-table tr:hover td{background:#ffffff05}.admin-user-cell{align-items:center;gap:12px;display:flex}.admin-user-avatar{color:#c7d2fe;background:#6366f133;border:1px solid #6366f14d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.admin-status-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-active{color:#34d399;background:#10b98126;border:1px solid #10b98159}.status-banned{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e59}.status-streaming{color:#c084fc;background:#8b5cf633;border:1px solid #8b5cf666}.analytics-filter-bar{direction:rtl}.analytics-chip{color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #64748b4d;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.analytics-chip:hover{color:#c4b5fd;border-color:#a855f780;transform:translateY(-1px)}.analytics-chip.active{color:#fff;background:linear-gradient(135deg,#a855f7e6,#6366f1e6);border-color:#0000;box-shadow:0 4px 14px #a855f759}.analytics-date-input{color:#e2e8f0;background:#0f172a99;border:1px solid #64748b4d;border-radius:10px;outline:none;padding:7px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.analytics-date-input:focus{border-color:#a855f799}.analytics-export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0ea5e940}.analytics-export-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.analytics-export-btn:disabled{opacity:.5;cursor:not-allowed}.analytics-kpi-grid{direction:rtl;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.analytics-kpi-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa6;border:1px solid #33415573;border-radius:20px;align-items:center;gap:16px;padding:20px 22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.analytics-kpi-card:hover{border-color:#a855f759;transform:translateY(-3px);box-shadow:0 12px 36px #00000040}.analytics-kpi-card:before{content:"";opacity:.18;pointer-events:none;position:absolute;inset:0}.analytics-kpi-card.kpi-diamonds{border-color:#a855f759}.analytics-kpi-card.kpi-diamonds:before{background:linear-gradient(135deg,#a855f7,#ec4899)}.analytics-kpi-card.kpi-gifts{border-color:#3b82f659}.analytics-kpi-card.kpi-gifts:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.analytics-kpi-card.kpi-users{border-color:#10b98159}.analytics-kpi-card.kpi-users:before{background:linear-gradient(135deg,#10b981,#84cc16)}.analytics-kpi-card.kpi-hours{border-color:#f59e0b59}.analytics-kpi-card.kpi-hours:before{background:linear-gradient(135deg,#f59e0b,#f97316)}.analytics-kpi-card.kpi-top{border-color:#f472b659}.analytics-kpi-card.kpi-top:before{background:linear-gradient(135deg,#f472b6,#ef4444)}.analytics-kpi-card.kpi-gift{border-color:#6366f159}.analytics-kpi-card.kpi-gift:before{background:linear-gradient(135deg,#6366f1,#14b8a6)}.kpi-icon{z-index:2;background:#0f172aa6;border:1px solid #33415580;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2rem;display:flex}.kpi-body{z-index:2;flex:1;min-width:0}.kpi-label{color:#94a3b8;margin-bottom:5px;font-size:.78rem;font-weight:600}.kpi-value{color:#f8fafc;text-shadow:0 2px 8px #0000004d;white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:1.6rem;font-weight:800;line-height:1.2;overflow:hidden}.kpi-growth{flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.kpi-growth.positive{color:#4ade80}.kpi-growth.negative{color:#f87171}.kpi-growth.neutral{color:#93c5fd}.kpi-growth-sub{color:#64748b;font-size:.72rem;font-weight:500}.analytics-charts-row{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;display:grid}.analytics-chart-wrapper{direction:rtl}.analytics-tables-row{direction:rtl;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;display:grid}.analytics-table th{color:#c4b5fd;white-space:nowrap;background:linear-gradient(90deg,#a855f71f,#6366f10f);border-bottom:1px solid #a855f733;padding:11px 14px;font-size:.8rem;font-weight:700}.analytics-table td{color:#cbd5e1;border-bottom:1px solid #33415559;padding:11px 14px;font-size:.85rem}.analytics-table tbody tr:hover{background:#a855f70f}.rank-badge{color:#cbd5e1;background:#47556966;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:800;display:inline-flex}.rank-badge.rank-1{color:#1f2937;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-badge.rank-2{color:#1f2937;background:linear-gradient(135deg,#d1d5db,#9ca3af)}.rank-badge.rank-3{color:#fff;background:linear-gradient(135deg,#f08a3e,#c2410c)}.stream-status{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.stream-status.stream-live{color:#fca5a5;background:#ef44442e;border:1px solid #ef444459}.stream-status.stream-ended{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98159}.stream-status.stream-errored{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b59}.analytics-insight-card{direction:rtl;background:linear-gradient(135deg,#1e1b4bb3,#0f172abf);border:1px solid #a855f740!important}.insight-body{color:#cbd5e1;margin-top:10px;font-size:.9rem;line-height:2}.insight-body p{border-bottom:1px dashed #4755694d;margin:6px 0;padding:6px 0}.insight-body p:last-child{border-bottom:none}.insight-body strong{color:#e2e8f0}.overview-quick-kpi-row{direction:rtl;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:24px;display:grid}.overview-quick-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172ad9,#1e1b4b99);border:1px solid #a855f738;border-radius:18px;align-items:center;gap:14px;padding:18px 20px;display:flex}.overview-quick-icon{background:#a855f72e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.overview-quick-label{color:#94a3b8;margin-bottom:4px;font-size:.78rem;font-weight:600}.overview-quick-value{color:#f8fafc;font-size:1.4rem;font-weight:800}.overview-quick-sub{color:#64748b;margin-top:3px;font-size:.72rem}.streamer-filter-select{color:#e2e8f0;cursor:pointer;direction:rtl;background:linear-gradient(135deg,#1e1b4bd9,#0f172ad9);border:1px solid #a855f773;border-radius:12px;outline:none;min-width:280px;max-width:520px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #a855f714}.streamer-filter-select:hover{border-color:#a855f7bf;transform:translateY(-1px);box-shadow:0 4px 18px #a855f72e}.streamer-filter-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f740}.streamer-filter-select option{color:#e2e8f0;background:#1e293b;padding:6px 10px;font-size:.85rem}.admin-actions-cell{align-items:center;gap:6px;display:flex}.admin-btn-action{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.82rem;transition:all .2s;display:inline-flex}.admin-btn-action:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn-ban{color:#fda4af;background:#f43f5e33;border:1px solid #f43f5e4d}.btn-unban{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.btn-pwd{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.btn-del{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid #f43f5e;font-weight:700;box-shadow:0 2px 6px #e11d4859}.btn-del:hover{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#fda4af;box-shadow:0 4px 12px #e11d488c}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-box{text-align:right;direction:rtl;background:#0f172af2;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:480px;padding:30px;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop;box-shadow:0 25px 50px -12px #000c}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal-title{color:#fff;align-items:center;gap:10px;margin:0 0 12px;font-size:1.25rem;font-weight:800;display:flex}.admin-modal-body{color:var(--adm-text-muted);margin-bottom:24px;font-size:.92rem;line-height:1.6}.admin-modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-logs-list{flex-direction:column;gap:10px;max-height:500px;display:flex;overflow-y:auto}.admin-log-entry{background:#1e293b80;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.88rem;display:flex}.log-action-badge{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.log-time{color:#94a3b8;font-size:.78rem}.pwa-installed-badge{color:#86efac;background:#22c55e2e;border:1px solid #22c55e66;border-radius:10px;padding:5px 12px;font-size:.76rem;font-weight:700}.admin-hamburger-btn{cursor:pointer;background:#0f172abf;border:1px solid #a855f759;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:none}.admin-hamburger-btn:hover{background:#a855f72e;border-color:#a855f799;transform:translateY(-1px)}.hamburger-lines{flex-direction:column;justify-content:space-between;width:20px;height:18px;display:flex;position:relative}.hamburger-lines span{transform-origin:50%;background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:2px;width:100%;height:2.5px;transition:all .3s cubic-bezier(.54,-.81,.57,.57);display:block}.hamburger-lines .l1.open{transform:translateY(7.5px)rotate(45deg)}.hamburger-lines .l2.open{opacity:0;transform:scaleX(0)}.hamburger-lines .l3.open{transform:translateY(-8px)rotate(-45deg)}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;background:#0009;animation:.25s fadeIn;position:fixed;inset:0}.admin-sidebar-close-btn{color:#fca5a5;cursor:pointer;background:#f871711f;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;transition:all .2s;display:none}.admin-sidebar-close-btn:hover{color:#fff;background:#f8717140}.admin-wrapper{display:flex;position:relative;overflow-x:hidden;direction:rtl!important;flex-direction:row!important}@supports not (direction:rtl){.admin-wrapper{flex-direction:row-reverse!important}}.admin-sidebar{border-left:1px solid var(--adm-card-border);width:270px;border-right:none!important;flex:0 0 270px!important;order:0!important}.admin-main{flex:auto;width:0;min-width:0;max-width:100%;order:1!important}@media (width<=980px){.admin-hamburger-btn,.admin-sidebar-close-btn{display:flex!important}.admin-wrapper{flex-direction:column}.admin-sidebar{border-left:1px solid #a855f740;width:320px;max-width:82vw;transform:translate(110%);box-shadow:-10px 0 40px #00000080;z-index:100!important;border-right:none!important;height:100dvh!important;transition:transform .35s cubic-bezier(.22,1,.36,1)!important;position:fixed!important;top:0!important;left:auto!important;right:0!important}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar-header{padding:18px 16px}.admin-sidebar-nav{padding:14px 10px}.admin-sidebar-footer{padding:14px 16px}.admin-main{width:100%;min-width:0;padding:0}.admin-topbar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:10px;padding:10px 12px;position:sticky;top:0}.admin-topbar-title{flex:1;min-width:0}.admin-page-heading{white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden;font-size:.88rem!important}.admin-topbar-actions{gap:6px}.admin-live-pulse span:not(.pulse-dot){display:none}.admin-live-pulse{padding:6px 10px}.admin-content-body{padding:12px}.overview-quick-kpi-row{grid-template-columns:1fr;gap:12px}.overview-quick-card{padding:14px 16px}.overview-quick-value{font-size:1.35rem}.streamer-filter-select{min-width:100%;max-width:100%;font-size:.82rem}.analytics-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.analytics-kpi-card{padding:12px}.analytics-kpi-value{font-size:1.05rem!important}.analytics-kpi-label{font-size:.72rem}.analytics-filter-bar{padding:12px}.analytics-chip,.analytics-date-input{padding:6px 10px;font-size:.76rem}.admin-chart-panel{padding:12px}.admin-chart-panel svg{max-height:240px;height:auto!important}.chart-panel-title{font-size:.9rem}.admin-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid #94a3b81a;border-radius:12px;overflow-x:auto!important}.admin-table-wrapper table{width:max-content!important;min-width:680px!important}.admin-table th,.admin-table td{white-space:nowrap;padding:8px 10px;font-size:.78rem}.admin-actions-cell{flex-wrap:nowrap;min-width:140px}.admin-btn-action{padding:5px 8px;font-size:.72rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.insight-card{padding:14px}}@media (width<=640px){.admin-table[data-table=users] th:nth-child(3),.admin-table[data-table=users] td:nth-child(3),.admin-table[data-table=users] th:nth-child(7),.admin-table[data-table=users] td:nth-child(7),.admin-table[data-table=streams] th:nth-child(4),.admin-table[data-table=streams] td:nth-child(4),.admin-table[data-table=streams] th:nth-child(5),.admin-table[data-table=streams] td:nth-child(5),.admin-table[data-table=streams] th:nth-child(6),.admin-table[data-table=streams] td:nth-child(6),.admin-table[data-table=topgifters] th:nth-child(3),.admin-table[data-table=topgifters] td:nth-child(3),.admin-table[data-table=topstreams] th:nth-child(2),.admin-table[data-table=topstreams] td:nth-child(2),.admin-table[data-table=topstreams] th:nth-child(5),.admin-table[data-table=topstreams] td:nth-child(5),.admin-table[data-table=daily] th:nth-child(5),.admin-table[data-table=daily] td:nth-child(5){display:none!important}.analytics-kpi-grid{grid-template-columns:1fr 1fr}.admin-chart-panel svg{max-height:200px!important}.refresh-btn-label,.site-btn-label{display:none!important}.admin-btn-secondary,.admin-btn-primary{justify-content:center;min-width:40px;padding:8px 10px!important}}@media (width<=420px){.admin-page-heading{font-size:.8rem!important}.analytics-kpi-grid{grid-template-columns:1fr!important}.admin-topbar-actions .admin-btn-secondary span:first-child{margin:0}.pwa-installed-badge{display:none!important}.admin-sidebar{width:88vw;max-width:88vw}}.tb-manager-container{flex-direction:column;gap:24px;width:100%;animation:.3s tbFadeIn;display:flex}@keyframes tbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tb-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #00000040}.tb-header-info h2{color:#f8fafc;align-items:center;gap:10px;margin:0 0 6px;font-size:1.5rem;font-weight:800;display:flex}.tb-header-info p{color:#94a3b8;margin:0;font-size:.95rem}.tb-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tb-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #6366f166}.tb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.tb-btn-secondary{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.tb-btn-secondary:hover{color:#fff;background:#334155e6;border-color:#fff3}.tb-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.tb-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex}.tb-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.tb-stat-icon.blue{color:#60a5fa;background:#3b82f626}.tb-stat-icon.pink{color:#fb7185;background:#f43f5e26}.tb-stat-icon.amber{color:#fbbf24;background:#f59e0b26}.tb-stat-icon.purple{color:#c084fc;background:#a855f726}.tb-stat-details{flex-direction:column;display:flex}.tb-stat-label{color:#94a3b8;font-size:.85rem;font-weight:500}.tb-stat-val{color:#f8fafc;font-size:1.5rem;font-weight:800}.tb-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tb-filter-pills{background:#0f172a80;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:8px;padding:5px;display:flex}.tb-filter-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.tb-filter-btn.active{color:#818cf8;background:#6366f140;border:1px solid #6366f166}.tb-search-box{min-width:280px;position:relative}.tb-search-input{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 38px 10px 14px;font-size:.9rem;transition:border-color .2s}.tb-search-input:focus{border-color:#6366f1}.tb-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tb-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.tb-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}.tb-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 12px 30px #6366f126}.tb-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.tb-card-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.tb-badge-type{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.tb-badge-type.likes{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.tb-badge-type.diamonds{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.tb-badge-type.all{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.tb-card-preview{background:#020617;justify-content:center;align-items:center;width:100%;height:360px;min-height:340px;padding:6px;display:flex;position:relative;overflow:hidden}.tb-card-canvas-sim{background:#090d16;border:1px solid #ffffff1a;width:135px;height:240px;position:relative;overflow:hidden}.tb-card-canvas-bg{opacity:.85;background-position:50%;background-size:cover;position:absolute;inset:0}.tb-card-slot-thumb{pointer-events:none;background:#ffffff1a;border:1px dashed #fff6;border-radius:4px;position:absolute}.tb-card-meta{color:#94a3b8;background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.82rem;display:flex}.tb-meta-pill{align-items:center;gap:5px;display:flex}.tb-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.tb-btn-edit{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.tb-btn-edit:hover{color:#fff;background:#6366f14d}.tb-btn-icon{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.tb-btn-icon:hover{color:#f8fafc;background:#334155cc}.tb-btn-icon.delete:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.tb-builder-root{z-index:10000;color:#f8fafc;background:#090d16;flex-direction:column;font-family:Cairo,Inter,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.tb-navbar{z-index:50;background:#0f172a;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.tb-nav-left{align-items:center;gap:14px;display:flex}.tb-nav-title-input{color:#fff;background:#1e293b99;border:1px solid #ffffff1f;border-radius:10px;outline:none;min-width:220px;padding:7px 14px;font-size:1.05rem;font-weight:700}.tb-nav-title-input:focus{border-color:#6366f1}.tb-nav-select{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:8px 12px;font-size:.88rem;font-weight:600}.tb-nav-center{background:#0f172acc;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.tb-mode-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.tb-mode-toggle-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f166}.tb-nav-right{align-items:center;gap:10px;display:flex}.tb-workspace{flex:1;display:flex;position:relative;overflow:hidden}.tb-sidebar-left{background:#0f172a;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:20px;width:280px;padding:16px;display:flex;overflow-y:auto}.tb-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin:0 0 10px;font-size:.88rem;font-weight:800;display:flex}.tb-tool-card{background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.tb-add-btn-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tb-add-element-btn{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.tb-add-element-btn:hover{color:#fff;background:#6366f133;border-color:#6366f1}.tb-layers-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.tb-layer-item{cursor:pointer;background:#1e293b66;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.82rem;transition:all .15s;display:flex}.tb-layer-item:hover,.tb-layer-item.active{color:#fff;background:#6366f140;border-color:#6366f180}.tb-layer-info{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.tb-layer-actions{align-items:center;gap:4px;display:flex}.tb-canvas-viewport{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#131d31 0%,#080c14 100%);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}.tb-canvas-frame{background:#020617;border:2px solid #ffffff26;border-radius:6px;transition:width .2s,height .2s;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c}.tb-canvas-bg-layer{pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;position:absolute;inset:0}.tb-canvas-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.tb-canvas-element{box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.tb-canvas-element:active{cursor:grabbing}.tb-canvas-element.selected{outline-offset:1px;outline:2px solid #6366f1;box-shadow:0 0 16px #6366f1b3,inset 0 0 8px #6366f14d}.tb-handle{z-index:1000;pointer-events:auto;box-sizing:border-box;background:#fff;border:2.5px solid #6366f1;border-radius:3px;width:14px;height:14px;position:absolute;box-shadow:0 2px 8px #000000b3}.tb-handle:hover{background:#6366f1;border-color:#fff;transform:scale(1.2)}.tb-handle-tl{cursor:nwse-resize;top:-7px;left:-7px}.tb-handle-tr{cursor:nesw-resize;top:-7px;right:-7px}.tb-handle-bl{cursor:nesw-resize;bottom:-7px;left:-7px}.tb-handle-br{cursor:nwse-resize;bottom:-7px;right:-7px}.tb-handle-t{cursor:ns-resize;top:-7px;left:calc(50% - 7px)}.tb-handle-b{cursor:ns-resize;bottom:-7px;left:calc(50% - 7px)}.tb-handle-l{cursor:ew-resize;top:calc(50% - 7px);left:-7px}.tb-handle-r{cursor:ew-resize;top:calc(50% - 7px);right:-7px}.tb-element-tag{color:#fff;white-space:nowrap;pointer-events:none;z-index:1001;background:#6366f1;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:-24px;right:0;box-shadow:0 2px 8px #00000080}.tb-sidebar-right{background:#0f172a;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:20px;width:320px;padding:18px;display:flex;overflow-y:auto}.tb-prop-group{flex-direction:column;gap:12px;display:flex}.tb-prop-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tb-prop-label{color:#94a3b8;font-size:.85rem;font-weight:600}.tb-prop-input{color:#f8fafc;text-align:center;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100px;padding:6px 10px;font-size:.85rem}.tb-prop-input:focus{border-color:#6366f1}.tb-prop-input-full{text-align:right;width:100%}.tb-color-picker-wrap{align-items:center;gap:8px;display:flex}.tb-color-swatch{cursor:pointer;border:1px solid #fff3;border-radius:6px;width:28px;height:28px}.tb-align-bar{background:#1e293b80;border-radius:10px;justify-content:space-between;align-items:center;padding:6px;display:flex}.tb-align-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.tb-align-btn:hover{color:#fff;background:#ffffff1a}.tb-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tb-modal-box{background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:24px;display:flex;box-shadow:0 20px 50px #0009}.tb-canvas-floating-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;-webkit-user-select:none;user-select:none;background:#0f172ae6;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0009,0 0 20px #6366f126}.tb-zoom-group,.tb-precision-group{align-items:center;gap:6px;display:flex}.tb-floating-divider{background:#ffffff26;width:1px;height:22px;margin:0 4px}.tb-floating-btn{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.tb-floating-btn:hover{color:#fff;background:#6366f159;border-color:#6366f1;transform:translateY(-1px)}.tb-floating-btn.active{color:#fff;background:#6366f1;border-color:#818cf8;box-shadow:0 0 12px #6366f180}.tb-floating-select{color:#f8fafc;cursor:pointer;background:#1e293bf2;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 10px;font-size:.82rem;font-weight:700;transition:border-color .15s}.tb-floating-select:focus{border-color:#6366f1}.tb-floating-label{color:#94a3b8;margin-left:2px;font-size:.8rem;font-weight:700}.tb-nudge-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.tb-nudge-btn{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.tb-nudge-btn:hover{color:#fff;background:#6366f14d;border-color:#6366f1}.tplv3-root{box-sizing:border-box;direction:rtl;flex-direction:row;gap:16px;width:100%;height:100%;min-height:calc(100vh - 140px);padding:18px 20px 28px;display:flex}.tplv3-right-pane{scrollbar-width:thin;flex-direction:column;flex:0 0 420px;gap:14px;min-width:320px;max-width:460px;max-height:calc(100vh - 140px);padding-left:4px;display:flex;overflow-y:auto}.tplv3-right-pane::-webkit-scrollbar{width:10px}.tplv3-right-pane::-webkit-scrollbar-thumb{background:#863bff66;border-radius:999px}.tplv3-left-pane{flex-direction:column;flex:auto;gap:14px;min-width:0;min-height:600px;max-height:calc(100vh - 140px);display:flex}.tplv3-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:8px;display:grid}.tplv3-pres-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#121830a6;border:1.5px solid #863bff38;border-radius:14px;padding:10px;transition:all .2s;position:relative;overflow:hidden}.tplv3-pres-card:hover{border-color:#863bff8c;transform:translateY(-2px);box-shadow:0 10px 24px #863bff2e}.tplv3-pres-card.active{background:#863bff2e;border-color:#c084fc;box-shadow:0 0 0 2px #c084fc40,0 14px 30px #863bff38}.tplv3-pres-badge{z-index:2;color:#fff;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;left:8px}.tplv3-pres-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 20% 30%,#312e81 0%,#020617 80%);border:1px solid #ffffff0f;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden}.tplv3-pres-thumb-916{aspect-ratio:9/16;max-width:70%;margin:0 auto 8px}.tplv3-pres-name{color:#f5f3ff;margin-bottom:2px;font-size:.88rem;font-weight:700}.tplv3-pres-desc{color:#a5b4fc;min-height:32px;font-size:.72rem;line-height:1.4}.tplv3-toolbar{-webkit-backdrop-filter:blur(10px);background:#0f1226d9;border:1px solid #863bff2e;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.tplv3-tool-title{background:linear-gradient(90deg,#c084fc,#863bff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:auto;font-size:.98rem;font-weight:800}.tplv3-btn{color:#ede9fe;cursor:pointer;white-space:nowrap;background:#863bff24;border:1px solid #863bff66;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.tplv3-btn:hover{background:#863bff47;transform:translateY(-1px)}.tplv3-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tplv3-btn.primary{color:#fff;background:linear-gradient(135deg,#863bff,#6366f1);border-color:#a78bfa;box-shadow:0 6px 20px #863bff59}.tplv3-btn.danger{color:#fecaca;background:#ef444424;border-color:#ef444473}.tplv3-btn.success{color:#a7f3d0;background:#10b98124;border-color:#10b98173}.tplv3-btn-group{border:1px solid #863bff66;border-radius:10px;display:inline-flex;overflow:hidden}.tplv3-btn-group .tplv3-btn{border:none;border-right:1px solid #ffffff14;border-radius:0!important}.tplv3-btn-group .tplv3-btn:last-child{border-right:none}.tplv3-btn-group .tplv3-btn.active{color:#fff;background:#863bff59}.tplv3-section{-webkit-backdrop-filter:blur(8px);background:#0f122699;border:1px solid #863bff2e;border-radius:14px;padding:14px}.tplv3-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.tplv3-section-icon{color:#ddd6fe;background:#863bff38;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.tplv3-section-title{color:#ede9fe;flex:1;font-size:.92rem;font-weight:800}.tplv3-section-chev{color:#a5b4fc;transition:transform .2s}.tplv3-section-chev.open{transform:rotate(180deg)}.tplv3-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tplv3-field:last-child{margin-bottom:0}.tplv3-field-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.tplv3-field-row .tplv3-field{margin-bottom:0}.tplv3-label{color:#c4b5fd;font-size:.74rem;font-weight:600}.tplv3-input,.tplv3-select,.tplv3-textarea{color:#fff;box-sizing:border-box;background:#0a0c1cd9;border:1px solid #863bff52;border-radius:9px;width:100%;padding:8px 10px;font-family:inherit;font-size:.82rem;transition:all .15s}.tplv3-input:focus,.tplv3-select:focus{background:#0a0c1c;border-color:#c084fc;outline:none;box-shadow:0 0 0 2px #c084fc26}.tplv3-select{cursor:pointer}.tplv3-input[type=color]{cursor:pointer;height:38px;padding:2px 4px}.tplv3-input[type=range]{accent-color:#863bff;background:0 0;border:none;width:100%;padding:0}.tplv3-range-wrap{grid-template-columns:1fr 62px;align-items:center;gap:8px;display:grid}.tplv3-range-val{text-align:center;color:#ddd6fe;direction:ltr;background:#863bff26;border:1px solid #863bff4d;border-radius:8px;padding:6px 4px;font-size:.78rem;font-weight:700}.tplv3-toggle{cursor:pointer;background:#0a0c1ccc;border:1px solid #863bff4d;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;display:flex}.tplv3-toggle:last-child{margin-bottom:0}.tplv3-toggle-label{color:#ede9fe;font-size:.8rem;font-weight:600}.tplv3-switch{background:#64748b66;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.tplv3-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.tplv3-switch.on{background:linear-gradient(90deg,#863bff,#6366f1)}.tplv3-switch.on:after{left:19px}.tplv3-status-chip{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.tplv3-status-chip.dirty{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59}.tplv3-status-chip.saved{color:#86efac;background:#10b98126;border:1px solid #10b98159}@media (width<=980px){.tplv3-root{flex-direction:column;gap:14px;max-height:none;padding:14px 10px 30px}.tplv3-left-pane,.tplv3-right-pane{min-height:auto;max-height:none}.tplv3-right-pane{flex:auto;width:100%;max-width:100%}.tplv3-left-pane{min-height:460px}.tplv3-field-row{grid-template-columns:1fr}}@media (width<=560px){.tplv3-gallery{grid-template-columns:repeat(2,1fr)}.tplv3-toolbar{gap:6px;padding:8px 10px}.tplv3-btn{padding:6px 10px;font-size:.72rem}}.lb-page-container{color:#f1f5f9;flex-direction:column;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:8px 16px 40px;display:flex}.lb-hero-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 10% 20%,#1e294db3 0%,#0f172ad9 100%);border:1px solid #ffffff17;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 20px 40px #0006}.lb-header-title-area h2{background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0 0 6px;font-size:1.65rem;font-weight:900;display:flex}.lb-header-desc{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.5}.lb-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.98rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #6366f166}.lb-create-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #a855f799}.lb-filter-tabs{background:#0f172a99;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:10px;width:fit-content;padding:6px;display:flex}.lb-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.lb-tab-btn:hover{color:#fff;background:#ffffff0d}.lb-tab-btn.active{color:#fff;background:linear-gradient(135deg,#6366f140,#a855f740);border:1px solid #a855f766;box-shadow:0 4px 15px #6366f133}.lb-templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;display:grid}.lb-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12182eb3;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.lb-card:hover{border-color:#a855f759;transform:translateY(-4px);box-shadow:0 20px 40px #00000080,0 0 25px #a855f726}.lb-card-top{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.lb-card-title-group h3{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:1.12rem;font-weight:800;display:flex}.lb-card-type-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:800}.lb-card-type-badge.likes{color:#f472b6;background:#ec48992e;border:1px solid #ec489966}.lb-card-type-badge.diamonds{color:#facc15;background:#eab3082e;border:1px solid #eab30866}.lb-card-preview-area{background:radial-gradient(circle,#0c1224 0%,#060913 100%);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;width:100%;height:260px;padding:0;display:flex;position:relative;overflow:hidden}.lb-card-preview-scaler{transform-origin:50%;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:760px;height:650px;display:flex;transform:scale(.34)}.lb-card-preview-scaler.style-topRankers,.lb-card-preview-scaler.style-rings{width:980px;height:520px;transform:scale(.32)}.lb-card-preview-scaler.style-royal{width:760px;height:980px;transform:scale(.22)}.lb-card-preview-scaler.style-beboCat,.lb-card-preview-scaler.style-bebo-cat{width:760px;height:600px;transform:scale(.34)}.lb-card-preview-scaler.style-farashat,.lb-card-preview-scaler.style-butterfly{width:760px;height:800px;transform:scale(.28)}.lb-card-preview-scaler.style-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:none}.lb-card-preview-iframe{pointer-events:none;border:none;width:100%;height:100%;background:0 0!important}.lb-card-info-row{color:#94a3b8;background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.82rem;display:flex}.lb-card-info-pill{background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.lb-card-bottom{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.lb-card-url-box{background:#0a0e1cd9;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.lb-card-url-text{color:#93c5fd;white-space:nowrap;text-overflow:ellipsis;text-align:left;direction:ltr;flex:1;font-family:monospace;font-size:.78rem;overflow:hidden}.lb-copy-url-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.lb-copy-url-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.lb-copy-url-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}.lb-card-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.lb-btn-subtle{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.lb-btn-subtle:hover{color:#fff;background:#ffffff1a}.lb-btn-subtle.delete:hover{color:#f87171;background:#ef44442e;border-color:#ef444466}.lb-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#030712d1;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.lb-modal-container{background:#0f172a;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 30px 70px #000000b3,0 0 50px #6366f133}.lb-modal-header{background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.lb-modal-header h3{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:1.35rem;font-weight:900;display:flex}.lb-modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.lb-modal-close-btn:hover{color:#f87171;background:#ef444433;transform:rotate(90deg)}.lb-modal-body{flex:1;grid-template-columns:1.1fr 1fr;gap:24px;padding:24px 28px;display:grid;overflow-y:auto}@media (width<=900px){.lb-modal-body{grid-template-columns:1fr}}.lb-form-column{flex-direction:column;gap:20px;display:flex}.lb-form-section-title{color:#cbd5e1;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:800;display:flex}.lb-type-selector{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lb-type-card{cursor:pointer;background:#1e293b80;border:2px solid #ffffff14;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;transition:all .2s;display:flex}.lb-type-card:hover{background:#1e293bcc;border-color:#fff3}.lb-type-card.active.likes{background:linear-gradient(135deg,#ec489926,#1e293be6);border-color:#ec4899;box-shadow:0 0 20px #ec489940}.lb-type-card.active.diamonds{background:linear-gradient(135deg,#f59e0b26,#1e293be6);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b40}.lb-type-title{color:#fff;align-items:center;gap:8px;font-size:1.02rem;font-weight:800;display:flex}.lb-type-desc{color:#94a3b8;font-size:.78rem}.lb-styles-grid-2col{grid-template-columns:repeat(2,1fr);gap:12px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.lb-style-thumb-card{cursor:pointer;background:#1e293b99;border:2px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.lb-style-thumb-card:hover{background:#1e293be6;border-color:#a855f766;transform:translateY(-2px)}.lb-style-thumb-card.active{background:linear-gradient(135deg,#8b5cf640,#1e293bf2);border-color:#8b5cf6;box-shadow:0 0 25px #8b5cf659}.lb-style-badge{color:#e2e8f0;background:#ffffff1a;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.68rem;font-weight:800}.lb-style-name{color:#fff;align-items:center;gap:6px;font-size:.9rem;font-weight:800;display:flex}.lb-style-desc{color:#94a3b8;font-size:.72rem;line-height:1.35}.lb-input-group{flex-direction:column;gap:8px;display:flex}.lb-input-group label{color:#cbd5e1;font-size:.85rem;font-weight:700}.lb-text-input{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.lb-text-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.lb-slider-row{align-items:center;gap:14px;display:flex}.lb-range-slider{accent-color:#8b5cf6;cursor:pointer;background:#ffffff1a;border-radius:4px;flex:1;height:6px}.lb-range-value-pill{color:#c4b5fd;text-align:center;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;min-width:70px;padding:4px 12px;font-size:.9rem;font-weight:800}.lb-preview-column{flex-direction:column;gap:12px;display:flex}.lb-live-preview-box{background:radial-gradient(circle,#0e162d 0%,#050814 100%);border:2px dashed #8b5cf666;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.lb-modal-preview-scaler{transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;width:760px;height:700px;display:flex;transform:scale(.55)}.lb-modal-preview-scaler.style-topRankers,.lb-modal-preview-scaler.style-rings{width:980px;height:550px;transform:scale(.44)}.lb-modal-preview-scaler.style-royal{width:760px;height:980px;transform:scale(.42)}.lb-modal-preview-scaler.style-beboCat,.lb-modal-preview-scaler.style-bebo-cat{width:760px;height:600px;transform:scale(.56)}.lb-modal-preview-scaler.style-farashat,.lb-modal-preview-scaler.style-butterfly{width:760px;height:800px;transform:scale(.5)}.lb-preview-top-tag{color:#34d399;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98133;border:1px solid #10b98166;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.lb-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.4s infinite lbPulse;box-shadow:0 0 10px #10b981}.lb-preview-iframe-full{background:0 0;border:none;width:100%;height:100%}.lb-modal-footer{background:#0f172af2;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;display:flex}.lb-cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:10px 20px;font-weight:700;transition:all .2s}.lb-cancel-btn:hover{color:#fff;background:#ffffff1a}.lb-save-template-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 26px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #10b98166}.lb-save-template-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b98199}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes lbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lb-spinning{animation:.9s linear infinite lbSpin}.lb-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lb-reset-counters-btn{color:#fecdd3;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef444426 0%,#f43f5e1a 100%);border:1px solid #f43f5e59;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #ef444426}.lb-reset-counters-btn:hover{color:#fff;background:linear-gradient(135deg,#ef44444d 0%,#f43f5e38 100%);border-color:#f43f5eb3;transform:translateY(-2px);box-shadow:0 10px 25px #f43f5e59,0 0 20px #f43f5e33}.lb-reset-btn-icon{color:#fb7185;transition:transform .3s}.lb-reset-counters-btn:hover .lb-reset-btn-icon{color:#fff;transform:rotate(-45deg)}.lb-reset-modal-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:radial-gradient(circle at 50% 0,#1e1b4bf2 0%,#0f172afa 100%);border:1px solid #f43f5e47;border-radius:24px;flex-direction:column;width:95%;max-width:620px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000bf,0 0 40px #f43f5e26}.lb-reset-modal-header{background:#0f172a99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lb-reset-modal-title{align-items:center;gap:14px;display:flex}.lb-reset-warning-icon-wrap{color:#fb7185;background:linear-gradient(135deg,#ef444440,#f43f5e26);border:1px solid #f43f5e66;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 15px #f43f5e33}.lb-reset-modal-title h3{color:#f8fafc;margin:0 0 4px;font-size:1.22rem;font-weight:800}.lb-reset-modal-title p{color:#94a3b8;margin:0;font-size:.85rem}.lb-reset-alert-box{background:linear-gradient(135deg,#ef44441f 0%,#d9770614 100%);border:1px solid #f43f5e4d;border-radius:16px;align-items:flex-start;gap:12px;margin:18px 24px 8px;padding:14px 16px;display:flex}.lb-alert-icon{color:#f43f5e;flex-shrink:0;margin-top:2px}.lb-alert-text{color:#fecdd3;font-size:.88rem;line-height:1.55}.lb-alert-text strong{color:#fff}.lb-reset-scope-section{flex-direction:column;gap:12px;padding:14px 24px 20px;display:flex;overflow-y:auto}.lb-reset-section-label{color:#e2e8f0;font-size:.92rem;font-weight:800}.lb-reset-options-list{flex-direction:column;gap:10px;display:flex}.lb-reset-option-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#12182e99;border:1.5px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:all .22s;display:flex}.lb-reset-option-card:hover{background:#1e294d99;border-color:#ffffff2e;transform:translateY(-1px)}.lb-reset-option-card.active.all{background:linear-gradient(135deg,#f43f5e2e 0%,#a855f71f 100%);border-color:#f43f5eb3;box-shadow:0 4px 20px #f43f5e33}.lb-reset-option-card.active.likes{background:linear-gradient(135deg,#f43f5e33 0%,#fb71851a 100%);border-color:#f43f5eb3;box-shadow:0 4px 20px #f43f5e33}.lb-reset-option-card.active.diamonds{background:linear-gradient(135deg,#3b82f633 0%,#0ea5e91a 100%);border-color:#3b82f6b3;box-shadow:0 4px 20px #3b82f633}.lb-reset-option-radio{flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-custom-radio{border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.lb-custom-radio.checked{background:#f43f5e;border-color:#f43f5e;box-shadow:inset 0 0 0 3px #0f172a}.lb-reset-option-card.active.diamonds .lb-custom-radio.checked{background:#3b82f6;border-color:#3b82f6}.lb-reset-option-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lb-reset-option-icon-box.all{color:#fb7185;background:linear-gradient(135deg,#f43f5e33,#a855f733)}.lb-reset-option-icon-box.likes{color:#f43f5e;background:#f43f5e2e}.lb-reset-option-icon-box.diamonds{color:#3b82f6;background:#3b82f62e}.lb-reset-option-content{flex:1;min-width:0}.lb-reset-option-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.lb-reset-option-title-row h4{color:#f8fafc;margin:0;font-size:.96rem;font-weight:800}.lb-reset-scope-badge{border-radius:8px;padding:2px 8px;font-size:.72rem;font-weight:800}.lb-reset-scope-badge.all{color:#fecdd3;background:#f43f5e33;border:1px solid #f43f5e66}.lb-reset-scope-badge.likes{color:#fda4af;background:#f43f5e33;border:1px solid #f43f5e66}.lb-reset-scope-badge.diamonds{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.lb-reset-option-content p{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.45}.lb-reset-modal-footer{background:#0f172af2;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.lb-confirm-reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#e11d48 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 24px;font-size:.94rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #ef444466}.lb-confirm-reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 10px 25px #e11d4899}.lb-confirm-reset-btn:disabled{opacity:.65;cursor:not-allowed}.music-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#040712bf;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.music-modal-window{color:#fff;direction:rtl;background:linear-gradient(145deg,#111827 0%,#0b1120 100%);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:100%;max-width:820px;height:680px;max-height:90vh;font-family:Cairo,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 40px #00f2fe26}.music-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.music-header-title{align-items:center;gap:12px;display:flex}.music-header-icon{color:#0d1222;background:linear-gradient(135deg,#00f2fe,#4facfe);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #00f2fe66}.music-header-text h3{color:#fff;margin:0;font-size:1.15rem;font-weight:800}.music-header-text p{color:#ffffff8c;margin:0;font-size:.78rem}.music-header-actions{align-items:center;gap:8px;display:flex}.music-action-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.music-action-btn:hover{background:#ffffff24;border-color:#00f2fe66;transform:translateY(-1px)}.music-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.music-close-btn:hover{color:#ef4444;background:#ef444433}.music-tabs{background:#0003;border-bottom:1px solid #ffffff0f;gap:10px;padding:10px 22px;display:flex}.music-tab-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.music-tab-btn.active{color:#00f2fe;background:#00f2fe1f;border:1px solid #00f2fe4d}.tab-badge{color:#fff;background:#ffffff26;border-radius:12px;padding:2px 7px;font-size:.72rem}.music-body{flex-direction:column;flex:1;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.search-box-wrap{gap:10px;display:flex}.search-input-box{flex:1;align-items:center;display:flex;position:relative}.search-input-box input{color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:14px;outline:none;width:100%;padding:12px 42px 12px 16px;font-family:inherit;font-size:.92rem;transition:all .2s}.search-input-box input:focus{background:#00000080;border-color:#00f2fe;box-shadow:0 0 15px #00f2fe40}.search-icon-pos{color:#fff6;pointer-events:none;position:absolute;right:14px}.search-btn{color:#0d1222;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:14px;padding:0 20px;font-size:.9rem;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #00f2fe4d}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe73}.quick-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-tag-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:4px 12px;font-size:.76rem;transition:all .2s}.quick-tag-btn:hover{color:#00f2fe;background:#00f2fe26;border-color:#00f2fe4d}.results-list{flex-direction:column;gap:8px;display:flex}.track-item-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.track-item-card:hover{background:#ffffff12;border-color:#ffffff1f;transform:translate(-3px)}.track-left-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.track-thumb-box{background:#000;border-radius:8px;flex-shrink:0;width:58px;height:42px;position:relative;overflow:hidden}.track-thumb-img{object-fit:cover;width:100%;height:100%}.track-duration-pill{color:#fff;background:#000c;border-radius:4px;padding:1px 4px;font-size:.62rem;font-weight:700;position:absolute;bottom:2px;right:2px}.track-meta{flex:1;min-width:0}.track-meta-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.track-meta-author{color:#ffffff8c;margin-top:2px;font-size:.74rem}.track-actions{align-items:center;gap:8px;display:flex}.btn-play-now{color:#0d1222;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:10px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:all .2s;display:flex}.btn-play-now:hover{transform:scale(1.04);box-shadow:0 0 12px #00f2fe80}.btn-add-queue{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-add-queue:hover{background:#ffffff26;border-color:#ffffff40}.music-empty-state{text-align:center;color:#ffffff73;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon-wrap{color:#ffffff4d;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.music-footer-player{background:#0a0e1af2;border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:14px 22px;display:flex}.player-progress-row{color:#fff9;font-variant-numeric:tabular-nums;direction:ltr;align-items:center;gap:12px;font-size:.72rem;display:flex}.custom-scrubber{appearance:none;cursor:pointer;background:#ffffff26;border-radius:5px;outline:none;flex:1;height:5px;transition:all .2s}.custom-scrubber::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#00f2fe;border-radius:50%;width:13px;height:13px;box-shadow:0 0 8px #00f2fecc}.player-controls-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.player-track-info{align-items:center;gap:12px;width:240px;min-width:0;display:flex}.player-mini-cover{object-fit:cover;border:1px solid #fff3;border-radius:10px;width:44px;height:44px}.player-text-details{min-width:0}.player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.player-author{color:#ffffff8c;font-size:.72rem}.player-center-btns{align-items:center;gap:12px;display:flex}.ctrl-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ctrl-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.08)}.ctrl-btn.active{color:#00f2fe;background:#00f2fe26}.ctrl-play-btn{color:#0d1222;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 0 16px #00f2fe66}.ctrl-play-btn:hover{transform:scale(1.1);box-shadow:0 0 24px #00f2fe99}.player-volume-wrap{align-items:center;gap:8px;width:140px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:4px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.floating-music-trigger{z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;color:#fff;direction:rtl;background:#0e121eeb;border:1px solid #00f2fe59;border-radius:50px;align-items:center;gap:12px;padding:8px 18px 8px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #0009,0 0 20px #00f2fe40}.floating-music-trigger:hover{border-color:#00f2fe;transform:translateY(-3px)scale(1.03);box-shadow:0 14px 35px #000000b3,0 0 28px #00f2fe73}.trigger-disc-icon{color:#fff;background:linear-gradient(135deg,#00f2fe,#7928ca);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:6s linear infinite paused miniSpin;display:flex}.trigger-disc-icon.playing{animation-play-state:running}@keyframes miniSpin{to{transform:rotate(360deg)}}.trigger-text-title{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.82rem;font-weight:700;overflow:hidden}.fav-badge{color:#fff!important;background:linear-gradient(135deg,#f43f5e,#e11d48)!important}.btn-icon-action{color:#ffffffa6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-action:hover{color:#fff;background:#ffffff1f;transform:scale(1.06)}.btn-icon-action.fav-active{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e59}.drag-handle-grip{color:#ffffff4d;cursor:grab;border-radius:4px;justify-content:center;align-items:center;padding:4px 2px;transition:all .2s;display:flex}.drag-handle-grip:hover{color:#00f2fe;background:#00f2fe1a}.drag-handle-grip:active{cursor:grabbing}.track-item-card.is-dragging{opacity:.45;border:1px dashed #00f2fe;transform:scale(.98)}.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:6px;display:grid}.playlist-card-box{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.playlist-card-box:hover{background:#ffffff12;border-color:#00f2fe4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.playlist-card-top{cursor:pointer;align-items:center;gap:12px;display:flex}.playlist-folder-icon{color:#00f2fe;background:linear-gradient(135deg,#00f2fe33,#4facfe33);border:1px solid #00f2fe4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.playlist-info{overflow:hidden}.playlist-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.playlist-track-count{color:#ffffff80;margin-top:2px;font-size:.76rem}.playlist-card-actions{border-top:1px solid #ffffff0f;align-items:center;gap:6px;padding-top:10px;display:flex}.btn-play-now-sm{color:#0d1222;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-play-now-sm:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 12px #00f2fe66}.btn-play-now-sm:disabled{opacity:.4;cursor:not-allowed}.btn-add-queue-sm{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-queue-sm:hover:not(:disabled){background:#ffffff24}.btn-add-queue-sm:disabled{opacity:.4;cursor:not-allowed}.playlist-create-box{background:#00f2fe0f;border:1px solid #00f2fe4d;border-radius:12px;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.playlist-create-box input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.85rem}.playlist-create-box input:focus{border-color:#00f2fe}.playlist-detail-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.playlist-detail-title-wrap{flex-direction:column;gap:4px;display:flex}.playlist-rename-input{color:#fff;background:#00000080;border:1px solid #00f2fe;border-radius:6px;padding:4px 8px;font-size:.95rem;font-weight:700}.playlist-picker-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}.playlist-picker-card{background:#111827;border:1px solid #00f2fe4d;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:16px;display:flex;box-shadow:0 16px 40px #000000b3}.playlist-picker-header{justify-content:space-between;align-items:center;display:flex}.playlist-picker-header h4{color:#00f2fe;margin:0;font-size:.98rem;font-weight:800}.playlist-picker-track-preview{background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.playlist-picker-track-preview img{object-fit:cover;border-radius:6px;width:40px;height:40px}.picker-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:.82rem;font-weight:700;overflow:hidden}.picker-track-author{color:#ffffff80;font-size:.72rem}.playlist-picker-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.playlist-picker-item{color:#fff;cursor:pointer;text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.playlist-picker-item:hover{color:#00f2fe;background:#00f2fe1f;border-color:#00f2fe66}.picker-count{color:#fff6;margin-right:auto;font-size:.74rem}.error-boundary-container{justify-content:center;align-items:center;width:100%;min-height:280px;padding:24px;display:flex}.error-boundary-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ef444459;border-radius:16px;width:100%;max-width:520px;padding:32px 28px;box-shadow:0 12px 36px #0006,0 0 20px #ef444426}.error-boundary-icon{margin-bottom:12px;font-size:40px;animation:2s ease-in-out infinite pulse-warn;display:inline-block}@keyframes pulse-warn{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-boundary-title{color:#f87171;margin:0 0 10px;font-size:1.25rem;font-weight:700}.error-boundary-desc{color:#94a3b8;margin:0 0 16px;font-size:.92rem;line-height:1.6}.error-boundary-details{text-align:left;direction:ltr;background:#0006;border:1px solid #ffffff14;border-radius:8px;margin-bottom:20px;padding:10px 14px;overflow-x:auto}.error-boundary-details code{color:#fca5a5;word-break:break-all;font-family:monospace;font-size:.82rem}.error-boundary-actions{justify-content:center;gap:12px;display:flex}.error-boundary-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.error-boundary-btn.primary{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444459}.error-boundary-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.error-boundary-btn.secondary{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26}.error-boundary-btn.secondary:hover{color:#fff;background:#ffffff26}.settings-page{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:24px;box-shadow:0 22px 50px #00000052}.settings-header{margin-bottom:20px}.settings-header h2{color:#f0f4ff;margin:0;font-size:1.3rem}.settings-body{flex-direction:column;gap:16px;display:flex}.settings-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:18px}.settings-card h3{color:#f0f4ff;margin:0 0 8px;font-size:.95rem}.settings-desc{color:#8fa2cf;margin:0 0 12px;font-size:.82rem;line-height:1.5}.settings-row{color:#8fa2cf;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:.85rem;display:flex}.settings-row:last-child{border-bottom:none}.settings-row strong{color:#8fc7ff}.settings-link-row{color:#8fa2cf;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:8px 0;font-size:.82rem;display:flex}.settings-link-row:last-child{border-bottom:none}.settings-link-row code{text-align:left;color:#8fc7ff;direction:ltr;background:#5b7cff1a;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.78rem}.settings-control-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.settings-control-row:last-child{border-bottom:none}.settings-control-label{color:#dce7ff;font-size:.85rem;font-weight:600}.settings-control-select{color:#f5f7ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;outline:none;min-width:180px;padding:8px 10px;font-size:.82rem}.settings-control-select:focus{border-color:#5b7cff99}.settings-control-select option{color:#f5f7ff;background:#1a2240}.settings-toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.settings-toggle-switch input{opacity:0;width:0;height:0}.settings-toggle-slider{cursor:pointer;background-color:#ffffff1f;border:1px solid #ffffff26;border-radius:28px;transition:all .2s;position:absolute;inset:0}.settings-toggle-slider:before{content:"";background-color:#f0f4ff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #0000004d}.settings-toggle-switch input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#5b7cff,#3bb0ff);border-color:#5b7cff}.settings-toggle-switch input:checked+.settings-toggle-slider:before{transform:translate(24px)}.settings-toggle-switch input:focus+.settings-toggle-slider{box-shadow:0 0 0 3px #5b7cff33}@media (width<=900px){.overlays-grid{grid-template-columns:1fr}}.clear-data-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;direction:rtl;background:#080a12d1;justify-content:center;align-items:center;padding:20px;animation:.22s ease-out clearModalFadeIn;display:flex;position:fixed;inset:0}@keyframes clearModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.clear-data-modal{background:linear-gradient(#1a1118fa 0%,#0f111afa 100%);border:1px solid #ef444459;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 35px #ef444426}.clear-data-modal-header{background:#ef44440f;border-bottom:1px solid #ef444433;justify-content:space-between;align-items:center;padding:22px 26px 18px;display:flex}.clear-data-modal-title-group{align-items:center;gap:14px;display:flex}.clear-data-modal-icon{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.8rem;display:flex;box-shadow:0 0 15px #ef444433}.clear-data-modal-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.clear-data-modal-subtitle{color:#fca5a5;margin:4px 0 0;font-size:.85rem;font-weight:500}.clear-data-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.clear-data-close-btn:hover{color:#fff;background:#ef444433;border-color:#ef444466}.clear-data-modal-body{flex-direction:column;gap:18px;padding:22px 26px;display:flex;overflow-y:auto}.clear-data-warning-box{color:#fca5a5;background:#ef44441a;border:1px dashed #ef444466;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.88rem;line-height:1.5;display:flex}.clear-data-warning-icon{flex-shrink:0;margin-top:1px;font-size:1.25rem}.clear-data-toolbar{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.clear-data-toolbar-label{color:#e2e8f0;font-size:.92rem;font-weight:700}.clear-data-select-all-btn{color:#f1f5f9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.clear-data-select-all-btn:hover{background:#ef444433;border-color:#ef444466}.clear-data-categories-grid{flex-direction:column;gap:10px;display:flex}.clear-data-category-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:14px;padding:13px 16px;transition:all .2s;display:flex}.clear-data-category-card:hover{background:#ffffff0f;border-color:#ffffff26}.clear-data-category-card.selected{background:#ef44441f;border-color:#ef444473;box-shadow:0 0 15px #ef444414}.clear-data-checkbox{background:#0003;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;transition:all .2s;display:flex}.clear-data-category-card.selected .clear-data-checkbox{color:#fff;background:#ef4444;border-color:#ef4444}.clear-data-category-icon{flex-shrink:0;font-size:1.45rem}.clear-data-category-info{flex:1;min-width:0}.clear-data-category-title-row{align-items:center;gap:8px;display:flex}.clear-data-category-title{color:#f8fafc;margin:0;font-size:.95rem;font-weight:700}.clear-data-category-desc{color:#94a3b8;margin:3px 0 0;font-size:.81rem;line-height:1.35}.clear-data-category-badge{color:#cbd5e1;background:#ffffff14;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:.76rem;font-weight:600}.clear-data-category-card.selected .clear-data-category-badge{color:#fee2e2;background:#ef444440;border:1px solid #ef44444d}.clear-data-verify-box{background:#00000040;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.clear-data-verify-label{color:#e2e8f0;font-size:.88rem;font-weight:600}.clear-data-verify-label strong{color:#f87171;background:#ef444426;border-radius:4px;padding:2px 6px}.clear-data-verify-input{box-sizing:border-box;color:#fff;text-align:center;background:#0f172a99;border:1.5px solid #ef44444d;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;font-weight:700;transition:all .2s}.clear-data-verify-input:focus{background:#0f172ae6;border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.clear-data-modal-footer{background:#0a0c1280;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 26px 20px;display:flex}.clear-data-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:10px 20px;font-size:.92rem;font-weight:600;transition:all .2s}.clear-data-cancel-btn:hover{color:#fff;background:#ffffff14}.clear-data-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:1px solid #ef444480;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #ef444459}.clear-data-confirm-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.clear-data-confirm-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.clear-data-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite clearSpinnerSpin;display:inline-block}@keyframes clearSpinnerSpin{to{transform:rotate(360deg)}}.settings-danger-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ef44440f 0%,#0f111ad9 100%)!important;border:1px solid #ef444459!important}.settings-danger-card:before{content:"";background:linear-gradient(90deg,#ef4444,#f87171,#ef4444);height:3px;position:absolute;top:0;left:0;right:0}.settings-danger-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-danger-header h3{align-items:center;gap:8px;margin:0;display:flex;color:#f87171!important}.settings-danger-badge{color:#fca5a5;text-transform:uppercase;letter-spacing:.05em;background:#ef444433;border:1px solid #ef444459;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.settings-danger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444d9 0%,#b91c1cf2 100%);border:1px solid #ef444466;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #ef44444d}.settings-danger-btn:hover{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.actions-section{margin-bottom:28px}.actions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.actions-title-row{align-items:center;gap:12px;display:flex}.actions-title-row h2{color:#c3d0f0;font-size:1.15rem;font-weight:700}.actions-count{color:#8fa2cf;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;padding:3px 12px;font-size:.78rem;font-weight:700}.actions-add-btn{padding:8px 18px;font-size:.88rem}.actions-list{flex-direction:column;gap:10px;display:flex}.action-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:12px;min-height:68px;padding:14px 16px;transition:all .2s;display:flex}.action-card:hover{background:#ffffff12;border-color:#5b7cff59;transform:translateY(-2px)}.action-card.disabled{opacity:.55;filter:grayscale(.65)}.action-card.disabled:hover{opacity:.8}.action-card-icon{background:linear-gradient(135deg,#5b7cff40,#3bb0ff26);border:1px solid #5b7cff59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.action-card-info{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex;overflow:hidden}.action-card-title{color:#f0f4ff;white-space:normal;text-overflow:ellipsis;max-width:100%;font-size:.95rem;font-weight:700;line-height:1.4;overflow:hidden}.action-card-heading{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.action-card-group-badge{color:#9ad6ff;white-space:nowrap;background:#3bb0ff1f;border:1px solid #3bb0ff38;border-radius:999px;align-items:center;min-height:24px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.action-card-meta{color:#8fa2cf;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:.78rem;display:flex;overflow:hidden}.action-card-chip{color:#d8e3ff;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:5px 10px;display:inline-flex}.action-card-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-card-chip-event{color:#8fc7ff;background:#5b7cff1f;border-color:#5b7cff40}.action-card-chip-value{color:#f7b733;background:#f7b7331a;border:1px solid #f7b73333}.action-card-chip-target{color:#c7d3ef;background:#ffffff0a}.action-card-chip-action-screen{font-weight:700}.action-card-chip-action-screen.action-screen-1{color:#8fc7ff;background:#5b7cff29;border-color:#5b7cff57}.action-card-chip-action-screen.action-screen-2{color:#8de8d5;background:#00c4a829;border-color:#00c4a857}.action-card-chip-action-screen.action-screen-3{color:#ffd98a;background:#f7b73329;border-color:#f7b73357}.action-card-chip-action-screen.action-screen-4{color:#ffb3c1;background:#ff6b8129;border-color:#ff6b8157}.action-card-chip-action-screen.action-screen-5{color:#c6b0ff;background:#956fff29;border-color:#956fff57}.action-card-chip-video{color:#65dfa0;background:#2ecc711a;border-color:#2ecc7133;max-width:240px}.action-card-chip-gift{color:#ffd98a;background:linear-gradient(135deg,#f7b73329,#ff85401f);border-color:#f7b7333d;max-width:320px}.action-card-gift-icon{object-fit:cover;border-radius:6px;flex-shrink:0;width:20px;height:20px}.action-card-gift-emoji{font-size:.95rem;line-height:1}.action-card-gift-diamonds{color:#ffeaaf;font-size:.7rem;font-weight:700}.action-card-arrow{color:#56638c;flex-shrink:0}.action-card-actions{flex-shrink:0;align-items:center;gap:4px;padding-top:2px;display:flex}.overlays-page{flex-direction:column;gap:20px;display:flex}.overlays-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.overlay-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:20px;box-shadow:0 22px 50px #00000052}.overlay-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.overlay-card-header h3{color:#f0f4ff;margin:0;font-size:1.1rem}.overlay-badge{border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:700}.overlay-badge.gold{color:#f7b733;background:#f7b73326;border:1px solid #f7b7334d}.overlay-badge.pink{color:#ff6b9d;background:#ff6b9d26;border:1px solid #ff6b9d4d}.overlay-controls{align-items:center;gap:10px;margin-bottom:10px;display:flex}.overlay-limit-label{color:#8fa2cf;font-size:.85rem;font-weight:600}.overlay-style-select{cursor:pointer;color:#f5f7ff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:.82rem}.overlay-style-select:hover{border-color:#5b7cff80}.overlay-style-select option{color:#f5f7ff;background:#1a2240}.overlay-settings-btn{cursor:pointer;color:#f2f6ff;background:#ffffff14;border:none;border-radius:8px;padding:6px 10px;font-size:.9rem;transition:all .15s}.overlay-settings-btn:hover{background:#5b7cff4d}.overlay-limit-row{background:#5b7cff1a;border:1px solid #5b7cff33;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.overlay-limit-input{color:#f5f7ff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;width:60px;padding:6px 8px;font-family:inherit;font-size:.9rem}.overlay-limit-minmax{color:#8fa2cf;font-size:.75rem}.overlay-save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b7cff,#3bb0ff);border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.overlay-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b7cff4d}.overlay-url-row{direction:ltr;background:#0003;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;display:flex}.overlay-url-row code{color:#8fc7ff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:.78rem;overflow:hidden}.overlay-copy-btn{cursor:pointer;color:#f2f6ff;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:.9rem;transition:all .15s}.overlay-copy-btn:hover{background:#5b7cff4d}.overlay-copy-btn.copied{color:#fff;background:#2ecc71}.overlay-preview{background:#0d1117;height:300px;min-height:300px}@media (width<=900px){.overlays-grid{grid-template-columns:1fr}}.actions-page{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:24px;box-shadow:0 22px 50px #00000052}.action-card-chip-lottie{color:#d8b4fe;background:linear-gradient(135deg,#a855f740,#6366f140);border:1px solid #a855f780;font-weight:700}.action-card-chip-gif{color:#fde047;background:linear-gradient(135deg,#f59e0b40,#d9770640);border:1px solid #f59e0b80;font-weight:700}.upload-progress-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;margin-bottom:16px;padding:14px 20px;box-shadow:0 22px 50px #00000052}.upload-btn-main{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#5b7cff,#3bb0ff);border:none;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #5b7cff38}.upload-btn-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #5b7cff4d}.upload-btn-main:disabled{opacity:.6;cursor:not-allowed}.upload-status-text{color:#dce9ff;margin:0;font-size:.88rem;line-height:1.5}.progress-bar-container{background:#0000004d;border:1px solid #ffffff14;border-radius:14px;width:100%;height:28px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#5b7cff,#3bb0ff);border-radius:14px;justify-content:center;align-items:center;min-width:40px;height:100%;transition:width .3s;display:flex}.progress-text{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.82rem;font-weight:700}.library-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:20px 24px;box-shadow:0 22px 50px #00000052}.library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.library-title-row{align-items:center;gap:14px;display:flex}.library-header h2{white-space:nowrap;color:#fff;margin:0;font-size:1.3rem}.library-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input,.filter-select{color:#f5f7ff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:10px 14px;font-size:.92rem;transition:border-color .2s}.search-input{flex:1;min-width:220px;max-width:400px}.filter-select{cursor:pointer;min-width:130px}.search-input:focus,.filter-select:focus{border-color:#5b7cff99}.search-input::placeholder{color:#8fa2cf}.filter-select option{color:#f5f7ff;background:#1a2240}.empty-state{text-align:center;color:#8fa2cf;border:1px dashed #ffffff29;border-radius:18px;padding:22px}.video-list-compact{flex-direction:column;gap:8px;display:flex}.video-row{cursor:grab;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;min-height:64px;padding:10px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.video-row:active{cursor:grabbing}.video-row.dragging{opacity:.5;transform:scale(.98)}.video-row.drag-over{border-color:#5b7cffb3;transform:translateY(-1px);box-shadow:0 0 0 2px #5b7cff4d}.row-thumb{background:linear-gradient(135deg,#111932,#263757);border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;width:80px;height:50px;overflow:hidden}.row-thumb img,.row-thumb video{object-fit:cover;width:100%;height:100%;display:block}.row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.row-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.row-date{color:#8fa2cf;white-space:nowrap;font-size:.78rem}.row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.screen-select{color:#f5f7ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;outline:none;min-width:118px;padding:8px 10px;font-size:.82rem}.screen-select:focus{border-color:#5b7cff99}.screen-select option{color:#f5f7ff;background:#1a2240}.row-btn{cursor:pointer;color:#f2f6ff;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:38px;padding:8px 10px;font-size:1rem;transition:all .15s;display:flex}.row-btn:hover{background:#ffffff29;transform:translateY(-1px)}.row-btn.restart:hover{background:#5b7cff4d}.row-btn.mute:hover{background:#ffa5004d}.row-btn.mute.muted{background:#ff475733}.row-btn.copy:hover{background:#3bb0ff4d}.row-btn.copy.copied{color:#fff;background:#2ecc71;animation:1.5s ease-out copy-flash}.row-btn.open:hover{background:#8fc7ff4d}.row-btn.delete:hover{background:#ff47574d}.row-drag-handle{color:#8fa2cf;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px;font-size:1.2rem}.row-drag-handle:hover{color:#8fc7ff}.rename-row{align-items:center;gap:6px;display:flex}.rename-input{color:#f5f7ff;background:#ffffff14;border:1px solid #5b7cff80;border-radius:10px;outline:none;flex:1;min-width:150px;padding:8px 10px;font-size:.92rem}.rename-input:focus{border-color:#5b7cffcc}.action-btn.small,.secondary-btn.small{cursor:pointer;border:none;border-radius:10px;min-width:38px;padding:8px 10px;font-size:.9rem;font-weight:600}.action-btn.small{color:#fff;background:linear-gradient(135deg,#5b7cff,#3bb0ff)}.secondary-btn.small{color:#f2f6ff;background:#ffffff14}.folders-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;margin-bottom:16px;padding:12px 16px;overflow-x:auto}.folders-list{flex-wrap:nowrap;align-items:center;gap:8px;min-width:fit-content;display:flex}.actions-groups-bar{overflow-x:visible}.actions-groups-bar .folders-list{flex-wrap:wrap;align-items:stretch;row-gap:10px;min-width:0}.actions-groups-bar .folder-chip-wrapper{align-items:center}.actions-groups-bar .folder-chip{min-height:40px}.actions-groups-bar .folder-chip.add-folder{background:#5b7cff1f}.folder-chip{color:#f5f7ff;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.folder-chip:hover{background:#ffffff1a;border-color:#5b7cff66}.folder-chip.active{background:linear-gradient(135deg,#5b7cff40,#3bb0ff40);border-color:#5b7cff99;box-shadow:0 0 12px #5b7cff26}.folder-chip.add-folder{background:#5b7cff14;border-style:dashed;border-color:#5b7cff66}.folder-chip.add-folder:hover{background:#5b7cff2e}.folder-count{color:#8fc7ff;background:#ffffff1f;border-radius:8px;padding:1px 8px;font-size:.75rem}.folder-chip-wrapper{align-items:center;gap:4px;display:flex;position:relative}.folder-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.folder-chip-wrapper:hover .folder-actions{opacity:1}.folder-action-btn{cursor:pointer;color:#f2f6ff;background:#ffffff14;border:none;border-radius:8px;padding:4px 6px;font-size:.75rem;line-height:1;transition:all .15s}.folder-action-btn:hover{background:#fff3;transform:translateY(-1px)}.folder-rename-row{align-items:center;gap:4px;display:flex}.folder-rename-input{color:#f5f7ff;background:#ffffff14;border:1px solid #5b7cff80;border-radius:8px;outline:none;width:140px;padding:6px 10px;font-size:.82rem}.folder-rename-input:focus{border-color:#5b7cffcc}.folder-rename-ok,.folder-rename-cancel{cursor:pointer;border:none;border-radius:8px;padding:6px 8px;font-size:.8rem;font-weight:600;line-height:1}.folder-rename-ok{color:#fff;background:linear-gradient(135deg,#5b7cff,#3bb0ff)}.folder-rename-cancel{color:#f2f6ff;background:#ffffff1a}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto;overflow-x:hidden!important}.modal-content{background:#1a2240;border:1px solid #ffffff26;border-radius:20px;width:90%;max-width:400px;max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 30px 60px #00000080}.modal-content h3{color:#f5f7ff;margin:0 0 16px;font-size:1.2rem}.modal-input{box-sizing:border-box;color:#f5f7ff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:12px 14px;font-size:.95rem}.modal-input:focus{border-color:#5b7cff99}.modal-input::placeholder{color:#8fa2cf}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s}.modal-btn:hover{transform:translateY(-1px)}.modal-btn.primary{color:#fff;background:linear-gradient(135deg,#5b7cff,#3bb0ff);box-shadow:0 4px 12px #5b7cff4d}.modal-btn.secondary{color:#f2f6ff;background:#ffffff14}.row-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-folder-badge{color:#8fc7ff;white-space:nowrap;background:#5b7cff26;border-radius:6px;padding:2px 8px;font-size:.75rem}.row-folder-badge.dock-badge{color:#2ecc71;background:#2ecc7126}.row-folder-badge.screen-badge{color:#ffd86b;background:#ffc10726}.move-dropdown-wrapper{position:relative}.move-dropdown-backdrop{z-index:500;position:fixed;inset:0}.move-dropdown{z-index:501;background:#1a2240;border:1px solid #ffffff26;border-radius:12px;min-width:200px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #00000080}.move-dropdown-header{color:#8fa2cf;border-bottom:1px solid #ffffff14;margin-bottom:4px;padding:8px 12px;font-size:.8rem}.move-dropdown-item{text-align:right;cursor:pointer;color:#f5f7ff;white-space:nowrap;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 12px;font-size:.85rem;transition:background .15s;display:block}.move-dropdown-item:hover{background:#5b7cff33}.move-dropdown-item.current{color:#8fc7ff;background:#5b7cff26}.move-dropdown-empty{text-align:center;color:#8fa2cf;padding:12px;font-size:.8rem}.row-btn.move:hover{background:#8fc7ff4d}.audio-library-list{flex-direction:column;gap:12px;display:flex}.audio-library-row{background:#0f172a94;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.audio-library-main{align-items:center;gap:12px;min-width:0;display:flex}.audio-library-icon{background:linear-gradient(135deg,#00f2fe2e,#4facfe2e);border:1px solid #00f2fe38;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.audio-library-info{min-width:0}.audio-library-title-row{color:#f8fafc;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.audio-library-title-row strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.audio-library-meta,.audio-library-subrow{color:#94a3b8;font-size:.82rem}.audio-library-subrow{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.audio-library-preview audio{width:100%;min-width:240px}.audio-library-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=980px){.audio-library-row{grid-template-columns:1fr}.audio-library-preview audio{min-width:0}.audio-library-actions{flex-wrap:wrap;justify-content:flex-start}}.action-modal{overscroll-behavior:contain;background:linear-gradient(#181926 0%,#11121d 100%);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:95%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 30px #00f2fe14}.action-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;padding:18px 20px 14px}.action-modal-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.action-modal-title-row h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.action-modal-close-btn{color:#8fa2cf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.action-modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.action-modal-desc{color:#8fa2cf;margin:0 0 10px;font-size:.8rem}.action-quick-presets-section{flex-direction:column;gap:6px;margin-top:8px;display:flex}.action-presets-label{color:#00f2fe;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.action-presets-chips{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.action-preset-chip{color:#e2f8ff;cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe40;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:.75rem;transition:all .2s;display:inline-flex}.action-preset-chip:hover{background:#00f2fe33;border-color:#00f2fe;transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe33}.action-modal-body{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.action-step-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:14px;transition:all .2s;display:flex}.action-step-card:hover{border-color:#ffffff26}.action-step-header{align-items:center;gap:10px;display:flex}.action-step-badge{color:#0d1117;background:linear-gradient(135deg,#00f2fe,#4facfe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 2px 8px #00f2fe66}.action-step-title-group h4{color:#fff;margin:0;font-size:.95rem;font-weight:700}.action-step-title-group p{color:#8fa2cf;margin:2px 0 0;font-size:.72rem}.action-triggers-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=580px){.action-triggers-grid{grid-template-columns:repeat(2,1fr)}}.action-trigger-card{text-align:center;cursor:pointer;color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-trigger-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.action-trigger-card.active{color:#fff;background:linear-gradient(135deg,#00f2fe26,#4facfe26);border-color:#00f2fe;box-shadow:0 0 16px #00f2fe40,inset 0 0 8px #00f2fe1a}.action-trigger-icon{font-size:1.4rem;line-height:1}.action-trigger-name{font-size:.8rem;font-weight:700}.action-trigger-hint{color:#8fa2cf;font-size:.65rem}.action-trigger-card.active .action-trigger-hint{color:#00f2fe}.action-screen-toggle-row{flex-direction:column;gap:6px;display:flex}.action-sublabel{color:#cbd5e1;font-size:.78rem;font-weight:700}.action-screen-buttons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.action-screen-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.action-screen-btn:hover{color:#fff;background:#ffffff14}.action-screen-btn.active{color:#00f2fe;background:linear-gradient(135deg,#4facfe33,#00f2fe33);border-color:#00f2fe;font-weight:700;box-shadow:0 0 10px #00f2fe33}.action-target-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}@media (width<=540px){.action-target-buttons{grid-template-columns:1fr}}.action-target-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.action-target-btn:hover{color:#fff;background:#ffffff14}.action-target-btn.active{color:#fff;background:linear-gradient(135deg,#eb0c8d33,#8a2be233);border-color:#ff007f;font-weight:700;box-shadow:0 0 10px #ff007f40}.action-picker-block,.action-media-tabs-wrapper{flex-direction:column;gap:8px;display:flex}.action-media-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=680px){.action-media-tabs{grid-template-columns:1fr}}.action-media-tab-btn{text-align:right;color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;font-family:inherit;transition:all .2s;display:flex}.action-media-tab-btn:hover{background:#ffffff14}.action-media-tab-btn.active{background:linear-gradient(135deg,#00f2fe29,#4facfe29);border-color:#00f2fe;box-shadow:0 0 14px #00f2fe38}.media-tab-icon{font-size:1.15rem}.media-tab-title{color:#fff;font-size:.88rem;font-weight:700}.media-tab-sub{color:#94a3b8;font-size:.72rem}.action-video-picker-section{flex-direction:column;gap:8px;display:flex}.action-video-picker-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.action-video-search-input{color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;width:180px;padding:4px 10px;font-family:inherit;font-size:.75rem}.action-videos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:180px;padding:4px 2px;display:grid;overflow-y:auto}.action-video-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex;overflow:hidden}.action-video-card:hover{background:#ffffff14;border-color:#fff3}.action-video-card.selected{background:linear-gradient(135deg,#eb0c8d2e,#8a2be238);border-color:#ff007f;box-shadow:0 0 14px #ff007f4d}.action-video-card-icon{background:#ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.action-video-card.selected .action-video-card-icon{color:#fff;background:#ff007f;font-weight:700}.action-video-card-info{text-align:right;flex-direction:column;display:flex;overflow:hidden}.action-video-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.action-video-card-meta{color:#8fa2cf;font-size:.65rem}.action-videos-empty{text-align:center;color:#8fa2cf;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:16px;font-size:.8rem}.action-audio-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.action-audio-picker-section{flex-direction:column;gap:10px;display:flex}.action-audio-preview-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px}.action-audio-preview-box audio{width:100%}.action-audio-volume-row{flex-direction:column;gap:8px;display:flex}.action-audio-volume-row input[type=range]{width:100%}.action-live-summary-card{background:linear-gradient(135deg,#00f2fe14,#ff007f14);border:1px solid #00f2fe40;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.action-summary-icon{color:#00f2fe;font-size:1.2rem}.action-summary-text{color:#e2e8f0;font-size:.78rem;line-height:1.4}.action-summary-text strong{color:#00f2fe}.summary-highlight{color:#fff;background:#ffffff1a;border-radius:6px;margin:0 2px;padding:2px 6px;font-weight:700}.action-card-customizer-section{flex-direction:column;gap:12px;display:flex}.action-actor-mode-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width<=580px){.action-actor-mode-grid{grid-template-columns:repeat(2,1fr)}}.action-actor-mode-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.action-actor-mode-btn:hover{color:#fff;background:#ffffff14}.action-actor-mode-btn.active{color:#00f2fe;background:linear-gradient(135deg,#00f2fe33,#4facfe33);border-color:#00f2fe;font-weight:700;box-shadow:0 0 12px #00f2fe40}.action-card-controls-row{grid-template-columns:1.2fr 1fr;gap:10px;display:grid}@media (width<=540px){.action-card-controls-row{grid-template-columns:1fr}}.action-pills-group{flex-wrap:wrap;gap:5px;display:flex}.action-pill-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.action-pill-btn:hover{color:#fff;background:#ffffff14}.action-pill-btn.active{color:#fff;background:linear-gradient(135deg,#eb0c8d40,#8a2be240);border-color:#ff007f;font-weight:700;box-shadow:0 0 10px #ff007f4d}.action-card-preview-stage{background:radial-gradient(circle,#111827 0%,#080c14 100%);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:24px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.action-card-stage-watermark{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:6px;left:10px}.action-live-card-badge{direction:rtl;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out cardFadeIn;display:inline-flex}.action-live-card-badge.style-default{color:#fff;background:linear-gradient(135deg,#0f172af0,#1e293be0);border:1.5px solid #00f2fe73;border-radius:16px;box-shadow:0 10px 30px #0009,0 0 18px #00f2fe40}.action-live-card-badge.style-classic{color:#fff;background:linear-gradient(135deg,#1c1405f2,#2e220aeb);border:2px solid gold;border-radius:12px;box-shadow:0 10px 30px #000000b3,0 0 22px #ffd70059}.action-live-card-badge.style-neon{color:#fff;background:#0a0a16f2;border:2px solid #ff007f;border-radius:20px;box-shadow:0 0 25px #ff007f80,inset 0 0 12px #ff007f33}.action-live-card-badge.style-minimal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 8px 24px #0006}.action-live-card-badge.style-cyberpunk{color:#00f2fe;background:linear-gradient(135deg,#050f1ef5,#0c2337eb);border:2px solid #00f2fe;border-radius:4px 16px;box-shadow:0 0 28px #00f2fe80,inset 0 0 12px #00f2fe26}.action-live-card-badge.size-small{gap:8px;padding:6px 12px}.action-live-card-badge.size-small .action-card-avatar{width:32px;height:32px}.action-live-card-badge.size-small .action-card-username{font-size:.78rem}.action-live-card-badge.size-small .action-card-event-badge{padding:1px 6px;font-size:.65rem}.action-live-card-badge.size-medium{gap:12px;padding:10px 18px}.action-live-card-badge.size-medium .action-card-avatar{width:44px;height:44px}.action-live-card-badge.size-medium .action-card-username{font-size:.92rem}.action-live-card-badge.size-medium .action-card-event-badge{padding:2px 8px;font-size:.72rem}.action-live-card-badge.size-large{gap:15px;padding:14px 24px}.action-live-card-badge.size-large .action-card-avatar{width:56px;height:56px}.action-live-card-badge.size-large .action-card-username{font-size:1.05rem}.action-live-card-badge.size-large .action-card-event-badge{padding:3px 10px;font-size:.78rem}.action-card-avatar{border:2px solid #ffffffe6;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.action-card-avatar img{object-fit:cover;width:100%;height:100%;display:block}.action-card-info-col{text-align:right;flex-direction:column;gap:3px;display:flex}.action-card-username{color:#fff;font-weight:800;line-height:1.2}.action-card-event-badge{color:#e2e8f0;background:#ffffff26;border-radius:20px;align-items:center;gap:4px;width:fit-content;font-weight:700;display:inline-flex}.action-preview-hidden-notice{color:#94a3b8;text-align:center;background:#ffffff08;border:1px dashed #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;display:flex}.action-advanced-accordion{background:#00000026;border:1px solid #ffffff12;border-radius:12px;overflow:hidden}.action-advanced-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.action-advanced-toggle:hover{color:#fff;background:#ffffff08}.action-advanced-content{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.action-modal-actions{background:#0003;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px 18px;display:flex}.gifts-empty{text-align:center;background:#ffffff0a;border:1px dashed #ffffff26;border-radius:12px;margin-bottom:16px;padding:20px}.gifts-empty p{color:#8fa2cf;margin:0 0 14px;font-size:.85rem;line-height:1.5}.gifts-fetch-btn{padding:10px 20px;font-size:.85rem}.gift-search-input{margin-bottom:10px}.gift-picker{background:#00000026;border:1px solid #ffffff1a;border-radius:12px;max-height:280px;margin-bottom:10px;padding:8px;overflow-y:auto}.gift-picker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;display:grid}.gift-option{cursor:pointer;text-align:center;color:#f5f7ff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.gift-option:hover{background:#5b7cff26;border-color:#5b7cff66;transform:translateY(-2px)}.gift-option.selected{background:#2ecc7126;border-color:#2ecc71;box-shadow:0 0 12px #2ecc7133}.gift-option-icon{object-fit:contain;border-radius:6px;width:40px;height:40px}.gift-option-emoji{font-size:1.6rem;line-height:1}.gift-option-name{text-overflow:ellipsis;white-space:nowrap;color:#c3d0f0;max-width:100%;font-size:.7rem;font-weight:600;overflow:hidden}.gift-option-diamonds{color:#f7b733;font-size:.65rem;font-weight:700}.gift-picker-more{text-align:center;color:#56638c;margin:0;padding:8px;font-size:.75rem}.gift-picker-footer{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gift-refresh-btn{cursor:pointer;color:#f5f7ff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.gift-refresh-btn:hover:not(:disabled){background:#5b7cff33;border-color:#5b7cff66}.gift-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.gift-count{color:#8fa2cf;font-size:.78rem;font-weight:600}.action-modal-desc{color:#8fa2cf;margin:0 0 20px;font-size:.85rem;line-height:1.5}.action-field-label{color:#8fa2cf;margin-top:14px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.action-field-label:first-of-type{margin-top:0}.action-filter-pills-row{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 2px 8px;display:flex;overflow-x:auto}.action-filter-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:.74rem;font-weight:600;transition:all .2s;display:inline-flex}.action-filter-pill:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.action-filter-pill.active{color:#00f2fe;background:linear-gradient(135deg,#00f2fe40,#4facfe40);border-color:#00f2fe;font-weight:700;box-shadow:0 0 10px #00f2fe40}.animation-picker-grid{background:#00000026;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:240px;padding:4px 2px;display:grid;overflow-y:auto}.animation-option-card{cursor:pointer;text-align:right;background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;gap:6px;padding:10px;transition:all .2s;display:flex;position:relative;overflow:hidden}.animation-option-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.animation-option-card.selected{background:linear-gradient(135deg,#a855f733,#00f2fe33);border-color:#a855f7;box-shadow:0 0 16px #a855f759}.animation-option-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.animation-option-icon{font-size:1.4rem;line-height:1}.animation-option-thumb{object-fit:cover;border:1px solid #ffffff26;border-radius:6px;width:36px;height:36px}.animation-option-duration{color:#00f2fe;background:#00f2fe1a;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.animation-option-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.animation-option-desc{color:#8fa2cf;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.3;display:-webkit-box;overflow:hidden}