*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}:root{--bg:#f5f5f7;--surface:#ffffff;--surface-hover:#f0f0f2;--surface-active:#e8e8eb;--chat-bg:#ffffff;--chat-border:rgba(60,60,67,.08);--text:#1c1c1e;--text-2:#86868b;--text-3:#aeaeb2;--accent:#22c55e;--accent-hover:#16a34a;--accent-dim:rgba(34,197,94,.1);--accent-light:#dcfce7;--success:#22c55e;--success-dim:rgba(34,197,94,.1);--danger:#ff3b30;--danger-dim:rgba(255,59,48,.08);--warning:#ff9f0a;--warning-dim:rgba(255,159,10,.08);--separator:rgba(60,60,67,.06);--separator-strong:rgba(60,60,67,.12);--radius:12px;--radius-lg:16px;--radius-sm:8px;--radius-xs:6px;--radius-full:9999px;--transition:.2s cubic-bezier(.4,0,.2,1);--transition-bounce:.35s cubic-bezier(.34,1.56,.64,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 28px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04);--shadow-xl:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.06);--sidebar-bg:#ffffff;--sidebar-hover:#f0f0f2;--sidebar-active:#dcfce7;--glass-bg:var(--surface);--glass-border:var(--separator);--glass-shadow:var(--shadow-lg);--bg-tertiary:var(--surface-hover);--border:var(--separator);--border-strong:var(--separator-strong);--text-secondary:var(--text-2);--surface-2:var(--surface);--surface-3:#e8e8eb;--surface-solid:#ffffff;--info-blue:#007aff;--accent-2:#3b82f6;--accent-3:#f59e0b;--text-1:var(--text);--radius-md:14px;--on-accent:#ffffff;--gradient-accent:linear-gradient(135deg,#22c55e,#16a34a);--gradient-card:linear-gradient(135deg,rgba(34,197,94,.06) 0%,transparent 60%)}[data-theme=dark]{--bg:#0a0a0c;--surface:#161618;--surface-hover:#222226;--surface-active:#2c2c30;--chat-bg:#161618;--chat-border:rgba(255,255,255,.06);--text:#f5f5f7;--text-2:#8e8e93;--text-3:#5a5a5e;--separator:rgba(255,255,255,.06);--separator-strong:rgba(255,255,255,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 12px 28px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3);--shadow-xl:0 20px 40px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.4);--sidebar-bg:#101012;--sidebar-hover:#1c1c1e;--sidebar-active:var(--accent-dim);--accent-light:var(--accent-dim);--bg-tertiary:#1c1c1e;--surface-3:#2c2c30;--surface-solid:#161618;--accent-2:#60a5fa;--accent-3:#fbbf24;--on-accent:#ffffff;--gradient-card:linear-gradient(135deg,rgba(34,197,94,.08) 0%,transparent 60%)}body{font-family:var(--font);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background .3s,color .3s}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--separator);flex-shrink:0;z-index:100;gap:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--separator)}.topbar-status{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);min-width:0}.topbar-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s,box-shadow .3s}.topbar-status-dot.connected{background:var(--success);box-shadow:0 0 6px #22c55e66}.topbar-status-dot.disconnected{background:var(--danger);box-shadow:0 0 6px #ff3b3066}.topbar-status-dot.paused{background:var(--warning);box-shadow:0 0 6px #ff9f0a66}.topbar-status-dot.loading{background:var(--text-3)}.topbar-status-text{font-weight:500;color:var(--text);font-size:12px}.topbar-ping{font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.topbar-btn{width:34px;height:34px;padding:0;border-radius:10px;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.topbar-btn:hover{background:var(--surface-hover);color:var(--text);transform:scale(1.05)}.topbar-btn svg{width:18px;height:18px;flex-shrink:0}.bot-selector{display:flex;gap:2px;background:var(--surface-hover);border-radius:6px;padding:2px}.bot-selector-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border:none;border-radius:4px;background:transparent;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.bot-selector-btn:hover{color:var(--text-2);background:var(--separator)}.bot-selector-btn.active{background:var(--accent);color:#fff}.bot-selector-emoji{font-size:13px;line-height:1}.bot-selector-label{line-height:1}.bot-selector-v2{position:relative}.bot-selector-trigger{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--separator);border-radius:6px;background:var(--surface-hover);color:var(--text-1);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.bot-selector-trigger:hover{border-color:var(--accent);background:var(--surface)}.bot-selector-v2 .bot-selector-status{font-size:10px}.bot-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:280px;background:var(--surface);border:1px solid var(--separator);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:100;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bot-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--separator);font-size:11px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bot-add-btn{width:22px;height:22px;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.bot-add-btn:hover{opacity:.8;transform:scale(1.1)}.bot-add-form{padding:8px 12px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--separator);background:var(--surface-hover)}.bot-add-form input{padding:6px 8px;border:1px solid var(--separator);border-radius:4px;background:var(--bg);color:var(--text-1);font-size:11px;outline:none;transition:var(--transition)}.bot-add-form input:focus{border-color:var(--accent)}.bot-add-submit{padding:6px;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.bot-add-submit:hover{opacity:.85}.bot-dropdown-list{max-height:240px;overflow-y:auto;padding:4px}.bot-dropdown-empty{padding:12px;text-align:center;color:var(--text-3);font-size:11px}.bot-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:var(--transition)}.bot-dropdown-item:hover{background:var(--surface-hover)}.bot-dropdown-item.active{background:var(--accent-dim);border:1px solid var(--accent)}.bot-item-emoji{font-size:16px}.bot-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.bot-item-name{font-size:12px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-item-phone{font-size:10px;color:var(--text-3)}.bot-item-status{font-size:10px}.bot-item-delete{border:none;background:none;cursor:pointer;font-size:12px;opacity:0;transition:var(--transition);padding:2px}.bot-dropdown-item:hover .bot-item-delete{opacity:.6}.bot-item-delete:hover{opacity:1!important}.app-body{display:flex;flex:1;min-height:0;position:relative}.sidebar{width:60px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--separator);display:flex;flex-direction:column;align-items:center;padding:10px 0;z-index:50;transition:background .3s}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;width:100%;padding:0 8px}.sidebar-btn{width:44px;height:44px;border:none;border-radius:12px;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative}.sidebar-btn:hover{background:var(--sidebar-hover);color:var(--text-2);transform:scale(1.05)}.sidebar-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-dim)}.sidebar-btn.active:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-btn svg{width:20px;height:20px;flex-shrink:0}.sidebar-sep{width:28px;height:1px;background:var(--separator);margin:6px 0;flex-shrink:0}.sidebar-bottom{padding:0 6px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.sidebar-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePop .2s ease-out}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.sidebar-tooltip{position:absolute;left:52px;top:50%;transform:translateY(-50%);background:var(--text);color:var(--bg);padding:4px 10px;border-radius:var(--radius-xs);font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.sidebar-btn:hover .sidebar-tooltip{opacity:1}.sidebar-group{width:100%}.sidebar-group-header{width:44px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:default;margin:2px auto 0}.sidebar-group-header svg{width:14px;height:14px;opacity:.5}.sidebar-group-items{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.sidebar-group.hovered .sidebar-group-items{max-height:400px;opacity:1}.sidebar-group-header-text{position:absolute;left:52px;top:50%;transform:translateY(-50%);background:var(--text);color:var(--bg);padding:4px 10px;border-radius:var(--radius-xs);font-size:10px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200;text-transform:uppercase;letter-spacing:.5px}.sidebar-group:hover .sidebar-group-header-text{opacity:1}.content-area{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:28px 32px;animation:pageIn .25s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-2);margin-top:0;margin-bottom:20px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm);border:1px solid var(--separator);animation:cardIn .35s cubic-bezier(.16,1,.3,1) backwards;transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--separator-strong)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-header h2{font-size:15px;font-weight:700;letter-spacing:-.2px}.btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;letter-spacing:-.1px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-dim);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9;box-shadow:0 2px 8px var(--danger-dim)}.btn-secondary{background:var(--surface);color:var(--text-2);border:1px solid var(--separator-strong)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-3)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-xs);min-height:28px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:11px;color:var(--text-3);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;outline:none;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:10px}.form-row>.form-group{flex:1}.toggle{position:relative;width:46px;height:28px;border-radius:9999px;background:var(--surface-active);cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1);border:none;flex-shrink:0}.toggle:hover{box-shadow:0 0 0 3px var(--accent-dim)}.toggle.active{background:var(--accent);box-shadow:0 2px 8px var(--accent-dim)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #00000026}.toggle.active:after{transform:translate(18px);box-shadow:0 2px 8px #0003}[data-theme=dark] .toggle{background:#39393d}[data-theme=dark] .toggle:hover{box-shadow:0 0 0 3px #22c55e26}.ring-wrap-lg{display:flex;flex-direction:column;align-items:center;gap:6px}.ring-lg-value{font-size:28px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.ring-lg-unit{font-size:11px;color:var(--text-3);font-weight:400}.ring-lg-label{font-size:11px;color:var(--text-3);font-weight:600;margin-top:2px}.skeleton{background:var(--surface-hover);border-radius:var(--radius);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-ring{width:120px;height:120px;border-radius:50%;border:8px solid var(--surface-hover);border-top-color:var(--accent);animation:skel-spin 1s linear infinite}@keyframes skel-spin{to{transform:rotate(360deg)}}.skeleton-card{height:56px;border-radius:var(--radius)}.skeleton-text{height:14px;border-radius:var(--radius-xs);margin:6px 0}.skeleton-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-chat-row{display:flex;align-items:center;gap:10px;padding:10px 0}.prompt-editor{width:100%;min-height:160px;padding:12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;background:var(--bg);border:1px solid var(--separator-strong);border-radius:var(--radius);color:var(--text);resize:vertical;line-height:1.6;outline:none;transition:var(--transition)}.prompt-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.prompt-var-hint{font-size:11px;color:var(--text-3);margin-top:4px}.prompt-actions{display:flex;gap:8px;margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:16px}.metric-card{background:linear-gradient(135deg,var(--accent-dim) 0%,var(--surface) 100%);border:1px solid var(--separator);border-radius:var(--radius);padding:14px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s;cursor:default;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .2s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--separator-strong)}.metric-card:hover:before{opacity:1}[data-theme=dark] .metric-card{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--surface) 100%)}.metric-value{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.5px}.metric-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:9999px;font-size:10.5px;font-weight:700;letter-spacing:.02em}.badge-green{background:var(--success-dim);color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge-red{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,59,48,.2)}.badge-yellow{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(255,159,10,.2)}.badge-blue{background:#3b82f61f;color:var(--accent-2);border:1px solid rgba(59,130,246,.2)}.sparkline-wrap{margin-top:16px}.sparkline-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--separator)}.sparkline-row:last-child{border-bottom:none}.sparkline-label{font-size:11px;color:var(--text-2);font-weight:500;width:80px;flex-shrink:0}.sparkline-svg{flex:1;height:24px}.sparkline-line{fill:none;stroke:var(--accent);stroke-width:1.5}.sparkline-fill{fill:url(#sparkGrad);stroke:none}.status-toggles-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.status-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;color:var(--text-2);font-weight:500;transition:var(--transition)}.status-toggle-item:hover{border-color:var(--separator-strong);background:var(--surface-hover)}.activity-feed{margin-top:16px}.activity-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--separator);font-size:12px}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:14px;flex-shrink:0}.activity-text{color:var(--text-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{color:var(--text-3);font-size:10px;flex-shrink:0;white-space:nowrap}.chat-layout{display:flex;height:calc(100dvh - 92px);margin:-24px -28px;overflow:hidden}.chat-sidebar{width:260px;border-right:1px solid var(--separator);display:flex;flex-direction:column;flex-shrink:0;background:var(--surface)}.chat-sidebar-header{padding:12px 14px;border-bottom:1px solid var(--separator);font-size:13px;font-weight:600;color:var(--text)}.chat-sidebar-list{flex:1;overflow-y:auto;padding:4px}.chat-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.chat-item:hover{background:var(--surface-hover)}.chat-item.active{background:var(--accent-light)}.chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--accent);flex-shrink:0}.chat-item-info{flex:1;min-width:0}.chat-item-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-preview{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.chat-item-time{font-size:10px;color:var(--text-3);flex-shrink:0;white-space:nowrap}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:10px 14px;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-header-name{font-size:14px;font-weight:600}.chat-header-actions{display:flex;gap:4px}.chat-mode-btn{padding:4px 10px;border:1px solid var(--separator-strong);border-radius:var(--radius-full);font-size:10px;font-weight:600;cursor:pointer;transition:var(--transition);background:transparent;color:var(--text-3)}.chat-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.contact-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--separator-strong);border-radius:var(--radius);box-shadow:0 4px 12px #0000004d;min-width:200px;z-index:50;padding:6px}.contact-menu-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;color:var(--text-2);cursor:pointer;border-radius:var(--radius-sm)}.contact-menu-item:hover{background:var(--surface-hover)}.contact-menu-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg-bubble{max-width:68%;padding:10px 14px;border-radius:18px;font-size:13.5px;line-height:1.45;word-break:break-word;animation:msgPop .2s ease}@keyframes msgPop{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:none}}.msg-bubble.in{background:var(--surface);color:var(--text);align-self:flex-start;border-bottom-left-radius:5px;box-shadow:var(--shadow-sm);border:1px solid var(--separator)}.msg-bubble.out{background:var(--accent);color:var(--on-accent);align-self:flex-end;border-bottom-right-radius:5px;box-shadow:0 2px 8px var(--accent-dim);font-weight:500}.msg-time{font-size:10px;color:var(--text-3);margin-top:2px;padding:0 4px}.msg-time.out{text-align:right}.msg-meta{display:flex;align-items:center;gap:4px;justify-content:flex-end}.msg-meta .msg-time{margin:0}.msg-feedback{display:flex;gap:2px;opacity:0;transition:opacity .2s}.msg-row:hover .msg-feedback{opacity:1}.fb-btn{background:none;border:none;cursor:pointer;font-size:11px;padding:1px 3px;border-radius:4px;opacity:.6;transition:opacity .15s}.fb-btn:hover{opacity:1;background:var(--surface-hover)}.chat-input-area{padding:10px 14px;border-top:1px solid var(--separator);display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:9px 14px;background:var(--bg);border:1px solid var(--separator-strong);border-radius:20px;color:var(--text);font-size:13px;outline:none;transition:var(--transition)}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.chat-input::placeholder{color:var(--text-3)}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.4;cursor:default}.chat-send-btn svg{width:16px;height:16px}.ai-chat{display:flex;flex-direction:column;height:calc(100dvh - 92px);margin:-24px -28px;overflow:hidden}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:4px}.ai-msg{padding:6px 0;font-size:13px;line-height:1.5;word-break:break-word;animation:msgFadeIn .15s ease-out}.ai-msg+.ai-msg{border-top:1px solid var(--separator)}.ai-msg.user{text-align:right}.ai-msg .msg-prefix{font-size:10px;font-weight:600;margin-bottom:1px}.ai-msg.user .msg-prefix{color:var(--accent)}.ai-msg.ai .msg-prefix{color:var(--text-3)}.ai-msg .msg-text{color:var(--text);white-space:pre-wrap}@keyframes msgFadeIn{0%{opacity:0}to{opacity:1}}.ai-chat-input{padding:12px 20px;border-top:1px solid var(--separator);display:flex;gap:8px;align-items:center;background:var(--surface)}.ai-textarea{flex:1;padding:9px 14px;background:var(--bg);border:1px solid var(--separator-strong);border-radius:20px;color:var(--text);font-size:13px;outline:none;resize:none;min-height:38px;max-height:100px;line-height:1.4;transition:var(--transition)}.ai-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ai-textarea::placeholder{color:var(--text-3)}.welcome-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.welcome-ghost{opacity:.04;width:100px;height:100px;color:var(--text)}.welcome-chips{display:flex;gap:8px;margin-top:20px}.welcome-chip{padding:6px 14px;border:1px solid var(--separator-strong);background:transparent;color:var(--text-2);border-radius:var(--radius-full);font-size:11px;font-weight:500;cursor:pointer;transition:var(--transition)}.welcome-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.welcome-version{font-size:10px;color:var(--text-3);margin-top:8px}.ai-action-done{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-top:2px;background:var(--success-dim);border-radius:var(--radius-xs);font-size:11px;color:var(--success)}.ai-action-pending{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin-top:2px;background:var(--surface);border:1px solid var(--separator-strong);border-radius:var(--radius-xs);font-size:11px}.ai-action-pending button{padding:2px 8px;border:none;border-radius:var(--radius-xs);font-size:10px;font-weight:600;cursor:pointer}.ai-action-pending .confirm-yes{background:var(--accent);color:#fff}.ai-action-pending .confirm-no{background:var(--surface-hover);color:var(--text-2)}.task-list{display:flex;flex-direction:column;gap:6px}.task-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--separator);gap:10px}.task-info{flex:1;min-width:0}.task-info h3{font-size:13px;font-weight:500;margin-bottom:2px;word-break:break-word}.task-info p{font-size:11px;color:var(--text-2)}.task-status{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600;display:inline-block;white-space:nowrap;letter-spacing:.3px}.task-status.pending{background:var(--warning-dim);color:var(--warning)}.task-status.running{background:var(--accent-dim);color:var(--accent)}.task-status.completed{background:var(--success-dim);color:var(--success)}.task-status.stopped{background:var(--danger-dim);color:var(--danger)}.task-status.scheduled{background:var(--accent-dim);color:var(--accent)}.task-meta{font-size:11px;margin-top:4px;color:var(--text-2)}.task-actions{display:flex;gap:8px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.connected{background:var(--success)}.status-dot.disconnected{background:var(--danger)}.status-dot.waiting_code{background:var(--warning)}.status-dot.error{background:var(--danger)}.status-dot.paused{background:var(--warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-3);gap:12px}.empty-state svg{width:48px;height:48px;opacity:.4;color:var(--text-3)}.empty-state span{font-size:13px;font-weight:500}.empty-state-hint{font-size:11px!important;font-weight:400!important;color:var(--text-3);margin-top:-4px}.personality-card{padding:12px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--transition);color:var(--text)}.personality-card:hover{border-color:var(--separator-strong);box-shadow:var(--shadow-sm)}.personality-card.active{border-color:var(--accent);background:var(--accent-dim)}.panic-btn{background:var(--danger);color:#fff;border:none;padding:8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;width:100%;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition)}.panic-btn:hover{opacity:.9}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.feature-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--separator);font-size:12px;gap:10px;transition:var(--transition)}.feature-item:hover{background:var(--surface-hover);border-color:var(--separator-strong)}.mood-selector{display:flex;flex-wrap:wrap;gap:6px}.mood-btn{padding:6px 14px;border:1px solid var(--separator-strong);background:transparent;color:var(--text-2);border-radius:var(--radius-full);font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:28px;font-weight:500}.mood-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.mood-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px #22c55e26}.log-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.log-entry{display:flex;gap:10px;padding:6px 8px;font-size:11px;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--separator)}.log-time{color:var(--text-3);white-space:nowrap}.log-event{color:var(--accent);font-weight:600;white-space:nowrap;min-width:70px}.log-data{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--accent-dim);border-radius:var(--radius-full);font-size:11px;color:var(--accent);font-weight:500}.goal-remove{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0 0 0 2px;line-height:1;min-width:18px;min-height:18px;opacity:.5;transition:var(--transition)}.goal-remove:hover{opacity:1}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header:hover{opacity:.8}.collapsible-arrow{transition:transform .2s ease;font-size:10px;color:var(--text-3)}.collapsible-arrow.open{transform:rotate(180deg)}.section-divider{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;font-weight:600;padding:6px 0 3px;border-top:1px solid var(--separator);margin-top:12px}.stopped-banner{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--warning);color:#000;font-size:12px;font-weight:600;padding:6px 14px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--accent-2);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.banner-resume-btn{background:#0000001f;border:1px solid rgba(0,0,0,.2);color:#000;padding:3px 12px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.banner-resume-btn:hover{background:#0003}.demo-blocked{opacity:.35;cursor:default}.emergency-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:10px;font-weight:600;cursor:pointer;flex:1;transition:var(--transition);letter-spacing:.5px;min-height:32px;background:var(--surface);color:var(--text-2)}.emergency-pause{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(255,214,10,.15)}.emergency-resume{background:var(--success);color:#fff;border:1px solid var(--success)}.emergency-nuke{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,69,58,.15)}.ollama-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.profiles-layout{display:grid;grid-template-columns:220px 1fr;gap:12px;min-height:300px}.profiles-list-col{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.profiles-desc{font-size:13px;color:var(--text-2);margin-bottom:12px}.profiles-contact{cursor:pointer}.profiles-contact-avatar{font-size:16px;flex-shrink:0}.profiles-contact-info{flex:1;overflow:hidden}.profiles-contact-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profiles-contact-interests{font-size:11px;color:var(--text-2)}.profile-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-detail-field{flex-direction:column;align-items:flex-start}.profile-detail-label{font-size:11px;color:var(--text-2);font-weight:500}.profile-detail-value{font-size:13px;word-break:break-all}.profile-section{margin-top:12px}.profile-section-title{font-size:12px;color:var(--text-2);font-weight:500;margin-bottom:6px}.profile-tags{display:flex;gap:6px;flex-wrap:wrap}.profile-tag{padding:2px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:11px;color:var(--text-2)}.profile-last-activity{margin-top:12px;font-size:12px;color:var(--text-2)}.stat-card{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);padding:10px 12px}.stat-label{font-size:10px;color:var(--text-3);margin-bottom:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.toast-container{position:fixed;top:48px;right:14px;z-index:500;display:flex;flex-direction:column;gap:4px;pointer-events:none}.toast{padding:10px 14px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-2);box-shadow:var(--shadow-md);animation:toastIn .15s ease-out;pointer-events:auto;max-width:300px;display:flex;align-items:center;gap:8px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent)}.toast.warning{border-left:3px solid var(--warning)}.toast-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:0;line-height:1;margin-left:auto;flex-shrink:0}.toast-action{padding:3px 10px;border:none;border-radius:var(--radius-xs);font-size:11px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;transition:var(--transition)}.toast-action:hover{opacity:.9}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .1s ease-out}.search-modal{width:500px;max-width:92vw;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:searchIn .15s ease-out}@keyframes searchIn{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--separator)}.search-input-wrap svg{flex-shrink:0;color:var(--text-3)}.search-input{flex:1;background:transparent;border:none;color:var(--text);font-size:14px;outline:none;min-width:0}.search-input::placeholder{color:var(--text-3)}.search-kbd{font-size:10px;color:var(--text-3);background:var(--surface-hover);padding:2px 6px;border-radius:4px;font-weight:600}.search-results{max-height:300px;overflow-y:auto;padding:4px}.search-result-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:12px}.search-result-item:hover,.search-result-item.active{background:var(--surface-hover)}.search-result-icon{font-size:14px;flex-shrink:0;width:22px;text-align:center}.search-result-label{font-weight:600}.search-result-desc{font-size:10px;color:var(--text-3)}.search-empty{padding:16px;text-align:center;color:var(--text-3);font-size:12px}.typing-dots{display:inline-flex;gap:3px;align-items:center;padding:6px 0}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-3);animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.timeline-feed{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--separator);position:relative}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.timeline-content{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.timeline-icon{font-size:13px;flex-shrink:0}.timeline-text{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-time{font-size:10px;color:var(--text-3);flex-shrink:0;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--separator-strong);border-radius:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:768px){.content-area{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sidebar{width:48px}.sidebar-btn{width:40px;height:40px}.sidebar-btn svg{width:18px;height:18px}.chat-sidebar{width:100%;max-height:180px;border-right:none;border-bottom:1px solid var(--separator)}.chat-layout{flex-direction:column}.profiles-layout{grid-template-columns:1fr}.profiles-list-col{max-height:200px}.ollama-grid,.feature-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.page-title{font-size:18px}.profile-detail-grid{grid-template-columns:1fr}.sidebar-hamburger{display:flex;width:44px;height:44px;border:none;background:transparent;color:var(--text);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm)}.sidebar-hamburger svg{width:20px;height:20px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.sidebar.mobile-open{position:fixed;left:0;top:44px;bottom:0;z-index:50;width:200px}.mobile-open .sidebar-tooltip{display:none}.chat-input,.ai-textarea,.form-group input,.form-group textarea,.form-group select{font-size:16px}.btn{min-height:44px}.chat-send-btn,.topbar-btn{width:44px;height:44px}.status-toggle-item,.mood-btn,.welcome-chip{min-height:44px}.chat-mode-btn{min-height:36px}.msg-bubble{max-width:85%}.settings-tabs{gap:2px;padding-bottom:8px}.settings-tab{padding:6px 10px;font-size:11px}.card-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.arena-sidebar{width:100%;max-height:160px;border-right:none;border-bottom:1px solid var(--separator)}.arena-page{flex-direction:column}.modal-card{width:95vw;padding:16px}}@media (max-width:480px){.content-area{padding:8px}.sidebar{overflow:hidden;position:fixed;left:0;top:44px;bottom:0;z-index:50;width:0;transition:width .2s}.sidebar.mobile-open{width:200px}.app-body{padding-left:0}.topbar-hamburger-wrap{display:flex}.chat-sidebar{max-height:140px}.stats-grid{grid-template-columns:1fr}.page-title{font-size:16px}}@media (min-width:769px){.sidebar-hamburger,.sidebar-overlay{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.md-paragraph{margin:0 0 4px}.md-paragraph:last-child{margin:0}.md-inline-code{background:var(--surface-hover);padding:1px 5px;border-radius:4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--accent)}.md-code-block{margin:6px 0;border-radius:var(--radius-sm);overflow:hidden;background:#1e1e2e;border:1px solid var(--separator)}.md-code-lang{padding:4px 10px;font-size:10px;color:var(--text-3);background:#ffffff0d;border-bottom:1px solid var(--separator);font-weight:600;text-transform:uppercase}.md-code-block pre{margin:0;padding:10px 12px;overflow-x:auto;font-size:11px;line-height:1.5}.md-code-block code{font-family:SF Mono,Menlo,Consolas,monospace;color:#cdd6f4}.md-link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.md-link:hover{border-bottom-color:var(--accent)}.md-list{margin:4px 0;padding-left:20px;font-size:13px}.md-blockquote{border-left:3px solid var(--accent);padding-left:10px;margin:6px 0;color:var(--text-2);font-style:italic}.md-table-wrap{overflow-x:auto;margin:6px 0}.md-table{width:100%;border-collapse:collapse;font-size:12px}.md-table th,.md-table td{padding:6px 10px;border:1px solid var(--separator);text-align:left}.md-table th{background:var(--surface-hover);font-weight:600}.md-expand-btn{display:inline-block;margin-top:4px;padding:3px 10px;border:none;border-radius:var(--radius-xs);background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.md-expand-btn:hover{background:var(--accent);color:#fff}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.app-loading-spinner{width:24px;height:24px;border:3px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--separator)}.settings-tab{padding:7px 16px;border:none;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:transparent;color:var(--text-3);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.settings-tab:hover{background:var(--surface-hover);color:var(--text-2)}.settings-tab.active{background:var(--accent-dim);color:var(--accent);box-shadow:0 2px 6px #22c55e1f}.log-error-card{padding:10px 12px;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:6px;border:1px solid rgba(239,68,68,.2);box-shadow:0 0 12px #ef444414}.log-error-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.log-error-body{flex:1;min-width:0}.log-error-meta{font-size:11px;color:var(--text-2);margin-bottom:4px}.log-error-msg{font-size:13px;color:var(--danger);word-break:break-word}.log-error-context{font-size:11px;color:var(--text-2);margin-top:4px}.log-error-stack-toggle{font-size:11px;color:var(--text-2);cursor:pointer}.log-error-stack{font-size:10px;color:var(--text-2);margin-top:4px;white-space:pre-wrap;word-break:break-all}.log-fix-btn{flex-shrink:0;min-width:60px;background:linear-gradient(135deg,var(--accent),#9333ea)}.card-success{border-color:var(--success)}.card-danger{border-color:var(--danger)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-2);font-size:13px;margin-bottom:8px}.text-warning{color:var(--warning);font-size:12px}.fix-result-body{font-size:13px}.error-page-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:10px;background:var(--surface);border-radius:var(--radius);margin:8px}.error-page-icon{font-size:32px}.error-page-title{font-size:16px;font-weight:600;color:var(--text)}.error-page-msg{font-size:12px;color:var(--text-2);max-width:400px}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--warning);color:#000;font-size:12px;font-weight:600;padding:6px 14px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;animation:slideDown .3s ease-out}.offline-banner-text{display:flex;align-items:center;gap:6px}.offline-reconnect-btn{background:#00000026;border:1px solid rgba(0,0,0,.2);color:#000;padding:3px 12px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.offline-reconnect-btn:hover{background:#00000040}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.page-transition{animation:pageFadeIn .2s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn:active{transform:scale(.97)}.toggle{transition:background .25s,transform .1s,box-shadow .25s}.toggle:active,.mood-btn:active{transform:scale(.95)}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.stagger-7{animation-delay:.21s}.stagger-8{animation-delay:.24s}.stagger-9{animation-delay:.27s}.ring-wrap-lg .ring-lg-value{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stat-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.onboarding-card{background:var(--surface);border-radius:var(--radius-lg);padding:28px 32px;max-width:380px;width:90%;box-shadow:var(--shadow-lg);text-align:center}.onboarding-step{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.onboarding-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.onboarding-desc{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:20px}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--separator-strong);transition:var(--transition)}.onboarding-dot.active{background:var(--accent);width:20px;border-radius:4px}.onboarding-actions{display:flex;gap:8px;justify-content:center}.onboarding-highlight{position:relative;z-index:10000;box-shadow:0 0 0 4px var(--accent),0 0 20px #22c55e4d;border-radius:var(--radius)}.shortcuts-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0006;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.shortcuts-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.shortcuts-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text)}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.shortcut-label{color:var(--text-2)}.shortcut-key{background:var(--surface-hover);padding:2px 8px;border-radius:4px;font-weight:600;color:var(--text);font-size:11px;font-family:SF Mono,Menlo,Consolas,monospace}.media-bubble{max-width:200px;border-radius:var(--radius);overflow:hidden;margin:2px 0}.media-bubble img{width:100%;display:block;cursor:pointer;transition:var(--transition)}.media-bubble img:hover{opacity:.9}.media-voice{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer}.media-voice-btn{width:32px;height:32px;border-radius:50%;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:var(--transition)}.media-voice-btn:hover{background:var(--accent-hover)}.media-voice-btn svg{width:14px;height:14px}.media-voice-wave{flex:1;height:24px;display:flex;align-items:center;gap:1px}.media-voice-bar{width:3px;border-radius:2px;background:var(--text-3);transition:height .1s}.media-file{display:flex;align-items:center;gap:8px;padding:4px}.media-file-icon{font-size:20px;flex-shrink:0}.media-file-name{font-size:11px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-sticker{font-size:40px;line-height:1.1}.notif-settings{display:flex;flex-direction:column;gap:10px}.notif-chat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:12px}.quiet-hours-row{display:flex;gap:8px;align-items:center}.quiet-hours-row input[type=time]{padding:4px 8px;background:var(--surface);border:1px solid var(--separator-strong);border-radius:var(--radius-xs);color:var(--text);font-size:12px}.search-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--separator)}.search-tab-btn{padding:8px 14px;border:none;background:transparent;color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}.search-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.search-msg-result{padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.search-msg-result:hover{background:var(--surface-hover)}.search-msg-chat{font-size:10px;color:var(--text-3);font-weight:600;margin-bottom:2px}.search-msg-text{font-size:12px;color:var(--text);line-height:1.4}.search-msg-highlight{background:#22c55e33;border-radius:2px;padding:0 1px}.search-section-title{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;padding:10px 14px 4px}.search-hint{display:flex;justify-content:center;gap:12px;padding:8px;font-size:10px;color:var(--text-3);border-top:1px solid var(--separator)}.search-hint kbd{background:var(--surface-hover);padding:1px 5px;border-radius:3px;font-family:inherit;font-size:9px}.setting-group{padding:12px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:10px}.setting-group-title{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--separator)}.setting-desc-block{font-size:12px;color:var(--text-2);line-height:1.5;padding:0 0 8px;margin-bottom:8px;border-bottom:1px solid var(--separator)}.setting-row-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;min-height:32px}.setting-row-label{font-size:12px;color:var(--text-2);display:flex;flex-direction:column;flex:1;min-width:0}.setting-row-control{flex-shrink:0;display:flex;align-items:center;gap:6px}.setting-hint{font-size:10px;color:var(--text-3);margin-top:1px}.setting-value{font-size:12px;font-weight:600;color:var(--text)}.setting-input{padding:6px 10px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:var(--transition);box-sizing:border-box}.setting-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.setting-textarea{width:100%;padding:8px 12px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;outline:none;resize:vertical;min-height:60px;transition:var(--transition);box-sizing:border-box}.setting-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.setting-select-sm{padding:4px 8px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-xs);color:var(--text);font-size:11px;font-family:inherit;outline:none;cursor:pointer}.setting-checkbox{font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-2)}.setting-checkbox input{accent-color:var(--accent)}.setting-checkbox-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.setting-tags-row{display:flex;gap:6px;flex-wrap:wrap}.setting-tag-danger{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ef444426;border-radius:12px;font-size:12px;color:var(--danger)}.setting-tag-danger button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:14px;padding:0}.notif-btn{position:relative;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.notif-btn:hover{background:var(--surface-hover);color:var(--text-2)}.notif-btn svg{width:16px;height:16px}.notif-badge-count{position:absolute;top:2px;right:2px;min-width:14px;height:14px;border-radius:7px;background:var(--danger);color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-panel{position:absolute;top:40px;right:0;width:340px;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:300}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--separator)}.notif-panel-header span{font-size:13px;font-weight:600}.notif-panel-actions{display:flex;gap:8px}.notif-panel-actions button{border:none;background:transparent;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;padding:0}.notif-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--separator);transition:background .15s;cursor:pointer}.notif-item:hover{background:var(--surface-hover)}.notif-item.unread{background:var(--accent-dim)}.notif-item-icon{font-size:14px;flex-shrink:0}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:12px;font-weight:600;margin-bottom:1px}.notif-item-desc{font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-time{font-size:10px;color:var(--text-3);margin-top:2px}.notif-empty{padding:30px;text-align:center;color:var(--text-3);font-size:12px}.setting-knowledge-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-2);border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:11px;color:var(--text-2)}.setting-remove-btn{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px;padding:0;min-width:20px;min-height:20px;opacity:.5;transition:var(--transition)}.setting-remove-btn:hover{opacity:1;color:var(--danger)}.setting-slider-wrap{margin-bottom:10px}.setting-slider-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:4px}.setting-slider-label{color:var(--text-2)}.setting-slider-value{font-weight:600;color:var(--text)}.setting-slider{width:100%;accent-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--separator-strong);outline:none;transition:var(--transition)}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface);box-shadow:0 1px 4px #0003,0 0 0 0 var(--accent-dim);transition:transform .15s,box-shadow .15s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000040,0 0 0 4px var(--accent-dim)}.setting-slider::-webkit-slider-thumb:active{transform:scale(.95)}.setting-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface);box-shadow:0 1px 4px #0003}.plugin-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--separator-strong);outline:none;accent-color:var(--accent)}.plugin-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface);box-shadow:0 1px 4px #0003;transition:transform .15s}.plugin-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.plugin-slider::-webkit-slider-thumb:active{transform:scale(.95)}.plugin-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface);box-shadow:0 1px 4px #0003}.setting-status-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.setting-status-item{display:flex;flex-direction:column;gap:2px;font-size:12px}.setting-status-label{font-size:11px;color:var(--text-3)}.setting-status-bar{padding:10px 14px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:12px;margin-top:8px;color:var(--text-2)}.dashboard-advanced-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--separator);gap:8px}.dashboard-advanced-row:last-child{border-bottom:none}.dashboard-advanced-info{flex:1;min-width:0}.dashboard-advanced-label{font-size:12px;font-weight:500;color:var(--text)}.dashboard-advanced-desc{display:block;font-size:11px;color:var(--text-3);margin-top:1px}.dashboard-advanced-sub{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:11px;gap:8px}.plugins-page{max-width:700px}.plugins-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.plugins-header h2{font-size:18px;font-weight:700;color:var(--text)}.plugins-count{font-size:12px;color:var(--text-3)}.plugins-empty{padding:40px;text-align:center;color:var(--text-3);font-size:13px}.plugin-card{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:var(--transition)}.plugin-card.enabled{border-left:3px solid var(--accent)}.plugin-card.disabled{border-left:3px solid var(--text-3);opacity:.7}.plugin-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;transition:var(--transition)}.plugin-card-header:hover{background:var(--surface-hover)}.plugin-info{flex:1;min-width:0}.plugin-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.plugin-name{font-size:14px;font-weight:600;color:var(--text)}.plugin-version{font-size:10px;color:var(--text-3);background:var(--surface-2);padding:1px 6px;border-radius:10px}.plugin-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--accent-dim);color:var(--accent);font-weight:600}.plugin-badge.core{background:var(--warning-dim);color:var(--warning)}.plugin-desc{font-size:12px;color:var(--text-2);margin-top:2px}.plugin-error{font-size:11px;color:var(--danger);margin-top:4px}.plugin-actions{display:flex;align-items:center;gap:8px}.plugin-toggle{padding:4px 12px;border-radius:var(--radius-xs);border:1px solid var(--separator);font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition)}.plugin-toggle.on{background:var(--accent);color:#fff;border-color:var(--accent)}.plugin-toggle.off{background:var(--surface-2);color:var(--text-3)}.plugin-chevron{width:16px;height:16px;color:var(--text-3);transition:transform .2s}.plugin-chevron.open{transform:rotate(180deg)}.plugin-config{padding:12px 14px;border-top:1px solid var(--separator)}.plugin-config-field{margin-bottom:10px}.plugin-config-label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:4px}.plugin-slider-row{display:flex;align-items:center;gap:8px}.plugin-slider{flex:1;accent-color:var(--accent)}.plugin-slider-val{font-size:12px;font-weight:600;color:var(--text);min-width:30px;text-align:right}.plugin-input{width:100%;padding:6px 10px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;outline:none}.plugin-input:focus{border-color:var(--accent)}.plugin-select{width:100%;padding:6px 10px;background:var(--surface-2);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit}.plugin-multiselect{display:flex;flex-direction:column;gap:4px}.plugin-checkbox{font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-2)}.plugin-checkbox input{accent-color:var(--accent)}.plugin-save-btn{width:100%;padding:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.plugin-save-btn:hover{background:var(--accent-hover)}.arena-page{display:flex;height:100%;overflow:hidden}.arena-sidebar{width:220px;border-right:1px solid var(--separator);display:flex;flex-direction:column;flex-shrink:0;background:var(--surface)}.arena-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--separator)}.arena-list{flex:1;overflow-y:auto}.arena-list-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--separator);transition:var(--transition)}.arena-list-item:hover{background:var(--surface-hover)}.arena-list-item.active{background:var(--accent-dim)}.arena-list-name{font-size:13px;font-weight:600;margin-bottom:2px}.arena-list-meta{display:flex;gap:4px;align-items:center;font-size:12px}.arena-list-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.arena-empty{padding:30px;text-align:center;color:var(--text-3);font-size:13px}.arena-delete-btn{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:0 4px;opacity:.5}.arena-delete-btn:hover{opacity:1;color:var(--danger)}.arena-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--text-3)}.arena-status-dot.running{background:var(--success);animation:pulse 2s infinite}.arena-status-dot.paused{background:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.arena-main{flex:1;display:flex;flex-direction:column;min-width:0}.arena-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.arena-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--separator)}.arena-header-bots{display:flex;gap:6px;margin-left:12px}.arena-bot-badge{font-size:11px;padding:2px 8px;border-radius:12px;border:1px solid;background:var(--surface-2)}.arena-controls{display:flex;gap:6px}.arena-chat{flex:1;overflow-y:auto;padding:16px}.arena-chat-empty{text-align:center;color:var(--text-3);padding:40px;font-size:13px}.arena-message{display:flex;gap:10px;margin-bottom:12px}.arena-message.user{flex-direction:row-reverse}.arena-msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:#fff}.arena-msg-content{max-width:70%}.arena-message.user .arena-msg-content{text-align:right}.arena-msg-name{font-size:11px;font-weight:600;margin-bottom:2px}.arena-msg-text{font-size:13px;line-height:1.4;padding:8px 12px;border-radius:12px;background:var(--surface-2);word-break:break-word}.arena-message.user .arena-msg-text{background:var(--accent-dim)}.arena-input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--separator)}.arena-input{flex:1;padding:8px 12px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:13px;outline:none}.arena-input:focus{border-color:var(--accent)}.arena-create-bot{margin-bottom:8px}.arena-status-dot.completed{background:var(--accent)}.arena-status-dot.judging{background:#8b5cf6;animation:pulse 1.5s infinite}.arena-mode-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--accent-dim);color:var(--accent);font-weight:600;white-space:nowrap}.arena-difficulty-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap}.arena-difficulty-badge.easy{background:#e8f5e9;color:#2e7d32}.arena-difficulty-badge.medium{background:#fff3e0;color:#e65100}.arena-difficulty-badge.hard{background:#fce4ec;color:#c62828}.arena-difficulty-badge.nightmare{background:#1a1a2e;color:#e94560}.arena-bot-cards{display:flex;gap:12px;padding:8px 16px;border-bottom:1px solid var(--separator)}.arena-bot-card{flex:1;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--separator)}.arena-bot-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.arena-bot-card-name{font-size:13px;font-weight:700}.arena-bot-card-mission{font-size:11px;color:var(--text-3);line-height:1.3;max-height:40px;overflow:hidden}.arena-bot-card-score{font-size:20px;font-weight:800;margin-top:4px}.arena-results-panel{margin:12px 16px;padding:16px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--separator)}.arena-results-title{font-size:15px;font-weight:700;margin-bottom:12px;text-align:center}.arena-results-winner{font-size:18px;font-weight:800;text-align:center;margin-bottom:16px;color:var(--success)}.arena-results-scores{display:flex;gap:12px;margin-bottom:16px}.arena-results-bot{flex:1}.arena-results-bot-name{font-size:12px;font-weight:600;margin-bottom:8px}.arena-score-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.arena-score-label{font-size:10px;color:var(--text-3);width:80px;flex-shrink:0}.arena-score-bar{flex:1;height:6px;border-radius:3px;background:var(--separator);overflow:hidden}.arena-score-fill{height:100%;border-radius:3px;transition:width .5s}.arena-score-value{font-size:10px;font-weight:700;width:24px;text-align:right}.arena-leaked{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.arena-leaked.yes{background:#fce4ec;color:#c62828}.arena-leaked.no{background:#e8f5e9;color:#2e7d32}.arena-weaknesses{margin-top:12px}.arena-weaknesses-title{font-size:12px;font-weight:600;margin-bottom:6px}.arena-weakness-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:4px;background:var(--surface-hover);color:var(--text-2);margin:2px}.arena-summary{margin-top:12px;font-size:12px;color:var(--text-2);line-height:1.4;padding:8px;background:var(--surface);border-radius:var(--radius-sm)}.arena-leaderboard{padding:16px}.arena-leaderboard-title{font-size:14px;font-weight:700;margin-bottom:12px}.arena-leaderboard-table{width:100%;font-size:12px;border-collapse:collapse}.arena-leaderboard-table th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--separator);color:var(--text-3);font-weight:600}.arena-leaderboard-table td{padding:6px 8px;border-bottom:1px solid var(--separator)}.arena-mission-textarea{width:100%;min-height:60px;max-height:120px;padding:8px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:12px;resize:vertical;outline:none;font-family:inherit}.arena-mission-textarea:focus{border-color:var(--accent)}.arena-mode-select{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.arena-mode-option{padding:8px 10px;border:1px solid var(--separator);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:11px}.arena-mode-option:hover{border-color:var(--accent);background:var(--surface-hover)}.arena-mode-option.selected{border-color:var(--accent);background:var(--accent-dim)}.arena-mode-option-title{font-weight:600;margin-bottom:2px}.arena-mode-option-desc{color:var(--text-3);font-size:10px}.arena-turns-slider{width:100%;accent-color:var(--accent)}.spectator-toggle{padding:6px 12px;border:1px solid var(--separator);border-radius:var(--radius-xs);background:transparent;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.spectator-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.spectator-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;min-height:300px}.spectator-side{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--separator);border-radius:var(--radius);background:var(--surface)}.spectator-side-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);text-align:center;padding-bottom:8px;border-bottom:1px solid var(--separator)}.spectator-msg{padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-hover);font-size:12px;line-height:1.4;animation:pageIn .2s ease-out}.spectator-votes{display:flex;gap:8px;margin-top:16px;justify-content:center}.spectator-vote-btn{padding:8px 20px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.spectator-vote-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.spectator-vote-btn.voted{background:var(--accent);color:#fff;border-color:var(--accent)}.spectator-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.spectator-timer-bar{width:200px;height:4px;background:var(--surface-hover);border-radius:2px;overflow:hidden}.spectator-timer-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s linear}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px}.modal-field{margin-bottom:12px}.modal-field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:4px}.fc-fab{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:22px;cursor:pointer;z-index:500;box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.fc-fab:hover{transform:scale(1.1)}.fc-panel{position:fixed;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-md);box-shadow:0 8px 32px #0003;z-index:400;display:flex;flex-direction:column;overflow:hidden;min-width:280px;min-height:200px}.fc-panel.fc-mobile{bottom:0;left:0;right:0;top:auto;height:60vh;min-height:300px;border-radius:var(--radius-md) var(--radius-md) 0 0;position:fixed}.fc-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-hover);border-bottom:1px solid var(--separator);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.fc-header:active{cursor:grabbing}.fc-header-title{font-size:13px;font-weight:700;color:var(--text)}.fc-header-actions{display:flex;gap:4px}.fc-btn-icon{width:24px;height:24px;border:none;background:transparent;color:var(--text-3);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:4px}.fc-btn-icon:hover{background:var(--separator);color:var(--text)}.fc-body{flex:1;overflow-y:auto;padding:8px}.fc-nochat{text-align:center;color:var(--text-3);font-size:12px;padding:20px}.fc-section{margin-bottom:8px;border:1px solid var(--separator);border-radius:var(--radius-sm);overflow:hidden}.fc-section-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface-hover);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2)}.fc-section-header:hover{background:var(--separator)}.fc-section-body{padding:8px 10px}.fc-section-chevron{font-size:9px;transition:transform .2s}.fc-section-chevron.fc-open{transform:rotate(0)}.fc-section-chevron:not(.fc-open){transform:rotate(-90deg)}.fc-context-row{display:flex;gap:6px;margin-bottom:4px;align-items:baseline;font-size:11px}.fc-context-label{color:var(--text-3);min-width:56px;flex-shrink:0}.fc-context-value{color:var(--text);word-break:break-word}.fc-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--accent-dim);color:var(--accent);font-weight:600}.fc-status{margin-top:6px;font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:6px}.fc-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.fc-status-dot.fc-task{background:var(--warning)}.fc-current-instruction{background:var(--surface-hover);border-radius:4px;padding:6px 8px;margin-bottom:8px;font-size:11px;color:var(--text-2)}.fc-current-instruction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fc-current-instruction-label{font-weight:600;font-size:10px;color:var(--text-3)}.fc-textarea{width:100%;min-height:48px;max-height:100px;padding:6px 8px;border:1px solid var(--separator-strong);border-radius:4px;background:var(--surface);color:var(--text);font-size:11px;resize:vertical;outline:none;font-family:inherit;margin-bottom:6px}.fc-textarea:focus{border-color:var(--accent)}.fc-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fc-btn{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.fc-primary{background:var(--accent);color:#fff}.fc-primary:hover{opacity:.85}.fc-primary:disabled{opacity:.4;cursor:not-allowed}.fc-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.fc-danger:hover{background:var(--danger);color:#fff}.fc-presets{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.fc-preset-btn{padding:3px 8px;border:1px solid var(--separator);border-radius:4px;background:transparent;color:var(--text-2);font-size:10px;cursor:pointer;transition:var(--transition)}.fc-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.fc-select{width:100%;padding:4px 8px;border:1px solid var(--separator-strong);border-radius:4px;background:var(--surface);color:var(--text);font-size:11px;margin-bottom:6px}.fc-log-list{max-height:120px;overflow-y:auto}.fc-log-entry{display:flex;gap:4px;align-items:baseline;font-size:10px;padding:2px 0;border-bottom:1px solid var(--separator)}.fc-log-dir{font-weight:700;flex-shrink:0}.fc-log-dir.fc-out{color:var(--success)}.fc-log-dir.fc-in{color:var(--accent)}.fc-log-name{color:var(--text-2);flex-shrink:0;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-log-text{color:var(--text-3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-log-time{color:var(--text-3);flex-shrink:0;font-size:9px}.fc-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.fc-resize-handle:after{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);opacity:.4}.monitoring-page{max-width:800px}.monitoring-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.monitoring-metric-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);transition:var(--transition);position:relative;overflow:hidden}.monitoring-metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .2s}.monitoring-metric-card:hover:before{opacity:1}.monitoring-metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--separator-strong)}.metric-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-wrap svg{width:20px;height:20px}.metric-content{flex:1;min-width:0}.metric-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value-row{display:flex;align-items:baseline;gap:4px;margin-top:2px}.metric-value{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.metric-subvalue{font-size:11px;color:var(--text-2)}.metric-fresh-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;font-size:10px;color:var(--success);font-weight:500}.monitoring-ollama-card{background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,var(--surface) 100%);border-color:#22c55e26}[data-theme=dark] .monitoring-ollama-card{background:linear-gradient(135deg,rgba(34,197,94,.12) 0%,var(--surface) 100%)}.monitoring-ollama-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.monitoring-ollama-title-row{display:flex;align-items:center;gap:8px}.monitoring-ollama-title-row span{font-size:14px}.monitoring-ollama-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.monitoring-ollama-badge.connected{background:var(--success-dim);color:var(--success)}.monitoring-ollama-badge.disconnected{background:var(--danger-dim);color:var(--danger)}.monitoring-ollama-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ollama-detail-item{display:flex;flex-direction:column;gap:2px}.ollama-detail-label{font-size:10px;color:var(--text-3);text-transform:uppercase}.ollama-detail-value{font-size:13px;font-weight:600;color:var(--text)}.ollama-detail-value.fast{color:var(--success)}.ollama-detail-value.medium{color:var(--warning)}.ollama-detail-value.slow{color:var(--danger)}.monitoring-errors-card{margin-top:12px}.monitoring-errors-count{font-size:11px;color:var(--text-3);background:var(--surface-hover);padding:2px 8px;border-radius:10px}.monitoring-errors-loading{display:flex;flex-direction:column;gap:8px}.monitoring-errors-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-3);font-size:13px}.monitoring-errors-empty svg{width:48px;height:48px;opacity:.4}.monitoring-errors-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.monitoring-error-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--danger)}.monitoring-error-header{display:flex;justify-content:space-between;align-items:center}.monitoring-error-source{font-size:10px;color:var(--text-3);background:var(--surface-hover);padding:1px 6px;border-radius:4px;text-transform:uppercase}.monitoring-error-time{font-size:10px;color:var(--text-3)}.monitoring-error-message{font-size:12px;color:var(--danger);word-break:break-word}.plugin-manager{max-width:600px}.plugin-manager-header{margin-bottom:16px}.plugin-manager-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.plugin-manager-title-row h2{font-size:18px;font-weight:700;color:var(--text)}.plugin-manager-badge{font-size:11px;color:var(--text-2);background:var(--surface-hover);padding:3px 8px;border-radius:10px;font-weight:500}.plugin-manager-filters{display:flex;gap:4px}.plugin-filter-btn{padding:5px 12px;border:none;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-3);cursor:pointer;transition:var(--transition)}.plugin-filter-btn:hover{background:var(--surface-hover);color:var(--text-2)}.plugin-filter-btn.active{background:var(--accent);color:#fff}.plugin-manager-loading{display:flex;flex-direction:column;gap:8px}.plugin-manager-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-3);font-size:13px}.plugin-manager-empty svg{width:48px;height:48px;opacity:.4}.plugin-manager-list{display:flex;flex-direction:column;gap:6px}.plugin-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);transition:var(--transition)}.plugin-item:hover{border-color:var(--separator-strong);background:var(--surface-hover)}.plugin-item.enabled{border-left:3px solid var(--accent)}.plugin-item.disabled{border-left:3px solid var(--text-3);opacity:.65}.plugin-item-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.plugin-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg);color:var(--text-3)}.plugin-item.enabled .plugin-item-icon{background:var(--success-dim);color:var(--success)}.plugin-item.disabled .plugin-item-icon{background:var(--danger-dim);color:var(--danger)}.plugin-item-icon svg{width:16px;height:16px}.plugin-item-info{flex:1;min-width:0}.plugin-item-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.plugin-item-name{font-size:13px;font-weight:600;color:var(--text)}.plugin-item-badge{font-size:9px;padding:1px 5px;border-radius:6px;background:var(--accent-dim);color:var(--accent);font-weight:600;text-transform:uppercase}.plugin-item-badge.core{background:var(--warning-dim);color:var(--warning)}.plugin-item-desc{font-size:11px;color:var(--text-2);line-height:1.4}.plugin-toggle-btn{padding:4px 12px;border-radius:var(--radius-xs);border:1px solid var(--separator);font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition);flex-shrink:0}.plugin-toggle-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.plugin-toggle-btn.off{background:var(--surface-2);color:var(--text-3)}.plugin-toggle-btn:hover{transform:scale(1.05)}.response-rating{max-width:700px}.response-rating-header{margin-bottom:16px}.response-rating-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.response-rating-title-row h2{font-size:18px;font-weight:700;color:var(--text)}.response-rating-stats{display:flex;gap:8px}.rating-stat{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.rating-stat.positive{background:var(--success-dim);color:var(--success)}.rating-stat.negative{background:var(--danger-dim);color:var(--danger)}.response-rating-filters{display:flex;gap:4px}.rating-filter-btn{padding:5px 12px;border:none;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-3);cursor:pointer;transition:var(--transition)}.rating-filter-btn:hover{background:var(--surface-hover);color:var(--text-2)}.rating-filter-btn.active{background:var(--accent);color:#fff}.response-rating-loading{display:flex;flex-direction:column;gap:8px}.response-rating-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-3);font-size:13px}.response-rating-empty svg{width:48px;height:48px;opacity:.4}.response-rating-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:2px}.response-item{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);transition:var(--transition);position:relative}.response-item:hover{border-color:var(--separator-strong)}.response-item.rated-thumbsUp{border-left:3px solid var(--success)}.response-item.rated-thumbsDown{border-left:3px solid var(--danger)}.response-item-header{display:flex;justify-content:space-between;align-items:center}.response-item-source{font-size:11px;color:var(--accent);font-weight:500;background:var(--accent-dim);padding:2px 6px;border-radius:4px}.response-item-time{font-size:10px;color:var(--text-3)}.response-item-content{display:flex;flex-direction:column;gap:6px}.response-item-prompt,.response-item-answer{display:flex;flex-direction:column;gap:2px}.response-item-label{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:500}.response-item-text{font-size:12px;color:var(--text);line-height:1.4}.response-item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.response-item-model{font-size:10px;color:var(--text-3);background:var(--bg);padding:2px 6px;border-radius:4px;font-family:SF Mono,Menlo,monospace}.response-rating-buttons{display:flex;gap:4px}.rating-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--separator);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;font-size:14px;padding:0}.rating-btn:hover:not(:disabled){transform:scale(1.1)}.rating-btn:disabled{cursor:not-allowed;opacity:.5}.rating-btn.thumbs-up:hover:not(:disabled),.rating-btn.thumbs-up.hovered{background:var(--success-dim);border-color:var(--success)}.rating-btn.thumbs-down:hover:not(:disabled),.rating-btn.thumbs-down.hovered{background:var(--danger-dim);border-color:var(--danger)}.rating-btn.thumbs-up.active{background:var(--success);border-color:var(--success);color:#fff}.rating-btn.thumbs-down.active{background:var(--danger);border-color:var(--danger);color:#fff}.response-rated-badge{position:absolute;bottom:8px;right:8px;font-size:10px;color:var(--text-3);background:var(--bg);padding:2px 6px;border-radius:4px;font-weight:500}.sidebar-bots-section{width:100%;padding:0 6px;position:relative}.sidebar-bots-toggle{width:100%;padding:8px;border-radius:var(--radius-sm);background:var(--surface-hover);margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-bots-toggle svg:first-child{width:18px;height:18px;color:var(--text-2)}.sidebar-bots-toggle.expanded{background:var(--accent-dim)}.sidebar-chevron{width:14px;height:14px;color:var(--text-3);transition:transform .2s}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-bots-dropdown{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 4px);background:var(--surface);border:1px solid var(--separator-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;padding:4px}.sidebar-bot-option{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-2);transition:var(--transition);text-align:left}.sidebar-bot-option:hover{background:var(--surface-hover);color:var(--text)}.sidebar-bot-option.active{background:var(--accent-dim);color:var(--accent)}.sidebar-bot-emoji{font-size:14px;line-height:1}.sidebar-bot-name{flex:1;line-height:1}.sidebar-bot-check{width:14px;height:14px;color:var(--accent);flex-shrink:0}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;background:var(--bg)}.login-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;will-change:transform}.login-blob-1{width:600px;height:600px;background:var(--accent);top:-15%;left:-10%;animation:blobFloat1 25s ease-in-out infinite}.login-blob-2{width:450px;height:450px;background:var(--accent-2);top:40%;right:-10%;animation:blobFloat2 20s ease-in-out infinite}.login-blob-3{width:500px;height:500px;background:#8b5cf6;bottom:-20%;left:25%;animation:blobFloat3 28s ease-in-out infinite}.login-blob-4{width:350px;height:350px;background:#06b6d4;top:15%;left:45%;animation:blobFloat4 30s ease-in-out infinite}.login-blob-5{width:300px;height:300px;background:var(--accent-3);bottom:5%;right:15%;animation:blobFloat5 22s ease-in-out infinite}[data-theme=dark] .login-blob{opacity:.15}[data-theme=dark] .login-bg{background:var(--bg)}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,50px) scale(1.1)}50%{transform:translate(50px,100px) scale(.95)}75%{transform:translate(-30px,60px) scale(1.05)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-80px,-40px) scale(1.05)}50%{transform:translate(-120px,30px) scale(.9)}75%{transform:translate(-40px,-80px) scale(1.1)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-60px) scale(1.08)}66%{transform:translate(-60px,40px) scale(.92)}}@keyframes blobFloat4{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-100px,80px) scale(1.1)}50%{transform:translate(-50px,-60px) scale(.95)}75%{transform:translate(70px,40px) scale(1.05)}}@keyframes blobFloat5{0%,to{transform:translate(0)}33%{transform:translate(60px,-80px)}66%{transform:translate(-80px,60px)}}[data-theme=dark] .login-card{background:#2c2c2eb3}.persona-preview{margin-top:16px;border:1px solid var(--separator);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.persona-preview-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-hover);border-bottom:1px solid var(--separator)}.persona-preview-emoji{font-size:18px}.persona-preview-name{font-size:13px;font-weight:600;flex:1}.persona-preview-label{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.persona-preview-chat{padding:12px 14px;max-height:280px;overflow-y:auto}.persona-preview-pair{margin-bottom:10px}.persona-preview-pair:last-child{margin-bottom:0}.persona-preview-msg{padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;line-height:1.4;max-width:85%;margin-bottom:4px}.persona-preview-msg.user{background:var(--accent-dim);color:var(--text);margin-left:auto;text-align:right;border-bottom-right-radius:4px}.persona-preview-msg.bot{background:var(--surface-hover);color:var(--text);border-bottom-left-radius:4px;display:flex;gap:6px;align-items:flex-start}.persona-preview-bot-name{font-size:14px;flex-shrink:0}.persona-preview-loading{padding:8px 0}.persona-preview-empty{text-align:center;color:var(--text-3);font-size:12px;padding:20px 0}.relationship-graph{border:1px solid var(--separator);border-radius:var(--radius);overflow:hidden;background:var(--surface);margin-top:16px}.relationship-graph-legend{display:flex;gap:14px;padding:8px 14px;border-bottom:1px solid var(--separator);background:var(--surface-hover)}.legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-2);font-weight:500}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.plugin-store-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.plugin-card{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.plugin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--separator-strong)}.plugin-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.plugin-card-icon{font-size:28px;line-height:1}.plugin-card-info{flex:1;margin-left:10px}.plugin-card-name{font-size:14px;font-weight:700;letter-spacing:-.2px}.plugin-card-desc{font-size:11px;color:var(--text-2);margin-top:2px;line-height:1.4}.plugin-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--separator)}.plugin-card-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-xs);background:var(--accent-dim);color:var(--accent)}.plugin-card-badge-ai{background:#3b82f61f;color:#3b82f6}.plugin-card-badge-utility{background:#22c55e1f;color:#22c55e}.plugin-card-badge-fun{background:#f59e0b1f;color:#f59e0b}.plugin-card-badge-communication{background:#a855f71f;color:#a855f7}.plugin-card-status{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-3)}.plugin-card-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3)}.plugin-card-status-dot.active{background:var(--accent)}.plugin-card-toggle{padding:5px 10px;border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:var(--transition)}.plugin-card-toggle.on{background:var(--accent);color:#fff}.plugin-card-toggle.off{background:var(--surface-hover);color:var(--text-3)}.plugin-card-toggle.off:hover{background:var(--surface-active)}.plugin-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.plugin-filter-btn{padding:5px 12px;border:1px solid var(--separator);border-radius:var(--radius-xs);background:transparent;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.plugin-filter-btn:hover{border-color:var(--separator-strong)}.plugin-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.plugin-search-bar{position:relative;margin:16px 0}.plugin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-3);pointer-events:none}.plugin-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;transition:var(--transition)}.plugin-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.plugin-search-input::placeholder{color:var(--text-3)}@media (max-width:768px){.plugin-store-grid{grid-template-columns:1fr}}.setting-row-wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--separator)}.setting-row-wrap:last-child{border-bottom:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--separator-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes skel-pulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}.empty-state-icon{font-size:40px;margin-bottom:8px;opacity:.7}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-2);margin-bottom:4px}.empty-state-desc{font-size:13px;color:var(--text-3)}.empty-state-btn{margin-top:14px;padding:9px 22px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.empty-state-btn:hover{filter:brightness(1.1)}.toast-progress{height:3px;background:var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);transform-origin:left;animation:toast-shrink 4s linear forwards}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.page-enter{animation:page-slide .25s ease}@keyframes page-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}button:not(:disabled):active{transform:scale(.97)}input[type=checkbox],input[type=range]{accent-color:var(--accent);cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-card{position:relative;z-index:1;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--separator);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);animation:cardIn .4s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .login-card{background:#1c1c1ecc;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-color:#ffffff14}.login-header{text-align:center;margin-bottom:24px}.login-logo{margin-bottom:8px;display:flex;justify-content:center}.login-title{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.02em}.login-server-offline{font-size:12px;color:var(--danger);background:var(--danger-dim);padding:10px 14px;border-radius:10px;margin-top:12px;line-height:1.5;text-align:center}.login-server-hint{font-size:10px;color:var(--text-3);margin-top:4px}.login-server-online{font-size:11px;color:var(--success);margin-top:6px}.login-mode-title{text-align:center;font-size:14px;color:var(--text-2);margin-bottom:16px;font-weight:500}.login-confirmed-badge{font-size:12px;color:var(--success);text-align:center;margin-bottom:14px;background:var(--success-dim);padding:7px 12px;border-radius:10px;font-weight:600}.login-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--separator-strong);border-radius:12px;color:var(--text);font-size:14px;outline:none;transition:var(--transition);margin-bottom:12px;font-family:inherit}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-input::placeholder{color:var(--text-3)}.login-input-center{text-align:center;letter-spacing:1px}.login-hint{font-size:11px;color:var(--text-3);text-align:center;margin-bottom:12px;line-height:1.4}.login-error{color:var(--danger);font-size:12px;text-align:center;margin-bottom:12px;background:var(--danger-dim);padding:8px 12px;border-radius:10px}.login-success{color:var(--success);font-size:12px;text-align:center;margin-bottom:12px;background:var(--success-dim);padding:8px 12px;border-radius:10px}.login-field-error{color:var(--danger);font-size:10px;margin-top:-8px;margin-bottom:8px;padding-left:4px}.login-btn{width:100%;padding:13px;background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;min-height:46px;transition:var(--transition);font-family:inherit}.login-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-dim)}.login-btn:active:not(:disabled){transform:scale(.97)}.login-btn:disabled{background:var(--surface-active);cursor:default}.login-switch{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.login-link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;font-family:inherit;padding:6px;transition:var(--transition)}.login-link:hover{opacity:.7}.login-link-muted{color:var(--text-3);font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg);max-width:480px;width:100%;padding:24px;box-shadow:var(--shadow-xl);animation:modalPop .3s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.input-group{margin-bottom:14px}.input-label{display:block;font-size:11px;color:var(--text-3);margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.input-field{width:100%;padding:10px 14px;background:var(--bg);border:1.5px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;transition:var(--transition);font-family:inherit}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field::placeholder{color:var(--text-3)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--separator);gap:16px}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:13px;font-weight:600;color:var(--text);flex-shrink:0}.settings-row-desc{font-size:11.5px;color:var(--text-3);margin-top:2px;line-height:1.4}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);border:1.5px solid transparent;background:var(--surface-hover);color:var(--text-2)}.tag-chip:hover{border-color:var(--separator-strong);color:var(--text)}.tag-chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tag-chip-sm{padding:2px 8px;font-size:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card-grid-item{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;animation:cardIn .35s cubic-bezier(.16,1,.3,1) backwards}.card-grid-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--separator-strong)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text)}.section-actions{display:flex;gap:8px;align-items:center}.filter-bar{display:flex;gap:8px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.filter-search{flex:1;min-width:200px;padding:9px 14px;background:var(--bg);border:1.5px solid var(--separator-strong);border-radius:var(--radius-full);color:var(--text);font-size:13px;outline:none;transition:var(--transition);font-family:inherit}.filter-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.filter-search::placeholder{color:var(--text-3)}.empty-state-v2{text-align:center;padding:48px 20px;color:var(--text-3)}.empty-state-v2-icon{font-size:44px;margin-bottom:10px;opacity:.6}.empty-state-v2-title{font-size:16px;font-weight:700;color:var(--text-2);margin-bottom:4px}.empty-state-v2-desc{font-size:13px;color:var(--text-3);line-height:1.5}.empty-state-v2-btn{margin-top:16px;padding:10px 24px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.empty-state-v2-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.green{background:var(--success);box-shadow:0 0 6px var(--success-dim)}.status-dot.red{background:var(--danger);box-shadow:0 0 6px var(--danger-dim)}.status-dot.yellow{background:var(--warning);box-shadow:0 0 6px var(--warning-dim)}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.list-item:hover{background:var(--surface-hover)}.list-item.active{background:var(--accent-dim);border:1px solid var(--accent)}.list-item-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-subtitle{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--separator)}.data-table td{padding:12px;border-bottom:1px solid var(--separator)}.data-table tr:hover td{background:var(--surface-hover)}.progress-track{height:8px;background:var(--surface-active);border-radius:9999px;overflow:hidden}.progress-bar{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar.green{background:var(--accent)}.progress-bar.blue{background:var(--accent-2)}.progress-bar.yellow{background:var(--accent-3)}.progress-bar.red{background:var(--danger)}.stat-box{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-weight:700}.mask-preview-snippet{font-size:11px;color:var(--text-3);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .2s;cursor:help}.mask-preview-snippet:hover{-webkit-line-clamp:99;color:var(--text-2);background:var(--surface-hover);padding:8px;border-radius:8px;margin-bottom:12px}