@import"/css/_tokens.css?v=20260810a";@import"/css/_base.css";.admin-only-show{display:none!important}body.is-admin .admin-only-show{display:flex!important}body:not(.is-admin) .admin-only{display:none!important}body.is-admin.view-as-user .admin-view-only{display:none!important}body.is-admin:not(.view-as-user) .user-view-only{display:none!important}body.view-as-user .admin-only{display:none!important}.bg-animation{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-bubble{position:absolute;border-radius:50%;background:var(--accent-primary);opacity:.04;animation:bgBubbleFloat linear infinite}@keyframes bgBubbleFloat{0%{transform:translateY(100vh) scale(.3);opacity:0}10%{opacity:.04}90%{opacity:.04}to{transform:translateY(-10vh) scale(1);opacity:0}}.bg-particle{position:absolute;border-radius:50%;background:var(--accent-primary);opacity:.15;animation:bgParticleDrift linear infinite}@keyframes bgParticleDrift{0%{transform:translate(0);opacity:0}10%{opacity:.15}50%{opacity:.2}90%{opacity:.1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.bg-animation.anim-gradient{background:linear-gradient(var(--grad-angle, 135deg),var(--accent-primary),transparent,var(--accent-brand, var(--accent-primary)));opacity:.12;animation:bgGradientShift 12s ease-in-out infinite;background-size:200% 200%}@keyframes bgGradientShift{0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} min-height: 100vh; overflow: hidden; font-size: 13px;}#shell{display:flex;zoom:1.1;height:calc(100vh / 1.1);width:calc(100vw / 1.1)}html.mob-fit #shell{zoom:1;width:1280px;height:var(--mob-shell-h)}#iconSidebar{width:52px;background:var(--bg-sidebar);display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:2px;flex-shrink:0;z-index:200;border-right:1px solid var(--border-default);transition:width .2s,opacity .2s;overflow:hidden}#subMenu{transition:width .2s}#subMenu.hidden{width:0;overflow:hidden}#menuToggle{position:fixed;bottom:14px;left:8px;width:26px;height:26px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:300;transition:color .15s,border-color .15s;font-size:12px}#menuToggle:hover{color:var(--text-tertiary);border-color:var(--text-faint)}.icon-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0}.icon-logo svg{width:20px;height:20px;fill:#fff}.icon-btn{width:52px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 2px;margin-bottom:7px;cursor:pointer;color:var(--text-dim);font-size:14px;transition:background .18s,color .18s,transform .18s;position:relative;flex-shrink:0}.sidebar-mark{--mark-a: var(--accent-primary);--mark-b: var(--accent-brand, var(--accent-primary));width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:color-mix(in srgb,var(--mark-a) 78%,#ffffff);background:color-mix(in srgb,var(--mark-a) 13%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--mark-a) 34%,var(--border-default));box-shadow:none;transition:background .18s,border-color .18s,color .18s}.sidebar-mark:after{content:"";position:absolute;inset:1px;border-radius:6px;border:1px solid rgba(255,255,255,.03);pointer-events:none}.sidebar-mark i{position:relative;z-index:1;font-size:13px}.mark-start{--mark-a: #22d3ee;--mark-b: #2563eb}.mark-setup{--mark-a: #94a3b8;--mark-b: #475569}.mark-sounds{--mark-a: #a78bfa;--mark-b: #7c3aed}.mark-tts{--mark-a: #34d399;--mark-b: #059669}.mark-overlays{--mark-a: #fb7185;--mark-b: #e11d48}.mark-deck{--mark-a: #fbbf24;--mark-b: #f97316}.mark-restream{--mark-a: #38bdf8;--mark-b: #0f766e}.mark-stats{--mark-a: #60a5fa;--mark-b: #7c3aed}.mark-discord{--mark-a: #5865F2;--mark-b: #7c3aed}.icon-btn .icon-label{font-size:8px;font-weight:600;text-transform:capitalize;letter-spacing:.3px;color:var(--text-secondary);text-align:center;line-height:1;transition:color .15s}.icon-btn:hover .icon-label{color:var(--text-light)}.icon-btn.active .icon-label{color:color-mix(in srgb,var(--accent-primary) 72%,#ffffff)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-tertiary);transform:translate(1px)}.icon-btn:hover .sidebar-mark{background:color-mix(in srgb,var(--mark-a) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--mark-a) 48%,var(--border-default));color:color-mix(in srgb,var(--mark-a) 68%,#ffffff)}.icon-btn.active{background:#1e3a4ad1;color:var(--accent-primary)}.icon-btn.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 999px 999px 0;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary)}.icon-btn.active .sidebar-mark{background:color-mix(in srgb,var(--mark-a) 24%,var(--bg-sidebar));border-color:color-mix(in srgb,var(--mark-a) 66%,var(--border-default));color:#fff}.icon-btn .tooltip{position:absolute;left:54px;background:var(--bg-hover);color:var(--text-light);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:9999;border:1px solid var(--border-strong)}.icon-btn:hover .tooltip{opacity:1}.icon-sidebar-spacer{flex:1}.icon-sidebar-bottom{padding-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:2px}#subMenu{width:170px;background:var(--bg-submenu);border-right:1px solid var(--border-default);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.submenu-section-title{font-size:11px;font-weight:600;color:var(--accent-brand);padding:14px 12px 6px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.submenu-group-title{margin:10px 12px 4px;padding:8px 0 3px;color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.75px;text-transform:uppercase;border-top:1px solid var(--border-subtle)}.submenu-section-title+.submenu-group-title{margin-top:4px;border-top:none}.submenu-item{padding:7px 12px;color:var(--text-subtle);cursor:pointer;font-size:12px;transition:background .1s,color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid transparent}.submenu-item:hover{background:var(--bg-card);color:var(--text-secondary)}.submenu-item.active{background:#1e2d36;color:var(--accent-primary);border-left-color:var(--accent-primary)}.beta-tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#fe2c55,#ff6b35);color:#fff;padding:1px 5px;border-radius:4px;vertical-align:middle;margin-left:4px;line-height:1.4}#rightSide{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}#topBar{height:44px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-default);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0;z-index:100;position:relative}.breadcrumb{font-size:12px;color:var(--text-disabled);display:flex;align-items:center;gap:6px}.breadcrumb span{color:var(--text-muted)}.breadcrumb .current{color:var(--text-soft)}#promoBanner{flex:1;text-align:center;font-size:11px;color:var(--accent-warning);background:#c8a00014;border:1px solid rgba(200,160,0,.2);border-radius:4px;padding:4px 10px;display:none}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.topbar-status{display:flex;align-items:center;gap:5px}.topbar-status #statusLabel{font-size:10px;color:var(--text-disabled);letter-spacing:.02em}.btn-connect{background:var(--border-muted);color:var(--text-secondary);border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .3s,color .3s,box-shadow .3s;display:flex;align-items:center;gap:6px;animation:glowGrey 2s ease-in-out infinite}.btn-connect:hover{opacity:.85}.btn-connect.connected{background:var(--accent-brand);color:var(--accent-text);animation:none}.btn-connect.live{background:linear-gradient(135deg,#19a84a,#128037);color:#fff;animation:none}.btn-connect.searching{background:linear-gradient(135deg,#4a4a4a,#2e2e2e)!important;color:#d0d0d0!important;cursor:not-allowed;pointer-events:none;opacity:.85;animation:searchingPulse 1.6s ease-in-out infinite}@keyframes searchingPulse{0%,to{box-shadow:0 0 #a0a0a073}50%{box-shadow:0 0 0 6px #a0a0a000}}.btn-edit-user{width:20px;height:20px;border-radius:4px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;transition:color .2s,border-color .2s;padding:0}.btn-edit-user:hover{color:var(--text-secondary);border-color:var(--text-disabled)}@keyframes glowGrey{0%,to{box-shadow:0 0 4px #ffffff0d}50%{box-shadow:0 0 12px #ffffff26}}.topbar-icon-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);font-size:14px;transition:background .15s,color .15s;background:none;border:none}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-tertiary)}.notif-wrap{position:relative;display:flex;align-items:center;justify-content:center}.notif-badge{position:absolute;top:3px;right:3px;background:#e8274b;color:#fff;font-size:8px;font-weight:700;min-width:12px;height:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1;pointer-events:none}.notif-panel{display:none;position:absolute;top:36px;right:0;width:280px;max-height:320px;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 6px 16px #0006;z-index:1000;overflow:hidden}.notif-panel.open{display:flex;flex-direction:column}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-subtle);font-size:11px;font-weight:600;color:var(--text-tertiary)}.notif-mark-all{background:none;border:none;color:var(--text-dim);font-size:10px;cursor:pointer;font-family:inherit}.notif-mark-all:hover{color:var(--text-secondary)}.notif-list{overflow-y:auto;flex:1;max-height:270px}.notif-item{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-subtle);border-left:2px solid transparent;cursor:default;transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#ffffff05}.notif-item.type-update{border-left-color:#37a1dc}.notif-item.type-info{border-left-color:#19cb54}.notif-item.type-alert{border-left-color:#e8274b}.notif-item:hover{background:var(--bg-hover)}.notif-body{flex:1;min-width:0}.notif-title-row{display:flex;align-items:center;gap:6px}.notif-title{font-size:11px;font-weight:700;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.notif-audience{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.notif-audience.aud-all{background:#94a3b82e;color:#cbd5e1}.notif-audience.aud-admin{background:#fbbf242e;color:#fbbf24}.notif-audience.aud-user{background:#38bdf82e;color:#7dd3fc}.notif-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.6px;padding:2px 8px;border-radius:4px;margin-bottom:4px;text-transform:uppercase}.notif-tag.tag-nuevo-overlay{background:linear-gradient(90deg,#fe2c55,#ff6b35);color:#fff}.notif-tag.tag-nueva-funcion{background:#8b5cf638;color:#c4b5fd;border:1px solid rgba(139,92,246,.45)}.notif-tag.tag-mejora{background:#22d3ee33;color:#67e8f9;border:1px solid rgba(34,211,238,.45)}.notif-tag.tag-fix{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.45)}.notif-tag.tag-anuncio{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.45)}.notif-tag.tag-beta{background:#fbbf24;color:#1a1a1a}.notif-tag.tag-custom{background:#94a3b833;color:#e2e8f0;border:1px solid rgba(148,163,184,.45)}.notif-msg{font-size:10px;color:var(--text-dim);margin-top:1px;word-wrap:break-word;line-height:1.4}.notif-time{font-size:9px;color:var(--text-disabled)}.notif-meta{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--text-disabled);margin-top:2px}.notif-author{font-weight:600;color:var(--text-dim)}.notif-meta-sep{opacity:.6}.notif-empty{padding:24px 12px;text-align:center;font-size:11px;color:var(--text-faint)}.notif-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);flex-shrink:0;margin-top:4px}.notif-admin-actions{display:inline-flex;gap:4px;flex-shrink:0;opacity:.55;transition:opacity .15s ease}.notif-item:hover .notif-admin-actions{opacity:1}.notif-admin-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-dim);width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;padding:0;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.notif-admin-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-strong)}.notif-admin-btn--danger:hover{color:#fca5a5;border-color:#fca5a566;background:#fca5a514}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--border-strong);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-wrap{position:relative}.settings-menu{display:none;position:absolute;top:36px;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;min-width:180px;z-index:500;overflow:hidden;box-shadow:0 6px 16px #0006}.settings-menu.open{display:block}.admin-wrap{position:relative}.admin-wrap .topbar-icon-btn{color:#fbbf24}.admin-wrap .topbar-icon-btn:hover{color:#fcd34d}#spChatPopoutBtn{position:relative}#spChatPopoutBtn .sp-beta-badge{position:absolute;top:-2px;right:-4px;font-size:7px;font-weight:700;letter-spacing:.4px;color:#fff;background:#fbbf24;border-radius:4px;padding:1px 3px;line-height:1;pointer-events:none}.admin-menu{display:none;position:absolute;top:36px;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;min-width:220px;z-index:500;overflow:hidden;box-shadow:0 6px 16px #0006}.admin-menu.open{display:block}.admin-menu-header{padding:10px 14px;font-size:11px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default)}.admin-menu-empty{padding:14px;font-size:12px;color:var(--text-dim);text-align:center}.admin-stats-body{flex:1;overflow-y:auto;padding:12px 0}.admin-stats-section{margin-bottom:16px}.admin-stats-title{font-size:11px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-default)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.admin-stat-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px}.admin-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.admin-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);margin-top:2px;line-height:1.1}.admin-stat-sub{font-size:10px;color:var(--text-disabled);margin-top:2px}.admin-stat-card.live{border-color:#19cb5466}.admin-stat-card.live .admin-stat-value{color:#19cb54}.admin-audit-toolbar{display:flex;gap:8px;align-items:center;padding:8px 0;flex-shrink:0}.admin-audit-toolbar .admin-bc-input{flex:1}.admin-audit-meta{font-size:11px;color:var(--text-dim);padding:4px 0 8px;border-bottom:1px solid var(--border-default);flex-shrink:0}.admin-audit-list{flex:1;overflow-y:auto;min-height:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.admin-audit-row{display:grid;grid-template-columns:110px 130px 120px 110px 1fr;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border-subtle);align-items:baseline}.admin-audit-row:hover{background:var(--bg-hover)}.admin-audit-time{color:var(--text-disabled)}.admin-audit-event{font-weight:700;color:#fbbf24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-audit-event.ev-login{color:#19cb54}.admin-audit-event.ev-login_failed{color:#fca5a5}.admin-audit-event.ev-register{color:#7dd3fc}.admin-audit-event.ev-admin_broadcast,.admin-audit-event.ev-admin_role_change,.admin-audit-event.ev-admin_user_delete{color:#fbbf24}.admin-audit-user{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-audit-ip{color:var(--text-dim);font-size:10px}.admin-audit-details{color:var(--text-secondary);font-size:10px;word-break:break-all}.admin-users-meta{font-size:11px;color:var(--text-dim);padding:8px 0;border-bottom:1px solid var(--border-default);margin-bottom:4px}.admin-users-list{flex:1;overflow-y:auto;min-height:0}.admin-user-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--border-subtle)}.admin-user-row:last-child{border-bottom:none}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-dim);overflow:hidden}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.admin-user-meta{font-size:10px;color:var(--text-disabled);margin-top:2px}.admin-role-badge{font-size:9px;font-weight:700;padding:1px 7px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.admin-role-badge.role-admin{background:#fbbf242e;color:#fbbf24}.admin-role-badge.role-user{background:#94a3b82e;color:#cbd5e1}.admin-user-actions{display:flex;gap:6px;flex-shrink:0}.admin-user-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:4px 10px;font-size:11px;border-radius:5px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.admin-user-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.admin-user-btn.danger{color:#fca5a5;border-color:#dc262666}.admin-user-btn.danger:hover{background:#dc262626}.admin-user-btn:disabled{opacity:.4;cursor:not-allowed}.admin-bc-row{margin-bottom:14px}.admin-bc-label{display:block;font-size:11px;font-weight:600;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.admin-bc-input{width:100%;box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:8px 10px;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical}.admin-bc-input:focus{outline:none;border-color:#fbbf24}.admin-bc-audience{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--text-primary)}.admin-bc-audience label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.account-wrap{position:relative}.account-menu{display:none;position:absolute;top:36px;right:0;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;min-width:200px;z-index:500;overflow:hidden;box-shadow:0 8px 24px #00000080}.account-menu.open{display:block}.account-menu-header{padding:12px 14px 10px;border-bottom:1px solid var(--border-default)}.account-menu-header .am-name{font-size:13px;font-weight:600;color:var(--text-light)}.account-menu-header .am-role{font-size:11px;color:var(--text-disabled);margin-top:1px}.account-menu-item{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13px;color:var(--text-tertiary);cursor:pointer;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.account-menu-item:hover{background:var(--bg-hover-alt);color:var(--text-light)}.account-menu-item i{width:14px;text-align:center;font-size:12px}.account-menu-item.danger{color:var(--accent-danger)}.account-menu-item.danger:hover{background:#e8707014;color:var(--accent-danger)}.account-menu-sep{height:1px;background:var(--border-default);margin:3px 0}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center;opacity:0;backdrop-filter:blur(0px);transition:opacity .18s ease-out,backdrop-filter .22s ease-out}.modal-overlay.open{display:flex;animation:modalOverlayIn .2s ease-out forwards}@keyframes modalOverlayIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}.modal-box{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:10px;padding:24px;width:340px;max-width:95vw;transform-origin:center center;will-change:transform,opacity}.modal-overlay.open .modal-box{animation:modalBoxIn .28s cubic-bezier(.2,.9,.3,1.15) forwards}@keyframes modalBoxIn{0%{opacity:0;transform:translateY(14px) scale(.94);filter:blur(3px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.modal-box h3{animation:modalFadeInSlide .35s ease-out .08s both}.modal-box>div,.modal-box>input,.modal-box>p,.modal-box>label{animation:modalFadeInSlide .32s ease-out .12s both}@keyframes modalFadeInSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-box h3{font-size:15px;color:var(--text-secondary);margin-bottom:18px}.modal-box label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:5px;margin-top:12px}.modal-box input[type=text],.modal-box input[type=password]{width:100%;background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);padding:8px 10px;font-size:13px;font-family:inherit;outline:none}.modal-box input:focus{border-color:var(--accent-primary)}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.modal-btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;cursor:pointer;font-family:inherit}.modal-btn.primary{background:var(--accent-brand);color:var(--accent-text)}.modal-btn.primary:hover{opacity:.88}.modal-btn.grey{background:var(--bg-input);color:var(--text-tertiary);border:1px solid var(--border-strong)}.modal-btn.grey:hover{background:var(--border-strong)}.modal-btn.red{background:#e870701f;color:var(--accent-danger);border:1px solid rgba(232,112,112,.3)}.modal-btn.red:hover{background:#e8707033}.modal-msg{font-size:12px;margin-top:10px;padding:7px 10px;border-radius:5px;display:none}.modal-msg.error{background:#e8274b1a;border:1px solid rgba(232,39,75,.3);color:var(--accent-danger);display:block}.modal-msg.success{background:#19cb541a;border:1px solid rgba(25,203,84,.3);color:var(--accent-success);display:block}.pin-step-label{font-size:11px;color:var(--text-disabled);text-align:center;margin-bottom:8px}.pin-display-row{display:flex;gap:7px;justify-content:center;margin-bottom:10px}.pin-dot{width:36px;height:36px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent-brand);transition:border-color .12s}.pin-dot.filled{border-color:var(--accent-primary)}.pin-dot.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #37a1dc33}.modal-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:4px}.modal-num-btn{height:40px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;font-family:inherit;transition:background .1s}.modal-num-btn:hover{background:var(--bg-hover-alt)}.modal-num-btn:active{background:var(--border-subtle)}.modal-num-btn.del{font-size:13px;color:var(--text-dim)}.avatar-upload-zone{border:2px dashed var(--border-strong);border-radius:50%;width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s}.avatar-upload-zone:hover{border-color:var(--accent-primary)}.avatar-upload-zone img{width:100%;height:100%;object-fit:cover;border-radius:50%}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-disabled);display:inline-block}.status-dot.connected{background:var(--accent-brand);box-shadow:0 0 5px var(--accent-brand)}.status-dot.live{background:var(--accent-success);box-shadow:0 0 5px var(--accent-success);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.monitor-ring{width:18px;height:18px;border-radius:50%;border:2.5px solid transparent;animation:monitor-spin 1.8s linear infinite;display:none;margin-right:-2px}.monitor-ring.active{display:inline-block;border-top-color:var(--accent-brand);border-right-color:color-mix(in srgb,var(--accent-brand) 20%,transparent);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-brand) 40%,transparent))}.monitor-ring.glow{border-top-color:#f39c12;border-right-color:#f39c12;border-bottom-color:#f39c1233;filter:drop-shadow(0 0 6px #f39c12) drop-shadow(0 0 14px rgba(243,156,18,.5))}.monitor-ring.live{display:inline-block;animation:none;border-color:#19cb54;filter:drop-shadow(0 0 4px #19cb54) drop-shadow(0 0 10px rgba(25,203,84,.5));animation:ring-glow 2s ease-in-out infinite}@keyframes ring-glow{0%,to{filter:drop-shadow(0 0 4px #19cb54) drop-shadow(0 0 10px rgba(25,203,84,.5))}50%{filter:drop-shadow(0 0 8px #19cb54) drop-shadow(0 0 18px rgba(25,203,84,.7))}}@keyframes monitor-spin{to{transform:rotate(360deg)}}#contentArea{flex:1;overflow-y:auto;padding:20px 24px;background:var(--bg-content)}.page{display:none;max-width:1200px;margin-left:auto;margin-right:auto}.page.active{display:block}#contentArea.cascade-customov .page[data-page^=customov-],#contentArea.cascade-customov .page.customov-intro{display:block;margin-bottom:72px}#contentArea.cascade-customov .ov-group-marker{max-width:1200px;margin:10px auto 18px;padding:2px 0 10px;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;gap:14px}#contentArea.cascade-customov .ov-group-marker:before,#contentArea.cascade-customov .ov-group-marker:after{content:"";width:72px;height:1px;background:color-mix(in srgb,var(--accent-primary) 36%,var(--border-default))}#contentArea.cascade-customov .ov-group-marker+.page[data-page^=customov-]{padding-top:0}#contentArea.cascade-customov .page[data-page^=customov-] .live-preview-wrap{display:block;margin-top:0;max-width:860px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 8px 8px;padding:16px 0}#contentArea.cascade-customov .page[data-page^=customov-] .live-preview-wrap .lp-viewport{border-radius:8px;border:1px solid var(--border-subtle);margin:0 auto}#contentArea.cascade-customov .page[data-page^=customov-] .section-panel:has(+.live-preview-wrap){border-radius:8px 8px 0 0;margin-bottom:0;border-bottom:none;border-color:var(--accent-primary)}#contentArea.cascade-customov .page[data-page^=customov-] .live-preview-wrap{border-color:var(--accent-primary);border-top:none}.section-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:18px 20px;margin-bottom:16px;max-width:860px}.section-title{color:var(--accent-section);font-family:"Exo 2",sans-serif;font-size:15px;margin-bottom:12px}.ov-section{margin-top:12px;padding:14px;background:var(--bg-input);border-radius:10px;border:1px solid var(--border-subtle)}.ov-section:first-of-type{margin-top:14px}.ov-section-title{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:7px}.section-panel:has(>.ov-resolution-badge){position:relative}.ov-resolution-badge{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:0;margin:0;background:none;border:none;box-shadow:none;font-family:"Exo 2",sans-serif;font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;z-index:2;pointer-events:none}.ov-resolution-badge i,.ov-resolution-badge .ov-res-label,.ov-resolution-badge .ov-res-size{background:linear-gradient(100deg,#fff 0% 30%,#e9f6ff 45%,#fff 55% 70%,#cfe8ff 85%,#fff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:ovResShine 3.2s linear infinite;filter:drop-shadow(0 0 1px rgba(255,255,255,.45))}.ov-resolution-badge i{font-size:15px}@keyframes ovResZoom{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(120,210,255,0))}38%{transform:scale(1.95);filter:drop-shadow(0 0 16px rgba(120,210,255,.95))}62%{transform:scale(1.95);filter:drop-shadow(0 0 16px rgba(120,210,255,.95))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(120,210,255,0))}}@keyframes ovResLabelDodge{0%{transform:translate(0)}38%{transform:translate(-78px)}62%{transform:translate(-78px)}to{transform:translate(0)}}.ov-resolution-badge.ov-res-bounce .ov-res-size{animation:ovResShine 3.2s linear infinite,ovResZoom 1s cubic-bezier(.34,1.56,.64,1);transform-origin:right center}.ov-resolution-badge.ov-res-bounce .ov-res-label{animation:ovResShine 3.2s linear infinite,ovResLabelDodge 1s cubic-bezier(.34,1.56,.64,1)}.ov-resolution-badge .ov-res-size{font-size:16px;font-weight:800;font-family:JetBrains Mono,Courier New,monospace;letter-spacing:1.2px}html[data-theme=metallic-platinum] .ov-resolution-badge i,html[data-theme=metallic-platinum] .ov-resolution-badge .ov-res-label,html[data-theme=metallic-platinum] .ov-resolution-badge .ov-res-size{background:linear-gradient(100deg,#1a1c22 0% 30%,#2a4660 45%,#1a1c22 55% 70%,#3a5a80 85%,#1a1c22);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}@keyframes ovResShine{0%{background-position:200% 0}to{background-position:-200% 0}}.section-desc{color:var(--text-dim);font-size:12px;line-height:1.6;margin-bottom:14px}.banner{border-radius:6px;padding:9px 12px;font-size:12px;margin-bottom:14px;display:flex;align-items:flex-start;gap:8px}.banner-blue{background:#122030;border:1px solid #1a3a55;color:#7abfdf}.banner-yellow{background:#1f1a00;border:1px solid #3a3000;color:var(--accent-warning)}.banner-green{background:#0d1f0d;border:1px solid #1a3a1a;color:#5cb85c}.field-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.field-label{min-width:140px;color:var(--text-tertiary);font-size:12px}.field-grid-2,.field-grid-3{display:grid;gap:10px 18px;margin-bottom:10px;align-items:start}.field-grid-2{grid-template-columns:1fr 1fr}.field-grid-3{grid-template-columns:1fr 1fr 1fr}.field-grid-2>.field-row,.field-grid-3>.field-row{margin-bottom:0;margin-top:0!important}.field-grid-2>.field-row>.field-label,.field-grid-3>.field-row>.field-label{min-width:0;flex:0 0 auto}@media(max-width:900px){.field-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.field-grid-2,.field-grid-3{grid-template-columns:1fr}}input[type=text],input[type=number],input[type=password],select,textarea{background:var(--bg-input);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:4px;padding:6px 9px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent-primary)}select option{background:var(--bg-input)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.num-wrap{display:inline-flex;align-items:stretch}.num-wrap input[type=number]{border-radius:0;text-align:center;min-width:0}.num-btn{width:30px;background:var(--bg-panel);border:1px solid var(--border-muted);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;padding:0;transition:background .15s,color .15s;user-select:none;line-height:1}.num-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.num-btn:active{background:var(--bg-hover-alt)}.num-btn--minus{border-radius:6px 0 0 6px;border-right:none}.num-btn--plus{border-radius:0 6px 6px 0;border-left:none}.tts-grid{display:grid;gap:14px}.tts-grid-3{grid-template-columns:1fr 1fr 1fr}.tts-grid-2{grid-template-columns:1fr 1fr}@media(max-width:960px){.tts-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tts-grid-3,.tts-grid-2{grid-template-columns:1fr}}.tts-panel{background:var(--bg-content);border:1px solid var(--border-default);border-radius:10px;padding:18px 20px;max-width:none;margin:0;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.tts-panel:hover{border-color:var(--border-strong);box-shadow:0 0 16px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.tts-panel h3{color:var(--accent-section);font-family:"Exo 2",sans-serif;font-size:13px;font-weight:600;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.tts-panel h3 i{font-size:13px;opacity:.65}.tts-label{color:var(--text-muted);font-size:11px;margin-bottom:5px;display:block}.tts-select{width:100%;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit;transition:border-color .2s}.tts-select:focus{border-color:var(--accent-primary);outline:none}.tts-select-accent{border-color:var(--accent-primary);color:#fff;font-weight:600;background:var(--accent-primary);cursor:pointer}.tts-select-accent:hover{background:color-mix(in srgb,#000 12%,var(--accent-primary))}.tts-select-accent:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.tts-select-accent option{background:var(--bg-input);color:var(--text-primary);font-weight:500}.tts-input{padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit;transition:border-color .2s}.tts-input:focus{border-color:var(--accent-primary);outline:none}.tts-textarea{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.tts-textarea:focus{border-color:var(--accent-primary)}.tts-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.tts-check input{accent-color:var(--accent-primary);cursor:pointer}.tts-check span{user-select:none}.tts-sep{border:none;border-top:1px solid var(--border-subtle);margin:6px 0}.tts-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-family:inherit;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .15s,transform .1s}.tts-btn:hover{filter:brightness(1.15)}.tts-btn:active{transform:scale(.97)}.tts-hero{position:relative;overflow:hidden;background:var(--bg-content);border:1px solid var(--border-default);border-radius:12px;padding:20px 24px;margin-bottom:14px}.tts-hero:before{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 10%,transparent) 0%,transparent 70%);pointer-events:none}.tts-hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.tts-hero-left{display:flex;align-items:center;gap:14px}.tts-hero-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 15%,var(--bg-card)),color-mix(in srgb,var(--accent-primary) 22%,var(--bg-card)));display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--accent-section);flex-shrink:0}.tts-hero:has(#ttsEnabled) .tts-hero-icon{background:linear-gradient(135deg,var(--onoff-red),var(--onoff-red-dark));color:#fff;transition:background .2s,color .2s}.tts-hero:has(#ttsEnabled:checked) .tts-hero-icon{background:linear-gradient(135deg,var(--onoff-green),var(--onoff-green-dark));color:#fff}.tts-hero h2{font-family:"Exo 2",sans-serif;font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 3px}.tts-hero p{color:var(--text-dim);font-size:12px;margin:0}.tts-hero-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tts-hero-right span{font-size:13px;color:var(--text-tertiary)}.toggle{position:relative;display:inline-block;width:36px;height:18px;flex-shrink:0}.toggle input{display:none}.toggle-track{position:absolute;inset:0;background:var(--border-muted);border-radius:18px;cursor:pointer;transition:background .2s}.toggle-track:before{content:"";position:absolute;width:14px;height:14px;background:var(--text-dim);border-radius:50%;top:2px;left:2px;transition:all .2s}.toggle input:checked+.toggle-track{background:var(--accent-success)}.toggle input:checked+.toggle-track:before{left:20px;background:#fff}.toggle-onoff .toggle-track{background:var(--onoff-red)}.toggle-onoff .toggle-track:before{background:#fff}.toggle-onoff input:checked+.toggle-track{background:var(--onoff-green)}.tts-onoff-label .on{display:none}.tts-onoff-label .off{color:var(--onoff-red);font-weight:600}.toggle-onoff:has(input:checked)+.tts-onoff-label .on{display:inline;color:var(--onoff-green);font-weight:600}.toggle-onoff:has(input:checked)+.tts-onoff-label .off{display:none}.btn{padding:6px 14px;border-radius:5px;font-size:12px;font-family:inherit;cursor:pointer;border:none;transition:opacity .15s,background .15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{opacity:.85}.btn-primary{background:var(--accent-brand);color:var(--accent-text)}.btn-blue{background:#1e6a9c;color:#fff}.btn-grey{background:var(--border-subtle);color:var(--text-secondary);border:1px solid var(--border-muted)}.btn-green{background:#19803a;color:#fff}.btn-sm{padding:4px 9px;font-size:11px}#soundPickerModal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center}.sp-overlay{position:absolute;inset:0;background:#0009}.sp-panel{position:relative;z-index:1;width:460px;max-height:75vh;background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.sp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 12px}.sp-title{color:var(--text-primary);font-family:"Exo 2",sans-serif;font-size:15px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.sp-title i{color:var(--accent-primary);font-size:14px}.sp-desc{color:var(--text-dim);font-size:11px;margin:0;line-height:1.5}.sp-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px}.sp-close:hover{color:var(--text-primary)}.sp-search-wrap{position:relative;padding:0 20px 12px}.sp-search-icon{position:absolute;left:32px;top:10px;color:var(--text-disabled);font-size:12px}.sp-search{width:100%;padding:8px 12px 8px 32px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .2s}.sp-search:focus{border-color:var(--accent-primary)}.sp-list{flex:1;overflow-y:auto;padding:0 8px 8px;min-height:200px;max-height:50vh}.sp-group{color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:10px 12px 4px}.sp-region-toggle{transition:opacity .15s}.sp-region-toggle:hover{opacity:.85!important;color:var(--text-secondary)}.sp-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .15s}.sp-item:hover{background:var(--bg-hover)}.sp-item.sp-selected{background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-panel))}.sp-play{background:none;border:1px solid var(--border-muted);color:var(--text-disabled);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:color .15s,border-color .15s}.sp-play:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.sp-item-info{flex:1;min-width:0}.sp-item-name{font-size:12px;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-check{color:var(--accent-primary);font-size:12px;flex-shrink:0}.sp-empty{text-align:center;padding:20px;color:var(--text-disabled);font-size:12px}.sp-status{padding:8px 20px 14px;font-size:11px;color:var(--text-dim);min-height:30px}.sp-internet{border-left:2px solid var(--accent-warning)}.sp-exists{opacity:.5}.sp-badge{font-size:9px;color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 12%,transparent);padding:1px 6px;border-radius:4px;margin-left:6px}.sp-download{background:none;border:1px solid var(--accent-success);color:var(--accent-success);border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;flex-shrink:0;transition:opacity .15s}.sp-download:hover{opacity:.8}.sa-table{width:100%;border-collapse:collapse}.sa-table thead th{background:var(--bg-table-head);color:var(--text-dim);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;padding:7px 10px;text-align:left;border-bottom:1px solid var(--border-default)}.sa-table tbody tr{border-bottom:1px solid var(--bg-hover-alt);transition:background .1s}.sa-table tbody tr:hover{background:var(--bg-hover)}.sa-table tbody tr:last-child{border-bottom:none}.sa-table td{padding:8px 10px;vertical-align:middle}.sa-table select{width:140px;padding:4px 7px;font-size:12px}.ctp-wrap{position:relative;display:inline-block}.ctp-btn{display:flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:4px;padding:4px 7px;font-size:12px;font-family:inherit;cursor:pointer;min-width:140px;text-align:left;white-space:nowrap;overflow:hidden;max-width:160px}.ctp-btn:hover{border-color:var(--accent-primary)}.ctp-btn img{width:16px;height:16px;object-fit:contain;border-radius:2px;flex-shrink:0}.ctp-arrow{margin-left:auto;flex-shrink:0;font-size:9px;color:var(--text-dim)}#ctpDropdown{display:none;position:fixed;z-index:9999;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;width:210px;max-height:260px;overflow-y:auto;box-shadow:0 6px 24px #0009}.ctp-group{font-size:10px;color:var(--text-disabled);padding:7px 10px 3px;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--bg-hover)}.ctp-group:first-child{border-top:none}.ctp-item{display:flex;align-items:center;gap:7px;padding:6px 10px;cursor:pointer;font-size:11px;color:var(--text-secondary)}.ctp-item:hover{background:var(--bg-hover-alt)}.ctp-item img{width:22px;height:22px;object-fit:contain;border-radius:3px;flex-shrink:0}.ctp-item .ctp-diamonds{margin-left:auto;font-size:9px;color:var(--text-disabled);flex-shrink:0}.ctp-no-gifts{padding:8px 10px;font-size:11px;color:var(--text-disabled)}.ctp-group.ctp-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;padding-bottom:7px}.ctp-group.ctp-toggle:hover{background:var(--bg-hover-alt);color:var(--text-secondary)}.ctp-group .ctp-caret{margin-left:auto;flex-shrink:0;font-size:8px;color:var(--text-dim);transition:transform .15s ease}.ctp-group.open .ctp-caret{transform:rotate(90deg)}.ctp-section{display:none}.ctp-section.open{display:block}.sa-trigger-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;font-size:14px}.volume-slider{-webkit-appearance:none;appearance:none;height:3px;border-radius:0;background:linear-gradient(to right,var(--accent-primary) var(--val,100%),var(--text-disabled) var(--val,100%));outline:none;width:80px;border:none;padding:0;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:22px;border-radius:2px;background:var(--accent-primary);cursor:pointer;border:none;transition:box-shadow .15s}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 6px #37a1dc66}.volume-slider::-webkit-slider-thumb:active{box-shadow:0 0 12px #37a1dcb3}.volume-slider::-moz-range-thumb{width:14px;height:22px;border-radius:2px;background:var(--accent-primary);cursor:pointer;border:none;transition:box-shadow .15s}.volume-slider::-moz-range-thumb:hover{box-shadow:0 0 6px #37a1dc66}.volume-slider::-moz-range-thumb:active{box-shadow:0 0 12px #37a1dcb3}select.sound-sel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit;padding:5px 8px;outline:none;cursor:pointer;box-sizing:border-box}select.sound-sel:hover{border-color:var(--text-faint)}select.sound-sel:focus{border-color:var(--accent-primary)}select.sound-sel.ss-open{-webkit-appearance:none;appearance:none;border-color:var(--accent-primary);overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent}select.sound-sel.ss-open::-webkit-scrollbar{width:5px}select.sound-sel.ss-open::-webkit-scrollbar-track{background:transparent}select.sound-sel.ss-open::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}select.sound-sel.ss-open option{padding:3px 8px}select.sound-sel.ss-open option:checked{background:#1a2a3a;color:var(--accent-primary)}select.sound-sel.ss-open optgroup{color:var(--text-dim);font-weight:600;font-size:11px}.shortcut-input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-secondary);padding:4px 7px;font-size:11px;font-family:inherit;width:90px;cursor:pointer;outline:none;text-align:center}.shortcut-input:focus{border-color:var(--accent-primary);color:var(--accent-primary)}.shortcut-input::placeholder{color:var(--text-faint)}.vol-stepper{display:flex;align-items:center;gap:3px}.vol-btn{background:var(--bg-field);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:4px;width:22px;height:22px;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;padding:0}.vol-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.vol-num{font-size:12px;color:var(--text-secondary);min-width:30px;text-align:center}.quick-cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.quick-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 18px;min-width:180px;cursor:pointer;transition:border-color .15s,background .15s}.quick-card:hover{border-color:var(--accent-primary);background:#1e2d36}.quick-card .qc-title{font-size:13px;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 7px;background:var(--bg-input);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;color:var(--accent-primary)}@keyframes kbdPulse{0%,to{box-shadow:0 0 #37a1dc80}50%{box-shadow:0 0 0 8px #37a1dc00}}.shortcuts-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.shortcut-card2{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 44px 14px 18px;min-width:220px;position:relative;transition:border-color .15s,background .15s}.shortcut-card2:hover{border-color:var(--accent-primary);background:#1e2d36}.shortcut-card2.fired{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-card))}.shortcut-card2 .sc-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.shortcut-card2 .qc-sub{font-size:11px;color:var(--text-disabled);margin-top:2px}.shortcut-card2.unset .kbd-key{color:var(--text-disabled);border-color:var(--border-default)}.shortcut-card2 .sc-edit-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:28px;height:28px;background:transparent;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s}.shortcut-card2 .sc-edit-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--bg-hover)}.sk-mod-select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:6px 10px;font-size:12px;min-width:160px}.sk-mod-select:focus{outline:none;border-color:var(--accent-primary)}.sk-section{margin-bottom:10px}.sk-section-label{font-size:10px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.sk-keygrid{display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.sk-keygrid .sk-key{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:6px 4px;font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Menlo,monospace;transition:all .12s}.sk-keygrid .sk-key:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.sk-keygrid .sk-key.current{background:#37a1dc26;border-color:var(--accent-primary);color:var(--accent-primary)}.quick-card .qc-status{font-size:11px;color:var(--accent-success)}.quick-card .qc-sub{font-size:11px;color:var(--text-disabled);margin-top:2px}.connect-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;margin-bottom:14px;max-width:500px}.connect-panel .cp-title{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.connect-row{display:flex;gap:8px;align-items:center}.connect-row input{flex:1;padding:7px 10px;font-size:13px}.stats-strip{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stat-pill{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:12px}.stat-pill .sv{font-size:18px;font-family:"Exo 2",sans-serif;color:var(--text-white)}.stat-pill .sl{color:var(--text-dim);font-size:11px}#chatFeed{height:calc(100vh - 230px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:8px}.chat-line{display:flex;align-items:flex-start;gap:8px;padding:5px 4px;border-bottom:1px solid var(--bg-hover-alt);animation:fadeUp .2s ease}.chat-line:last-child{border-bottom:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-av{width:22px;height:22px;border-radius:50%;background:var(--border-subtle);overflow:hidden;flex-shrink:0}.chat-av img{width:100%;height:100%;object-fit:cover}.chat-name{color:var(--accent-primary);font-weight:600;font-size:12px}.chat-name.follow{color:var(--accent-success)}.chat-name.gift{color:#e8c42a}.chat-name.share{color:#f5a030}.chat-text{font-size:12px;color:var(--text-soft);word-break:break-word}.url-row{display:flex;align-items:center;gap:8px;background:var(--bg-table-head);border:1px solid var(--border-subtle);border-radius:5px;padding:7px 10px;font-size:12px;color:var(--text-dim);font-family:monospace}.url-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone{border:2px dashed var(--border-subtle);border-radius:6px;padding:20px;text-align:center;cursor:pointer;font-size:12px;color:var(--text-dim);transition:border-color .15s}.upload-zone:hover{border-color:var(--accent-primary);color:var(--text-tertiary)}.upload-zone i{display:block;font-size:20px;margin-bottom:6px;color:var(--text-faint)}.file-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-card);border-radius:4px;margin-top:4px;font-size:12px}.file-row .fn{flex:1;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast{position:fixed;top:18px;right:18px;padding:9px 16px;border-radius:5px;font-size:12px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:9999}#toast.show{opacity:1}#toast.toast-error{inset:auto auto 48px 50%;transform:translate(-50%,14px);padding:16px 28px;border-radius:10px;font-size:18px;font-weight:600;line-height:1.35;background:#dc2626!important;color:#fff!important;max-width:min(640px,90vw);text-align:center;box-shadow:0 14px 36px #dc262666,0 2px 10px #00000073;transition:opacity .25s ease-out,transform .25s cubic-bezier(.2,.9,.3,1.1)}#toast.toast-error.show{transform:translate(-50%)}#sidebarSearch{width:100%;padding:0 8px;margin-bottom:6px}#sidebarSearch input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-tertiary);padding:5px 8px;font-size:11px}[data-page=deck-main]{background:var(--bg-deck);max-width:none;margin-left:0;margin-right:0}#deckPage{margin:-20px -24px;display:flex;flex-direction:column;min-height:calc(100vh - 56px)}#deckStatusBar{font-size:11px;color:var(--text-disabled);padding:6px 16px;background:var(--bg-deck);border-bottom:1px solid var(--bg-content);flex-shrink:0}#deckStatusBar span{color:var(--text-muted)}#deckTopActions{display:flex;align-items:center;justify-content:flex-end;padding:10px 16px 0;gap:10px}#deckGrid{display:grid;grid-template-columns:repeat(3,76px);gap:4px;padding:6px;width:fit-content;margin:0 auto;align-content:start;background:transparent}.deck-btn{aspect-ratio:1;border-radius:12px;border:1.5px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#ffffff14,#fff0,#0000004d),linear-gradient(180deg,#2a2a2a,#111);box-shadow:0 8px 24px #0009,0 2px 4px #000c,inset 0 1px #ffffff1f,inset 0 -2px 6px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;position:relative;overflow:hidden;transition:transform .1s,box-shadow .1s;user-select:none;-webkit-user-select:none}.deck-btn.has-image{background-size:cover;background-position:center}.deck-btn.has-image .btn-label,.deck-btn.has-image .btn-type{text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8)}.deck-btn.has-image .btn-glass-bg{position:absolute;inset:0;background:#00000059;border-radius:16px}.deck-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#ffffff21,#fff0);border-radius:16px 16px 60% 60%;pointer-events:none;z-index:2}.deck-btn:hover{box-shadow:0 10px 28px #000000b3,0 2px 4px #000000e6,inset 0 1px #ffffff2e,inset 0 -2px 6px #00000080}.deck-btn:active{transform:scale(.93);box-shadow:0 2px 8px #000c,inset 0 2px 8px #0009,inset 0 1px #ffffff0f}.deck-btn.firing{animation:deckFire .3s ease}@keyframes deckFire{0%{transform:scale(.93)}50%{transform:scale(1.06)}to{transform:scale(1)}}.deck-btn.playing{border-color:#fe2c5599;animation:deckPlaying 1.1s ease-in-out infinite}@keyframes deckPlaying{0%,to{box-shadow:0 0 #fe2c5566,0 2px 8px #000c,inset 0 2px 8px #0009,inset 0 1px #ffffff0f;transform:scale(1)}50%{box-shadow:0 0 0 8px #fe2c5500,0 2px 8px #000c,inset 0 2px 8px #0009,inset 0 1px #ffffff0f;transform:scale(1.04)}}.deck-btn.playing .pause-overlay{display:flex!important}.deck-btn .pause-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:#00000073;border-radius:inherit;font-size:22px;z-index:5}.deck-btn .btn-icon{width:28px;height:28px;line-height:1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--deck-accent, rgba(200,200,210,.75));filter:drop-shadow(0 0 6px var(--deck-accent, transparent));flex-shrink:0}.deck-btn .btn-icon svg{width:100%;height:100%;display:block}.deck-btn.locked{opacity:.3;filter:saturate(.2) brightness(.5);cursor:default}.deck-btn.locked:active{transform:none}.deck-btn.locked:before{opacity:.05}.deck-btn.locked:hover:before{opacity:.05}.deck-btn.playing{border-color:#fe2c5599!important;animation:deckPlaying2 1.1s ease-in-out infinite!important}@keyframes deckPlaying2{0%,to{box-shadow:0 0 #fe2c5566,0 2px 8px #000c;transform:scale(1)}50%{box-shadow:0 0 0 8px #fe2c5500,0 2px 8px #000c;transform:scale(1.04)}}.deck-size-btns{display:flex;gap:4px}.deck-size-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-disabled);font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.deck-size-btn.active{color:#fe2c55;border-color:#fe2c55}.deck-slot-empty{aspect-ratio:1;border-radius:16px;border:1px dashed var(--bg-card);background:var(--bg-deep)}.deck-btn .btn-label{font-size:8px;font-weight:600;text-align:center;color:var(--text-light);padding:0 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.deck-btn .btn-type{font-size:7px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.4;margin-top:-3px;position:relative;z-index:1}.deck-btn:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:3px;background:var(--deck-accent, #333);border-radius:0 0 8px 8px;box-shadow:0 0 8px var(--deck-accent, #333);opacity:.8}.deck-btn.edit-mode{border-color:#fff3;animation:deckWobble .6s ease infinite alternate}@keyframes deckWobble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.deck-btn .edit-badge{display:none;position:absolute;top:5px;right:5px;background:#000000b3;border-radius:6px;padding:2px 5px;font-size:10px;color:var(--text-tertiary)}.deck-btn.edit-mode .edit-badge{display:block}.deck-btn .delete-btn{display:none;position:absolute;top:4px;left:4px;background:#b42828d9;border:none;border-radius:50%;width:20px;height:20px;font-size:11px;color:#fff;cursor:pointer;z-index:10;line-height:20px;text-align:center;padding:0;transition:background .15s}.deck-btn .delete-btn:hover{background:#dc3232f2}.deck-btn.edit-mode .delete-btn{display:block}.deck-btn .delete-btn.confirming{background:var(--accent-danger);font-size:9px;width:36px;border-radius:8px;left:3px}.ds-toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.ds-toggle-wrap input[type=checkbox]{display:none}.ds-toggle-track{width:40px;height:22px;border-radius:11px;background:var(--bg-input);border:1px solid var(--border-muted);position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.ds-toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-disabled);position:absolute;top:2px;left:2px;transition:left .2s,background .2s}.ds-toggle-wrap input:checked~.ds-toggle-track{background:#fe2c55;border-color:#fe2c55}.ds-toggle-wrap input:checked~.ds-toggle-track .ds-toggle-thumb{left:20px;background:#fff}.ds-toggle-label{font-size:12px;color:var(--text-dim);font-weight:400;transition:color .2s}.ds-toggle-wrap input:checked~.ds-toggle-label{color:#fe2c55}.deck-add{aspect-ratio:1;border-radius:14px;border:2px dashed var(--border-strong);background:transparent;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-faint);cursor:pointer;transition:border-color .15s,color .15s}.deck-add:hover{border-color:var(--text-disabled);color:var(--text-dim)}#deckSheetOverlay{display:none;position:fixed;inset:0;background:#0009;z-index:500;backdrop-filter:blur(4px)}#deckSheetOverlay.open{display:block}#deckEditSheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:min(100%,460px);background:var(--bg-submenu);border-top:1px solid var(--border-default);border-radius:20px 20px 0 0;padding:20px 20px 36px;z-index:501;transition:transform .3s cubic-bezier(.34,1.1,.64,1);max-height:90dvh;overflow-y:auto}#deckEditSheet.open{transform:translate(-50%) translateY(0)}.ds-handle{width:36px;height:4px;background:var(--border-strong);border-radius:2px;margin:0 auto 18px}.ds-title{font-size:15px;font-weight:700;color:var(--text-white);margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.ds-close{background:none;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-disabled);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;padding:4px 9px;letter-spacing:.3px;transition:color .15s,border-color .15s}.ds-close:hover{color:var(--text-tertiary);border-color:var(--text-disabled)}.ds-field{margin-bottom:14px}.ds-field label{display:block;font-size:11px;color:var(--text-disabled);margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ds-field input,.ds-field select,.ds-field textarea{width:100%;background:var(--bg-field);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.ds-field input:focus,.ds-field select:focus{border-color:#fe2c55}.ds-color-row{display:flex;gap:8px;flex-wrap:wrap}.ds-swatch{width:32px;height:32px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.ds-swatch:active{transform:scale(.9)}.ds-swatch.selected{border-color:#fff;transform:scale(1.1)}.ds-swatch-none{background:var(--bg-field);border-color:var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.ds-swatch-none svg{width:18px;height:18px}.ds-swatch-none.selected{border-color:#fff;color:var(--text-tertiary)}.ds-icon-row{display:flex;gap:8px;flex-wrap:wrap}.ds-icon-opt{width:40px;height:40px;border-radius:8px;background:var(--bg-field);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .1s,background .1s,color .1s;color:var(--text-dim)}.ds-icon-opt svg{width:22px;height:22px;flex-shrink:0}.ds-icon-opt:hover{background:var(--bg-hover-alt);color:var(--text-subtle);border-color:var(--border-muted)}.ds-icon-opt.selected{border-color:#fe2c55;background:#fe2c5514;color:var(--text-light)}.ds-icon-opt.ds-icon-none{color:var(--border-strong)}.ds-icon-opt.ds-icon-none.selected{color:var(--text-tertiary)}#dsFieldSound,#dsFieldAlert,#dsFieldChat{display:none}#dsFieldSound.show,#dsFieldAlert.show,#dsFieldChat.show{display:block}.ds-btns{display:flex;gap:10px;margin-top:18px}.dsbtn{flex:1;padding:12px;border-radius:10px;border:none;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s}.dsbtn:active{opacity:.8}.dsbtn-cancel{background:var(--bg-elevated);color:var(--text-disabled);border:1px solid var(--border-default)}.dsbtn-save{background:#fe2c55;color:#fff}.dsbtn-delete{background:#1a0808;color:var(--accent-danger);border:1px solid #3a1414}input[type=range].ds-range{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:0;background:linear-gradient(to right,var(--accent-primary) var(--val,100%),var(--text-disabled) var(--val,100%));outline:none;cursor:pointer}input[type=range].ds-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:22px;border-radius:2px;background:var(--accent-primary);cursor:pointer;border:none;transition:box-shadow .15s}input[type=range].ds-range::-webkit-slider-thumb:hover{box-shadow:0 0 6px #37a1dc66}input[type=range].ds-range::-webkit-slider-thumb:active{box-shadow:0 0 12px #37a1dcb3}input[type=range].ds-range::-moz-range-thumb{width:14px;height:22px;border-radius:2px;background:var(--accent-primary);cursor:pointer;border:none;transition:box-shadow .15s}input[type=range].ds-range::-moz-range-thumb:hover{box-shadow:0 0 6px #37a1dc66}input[type=range].ds-range::-moz-range-thumb:active{box-shadow:0 0 12px #37a1dcb3}.cs-divider{display:flex;align-items:center;gap:8px;padding:8px 12px 4px}.cs-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.custom-select{position:relative;width:100%;user-select:none;-webkit-user-select:none}.custom-select .cs-selected{display:flex;align-items:center;gap:10px;width:100%;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);padding:10px 12px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s}.custom-select .cs-selected:hover{border-color:var(--border-muted)}.custom-select.open .cs-selected{border-color:#fe2c55}.custom-select .cs-selected .cs-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.custom-select .cs-selected .cs-icon svg{width:100%;height:100%}.custom-select .cs-selected .cs-label{flex:1}.custom-select .cs-selected .cs-arrow{width:12px;height:12px;color:var(--text-disabled);flex-shrink:0;transition:transform .2s}.custom-select.open .cs-selected .cs-arrow{transform:rotate(180deg)}.custom-select .cs-selected .cs-arrow svg{width:100%;height:100%}.custom-select .cs-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;z-index:50;box-shadow:0 8px 24px #00000080;max-height:240px;overflow-y:auto}.custom-select.open .cs-dropdown{display:block}.custom-select .cs-option{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .1s}.custom-select .cs-option:hover{background:var(--bg-hover)}.custom-select .cs-option.active{background:#fe2c551a}.custom-select .cs-option.disabled{opacity:.35;cursor:default}.custom-select .cs-option .cs-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.custom-select .cs-option .cs-icon svg{width:100%;height:100%}.custom-select .cs-option .cs-opt-label{flex:1}.cs-divider{display:flex;align-items:center;gap:8px;padding:6px 12px}.cs-divider-line{flex:1;height:1px;background:var(--border-default)}.cs-divider-text{font-size:10px;color:#c8c8d259;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-weight:600}.cs-option.desktop-opt{opacity:.55;position:relative}.cs-option.desktop-opt .cs-icon{color:#96a0b499}.cs-option.desktop-opt:hover{background:#6464781a}.cs-pc-badge{font-size:9px;font-weight:700;color:#96a0b480;background:#96a0b41a;border:1px solid rgba(150,160,180,.15);border-radius:4px;padding:1px 5px;letter-spacing:.5px;margin-left:auto}#srContainer{position:fixed;top:70px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.sr-card{pointer-events:auto;background:var(--bg-card);border:2px solid #ff4444;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:380px;max-width:480px;box-shadow:0 8px 32px #0009;animation:srSlideIn .35s ease}.sr-card.removing{animation:srSlideOut .3s ease forwards}@keyframes srSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes srSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.sr-thumb{width:64px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--bg-sidebar)}.sr-info{flex:1;min-width:0;overflow:hidden}.sr-requester{font-size:10px;color:var(--text-muted);margin-bottom:2px}.sr-requester strong{color:var(--accent-primary)}.sr-title{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-channel{font-size:10px;color:var(--text-dim)}.sr-duration{font-size:10px;color:var(--text-disabled);margin-top:1px}.sr-actions{display:flex;gap:6px;flex-shrink:0}.sr-btn{border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.sr-btn:active{transform:scale(.95)}.sr-btn-accept{background:#19803a;color:#fff}.sr-btn-accept:hover{background:#1fa048}.sr-btn-reject{background:var(--border-strong);color:var(--text-tertiary)}.sr-btn-reject:hover{background:var(--text-faint);color:var(--text-light)}.sr-btn-copy{background:#5865f22e;color:#7289da}.sr-btn-copy:hover{background:#5865f24d}#srQueuePanel{position:fixed;bottom:20px;right:20px;z-index:99998;background:var(--bg-overlay-dark);border:1px solid var(--border-default);border-radius:10px;width:320px;max-height:360px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.srq-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--bg-hover);position:sticky;top:0;background:var(--bg-overlay-dark)}.srq-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;padding:4px 6px;border-radius:4px}.srq-clear:hover{color:var(--accent-danger);background:#2a1015}.srq-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--bg-content)}.srq-item:last-child{border-bottom:none}.srq-thumb{width:48px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--bg-sidebar)}.srq-info{flex:1;min-width:0;overflow:hidden}.srq-title{font-size:12px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srq-by{font-size:10px;color:var(--text-disabled)}.srq-next{font-size:9px;background:#1a3a1a;color:#4caf50;padding:2px 8px;border-radius:8px;flex-shrink:0;font-weight:600}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ov-card{background:var(--bg-content);border:1px solid var(--border-default);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s}.ov-card:hover{border-color:var(--border-muted);box-shadow:0 4px 20px #0000004d}.ov-card-header{display:flex;align-items:center;gap:10px}.ov-card-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ov-card-info{flex:1;min-width:0}.ov-card-name{font-size:13px;font-weight:600;color:var(--text-bright)}.ov-card-desc{font-size:11px;color:var(--text-dim);margin-top:1px}.ov-card-size{font-size:10px;color:var(--text-disabled);display:flex;align-items:center;gap:5px}.ov-card-preview{width:100%;height:80px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ov-card-preview-icon{font-size:28px;opacity:.35}.ov-card-preview-label{position:absolute;bottom:6px;right:8px;font-size:9px;color:#ffffff40;font-weight:600;letter-spacing:.5px}.ov-card-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:11px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;gap:5px}.ov-card:hover .ov-card-preview-btn{opacity:1}.ov-card-preview-btn:hover{background:#37a1dc4d;border-color:var(--accent-primary);color:#fff}.ov-card-off{opacity:.45;border-color:var(--bg-hover)}.ov-card-off:hover{border-color:var(--border-default);box-shadow:none}.ov-card-off .ov-card-icon{filter:grayscale(1)}.ov-card-off .toggle{opacity:calc(1 / .45)}.ov-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.ov-card-status{font-size:10px;color:var(--text-disabled);display:flex;align-items:center;gap:4px}.ov-tag{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase;vertical-align:middle;margin-left:4px}.ov-tag-pop{background:#fe2c5526;color:#fe2c55}.ov-tag-new{background:#22c55e26;color:#22c55e}.ov-tag-beta{background:#fbbf24;color:#1a1a1a}.ov-obs-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;margin-bottom:6px;transition:border-color .15s}.ov-obs-row:hover{border-color:var(--border-muted)}.ov-obs-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0}.ov-obs-info{flex:1;min-width:0}.ov-obs-name{font-size:12px;font-weight:600;color:var(--text-secondary)}.ov-obs-size{font-size:10px;font-weight:400;color:var(--text-disabled);margin-left:4px}.ov-obs-url{font-size:10px;font-family:Consolas,Courier New,monospace;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bg-anim-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-disabled);margin:14px 0 6px}.bg-anim-row{display:flex;gap:6px;flex-wrap:wrap}.bg-anim-btn{padding:5px 12px;border-radius:6px;font-size:11px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.bg-anim-btn:hover{border-color:var(--text-dim);color:var(--text-secondary)}.bg-anim-btn.active{border-color:var(--accent-primary);color:var(--accent-primary)}.tp-cat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-disabled);margin:14px 0 6px}.tp-cat-label:first-child{margin-top:0}.tp-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tp-card{cursor:pointer;border-radius:8px;border:2px solid transparent;padding:4px;transition:border-color .15s,transform .1s;background:var(--bg-card)}.tp-card:hover{border-color:var(--border-muted);transform:scale(1.03)}.tp-card-active{border-color:var(--accent-primary)!important}.tp-card-preview{width:100%;height:36px;border-radius:5px;position:relative;overflow:hidden}.tp-card-accent{position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3)}.tp-card-name{font-size:10px;color:var(--text-tertiary);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-active .tp-card-name{color:var(--accent-primary)}.te-row{margin-bottom:12px}.te-label{display:block;font-size:11px;color:var(--text-disabled);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.te-colors-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.te-color-swatch{width:40px;height:40px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid var(--border-strong);transition:border-color .15s}.te-color-swatch:hover{border-color:var(--text-muted)}.te-color-preview{width:100%;height:100%}.te-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.te-color-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--accent-danger);border:none;color:#fff;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.te-color-add{width:40px;height:40px;border-radius:8px;border:2px dashed var(--border-strong);background:transparent;color:var(--text-faint);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.te-color-add:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.te-slider-wrap{display:flex;align-items:center;gap:10px}.te-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border-strong);outline:none;cursor:pointer}.te-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-card)}.te-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-card)}.te-slider-val{font-size:12px;color:var(--text-muted);min-width:36px;text-align:right;font-family:monospace}.te-accent-wrap{display:flex;align-items:center;gap:10px}.te-accent-preview{width:36px;height:36px;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;border:2px solid var(--border-strong)}.te-hex-input{width:90px;background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);border-radius:4px;padding:6px 8px;font-size:12px;font-family:monospace}.live-preview-wrap{margin-top:16px;display:none}.live-preview-wrap.active{display:block}.live-preview-wrap .lp-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.live-preview-wrap .lp-actions{display:flex;gap:6px}.live-preview-wrap .lp-btn{background:#1a1a1a;border:1px solid #333;color:#777;border-radius:6px;padding:3px 8px;cursor:pointer;font-size:10px;transition:color .2s,border-color .2s}.live-preview-wrap .lp-btn:hover{color:#ccc;border-color:#555}.live-preview-wrap .lp-viewport{border-radius:8px;overflow:hidden;border:1px solid #333;background:var(--bg-panel)}.live-preview-wrap .lp-viewport iframe{display:block}#contentArea.cascade-restream .page[data-page^=restream-]{display:block;margin-bottom:72px}.restream-live-badge{padding:4px 12px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;user-select:none;position:absolute;top:12px;left:12px;z-index:3}.restream-live-badge.offline{background:#2a2a2a;color:#fff}.restream-live-badge.live{background:#e8274b;color:#fff;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.8}}.restream-preview{background:#0a0a14;border-radius:10px;overflow:hidden;aspect-ratio:16/9;max-width:720px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #222)}.restream-preview video{width:100%;height:100%;object-fit:contain}.restream-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-disabled);font-size:13px;position:relative;width:100%;height:100%}.restream-water-icon{position:relative;display:inline-block;margin-bottom:4px;line-height:1}.restream-water-base{color:#333}.restream-wave-deep{position:absolute;left:0;top:0;color:#555;opacity:.6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C16,30 34,30 50,50 C66,70 84,70 100,50 C116,30 134,30 150,50 C166,70 184,70 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C16,30 34,30 50,50 C66,70 84,70 100,50 C116,30 134,30 150,50 C166,70 184,70 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:160px 200%;mask-size:160px 200%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:restreamDeep 14s linear infinite}.restream-wave-mid{position:absolute;left:0;top:0;color:#777;opacity:.8;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C16,37 34,37 50,50 C66,63 84,63 100,50 C116,37 134,37 150,50 C166,63 184,63 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C16,37 34,37 50,50 C66,63 84,63 100,50 C116,37 134,37 150,50 C166,63 184,63 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:110px 200%;mask-size:110px 200%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:restreamMid 9s linear infinite}.restream-wave-top{position:absolute;left:0;top:0;color:#aaa;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C25,42 25,42 50,50 C75,58 75,58 100,50 C125,42 125,42 150,50 C175,58 175,58 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0,50 C25,42 25,42 50,50 C75,58 75,58 100,50 C125,42 125,42 150,50 C175,58 175,58 200,50 L200,100 L0,100 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:70px 200%;mask-size:70px 200%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:restreamTop 6s linear infinite}@keyframes restreamDeep{0%{-webkit-mask-position:0px 8%;mask-position:0px 8%}5%{-webkit-mask-position:48px 20%;mask-position:48px 20%}10%{-webkit-mask-position:96px 34%;mask-position:96px 34%}15%{-webkit-mask-position:144px 46%;mask-position:144px 46%}20%{-webkit-mask-position:192px 56%;mask-position:192px 56%}25%{-webkit-mask-position:240px 64%;mask-position:240px 64%}30%{-webkit-mask-position:288px 70%;mask-position:288px 70%}35%{-webkit-mask-position:336px 74%;mask-position:336px 74%}40%{-webkit-mask-position:384px 76%;mask-position:384px 76%}45%{-webkit-mask-position:432px 74%;mask-position:432px 74%}50%{-webkit-mask-position:480px 70%;mask-position:480px 70%}55%{-webkit-mask-position:528px 64%;mask-position:528px 64%}60%{-webkit-mask-position:576px 56%;mask-position:576px 56%}65%{-webkit-mask-position:624px 46%;mask-position:624px 46%}70%{-webkit-mask-position:672px 34%;mask-position:672px 34%}75%{-webkit-mask-position:720px 20%;mask-position:720px 20%}80%{-webkit-mask-position:768px 12%;mask-position:768px 12%}85%{-webkit-mask-position:816px 8%;mask-position:816px 8%}90%{-webkit-mask-position:864px 8%;mask-position:864px 8%}95%{-webkit-mask-position:912px 8%;mask-position:912px 8%}to{-webkit-mask-position:960px 8%;mask-position:960px 8%}}@keyframes restreamMid{0%{-webkit-mask-position:0px 10%;mask-position:0px 10%}5%{-webkit-mask-position:-33px 22%;mask-position:-33px 22%}10%{-webkit-mask-position:-66px 36%;mask-position:-66px 36%}15%{-webkit-mask-position:-99px 48%;mask-position:-99px 48%}20%{-webkit-mask-position:-132px 58%;mask-position:-132px 58%}25%{-webkit-mask-position:-165px 66%;mask-position:-165px 66%}30%{-webkit-mask-position:-198px 72%;mask-position:-198px 72%}35%{-webkit-mask-position:-231px 76%;mask-position:-231px 76%}40%{-webkit-mask-position:-264px 78%;mask-position:-264px 78%}45%{-webkit-mask-position:-297px 76%;mask-position:-297px 76%}50%{-webkit-mask-position:-330px 72%;mask-position:-330px 72%}55%{-webkit-mask-position:-363px 66%;mask-position:-363px 66%}60%{-webkit-mask-position:-396px 58%;mask-position:-396px 58%}65%{-webkit-mask-position:-429px 48%;mask-position:-429px 48%}70%{-webkit-mask-position:-462px 36%;mask-position:-462px 36%}75%{-webkit-mask-position:-495px 22%;mask-position:-495px 22%}80%{-webkit-mask-position:-528px 12%;mask-position:-528px 12%}85%{-webkit-mask-position:-561px 10%;mask-position:-561px 10%}90%{-webkit-mask-position:-594px 10%;mask-position:-594px 10%}95%{-webkit-mask-position:-627px 10%;mask-position:-627px 10%}to{-webkit-mask-position:-660px 10%;mask-position:-660px 10%}}@keyframes restreamTop{0%{-webkit-mask-position:0px 12%;mask-position:0px 12%}5%{-webkit-mask-position:-28px 24%;mask-position:-28px 24%}10%{-webkit-mask-position:-56px 38%;mask-position:-56px 38%}15%{-webkit-mask-position:-84px 50%;mask-position:-84px 50%}20%{-webkit-mask-position:-112px 60%;mask-position:-112px 60%}25%{-webkit-mask-position:-140px 68%;mask-position:-140px 68%}30%{-webkit-mask-position:-168px 74%;mask-position:-168px 74%}35%{-webkit-mask-position:-196px 78%;mask-position:-196px 78%}40%{-webkit-mask-position:-224px 80%;mask-position:-224px 80%}45%{-webkit-mask-position:-252px 78%;mask-position:-252px 78%}50%{-webkit-mask-position:-280px 74%;mask-position:-280px 74%}55%{-webkit-mask-position:-308px 68%;mask-position:-308px 68%}60%{-webkit-mask-position:-336px 60%;mask-position:-336px 60%}65%{-webkit-mask-position:-364px 50%;mask-position:-364px 50%}70%{-webkit-mask-position:-392px 38%;mask-position:-392px 38%}75%{-webkit-mask-position:-420px 24%;mask-position:-420px 24%}80%{-webkit-mask-position:-448px 14%;mask-position:-448px 14%}85%{-webkit-mask-position:-476px 12%;mask-position:-476px 12%}90%{-webkit-mask-position:-504px 12%;mask-position:-504px 12%}95%{-webkit-mask-position:-532px 12%;mask-position:-532px 12%}to{-webkit-mask-position:-560px 12%;mask-position:-560px 12%}}.restream-stats{display:flex;gap:0;margin-bottom:6px;border-radius:8px;overflow:hidden;border:1px solid var(--border-default);background:var(--bg-content)}.restream-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-right:1px solid var(--border-default)}.restream-stat:last-child{border-right:none}.restream-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-disabled);margin-bottom:2px}.restream-stat-value{font-size:13px;font-weight:600;color:var(--text-secondary);font-family:monospace}.encoder-inline{width:100%;max-width:420px;text-align:left}.encoder-title{font-size:14px;font-weight:600;color:#fff6;margin:0 0 4px}.encoder-desc{font-size:11px;color:#ffffff26;margin:0 0 14px}.encoder-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.encoder-tab{padding:6px 16px;font-size:11px;font-weight:600;background:none;border:none;color:#fff3;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.encoder-tab:hover{color:#fff6}.encoder-tab.active{color:#fff9;border-bottom-color:var(--accent-primary)}.encoder-field{margin-bottom:10px}.encoder-label{display:block;font-size:10px;font-weight:500;color:#fff3;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.encoder-input-row{display:flex;align-items:center;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.encoder-value{flex:1;padding:8px 10px;font-size:11px;font-family:monospace;color:#ffffff59;user-select:all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.encoder-key{flex:1;padding:8px 10px;font-size:12px;font-family:monospace;color:#ffffff59;background:none;border:none;outline:none;letter-spacing:1px;min-width:0}.encoder-copy-btn{padding:8px 10px;background:none;border:none;border-left:1px solid rgba(255,255,255,.08);color:#fff3;cursor:pointer;font-size:11px;transition:color .2s,background .2s}.encoder-copy-btn:hover{color:#ffffff80;background:#ffffff0d}.restream-dest-list{display:flex;flex-direction:column;gap:8px}.restream-dest-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:var(--bg-content);border:1px solid var(--border-default);transition:border-color .15s}.restream-dest-card:hover{border-color:var(--border-strong, #555)}.restream-dest-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.restream-dest-info{flex:1;min-width:0}.restream-dest-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.restream-dest-url{font-size:11px;color:var(--text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restream-dest-actions{display:flex;align-items:center;gap:6px}.relay-mini{position:relative;width:32px;height:18px;border-radius:9px;background:#2a2a2a;border:1px solid #3a3a3a;cursor:pointer;user-select:none;flex-shrink:0;transition:background .3s,border-color .3s;overflow:hidden}.relay-mini-arrow{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);font-size:7px;color:#555;transition:opacity .3s;animation:relayArrowPulse 1.5s ease-in-out infinite}@keyframes relayArrowPulse{0%,to{opacity:.3}50%{opacity:.7}}.relay-mini-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#555;transition:left .25s,background .25s;box-shadow:0 1px 2px #0006}.relay-mini.active{background:#19cb5422;border-color:#19cb5450}.relay-mini.active .relay-mini-thumb{left:16px;background:#19cb54}.relay-mini.active .relay-mini-arrow{opacity:0}.restream-dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.restream-dest-status{padding:10px 12px;border-radius:8px;background:var(--bg-content);border:1px solid var(--border-default);display:flex;align-items:center;gap:8px;font-size:12px}.restream-dest-status.connected{border-color:#22c55e4d}.restream-dest-status.error{border-color:#ef44444d}.restream-dest-status.waiting{border-color:#f59e0b4d}.platform-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.platform-card{border-radius:10px;overflow:hidden;border:1px solid var(--border-default);background:var(--bg-content);max-width:280px;flex:1;min-width:200px}.platform-card-header{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#fff;border-bottom:4px solid rgba(0,0,0,.3);box-shadow:inset 0 1px #ffffff26,0 3px 8px #0003;cursor:pointer;transition:transform .1s,box-shadow .1s,border-bottom-width .1s}.platform-card-header:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000026}.platform-card-name{font-size:12px;font-weight:600}.platform-card-status{font-size:10px;opacity:.8}.platform-connect-btn{margin-left:auto;color:#fff;font-weight:600;background:linear-gradient(180deg,#2ecc71,#1a9c54);border:1px solid #34d87a;border-bottom:3px solid rgba(0,0,0,.25);border-radius:8px;padding:6px 16px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 6px #0003,inset 0 1px #fff3;transition:transform .1s,box-shadow .1s,border-bottom-width .1s;cursor:pointer}.platform-connect-btn:hover{background:linear-gradient(180deg,#3ddb80,#21b35e);box-shadow:0 3px 8px #2ecc714d,inset 0 1px #fff3}.platform-connect-btn:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff1a}.platform-connect-btn.connected{background:linear-gradient(180deg,#e74c3c,#c0392b);border-color:#e55a4e;border-bottom:3px solid #8b1a1a;box-shadow:0 2px 4px #e74c3c40,inset 0 1px #ffffff1a}.platform-connect-btn.connected:hover{background:linear-gradient(180deg,#f05a4a,#d44233);box-shadow:0 3px 8px #e74c3c59,inset 0 1px #ffffff26}.platform-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.platform-field{display:flex;flex-direction:column;gap:4px}.platform-field label{font-size:11px;color:var(--text-dim);font-weight:500}.platform-field input,.platform-field select{padding:7px 10px;font-size:12px;background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px}.platform-cat-results{display:flex;flex-direction:column;border-radius:6px;overflow:hidden;border:1px solid var(--border-default);max-height:160px;overflow-y:auto}.platform-cat-results:empty{border:none}.platform-cat-item{padding:6px 10px;font-size:12px;color:var(--text-secondary);background:var(--bg-content);cursor:pointer;border-bottom:1px solid var(--border-subtle)}.platform-cat-item:hover{background:var(--bg-elevated)}.platform-cat-item:last-child{border-bottom:none}.tag-input-wrap{display:flex;gap:6px;align-items:center;padding:6px 8px;min-height:36px;cursor:text;background:var(--bg-base);border:1px solid var(--border-default);border-radius:6px;transition:border-color .2s}.tag-input-wrap:focus-within{border-color:var(--accent-primary)}.tag-chips{display:flex;gap:5px;overflow-x:auto;flex-shrink:1;scrollbar-width:none;-ms-overflow-style:none}.tag-chips::-webkit-scrollbar{display:none}.tag-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;padding:3px 10px;border-radius:5px;font-size:11px;background:linear-gradient(180deg,#444,#2a2a2a);color:#e0e0e0;border:1px solid #555;border-bottom:2px solid #1a1a1a;user-select:none;cursor:default;box-shadow:0 1px 2px #0006}.tag-chip-x{cursor:pointer;font-size:13px;line-height:1;opacity:.6;transition:opacity .15s}.tag-chip-x:hover{opacity:1}.tag-input{flex:1;min-width:80px;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:12px}.tag-input::placeholder{color:var(--text-disabled)}.platforms-panel{margin-top:18px;border-top:1px solid var(--border-subtle);padding-top:14px}.platforms-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.platforms-panel-title{font-size:14px;color:var(--text-secondary);margin:0;font-weight:600}.platforms-count-label{opacity:.55;font-weight:400;font-size:12px;margin-left:6px}.platforms-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.platforms-master-toggle{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-content)}.platforms-master-toggle .pmt-label{font-size:11px;color:var(--text-dim)}.platforms-unified-list{display:flex;flex-direction:column;gap:8px}.platforms-empty{color:var(--text-disabled);font-size:12px;padding:18px 12px;text-align:center}.puchan{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);background:var(--bg-content);border-radius:10px;transition:border-color .15s,background .15s}.puchan:hover{border-color:var(--border-default)}.puchan-avatar{position:relative;flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border-default);font-size:20px}.puchan-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.puchan-avatar .puchan-badge{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--bg-panel);display:flex;align-items:center;justify-content:center;font-size:10px}.puchan-info{flex:1;min-width:0}.puchan-name{color:var(--text-primary);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.puchan-tag{font-size:9px;font-weight:600;padding:1px 6px;border-radius:10px;background:var(--border-subtle);color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px}.puchan-sub{color:var(--text-primary);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puchan-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);margin-top:2px}.puchan-status .puchan-dot{width:7px;height:7px;border-radius:50%;background:#6b7280}.puchan-status.connected .puchan-dot{background:#19cb54}.puchan-status.error .puchan-dot{background:#e87070}.puchan-status.live .puchan-dot{background:#19cb54;box-shadow:0 0 8px #19cb5499}a.puchan-status.reconnect-link{color:#3b82f6;text-decoration:none;cursor:pointer}a.puchan-status.reconnect-link:hover{color:#60a5fa;text-decoration:underline}a.puchan-status.reconnect-link .puchan-dot{background:#3b82f6}.puchan-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.platform-add-menu{position:fixed;z-index:5000;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:10px;padding:6px;min-width:220px;box-shadow:0 12px 30px #0000008c;transform-origin:top left}.platform-add-menu.open{animation:addMenuIn .16s ease-out}@keyframes addMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.platform-add-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;border-radius:6px;cursor:pointer;text-align:left}.platform-add-menu button:hover{background:var(--border-subtle);color:var(--text-primary)}.platform-add-menu-sep{height:1px;background:var(--border-subtle);margin:4px 2px}.platform-edit-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.platform-edit-header h3{margin:0!important;flex:1}.btn-disconnect{background:transparent;border:1px solid rgba(239,68,68,.35);color:#ef4444;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,transform .08s;flex-shrink:0}.btn-disconnect:hover{background:#ef44441f;border-color:#ef444499}.btn-disconnect:active{transform:scale(.96)}.yt-thumb-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px}.yt-thumb-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-default);background:var(--bg-panel);aspect-ratio:16/9;cursor:pointer;transition:border-color .15s,transform .12s}.yt-thumb-item:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.yt-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.yt-thumb-del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.yt-thumb-item:hover .yt-thumb-del{opacity:1}.yt-thumb-del:hover{background:#ef4444}.yt-thumb-badge{position:absolute;bottom:4px;left:4px;background:red;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.3px;pointer-events:none}.yt-thumb-past{border-style:dashed}.icon-beta-badge{position:absolute;top:2px;right:2px;font-size:7px;font-weight:800;letter-spacing:.4px;padding:1px 4px;border-radius:3px;background:linear-gradient(135deg,#f59e0b,#fb7185);color:#fff;text-transform:uppercase;line-height:1;pointer-events:none;box-shadow:0 1px 4px #00000059}.alert-img-clear{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;transition:background .15s,border-color .15s}.alert-img-clear:hover{background:#ef4444;border-color:#ef4444}.ov-url-row{display:flex;align-items:stretch;gap:8px;margin:14px 0 4px;flex-wrap:wrap}.ov-url-input{flex:1;min-width:220px;background:var(--bg-content);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:SF Mono,ui-monospace,monospace;padding:0 12px;height:38px;cursor:text}.ov-url-input:focus{outline:none;border-color:var(--accent-primary)}.ov-url-box{position:relative;display:flex;align-items:center;overflow:hidden;white-space:nowrap;cursor:pointer;user-select:none}.ov-url-box .ov-url-base,.ov-url-box .ov-url-secret{white-space:nowrap;flex:0 0 auto}.ov-url-box .ov-url-secret{filter:blur(3px);transition:filter .18s ease}.ov-url-box:not(.revealed){-webkit-mask-image:linear-gradient(90deg,#fff 0 88%,transparent 100%);mask-image:linear-gradient(90deg,#fff 0 88%,transparent 100%)}.ov-url-box.revealed{cursor:text;user-select:text}.ov-url-box.revealed .ov-url-secret{filter:none}.ov-url-row .btn{height:38px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ov-btn-customize{background:var(--accent-primary)!important;color:#fff!important;border:none!important;font-weight:600}.ov-btn-customize:hover{filter:brightness(1.08)}.section-panel>.ov-cfg{display:none}.ov-cfg-modal-box{width:min(1100px,94vw);max-width:none;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.ov-cfg-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ov-cfg-close{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text-tertiary);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}.ov-cfg-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.ov-cfg-modal-grid{display:flex;gap:0;min-height:0;flex:1}.ov-cfg-modal-body{flex:1;min-width:0;overflow-y:auto;padding:20px 22px}.ov-cfg-modal-body>.ov-cfg{display:block}.ov-cfg-modal-preview{width:520px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-content);display:flex;flex-direction:column;padding:16px;gap:10px}.ov-cfg-preview-label{font-size:12px;color:var(--text-dim);font-weight:600;letter-spacing:.03em}.ov-cfg-preview-label i{color:var(--accent-primary);margin-right:6px}.ov-cfg-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#1c1c22 0% 25%,#232329 0% 50%) 50% / 22px 22px;border:1px solid var(--border-default);border-radius:10px;overflow:hidden;min-height:280px}.ov-cfg-preview-stage iframe{border:none}@media(max-width:900px){.ov-cfg-modal-grid{flex-direction:column}.ov-cfg-modal-preview{width:auto;border-left:none;border-top:1px solid var(--border-subtle)}}.cfg-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:14px;margin-top:12px}.cfg-card-title{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.field-row,[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.field-grid-2,[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.field-grid-3,[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.cfg-card{background:#2a2a2a;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:14px 16px;margin:0 0 12px;box-shadow:0 1px 3px #00000059}[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.field-grid-2>.field-row,[data-page^=customov-]:not([data-page=customov-quest]) .section-panel>.field-grid-3>.field-row{background:none;border:none;padding:0;box-shadow:none;margin:0}.quest-perm-btn{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;user-select:none}.quest-perm-btn input{display:none}.quest-perm-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-content);color:var(--text-secondary);font-size:20px;transition:background .15s,border-color .15s,color .15s,transform .15s}.quest-perm-cap{font-size:12px;font-weight:600;color:var(--text-secondary);transition:color .15s}.quest-perm-btn:hover .quest-perm-ico{border-color:var(--accent-primary);color:var(--text-bright);transform:translateY(-1px)}.quest-perm-btn:has(input:checked) .quest-perm-ico{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quest-perm-btn:has(input:checked) .quest-perm-cap{color:var(--text-bright)}.quest-perm-btn:has(input:disabled){opacity:.4;cursor:not-allowed;pointer-events:none}
/*# sourceMappingURL=index.css.map */