:root{--bg:#06070a;--bg-2:#0a0b10;--panel:#0e0f15;--panel-2:#14151d;--border:#20222e;--border-bright:#2c2f3e;--text:#eef0f7;--text-sec:#9498ad;--text-ter:#5b5f72;--ok:#2ed3a0;--warn:#f6b53d;--err:#ff4d5e;--info:#5aa6ff;--accent:#8b7bff;--accent-dim:#5b4fc4;--font-display:"Chakra Petch","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}body:before{background:radial-gradient(900px 420px at 78% -8%,rgba(139,123,255,.16),transparent 70%),radial-gradient(700px 380px at 10% 0,rgba(90,166,255,.07),transparent 70%),linear-gradient(transparent 0 96%,rgba(139,123,255,.035) 96% 100%) 0 0 /100% 26px,linear-gradient(90deg,transparent 0 96%,rgba(139,123,255,.035) 96% 100%) 0 0 /26px 100%}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}::selection{background:rgba(139,123,255,.32);color:#fff}a{color:var(--info);text-decoration:none}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:30px 22px 80px}.masthead{justify-content:space-between;flex-wrap:wrap;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--border);animation:slideDown .5s cubic-bezier(.2,.7,.2,1) both}.brand,.masthead{display:flex;align-items:center;gap:14px}.logo{font-size:26px;line-height:1;color:var(--accent);text-shadow:0 0 18px rgba(139,123,255,.7);animation:spinPulse 6s ease-in-out infinite}.brand-title{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:4px;line-height:1}.brand-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--accent);margin-top:4px}.masthead-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.live{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:var(--text-sec)}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 1.8s infinite}.ctrl-bar{display:flex;gap:9px}.btn{font-family:var(--font-display);font-size:11px;letter-spacing:1.5px;padding:9px 14px;border-radius:8px;border:1px solid var(--border-bright);background:var(--panel-2);color:var(--text-sec);cursor:pointer;transition:all .16s ease;white-space:nowrap}.btn:hover{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px rgba(139,123,255,.25);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:wait;transform:none}.btn-danger{color:var(--err);border-color:rgba(255,77,94,.4)}.btn-danger:hover{background:var(--err);border-color:var(--err);color:#1a0306;box-shadow:0 0 18px rgba(255,77,94,.4)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));grid-gap:12px;gap:12px;margin-bottom:30px}.stat{position:relative;background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:16px 18px 15px;overflow:hidden;animation:fadeUp .5s ease both}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-accent,var(--border-bright));opacity:.8}.stat .n{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--stat-accent,var(--text));line-height:1.05}.stat .l{font-size:10.5px;color:var(--text-ter);letter-spacing:1.3px;margin-top:6px}.section-title,.stat .l{text-transform:uppercase}.section-title{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-display);font-size:13px;color:var(--text);letter-spacing:2.5px;margin:32px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.section-meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.5px;color:var(--text-ter);text-transform:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));grid-gap:13px;gap:13px}.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px 17px 14px 20px;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;animation:fadeUp .5s ease both}.card:hover{transform:translateY(-2px);border-color:var(--border-bright);box-shadow:0 8px 26px rgba(0,0,0,.45)}.card .rail{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 12px rgba(139,123,255,.55)}.card.bad{border-color:rgba(255,77,94,.45);box-shadow:0 0 0 1px rgba(255,77,94,.18)}.card.bad .rail{background:var(--err);box-shadow:0 0 12px rgba(255,77,94,.6)}.card.bad:hover{box-shadow:0 8px 26px rgba(255,77,94,.2)}.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.ch-name{font-size:16px;font-weight:600;letter-spacing:.5px}.badge,.ch-name{font-family:var(--font-display)}.badge{font-size:9.5px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:5px}.badge.ok{background:rgba(46,211,160,.13);color:var(--ok);border:1px solid rgba(46,211,160,.25)}.badge.bad{background:rgba(255,77,94,.13);color:var(--err);border:1px solid rgba(255,77,94,.3)}.row{display:flex;justify-content:space-between;font-size:12px;padding:2.5px 0}.row .k{color:var(--text-ter);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.row .v{color:var(--text-sec);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.err-line{margin-top:9px;font-size:11px;color:var(--err);word-break:break-word;line-height:1.45;background:rgba(255,77,94,.06);border-left:2px solid rgba(255,77,94,.5);padding:6px 8px;border-radius:0 5px 5px 0}.card-actions{display:flex;gap:7px;margin-top:13px;padding-top:11px;border-top:1px dashed var(--border)}.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;padding:5px 11px;border-radius:6px;border:1px solid var(--border-bright);background:transparent;color:var(--text-ter);cursor:pointer;transition:all .15s ease}.chip:hover{color:var(--text);border-color:var(--text-ter)}.chip:disabled{opacity:.5;cursor:wait}.chip-warn:hover{color:var(--warn);border-color:var(--warn)}.chip-danger:hover{color:var(--err);border-color:var(--err);background:rgba(255,77,94,.08)}.feed-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg-btn{font-family:var(--font-display);font-size:10.5px;letter-spacing:1px;padding:7px 13px;border:none;background:var(--panel);color:var(--text-ter);cursor:pointer;transition:all .14s ease;border-right:1px solid var(--border)}.seg-btn:last-child{border-right:none}.seg-btn:hover{color:var(--text-sec);background:var(--panel-2)}.seg-btn.on{background:var(--accent);color:#120a2e;font-weight:700}.search,.sel{font-family:var(--font-mono);font-size:12px;padding:7px 11px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none;transition:border-color .15s ease}.search:focus,.sel:focus{border-color:var(--accent)}.search{flex:1 1;min-width:130px}.search::placeholder{color:var(--text-ter)}.feed-count{font-family:var(--font-display);font-size:11px;letter-spacing:1px;color:var(--text-ter);padding:0 4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.feed{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ev{display:grid;grid-template-columns:140px 130px 1fr;grid-gap:12px;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px;align-items:baseline;transition:background .12s ease}.ev:hover{background:var(--panel-2)}.ev:last-child{border-bottom:none}.ev .t{color:var(--text-ter);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ev .c{color:var(--accent);font-weight:500;letter-spacing:.3px}.ev .m{color:var(--text-sec);word-break:break-word}.lvl-err .m{color:var(--err)}.lvl-ok .m{color:var(--ok)}.lvl-warn .m{color:var(--warn)}.lvl-err .c{color:var(--err)}.empty{color:var(--text-ter);font-size:13px;padding:22px;text-align:center;border:1px dashed var(--border);border-radius:12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login form{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:30px;width:340px}.login h1{font-family:var(--font-display);font-size:15px;letter-spacing:1.5px;margin:0 0 18px}.login input{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:var(--font-mono);outline:none}.login input:focus{border-color:var(--accent)}.login button{width:100%;margin-top:13px;padding:11px;border:none;border-radius:8px;background:var(--accent);color:#120a2e;font-weight:700;font-family:var(--font-display);letter-spacing:1.5px;cursor:pointer}.login button:hover{box-shadow:0 0 22px rgba(139,123,255,.45)}.login .err{color:var(--err);font-size:12px;margin-top:12px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:13px;gap:13px}.chart-card{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:14px 16px 10px;animation:fadeUp .5s ease both}.chart-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.chart-label{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-sec)}.chart-label,.chart-last{font-family:var(--font-display)}.chart-last{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-svg{width:100%;height:150px;display:block}.chart-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-ter);margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-range{color:var(--text-sec)}.chart-empty{color:var(--text-ter);font-size:12px;padding:34px 10px;text-align:center}.metric-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:14px}.metric-toggle .seg-btn{border-right:1px solid var(--border)}.metric-toggle .seg-btn:last-child{border-right:none}.perf-list{display:flex;flex-direction:column;gap:8px}.perf-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:12px 16px;animation:fadeUp .45s ease both}.perf-row:hover{border-color:var(--border-bright)}.perf-rank{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-ter);width:26px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.perf-main{flex:1 1;min-width:0}.perf-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.perf-name{font-size:15px;font-weight:600;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-name,.perf-val{font-family:var(--font-display)}.perf-val{font-size:16px;font-weight:700;color:var(--info);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.perf-val.neg{color:var(--err)}.perf-bar-track{height:5px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin:7px 0 6px}.perf-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-dim),var(--accent));box-shadow:0 0 10px rgba(139,123,255,.4);transition:width .4s ease}.perf-bar.neg{background:linear-gradient(90deg,#7a2533,var(--err));box-shadow:none}.perf-sub{font-size:10.5px;color:var(--text-ter);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spark{flex-shrink:0;opacity:.85}.tabnav{display:flex;gap:4px;margin:0 0 26px;border-bottom:1px solid var(--border)}.tab{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-ter);padding:12px 20px 14px;border:1px solid transparent;border-bottom:none;border-radius:9px 9px 0 0;transition:color .16s ease,background .16s ease}.tab:hover{color:var(--text-sec);background:rgba(139,123,255,.05)}.tab.on{color:var(--text);background:linear-gradient(180deg,rgba(139,123,255,.1),transparent)}.tab-icon{font-size:13px;color:var(--accent);opacity:.85}.tab-glow{position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent),0 0 4px var(--accent);border-radius:2px;animation:fadeUp .3s ease both}.granularity{display:inline-flex;gap:0;margin:2px 0 10px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.gbtn{font-family:var(--font-display);font-size:9.5px;letter-spacing:1px;padding:5px 10px;border:none;border-right:1px solid var(--border);background:var(--panel);color:var(--text-ter);cursor:pointer;transition:all .14s ease}.gbtn:last-child{border-right:none}.gbtn:hover{color:var(--text-sec);background:var(--panel-2)}.gbtn.on{background:var(--info);color:#06121f;font-weight:700}.chan-card{display:block;cursor:pointer}.chan-card:hover .chan-go{color:var(--accent)}.chan-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.chan-hero-figs{display:flex;gap:20px}.chan-fig{display:flex;flex-direction:column}.chan-fig-n{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.chan-fig-l{font-size:9.5px;letter-spacing:1px;margin-top:4px}.chan-fig-l,.chan-go{color:var(--text-ter);text-transform:uppercase}.chan-go{margin-top:12px;padding-top:11px;border-top:1px dashed var(--border);font-family:var(--font-display);font-size:10.5px;letter-spacing:1.2px}.back-link,.chan-go{transition:color .15s ease}.back-link{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--text-ter);margin-bottom:16px;letter-spacing:.5px}.back-link:hover{color:var(--accent)}.detail-head{justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.detail-head,.detail-title{display:flex;align-items:center;gap:14px}.detail-title h1{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 22px rgba(139,123,255,.25)}.detail-actions{display:flex;gap:8px}.detail-stats{margin-top:18px}.readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));grid-gap:11px;gap:11px}.read{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:13px 16px}.read-k{font-size:10px;color:var(--text-ter);text-transform:uppercase;letter-spacing:1.2px}.read-v{font-family:var(--font-display);font-size:18px;font-weight:600;margin-top:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.read-sub{font-size:10.5px;color:var(--text-sec);margin-top:3px}.ev2{grid-template-columns:150px 1fr}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spinPulse{0%,to{transform:rotate(0);text-shadow:0 0 18px rgba(139,123,255,.7)}50%{transform:rotate(90deg);text-shadow:0 0 26px #8b7bff}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}