:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01","ss03";--bg: #07080c;--surface: #0f1117;--surface-2: #14171f;--surface-3: #1b1f29;--surface-4: #232836;--border: #232833;--border-strong: #2f3543;--text: #ecedf2;--text-dim: #a8aebb;--text-mute: #6b7280;--accent: #8b6fff;--accent-2: #4d8aff;--accent-pink: #ff6fb1;--accent-glow: rgba(139, 111, 255, .28);--success: #4ade80;--warn: #fbbf24;--danger: #f87171;--info: #60a5fa;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-1: 0 1px 0 rgba(255,255,255,.03), 0 10px 32px rgba(0,0,0,.32);--shadow-glow: 0 0 0 1px rgba(139,111,255,.18), 0 24px 50px -16px rgba(139,111,255,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 600px at 15% -10%,rgba(139,111,255,.18),transparent 60%),radial-gradient(800px 540px at 110% 5%,rgba(77,138,255,.14),transparent 55%),radial-gradient(600px 460px at 30% 110%,rgba(255,111,177,.08),transparent 60%),var(--bg) fixed;color:var(--text);font-size:14px;line-height:1.55;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#404857}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f1117eb,#07080ceb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:22px 14px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar .brand-dot{width:10px;height:10px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-glow)}.sidebar .brand-text{font-weight:600;font-size:14px;letter-spacing:.02em}.sidebar a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:var(--text-dim);font-size:13.5px;transition:background .12s,color .12s;text-decoration:none}.sidebar a:hover{background:var(--surface);color:var(--text)}.sidebar a.active{background:linear-gradient(90deg,var(--surface-2),var(--surface));color:var(--text);border-left:2px solid var(--accent);padding-left:10px}.sidebar .nav-icon{width:16px;opacity:.85}.sidebar .footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}main{padding:28px 32px 60px;max-width:1400px}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.page-head h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.page-head .subtitle{color:var(--text-dim);font-size:13px}.hub{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}@media (max-width: 1180px){.hub{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#14171fd9,#0f1117d9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%);pointer-events:none;border-radius:inherit}.card h3{margin:0 0 12px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.card-tight{padding:14px 16px}.card.flush{padding:0;overflow:hidden}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.stat{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.7}.stat .label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.stat .value{font-size:26px;font-weight:600;line-height:1.1;margin-top:6px;letter-spacing:-.02em}.stat .delta{font-size:12px;color:var(--text-mute);margin-top:4px}.stat.success:before{background:linear-gradient(90deg,var(--success),var(--accent-2))}.stat.warn:before{background:linear-gradient(90deg,var(--warn),var(--accent-2))}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#ffffff03;position:sticky;top:0}tbody tr:hover td{background:#ffffff05}tbody tr:last-child td{border-bottom:none}input,select,textarea,button{font:inherit;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}textarea{resize:vertical;font-family:ui-sans-serif,system-ui,sans-serif}button{cursor:pointer;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-weight:500}button:hover:not(:disabled){background:#232831;border-color:#3a4250}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#6c4cff,#5a3def);border-color:#5a3def;color:#fff;box-shadow:0 1px #ffffff26 inset,0 4px 14px #6c4cff59}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.danger{background:linear-gradient(180deg,#b13a3a,#952c2c);border-color:#952c2c;color:#fff}button.ghost{background:transparent;border-color:var(--border)}button.small{padding:4px 10px;font-size:12px;border-radius:6px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--text-mute)}.mono{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px}.divider{height:1px;background:var(--border);margin:12px 0}.right{margin-left:auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:500;letter-spacing:.02em;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);line-height:1.5}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--text-mute)}.badge.online{background:#4ade801a;color:var(--success);border-color:#4ade8040}.badge.online .dot{background:var(--success);box-shadow:0 0 8px var(--success)}.badge.starting{background:#60a5fa1a;color:var(--info);border-color:#60a5fa40}.badge.starting .dot{background:var(--info)}.badge.error{background:#f871711a;color:var(--danger);border-color:#f8717140}.badge.error .dot{background:var(--danger)}.badge.challenged{background:#fbbf241a;color:var(--warn);border-color:#fbbf2440}.badge.challenged .dot{background:var(--warn)}.badge.stopped{background:var(--surface-3);color:var(--text-mute)}.badge.reply{background:#7c5cff1a;color:#b8a6ff;border-color:#7c5cff40}.badge.react{background:#60a5fa1a;color:var(--info);border-color:#60a5fa40}.badge.skip{background:var(--surface-3);color:var(--text-mute)}.badge.gated{background:#fbbf241a;color:var(--warn);border-color:#fbbf2440}.live-rail{position:sticky;top:20px;max-height:calc(100vh - 40px)}.live-feed{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.live-feed-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.live-feed-head h3{margin:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim)}.live-indicator .pulse{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 1.6s infinite ease-in-out}.live-indicator.dim .pulse{background:var(--text-mute);animation:none}@keyframes pulse{0%,to{opacity:.5;box-shadow:0 0 #4ade8073}50%{opacity:1;box-shadow:0 0 0 4px #4ade8000}}.live-feed-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg{display:flex;flex-direction:column;gap:4px;max-width:88%}.msg.bot{align-self:flex-end;align-items:flex-end}.msg.user{align-self:flex-start;align-items:flex-start}.msg .meta{font-size:10.5px;color:var(--text-mute);display:inline-flex;gap:6px;align-items:center;letter-spacing:.02em}.msg .tag{font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.msg.bot .tag{background:#7c5cff26;color:#b8a6ff;border-color:#7c5cff4d}.msg .bubble{padding:8px 12px;border-radius:14px;background:var(--surface-3);border:1px solid var(--border);font-size:13px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.msg.bot .bubble{background:linear-gradient(180deg,#2a234d,#2c2351);border-color:#3d2f76;color:#ece8ff;border-bottom-right-radius:4px}.msg.user .bubble{border-bottom-left-radius:4px}.msg.filtered .bubble{opacity:.55;font-style:italic}.msg.gated .bubble{border-style:dashed;opacity:.7}.msg .actionline{font-size:11px;color:var(--text-mute);margin-top:2px}.live-feed-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:13px;padding:32px 12px;text-align:center}.spark{display:block;width:100%;height:36px}.spark path{fill:none;stroke:var(--accent);stroke-width:1.5}.spark .fill{fill:url(#sparkGrad);stroke:none;opacity:.35}.two-pane{display:grid;grid-template-columns:280px 1fr;gap:16px}@media (max-width: 980px){.two-pane{grid-template-columns:1fr}}.list-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;max-height:70vh;overflow-y:auto}.list-section{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);padding:12px 10px 4px}.list-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .1s}.list-item:hover{background:var(--surface-2)}.list-item.active{background:var(--surface-3)}.list-item .sub{color:var(--text-mute);font-size:11px;margin-left:auto}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(ellipse at center,#1a1f2e 0%,var(--bg) 60%)}.login{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;min-width:360px;box-shadow:0 20px 60px #0006}.login h2{margin:0 0 4px;font-size:20px}.login .subtitle{color:var(--text-dim);margin-bottom:20px}.login form{display:flex;flex-direction:column;gap:12px}.login label{font-size:12px;color:var(--text-dim)}.login input{padding:10px 14px}.kv-row{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center;padding:6px 0}.kv-row .key{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--text-dim)}.empty{padding:40px 20px;text-align:center;color:var(--text-mute)}pre.json{background:#0c0e13;border:1px solid var(--border);border-radius:8px;padding:12px;max-height:360px;overflow:auto;font-size:12px;margin:0}.kbd{font-family:ui-monospace,monospace;font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);background:var(--surface-3);color:var(--text-dim)}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.channel-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}@media (max-width: 1180px){.channel-grid{grid-template-columns:1fr}}.channel-config{min-width:0}.channel-side{position:sticky;top:20px}.chat-panel{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:4px}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-body{padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;max-height:480px;min-height:320px}.chat-msg{display:flex;flex-direction:column;gap:2px;max-width:88%;animation:fadeUp .18s ease-out both}.chat-msg.bot{align-self:flex-end;align-items:flex-end}.chat-msg.user{align-self:flex-start;align-items:flex-start}.chat-msg-head{display:flex;gap:8px;font-size:11px;color:var(--text-mute);letter-spacing:.02em}.chat-author{font-weight:500;color:var(--text-dim)}.chat-time{color:var(--text-mute)}.chat-bubble{padding:8px 12px;border-radius:12px;background:var(--surface-3);border:1px solid var(--border);font-size:13.5px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.chat-msg.bot .chat-bubble{background:linear-gradient(180deg,#2a234d,#2c2351);border-color:#3d2f76;color:#ece8ff;border-bottom-right-radius:4px}.chat-msg.user .chat-bubble{border-bottom-left-radius:4px}.chat-msg.filtered .chat-bubble{opacity:.55;font-style:italic}.chat-composer{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.chat-composer textarea{width:100%;min-height:40px;max-height:240px;resize:vertical;border-radius:8px;font-size:13.5px}.chat-composer .row{justify-content:flex-end}.toast-host{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:240px;max-width:460px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 10px 30px #0006;animation:toastIn .22s cubic-bezier(.22,1,.36,1);font-size:13px}.toast-success{border-color:#4ade8066}.toast-success .toast-icon{background:var(--success);color:#0a1f10}.toast-error{border-color:#f8717166}.toast-error .toast-icon{background:var(--danger);color:#1f0a0a}.toast-warn{border-color:#fbbf2466}.toast-warn .toast-icon{background:var(--warn);color:#1f1607}.toast-info{border-color:#60a5fa66}.toast-info .toast-icon{background:var(--info);color:#06101f}.toast-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:var(--surface-3)}.toast-text{flex:1}.toast-dismiss{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:18px;padding:0 4px}.toast-dismiss:hover{color:var(--text);background:transparent}@keyframes toastIn{0%{opacity:0;transform:translate(8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-anim{animation:pageIn .22s ease-out}.stat{transition:transform .18s ease,border-color .18s ease}.stat:hover{transform:translateY(-1px);border-color:var(--border-strong)}.card{transition:border-color .18s ease}.list-item{transition:background .12s ease,padding-left .12s ease}.list-item:hover{padding-left:13px}.sidebar a{position:relative}.sidebar a.active:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.live-feed-body .msg{animation:fadeUp .18s ease-out both}button:active:not(:disabled){transform:translateY(1px)}.card input:focus,.card textarea:focus,.card select:focus{box-shadow:0 0 0 3px var(--accent-glow),0 4px 14px #0000004d}.hero{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border);padding:34px 32px 30px;margin:4px 0 22px;overflow:hidden;background:linear-gradient(135deg,#8b6fff2e,#4d8aff1f 55%,#ff6fb11a),linear-gradient(180deg,#14171feb,#0b0d12f5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-1);isolation:isolate}.hero:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#8b6fff8c,#4d8aff59,#ff6fb159);z-index:-2;border-radius:inherit;opacity:.4;filter:blur(28px);pointer-events:none}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;border-radius:inherit}.orb{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:screen;animation:orbFloat 18s ease-in-out infinite}.orb-1{background:var(--accent);top:-120px;left:-80px;animation-delay:0s}.orb-2{background:var(--accent-2);top:-60px;right:-100px;animation-delay:-6s}.orb-3{background:var(--accent-pink);bottom:-140px;left:40%;width:280px;height:280px;animation-delay:-12s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,12px) scale(1.05)}66%{transform:translate(-14px,-10px) scale(.97)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);padding:6px 12px;border:1px solid var(--border-strong);background:#00000040;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success);animation:pulse 1.8s infinite ease-in-out}.hero-title{font-size:38px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:16px 0 10px;background:linear-gradient(180deg,#fff,#bcc1cc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-wave{font-weight:400;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:none;-webkit-text-fill-color:var(--text-dim);display:block;margin-bottom:6px}.hero-emphasis{background:linear-gradient(135deg,var(--accent),var(--accent-pink) 70%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{color:var(--text-dim);font-size:14.5px}.hero-subtitle strong{color:var(--text);font-weight:600}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}.hero-spacer{flex:1}.hero-link{color:var(--text-dim);font-size:13px;padding:8px 12px;border-radius:8px;transition:background .15s,color .15s}.hero-link:hover{background:#ffffff0a;color:var(--text);text-decoration:none}.hero-morning{--moodA: rgba(255, 207, 138, .18);--moodB: rgba(139,111,255,.1)}.hero-afternoon{--moodA: rgba(77,138,255,.18);--moodB: rgba(139,111,255,.1)}.hero-evening{--moodA: rgba(255,111,177,.18);--moodB: rgba(139,111,255,.18)}.hero-night{--moodA: rgba(60,80,160,.18);--moodB: rgba(139,111,255,.1)}.hero{background:linear-gradient(135deg,var(--moodA, rgba(139,111,255,.18)),var(--moodB, rgba(77,138,255,.12)) 55%,rgba(255,111,177,.1)),linear-gradient(180deg,#14171feb,#0b0d12f5)}button.lg{padding:12px 22px;font-size:14.5px;font-weight:600;border-radius:12px;display:inline-flex;align-items:center;gap:10px;letter-spacing:.01em;transition:transform .16s ease,box-shadow .18s ease,filter .18s ease}button.lg.primary{background:linear-gradient(135deg,#8b6fff,#4d8aff);border:1px solid rgba(139,111,255,.7);color:#fff;box-shadow:0 1px #ffffff2e inset,0 12px 30px -8px #8b6fff8c,0 0 0 1px #8b6fff40;position:relative;overflow:hidden}button.lg.primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}button.lg.primary:hover:not(:disabled):before{transform:translate(100%)}button.lg.primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 1px #ffffff2e inset,0 18px 36px -10px #8b6fffb3,0 0 0 1px #8b6fff66}button.lg.ghost{background:#ffffff0a;border:1px solid var(--border-strong);color:var(--text)}button.lg.ghost:hover:not(:disabled){background:#ffffff0f;transform:translateY(-1px)}.lg-icon{font-size:17px;line-height:1}.lg-count{background:#ffffff2e;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:4px}.stat{background:linear-gradient(180deg,#1b1f29d9,#0f1117d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:16px 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 1px #ffffff05 inset,0 6px 20px #0000002e}.stat:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 1px #ffffff0a inset,0 14px 32px #0006}.stat .value{font-size:28px;font-weight:600;line-height:1.05}.stagger>*,.stat-grid.stagger>*{opacity:0;transform:translateY(8px);animation:staggerIn .36s ease-out forwards}.stagger>*:nth-child(1){animation-delay:30ms}.stagger>*:nth-child(2){animation-delay:75ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:165ms}.stagger>*:nth-child(5){animation-delay:.21s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.29s}.stagger>*:nth-child(8){animation-delay:.33s}.stagger>*:nth-child(n+9){animation-delay:.36s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.skeleton{display:inline-block;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:6px;vertical-align:middle}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-row td{padding:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;color:var(--text-dim)}.empty-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#8b6fff2e,#4d8aff1a);border:1px solid var(--border-strong);font-size:22px;color:var(--text);margin-bottom:14px;box-shadow:0 8px 24px #8b6fff40}.empty-title{font-weight:600;color:var(--text);font-size:15px;margin-bottom:4px}.empty-copy{font-size:13px;max-width:340px}.sidebar a{position:relative;overflow:hidden}.sidebar a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:0 4px 4px 0;transition:width .2s ease}.sidebar a.active:before{width:3px}.sidebar a.active{padding-left:12px;border-left:none}.sidebar .brand-dot{animation:brandPulse 4s ease-in-out infinite}@keyframes brandPulse{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow),0 0 36px #4d8aff40}}.badge .dot{width:6px;height:6px}.badge.online .dot{animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.55}}tbody tr{transition:background .12s ease,transform .12s ease}tbody tr:hover td:first-child{border-left:2px solid var(--accent);padding-left:10px}input,select,textarea{transition:border-color .15s,box-shadow .15s,background .15s}.page-anim{will-change:transform,opacity}.channels-page{max-width:1500px}.account-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-3);color:var(--text-dim);font-size:12.5px;cursor:pointer;transition:all .15s;white-space:nowrap}.chip:hover{background:var(--surface-4);color:var(--text);transform:translateY(-1px)}.chip.chip-on{background:linear-gradient(135deg,#8b6fff40,#4d8aff26);border-color:#8b6fff8c;color:var(--text);box-shadow:0 0 0 1px #8b6fff40,0 6px 16px -8px #8b6fff80}.chip.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.chip.toggle input{display:none}.chip.toggle:has(input:checked){background:linear-gradient(135deg,#8b6fff40,#4d8aff26);border-color:#8b6fff8c;color:var(--text)}.chip-count{background:#ffffff1f;padding:1px 7px;border-radius:999px;font-size:10.5px;margin-left:6px}.discord-grid{display:grid;grid-template-columns:220px 320px 1fr;gap:12px;align-items:stretch;height:calc(100vh - 280px);min-height:600px}@media (max-width: 1280px){.discord-grid{grid-template-columns:180px 260px 1fr}}@media (max-width: 980px){.discord-grid{grid-template-columns:1fr;height:auto}}.server-rail{background:linear-gradient(180deg,#14171fd9,#0f1117d9);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.server-pill{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-dim);cursor:pointer;text-align:left;transition:background .15s,color .15s,transform .15s}.server-pill:hover{background:var(--surface-3);color:var(--text)}.server-pill.active{background:linear-gradient(135deg,#8b6fff2e,#4d8aff1a);border-color:#8b6fff66;color:var(--text)}.server-glyph{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border-radius:10px;background:linear-gradient(135deg,var(--surface-3),var(--surface-4));border:1px solid var(--border-strong);color:var(--text);flex-shrink:0;transition:border-radius .18s}.server-pill:hover .server-glyph,.server-pill.active .server-glyph{border-radius:14px;background:linear-gradient(135deg,#8b6fff59,#4d8aff40);border-color:#8b6fff99}.server-label{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-count{font-size:11px;color:var(--text-mute);background:var(--surface-3);padding:1px 7px;border-radius:999px}.server-divider{height:1px;background:var(--border);margin:6px}.channel-list{background:linear-gradient(180deg,#14171fd9,#0f1117d9);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-list-head{padding:12px 14px;font-size:13px;font-weight:600;letter-spacing:.01em;border-bottom:1px solid var(--border);background:#00000026}.channel-list-scroll{flex:1;overflow-y:auto;padding:6px}.ch-row-wrap{display:flex;flex-direction:column}.ch-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;position:relative}.ch-row:hover{background:#ffffff0a}.ch-row.active{background:linear-gradient(90deg,#8b6fff2e,#4d8aff0f);color:var(--text)}.ch-row.watching:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:4px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.ch-check{display:inline-flex;align-items:center;cursor:pointer}.ch-check input{margin:0;cursor:pointer}.ch-name{flex:1;font-size:13.5px;display:inline-flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-tag{color:var(--text-mute);font-weight:500}.ch-row.watching .ch-name,.ch-row.active .ch-name{color:var(--text)}.ch-multi{font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--surface-3);color:var(--text-mute);border:1px solid var(--border)}.ch-multi.on{background:#8b6fff2e;border-color:#8b6fff73;color:#d6c9ff}.ch-gear{background:transparent;border:none;color:var(--text-mute);padding:4px 6px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .12s,color .12s,transform .2s}.ch-gear:hover{background:var(--surface-3);color:var(--text);transform:rotate(60deg)}.ch-settings-drawer{padding:12px;margin:4px 6px 8px;background:#00000040;border:1px solid var(--border-strong);border-radius:10px;animation:drawerOpen .22s ease-out}@keyframes drawerOpen{0%{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.ch-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.chat-area{background:linear-gradient(180deg,#14171fd9,#0f1117d9);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chat-area-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:#00000026}.chat-area .chat-panel{border:none;margin:0;flex:1;background:transparent;border-radius:0}.chat-area .chat-head{display:none}.chat-area .chat-body{max-height:none}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cmdk-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:12.5px;transition:background .15s}.cmdk-trigger:hover{background:#ffffff0d}.cmdk-trigger .kbd{margin-left:4px}.bell-wrap{position:relative}.bell{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer;font-size:14px;position:relative;transition:background .15s}.bell:hover{background:#ffffff0d}.bell.has-unread{border-color:#f8717180}.bell-icon{display:inline-block;transform:translateY(1px)}.bell-dot{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:999px;border:1px solid var(--bg);min-width:16px;text-align:center}.bell-pop{position:absolute;right:0;top:calc(100% + 8px);width:360px;background:linear-gradient(180deg,#14171ff5,#0f1117f5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:100;animation:bellPop .2s cubic-bezier(.22,1,.36,1)}@keyframes bellPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bell-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px}.bell-body{max-height:420px;overflow-y:auto;display:flex;flex-direction:column}.note{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.note:last-child{border-bottom:none}.note.acked{opacity:.55}.note-pip{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.note-pip.level-error{background:var(--danger);box-shadow:0 0 8px var(--danger)}.note-pip.level-warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.note-pip.level-info{background:var(--info);box-shadow:0 0 8px var(--info)}.note-body{flex:1;min-width:0}.note-title{font-size:13px;font-weight:500}.note-detail{font-size:12px;color:var(--text-dim);margin-top:2px}.note-meta{font-size:11px;color:var(--text-mute);margin-top:4px}.note-source{text-transform:uppercase;letter-spacing:.06em}.cmdk-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9000;animation:backIn .16s ease-out}@keyframes backIn{0%{opacity:0}to{opacity:1}}.cmdk{width:640px;max-width:calc(100vw - 32px);max-height:70vh;background:linear-gradient(180deg,#14171ffa,#0f1117fa);border:1px solid var(--border-strong);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #8b6fff26;animation:cmdkIn .2s cubic-bezier(.22,1,.36,1)}@keyframes cmdkIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.cmdk-prompt{font-family:ui-monospace,monospace;font-size:12px;color:var(--text-mute);border:1px solid var(--border);padding:2px 8px;border-radius:6px;background:var(--surface-3)}.cmdk-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;padding:6px 0;color:var(--text);box-shadow:none!important}.cmdk-list{flex:1;overflow-y:auto;padding:6px}.cmdk-group{padding-bottom:4px}.cmdk-group-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);padding:8px 10px 4px}.cmdk-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:13.5px;cursor:pointer;transition:background .1s}.cmdk-item:hover,.cmdk-item.active{background:linear-gradient(90deg,#8b6fff2e,#4d8aff0f)}.cmdk-hint{color:var(--text-mute);font-size:11.5px}.cmdk-foot{border-top:1px solid var(--border);padding:8px 14px;font-size:11px;color:var(--text-mute)}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-3),var(--surface-4));border:1px solid var(--border-strong);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{font-size:12px;font-weight:600;color:var(--text-dim)}.cost-card{background:linear-gradient(135deg,#8b6fff1a,#4d8aff0d),linear-gradient(180deg,#14171fd9,#0f1117d9)}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-value{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:4px}.cost-value.strong{background:linear-gradient(135deg,var(--accent),var(--accent-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:12.5px;color:var(--text-dim);letter-spacing:.02em}.login-brand .brand-dot{width:8px;height:8px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .18s,transform .15s}.google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 4px 16px #4285f440;transform:translateY(-1px)}.divider-line{display:flex;align-items:center;gap:10px;color:var(--text-mute);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin:18px 0 8px}.divider-line:before,.divider-line:after{content:"";flex:1;height:1px;background:var(--border)}.login-fineprint{margin-top:18px;font-size:11px;color:var(--text-mute);text-align:center;line-height:1.5}.profile-wrap{position:relative}.profile-trigger{width:34px;height:34px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border);padding:0;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.profile-trigger:hover{border-color:var(--border-strong);transform:translateY(-1px)}.profile-pic,.profile-pop-pic{width:100%;height:100%;object-fit:cover}.profile-pop-pic{width:40px;height:40px;border-radius:50%}.profile-fallback{font-weight:600;font-size:13px;color:var(--text)}.profile-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.profile-pop{position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:100;background:linear-gradient(180deg,#14171ff5,#0f1117f5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 20px 60px #00000080;padding:14px;animation:bellPop .2s cubic-bezier(.22,1,.36,1)}.profile-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.period-toggle{display:flex;gap:6px}.chart{width:100%;height:auto;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;font-size:12px;color:var(--text-dim)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.dot-square{display:inline-block;width:10px;height:10px;border-radius:3px}.donut-wrap{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}@media (max-width: 760px){.donut-wrap{grid-template-columns:1fr}}.donut{width:100%;max-width:200px;height:auto}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.donut-legend li{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;transition:background .12s}.donut-legend li:hover{background:#ffffff08}.donut-label{color:var(--text-dim)}.donut-value{font-variant-numeric:tabular-nums;font-weight:500}.donut-pct{color:var(--text-mute);font-size:11.5px;min-width:38px;text-align:right}.hbars{display:flex;flex-direction:column;gap:10px}.hbar-row{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:13px}.hbar-label{color:var(--text-dim);text-transform:lowercase}.hbar-track{height:10px;background:#ffffff0d;border-radius:999px;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease;box-shadow:0 0 12px #8b6fff40}.hbar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.heatmap{display:flex;flex-direction:column;gap:10px}.heatmap-grid{display:grid;grid-template-columns:44px repeat(24,1fr);gap:3px;font-size:10px}.heatmap-hour-label{text-align:center;color:var(--text-mute)}.heatmap-day-label{text-align:right;padding-right:6px;color:var(--text-mute);align-self:center}.heatmap-cell{aspect-ratio:1;border-radius:3px;transition:transform .12s}.heatmap-cell:hover{transform:scale(1.5)}.heatmap-scale{display:flex;align-items:center;gap:4px;align-self:flex-end}.heatmap-scale-cell{width:12px;height:12px;border-radius:3px}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 600px at 15% -10%,rgba(139,111,255,.18),transparent 60%),radial-gradient(800px 540px at 110% 5%,rgba(77,138,255,.14),transparent 55%),var(--bg)}.onb-card{width:100%;max-width:600px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:36px;box-shadow:0 30px 80px #00000080;animation:pageIn .32s ease-out}.onb-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}.onb-card p{color:var(--text-dim);font-size:13.5px;line-height:1.55}.onb-card label{display:block;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}.onb-card input,.onb-card textarea{width:100%;padding:11px 14px;font-size:14px}.onb-progress{display:flex;gap:8px;margin-bottom:18px}.onb-progress-dot{flex:1;height:4px;background:#ffffff0f;border-radius:4px;transition:background .3s}.onb-progress-dot.on{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.onb-actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px}.onb-actions button{padding:10px 18px}.onb-warn{padding:10px 14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#f7d589;font-size:13px;margin:8px 0}.onb-help{margin-top:14px;font-size:13px;color:var(--text-dim)}.onb-help summary{cursor:pointer;color:var(--accent-2);padding:6px 0}.onb-help summary:hover{text-decoration:underline}.onb-help ol{padding-left:22px}.onb-help li{margin:6px 0}.onb-help code,kbd{background:var(--surface-3);padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:12px}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px}.persona-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;text-align:left;cursor:pointer;transition:all .15s}.persona-card:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-1px)}.persona-card.selected{border-color:#8b6fff80;background:linear-gradient(180deg,#8b6fff1f,#4d8aff0f);box-shadow:0 0 0 1px #8b6fff66,0 8px 24px -8px #8b6fff66}.persona-card-name{font-weight:600;font-size:14px;margin-bottom:4px}.persona-card-desc{font-size:12px;color:var(--text-dim);line-height:1.45}button.link{background:none;border:none;color:var(--accent-2);padding:0;cursor:pointer;font:inherit;text-decoration:underline}button.link:hover{color:#8ab2ff}.profile-pop-fallback{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-3),var(--surface-4));border:1px solid var(--border-strong);font-weight:600;font-size:16px}button.ghost.danger{color:var(--danger);border-color:#f871714d}button.ghost.danger:hover{background:#f871711a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi-card{background:linear-gradient(135deg,#8b6fff0f,#4d8aff08),linear-gradient(180deg,#14171fd9,#0f1117d9);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:transform .12s ease,border-color .12s ease}.kpi-card:hover{transform:translateY(-1px);border-color:var(--border-strong)}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.01em;margin-top:4px}.kpi-sub{font-size:11.5px;color:var(--text-dim);margin-top:4px}