.mono{font-family:var(--font-plex-mono), monospace}.panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:620px;box-shadow:var(--shadow);border-radius:14px;transition:background .25s,border-color .25s;overflow:hidden}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand b{letter-spacing:-.01em;font-size:15px;font-weight:700}.brand span{color:var(--text-2);font-size:12px;font-weight:500}.right{align-items:center;gap:12px;display:flex}.pill{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.pill:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.pill-error{color:#ff3b30;background:#ff3b3014}.pill-error:before{background:#ff3b30}.toggle{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.grid{grid-template-columns:1fr 1fr;gap:12px;padding:20px 22px 6px;display:grid}.card{border:1px solid var(--border);opacity:0;border-radius:10px;padding:14px 16px;animation:.35s forwards rise}.card:first-child{animation-delay:50ms}.card:nth-child(2){animation-delay:.15s}.card:nth-child(3){animation-delay:.25s}.card:nth-child(4){animation-delay:.35s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card .k{color:var(--text-2);margin-bottom:8px;font-size:12.5px;font-weight:600}.card .v{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.card .v:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.card .v-error{color:#ff3b30}.card .v-error:before{background:#ff3b30}.readout{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin:16px 22px 22px;padding:14px 16px;font-size:12.5px;line-height:2}.readout .k{color:var(--text-2);min-width:96px;display:inline-block}.readout .v{color:var(--text)}.footer{color:var(--text-2);border-top:1px solid var(--border);justify-content:space-between;padding:12px 22px 18px;font-size:11.5px;display:flex}
