:root{--bg:#080a0c;--panel:#0e1215;--panel2:#12171b;--line:#222a30;--text:#edf3ef;--muted:#89938d;--green:#a3ff5f;--cyan:#52d9e6;--orange:#ff9f43;--violet:#b693ff;--red:#ff6b6b;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(1000px 550px at 85% -10%,#17312266,transparent 60%),var(--bg);color:var(--text);font:14px var(--sans)}button,input,select,textarea{font:inherit}.shell{width:min(1280px,calc(100% - 32px));margin:auto;padding:30px 0 70px}.masthead,.brand,.sync,.mainnav,.filter-head,.section-head,.route-head,.thread-head,.skill-head,.dialog-actions{display:flex;align-items:center}.masthead{justify-content:space-between;gap:24px;margin-bottom:21px}.brand{gap:13px}.mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #355428;background:#111b12;color:var(--green);font-weight:900;font-size:20px;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}h1{font-size:20px;line-height:1;margin:0 0 6px;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);font:11px var(--mono)}.sync{gap:9px;color:var(--muted);font:10px var(--mono);flex-wrap:wrap;justify-content:flex-end}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #a3ff5f80;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #a3ff5f00}}.iconbtn{width:30px;height:30px;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.iconbtn:hover{color:var(--green);border-color:#456b32}.mainnav{border-bottom:1px solid var(--line);margin-bottom:14px}.mainnav button{border:0;background:none;color:var(--muted);padding:11px 18px;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.mainnav button.active{color:var(--green);border-color:var(--green)}
.filter-panel,.card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel))}.filter-panel{padding:14px;margin-bottom:14px}.filter-head{justify-content:space-between;margin-bottom:11px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.linkbtn{border:0;background:none;color:var(--cyan);font:10px var(--mono);cursor:pointer}.filters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px}.filters label,dialog label{display:grid;gap:6px;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.filters .search{grid-column:span 2}select,input,textarea{min-width:0;border:1px solid var(--line);background:#090c0e;color:var(--text);padding:9px;border-radius:0;outline:none}select:focus,input:focus,textarea:focus{border-color:#4c6e39}.filter-summary{color:var(--muted);font:10px var(--mono);margin-top:10px}.filter-panel.skills-page .filters label:not(.search),.filter-panel.skills-page .filter-summary{display:none}.filter-panel.skills-page .filters .search{grid-column:1/-1}.hidden{display:none!important}.notice{border:1px solid #755c22;background:#2b240f;color:#ffd777;padding:11px 13px;margin-bottom:14px;font:11px var(--mono)}
.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(5,1fr)}.card{padding:17px;min-width:0}.eyebrow,.kicker{font:10px var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.metric{font:700 27px/1 var(--mono);letter-spacing:-.05em;margin-top:14px}.detail{font:10px var(--mono);color:var(--muted);margin-top:9px}.green{color:var(--green)}.orange{color:var(--orange)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.section-head{justify-content:space-between;margin:27px 0 10px}.section-head h2{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.08em}.section-head span{color:var(--muted);font:9px var(--mono)}.two{grid-template-columns:.85fr 1.15fr}.three{grid-template-columns:repeat(3,1fr)}
.route-list{display:grid;gap:15px;margin-top:14px}.route-head{justify-content:space-between;gap:15px;font:11px var(--mono)}.route-name{display:flex;align-items:center;gap:8px}.route-meta{color:var(--muted);text-align:right}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.bar,.tokenbar,.contextbar{height:5px;background:#080a0c;margin-top:7px;overflow:hidden}.fill{height:100%;min-width:0}.chart{height:190px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line);padding:10px 2px 0}.day{flex:1;min-width:3px;display:flex;flex-direction:column-reverse;position:relative}.day:hover{filter:brightness(1.4)}.day:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#030405;border:1px solid var(--line);padding:7px;color:var(--text);font:9px var(--mono);z-index:3}.seg{width:100%;min-height:0}.legend{display:flex;gap:16px;margin-top:12px;color:var(--muted);font:9px var(--mono);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}
.table{padding:0;overflow:auto}.row{display:grid;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid var(--line);min-width:760px}.row:last-child{border-bottom:0}.model-row{grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) 100px 80px 90px}.activity-row{grid-template-columns:120px minmax(210px,1.3fr) 110px 160px 90px}.row.header{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#0a0d0f}.model-name{font:12px var(--mono);overflow:hidden;text-overflow:ellipsis}.provider,.minor{color:var(--muted);font:9px var(--mono);margin-top:4px}.num{text-align:right;font:11px var(--mono)}.badge{display:inline-block;padding:4px 6px;border:1px solid;font:8px var(--mono);text-transform:uppercase;white-space:nowrap}.empty{padding:35px;text-align:center;color:var(--muted);font:11px var(--mono)}
.context-grid{grid-template-columns:repeat(4,1fr)}.config-list{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:15px;font:11px var(--mono)}.config-list span:nth-child(odd){color:var(--muted)}.thread-list{display:grid;gap:10px}.thread{padding:15px}.thread-head{justify-content:space-between;gap:12px}.thread h3{margin:0;font-size:13px}.thread .summary{color:var(--muted);margin:10px 0;font:10px/1.5 var(--mono)}.thread-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font:9px var(--mono);color:var(--muted)}.thread-metrics strong{display:block;color:var(--text);font-size:12px;margin-top:4px}.pressure{color:var(--orange)}.health{color:var(--green)}
.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill{padding:15px}.skill-head{justify-content:space-between;gap:10px}.skill h3{font:12px var(--mono);margin:0;overflow-wrap:anywhere}.skill-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.skill-stats div{background:#090c0e;padding:9px;color:var(--muted);font:8px var(--mono);text-transform:uppercase}.skill-stats strong{display:block;color:var(--text);font-size:14px;margin-top:4px}.skill-meta{color:var(--muted);font:9px/1.6 var(--mono);min-height:30px}.skill button{border:1px solid var(--line);background:#0a0d0f;color:var(--cyan);padding:7px 9px;font:9px var(--mono);cursor:pointer;margin-top:12px}.skill button:hover{border-color:var(--cyan)}.privacy{border-left:2px solid var(--green);font:11px/1.6 var(--mono);color:var(--muted)}
dialog{width:min(680px,calc(100% - 24px));border:1px solid var(--line);background:#0d1114;color:var(--text);padding:0}dialog::backdrop{background:#000b}dialog form{padding:20px}dialog header{display:flex;justify-content:space-between;align-items:flex-start}dialog h2{margin:5px 0 0}dialog p{color:var(--muted);font:11px/1.6 var(--mono)}dialog label{margin-top:14px}textarea{resize:vertical;text-transform:none;font:12px/1.5 var(--mono)}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.dialog-actions{gap:8px;margin-top:17px;flex-wrap:wrap}.dialog-actions button{border:1px solid var(--line);background:#11161a;color:var(--text);padding:9px 12px;cursor:pointer}.dialog-actions .primary{background:var(--green);color:#061004;border-color:var(--green);font-weight:800}.feedback{color:var(--green);font:10px var(--mono);margin-top:10px}
.browse-card{cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.browse-card:hover,.browse-card:focus-visible{border-color:#4c6e39;transform:translateY(-1px);outline:none;background:linear-gradient(145deg,#151d19,var(--panel))}.browse-hint{color:var(--green);font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.skill-description{min-height:34px;color:var(--muted);font:10px/1.5 var(--mono)}.skill-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.skill-actions .browse-hint{margin-bottom:7px}.detail-dialog{width:min(900px,calc(100% - 24px));max-height:min(86vh,900px)}.detail-shell{padding:22px}.detail-body{margin-top:18px;max-height:65vh;overflow:auto;padding-right:5px}.detail-lead{font-size:12px}.detail-metrics{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 22px}.detail-metrics span,.section-chip{border:1px solid var(--line);background:#090c0e;padding:6px 8px;color:var(--cyan);font:9px var(--mono);text-transform:uppercase}.detail-body h3{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:22px 0 9px;color:var(--text)}.resource-list{display:grid;gap:8px}.resource{border:1px solid var(--line);background:#090c0e;padding:12px}.resource>div{display:flex;justify-content:space-between;gap:12px;font:10px var(--mono)}.resource>div span{color:var(--green)}.resource p{margin:8px 0 0}.section-list{display:flex;gap:7px;flex-wrap:wrap}.skill-content{white-space:pre-wrap;overflow-wrap:anywhere;background:#080a0c;border:1px solid var(--line);padding:15px;color:#cfd9d2;font:11px/1.6 var(--mono);max-height:42vh;overflow:auto}.privacy-note{border-left:2px solid var(--orange);padding:10px 12px;background:#19140d}.detail-dialog .dialog-actions{justify-content:flex-end}
@media(max-width:1000px){.filters{grid-template-columns:repeat(4,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.stats .card:nth-last-child(-n+2){grid-column:span 1}.skills-grid{grid-template-columns:repeat(2,1fr)}.context-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:calc(100% - 20px);padding-top:18px}.masthead{align-items:flex-start}.sync{max-width:180px}.filters{grid-template-columns:repeat(2,1fr)}.filters .search{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}.stats .card:last-child{grid-column:span 2}.two,.three{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.section-head span{display:none}.mainnav button{flex:1}.metric{font-size:23px}.thread-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.masthead{display:block}.sync{margin-top:15px;justify-content:flex-start;max-width:none}.filters{grid-template-columns:1fr}.filters .search{grid-column:span 1}.stats,.context-grid{grid-template-columns:1fr}.stats .card:last-child{grid-column:span 1}}