:root{--bg:#f5f7fa;--surface:#ffffff;--border:#e2e8f0;--text:#1a202c;--muted:#5f6b7a;--accent:#2b6cb0;--ok-bg:#e6f6ec;--ok-border:#9ae0b5;--ok-text:#1c6b3f;--err-bg:#fdeceb;--err-border:#f5b5b0;--err-text:#9b2c22;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#12161c;--surface:#1a1f27;--border:#2b323d;--text:#e8ecf1;--muted:#9aa5b4;--accent:#63a4e8;--ok-bg:#12301f;--ok-border:#2c6b45;--ok-text:#7ee2a8;--err-bg:#331715;--err-border:#7a3a34;--err-text:#f5a49c}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}.page{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{font-size:clamp(2rem,7vw,2.75rem);margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.05rem;margin:0 0 .75rem;letter-spacing:.02em;text-transform:uppercase}.subtitle,h2{color:var(--muted)}.subtitle{margin:0 0 2rem}.card{background:var(--surface);border:1px solid var(--border);padding:1.25rem}.card,.status{border-radius:var(--radius);margin-bottom:1.25rem}.status{display:flex;align-items:flex-start;gap:.75rem;border:1px solid;padding:1rem 1.25rem}.status--ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.status--error{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}.status__dot{width:10px;height:10px;border-radius:50%;background:currentColor;margin-top:.5rem;flex:0 0 auto}.status__body{min-width:0}.status__title{font-weight:600}.status__detail{font-size:.875rem;opacity:.85;margin-top:.15rem;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;list-style:none;margin:0;padding:0}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem}.metric__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.metric__value{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}form.compose{display:flex;flex-wrap:wrap;gap:.6rem}input[type=text]{flex:1 1 240px;min-width:0;padding:.65rem .8rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}button:focus-visible,input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{padding:.65rem 1.25rem;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:8px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}.hint{font-size:.8rem;color:var(--muted);margin:.6rem 0 0}.messages{list-style:none;margin:0;padding:0}.messages li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.messages li:last-child{border-bottom:0}.messages__text{overflow-wrap:anywhere}.messages__time{font-size:.8rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.empty{color:var(--muted);margin:0}.notice{border-radius:8px;padding:.65rem .85rem;margin-bottom:1rem;font-size:.9rem;border:1px solid}.notice--ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.notice--error{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}footer{margin-top:2rem;font-size:.8rem;color:var(--muted);text-align:center}footer a{color:var(--accent)}