*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#efe6d7;--paper:#fbf5ea;--ink:#3d2f24;--muted:#8a7560;--dim:#a89684;--line:rgba(120,92,60,.16);--accent:#c0823a;--teal:#4a8a83;--ok:#6f9c5e;--warn:#d4952b;--bad:#b8452f;--violet:#9a6f8a}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;background:var(--bg);color:var(--ink);font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(1100px 600px at 75% -120px,#f6efe2 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,#f3ead9 0%,transparent 55%)}
a{color:inherit}.w{max-width:1280px;margin:0 auto;padding:14px 18px 26px}
header{display:flex;align-items:center;gap:12px;padding:10px 2px 14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.mark{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 0 14px rgba(192,130,58,.35)}.brand b{font-size:15px;letter-spacing:.5px;display:block}.brand small{display:block;color:var(--muted);font-size:10.5px;letter-spacing:.9px;text-transform:uppercase}
nav{display:flex;gap:4px;margin-left:16px}nav a{text-decoration:none;color:var(--muted);font-size:11.5px;padding:5px 8px;border-radius:7px}nav a:hover,nav a.active{background:rgba(120,92,60,.08);color:var(--ink)}
.pill{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ok);border:1px solid rgba(111,156,94,.25);background:rgba(111,156,94,.07);padding:4px 11px;border-radius:999px}.pill i,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(111,156,94,.6);animation:pulse 2s infinite}.clock{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dim);border:1px solid var(--line);padding:4px 10px;border-radius:8px;background:var(--paper)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.ticker{border:1px solid var(--line);background:var(--paper);border-radius:10px;overflow:hidden;margin-bottom:12px;box-shadow:0 1px 2px rgba(60,40,20,.05),0 6px 18px rgba(60,40,20,.06)}#ticker{display:flex;width:max-content;animation:tickerMove 48s linear infinite;will-change:transform}#ticker span{padding:7px 0;font:11.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dim);white-space:nowrap}@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;margin-bottom:12px}.cards>div,.panel,.simple-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px rgba(60,40,20,.05),0 6px 18px rgba(60,40,20,.06)}.cards .title{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.cards .value{font:600 24px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);margin:7px 0 4px;font-variant-numeric:tabular-nums}.cards .unit{font-size:11.5px;color:var(--dim)}.cards canvas{width:100%;height:34px;display:block;margin-top:4px}.cards .unit b{color:var(--ink);font-weight:500;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.delta{font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.up{color:var(--ok)}.down{color:var(--bad)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{min-width:0}.panel h2{margin:0 0 10px;font:600 11px system-ui;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);display:flex;align-items:center;gap:8px}.panel h2 .sub{margin-left:auto;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dim);text-transform:none;letter-spacing:0}.chartbox{height:190px}.chartbox canvas{width:100%;height:100%;display:block}#map{width:100%;height:300px;display:block;cursor:crosshair}.regions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 18px;margin-top:10px}.regions>div{font-size:11.5px;color:var(--dim)}.regions b{float:right;font:11.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);font-weight:400}.bar{height:3px;border-radius:2px;background:rgba(120,92,60,.15);margin-top:4px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));border-radius:2px;transition:width .8s}
.pop-table{max-height:332px;overflow-y:auto}.pop-table::-webkit-scrollbar{width:8px}.pop-table::-webkit-scrollbar-thumb{background:rgba(120,92,60,.2);border-radius:4px}table{width:100%;border-collapse:collapse;font:11.5px ui-monospace,SFMono-Regular,Consolas,monospace}th{font:10px system-ui;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);text-align:left;padding:4px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper)}td{padding:4.5px 8px;border-bottom:1px solid rgba(120,92,60,.06);white-space:nowrap;color:var(--ink)}tr:hover td{background:rgba(192,130,58,.04)}td.dim{color:var(--dim)}.load{width:90px;height:4px;background:rgba(120,92,60,.15);border-radius:2px;overflow:hidden}.load i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--teal));transition:width .7s}.load.warn i{background:linear-gradient(90deg,var(--warn),var(--bad))}.status-dot.warn{background:var(--warn);box-shadow:0 0 6px rgba(212,149,43,.6)}
.full{grid-column:1/-1}.logwrap{display:grid;grid-template-columns:2fr 1fr;gap:16px}#log{height:300px;overflow:hidden;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.row{display:grid;grid-template-columns:64px 40px minmax(130px,1fr) 34px 58px 48px 52px 48px 92px 52px;gap:6px;padding:3px 2px;border-bottom:1px solid rgba(120,92,60,.05);animation:rowIn .28s ease-out}.row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rowIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.row.head{animation:none;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.muted{color:var(--dim)}.s2{color:var(--ok)}.s3{color:var(--teal)}.s4{color:var(--warn)}.s5{color:var(--bad)}.cache-hit{color:rgba(111,156,94,.75)}.cache-miss{color:rgba(212,149,43,.8)}.cache-reval{color:var(--dim)}.live-dot{width:6px;height:6px;background:var(--bad);border-radius:50%;animation:pulse 1.2s infinite;flex:none}.top h3{margin:0 0 6px;font:600 10.5px system-ui;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.top ol{list-style:none;margin:0;padding:0;font:11.5px ui-monospace,SFMono-Regular,Consolas,monospace}.top li{display:flex;gap:8px;padding:4.5px 2px;border-bottom:1px solid rgba(120,92,60,.05)}.top li .path{flex:1;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top li .rate{color:var(--muted);min-width:62px;text-align:right}.top li .count{color:var(--ink);min-width:76px;text-align:right;font-variant-numeric:tabular-nums}
footer{margin-top:14px;display:flex;gap:20px;color:var(--muted);font-size:11.5px;flex-wrap:wrap}footer b{color:var(--dim);font-weight:500}.foot-right{margin-left:auto}
.page{max-width:940px;margin:42px auto}.page h1{font-size:28px;margin-bottom:8px}.page .lead{font-size:15px;color:var(--muted);margin-bottom:24px}.stack{display:grid;gap:12px}.simple-card h2{font-size:13px;margin-bottom:8px}.simple-card p,.simple-card li{color:var(--muted)}.simple-card ul{padding-left:18px}.kv{display:grid;grid-template-columns:180px 1fr;gap:7px 18px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.kv dt{color:var(--dim)}.kv dd{color:var(--ink)}.okline{display:flex;align-items:center;gap:9px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.back{display:inline-block;margin-top:18px;color:var(--muted)}
@media(max-width:980px){.grid{grid-template-columns:1fr}.logwrap{grid-template-columns:1fr}.regions{grid-template-columns:1fr 1fr}.full{grid-column:auto}nav{order:4;width:100%;margin-left:0}.pill{margin-left:auto}}
@media(max-width:620px){.w{padding:8px}.cards{grid-template-columns:1fr 1fr}.row{grid-template-columns:58px 34px minmax(110px,1fr) 30px 48px 42px}.row span:nth-child(n+7){display:none}.kv{grid-template-columns:1fr}.regions{grid-template-columns:1fr}}