:root{--bg:#0b0d12;--card:#151922;--line:#232a36;--txt:#e8ecf3;--mut:#8590a3;--g:#2fd37a;--r:#ff5c5c;--c:#3fe0ff;--o:#ff9f2e;--y:#ffd23f}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Segoe UI,Roboto,sans-serif}
main{padding:calc(env(safe-area-inset-top) + 14px) 14px 90px;max-width:560px;margin:0 auto}
h1{font-size:22px;margin:4px 0 12px;display:flex;align-items:center;gap:8px}h2{font-size:15px;color:var(--mut);font-weight:600;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.04em}
.pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:#222a37;color:var(--mut)}
.pill.paper{background:#2b2a12;color:var(--y)}.pill.live{background:#3a1414;color:var(--r)}.pill.g{background:#103222;color:var(--g)}.pill.r{background:#3a1414;color:var(--r)}.pill.c{background:#0f2c35;color:var(--c)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}
.big{font-size:34px;font-weight:800;letter-spacing:-.02em}.mut{color:var(--mut)}.g{color:var(--g)}.r{color:var(--r)}.c{color:var(--c)}.o{color:var(--o)}.small{font-size:12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.act{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.act:last-child{border:0}.act b{display:block}.act .rt{text-align:right}
.feed{font-size:13px;padding:7px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.feed.kill{color:#6b7385}.feed.kill .nm{text-decoration:line-through;text-decoration-color:var(--r)}.feed .rs{color:var(--r);white-space:nowrap}
.strips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.strip{height:8px;border-radius:4px;background:#2a3140}.strip.ok{background:var(--g)}.strip.red{background:var(--r)}.strip.run{background:var(--c);animation:pulse .8s infinite alternate}
@keyframes pulse{from{opacity:.4}to{opacity:1}}
.bar{height:8px;border-radius:4px;background:#2a3140;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:var(--c)}
.ring{width:64px;height:64px}.agent h3{margin:0 0 2px;font-size:16px}.agent .k{font-size:22px;font-weight:800}
.empty{text-align:center;color:var(--mut);padding:26px 10px}.empty .e{font-size:30px;margin-bottom:6px}
.banner{position:sticky;top:0;z-index:5;padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;font-size:13px;font-weight:600;text-align:center}.banner.err{background:#4a1515;color:#ffd0d0}.banner.warn{background:#3d3112;color:#ffe7a6}.hidden{display:none}
.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:rgba(15,18,25,.96);border-top:1px solid var(--line);padding:6px 0 calc(env(safe-area-inset-bottom) + 6px);backdrop-filter:blur(10px)}
.tabs a{flex:1;text-align:center;color:var(--mut);font-size:20px;text-decoration:none;cursor:pointer}.tabs a span{display:block;font-size:10px;margin-top:1px}.tabs a.on{color:var(--c)}
.layer{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.layer .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#2a3140;flex:none}
.layer.ok .n{background:var(--g);color:#06210f}.layer.red .n{background:var(--r);color:#2a0505}.layer.run .n{background:var(--c);color:#032029}.layer.grey{color:#5d6576}.layer .v{margin-left:auto;text-align:right}
.btn{display:block;text-align:center;background:var(--c);color:#032029;font-weight:800;border-radius:12px;padding:12px;text-decoration:none;margin-top:10px}.btn.sec{background:#222a37;color:var(--txt)}
.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border:0}.kv span:last-child{color:var(--mut);text-align:right;max-width:60%}
canvas{width:100%;display:block}a{color:var(--c)}.coinlink{cursor:pointer}
.kv span:last-child .g,.kv span.g{color:var(--g)}.kv span:last-child .r,.kv span.r{color:var(--r)}.kv span:last-child .pill{color:inherit}