:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c1c1e;background:#fafafa}body{margin:0}main{max-width:640px;margin:3rem auto;padding:0 1.25rem}h1{font-weight:650;letter-spacing:-.01em}ul{list-style:none;padding:0}li{padding:.75rem 1rem;border:1px solid #e6e6e9;border-radius:10px;margin-bottom:.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center}.kind{color:#8a8a8f;font-size:.85rem}.error{color:#c0392b}.card{max-width:26rem;margin:3rem auto;padding:1.5rem 1.75rem;border:1px solid #e2e2e2;border-radius:12px;font-family:system-ui,sans-serif}.card h1{font-size:1.35rem;margin:0 0 1rem}.card label{display:block;font-size:.85rem;color:#444;margin:.75rem 0 .25rem}.card input{width:100%;box-sizing:border-box;padding:.55rem .65rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.card button{margin-top:1.1rem;width:100%;padding:.6rem;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:1rem;cursor:pointer}.card button:disabled{background:#9db8ec;cursor:default}.card .error{color:#b91c1c;background:#fef2f2;padding:.5rem .65rem;border-radius:8px;font-size:.9rem}.card .hint{color:#666;font-size:.85rem;margin-top:1rem}.card a{color:#2563eb;text-decoration:none}.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.card .who{font-size:.82rem;color:#666}.card .kind{color:#888;font-size:.85rem}.card.wide{max-width:46rem}.badge{display:inline-block;padding:.05rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.card select{width:100%;box-sizing:border-box;padding:.5rem .6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background:#fff}.ok-msg{color:#15803d;background:#f0fdf4;padding:.4rem .6rem;border-radius:8px;font-size:.9rem}.stack{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.client{border:1px solid #e6e6e9;border-radius:12px;padding:1rem 1.1rem;background:#fff}.client ul{margin:.5rem 0}.client code{font-size:.8rem;color:#475569;word-break:break-all}.metric-form{display:flex;gap:.5rem;margin:.6rem 0;flex-wrap:wrap}.metric-form input{flex:1 1 8rem;padding:.45rem .6rem;border:1px solid #ccc;border-radius:8px}.metric-form button{width:auto;margin:0;padding:.45rem .9rem}button.ghost{width:auto;margin:.3rem 0 0;background:#f1f5f9;color:#334155;padding:.4rem .8rem}