:root{--surface-0:#ecebe4;--surface-1:#faf9f5;--surface-2:#f1efe8;--border:#d9d7ce;--radius:12px;--text-primary:#1c1b19;--text-secondary:#5c5b56;--text-muted:#87867f;--text-success:#237a57;--bg-success:#dff1e6;--text-danger:#b42318;--bg-danger:#fbe4e1;--text-warning:#8a5a00;--bg-warning:#fdf0cc;--bar:#c9c7bd}
@media(prefers-color-scheme:dark){:root{--surface-0:#161513;--surface-1:#1f1e1c;--surface-2:#2a2927;--border:#3a3936;--text-primary:#f1efe9;--text-secondary:#b5b3ab;--text-muted:#8b8a83;--text-success:#7fd1a3;--bg-success:#1d3a2b;--text-danger:#f4978e;--bg-danger:#43221f;--text-warning:#f1c565;--bg-warning:#3d3119;--bar:#4a4945}}
*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--surface-0);color:var(--text-primary);font:14px/1.45 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.hidden{display:none!important}.wrap{max-width:960px;margin:0 auto;padding:20px 16px 40px}
.topline{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;color:var(--text-muted);font-size:12px;letter-spacing:.02em}.topline a{color:var(--text-secondary);text-decoration:none}.topline a:hover{color:var(--text-primary)}
.cockpit{display:flex;flex-direction:column;gap:1.25rem;padding:1rem;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}
.head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.head .title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}
.status{display:flex;align-items:center;gap:6px;color:var(--text-success);font-size:13px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.status.warn{color:var(--text-warning)}.status.down{color:var(--text-danger)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.tile{min-width:0;padding:.75rem .9rem;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.tile small{display:block;color:var(--text-muted);font-size:13px}.tile b{display:block;margin-top:2px;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.tile em{display:block;margin-top:2px;color:var(--text-muted);font-size:12px;font-style:normal}
.label{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-secondary);font-size:13px}
.card{border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}
.bars{display:flex;align-items:end;gap:4px;height:110px;padding:14px 14px 8px}.bars i{display:block;flex:1;min-width:0;border-radius:3px 3px 1px 1px;background:var(--bar)}.bars i.now{background:var(--text-success)}.bars i.void{background:repeating-linear-gradient(135deg,transparent,transparent 3px,var(--border) 3px,var(--border) 4px);border-radius:3px}
.axis{display:flex;justify-content:space-between;gap:10px;padding:0 14px 10px;color:var(--text-muted);font-size:12px}
.rows{padding:2px 14px}.row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:.5px solid var(--border)}.row:last-child{border-bottom:0}
.row .ic{flex:none;width:18px;height:18px;color:var(--text-success)}.row .ic.dim{color:var(--text-muted)}.row .body{flex:1;min-width:0}
.row .t{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.row .t span{color:var(--text-muted);font-weight:400}
.row .s{color:var(--text-secondary);font-size:13px}.row .s a{color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.row .s a:hover{color:var(--text-primary)}
.pill{flex:none;padding:3px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.pill.ok{background:var(--bg-success);color:var(--text-success)}.pill.no{background:var(--bg-danger);color:var(--text-danger)}.pill.wait{background:var(--bg-warning);color:var(--text-warning)}.pill.dim{background:var(--surface-0);color:var(--text-muted)}
.banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius);background:var(--bg-warning);color:var(--text-warning);font-size:13px}
.state{padding:28px 16px;color:var(--text-muted);font-size:13px;text-align:center}.state b{display:block;margin-bottom:4px;color:var(--text-primary);font-size:15px;font-weight:500}
.plain{display:grid;grid-template-columns:1.1fr 1.4fr;gap:12px}.bigtile{min-width:0;padding:1rem 1.1rem;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.bigtile small{display:block;color:var(--text-muted);font-size:13px}.bigtile b{display:block;margin-top:4px;font-size:34px;font-weight:500;font-variant-numeric:tabular-nums}.bigtile em{display:block;margin-top:6px;color:var(--text-muted);font-size:12px;font-style:normal;line-height:1.55}.bigtile p{margin:8px 0 0;font-size:15px;line-height:1.65}.pnl-pos{color:var(--text-success)}.pnl-neg{color:var(--text-danger)}details.nerd summary{cursor:pointer;color:var(--text-muted);font-size:13px;user-select:none}details.nerd summary:hover{color:var(--text-secondary)}.nerd-body{display:flex;flex-direction:column;gap:1.25rem;margin-top:14px}.foot{padding-top:4px;color:var(--text-muted);font-size:12px;text-align:center}
svg.i{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.wrap{padding:12px 10px 32px}.plain{grid-template-columns:1fr}.bigtile b{font-size:28px}.cockpit{padding:.8rem}.bars{gap:2px;height:90px}.axis{font-size:11px}.row .s{font-size:12px}}