:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; background:#eef3f8; color:#172234; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top right,#dcecff,transparent 42%),#eef3f8; }
.shell { width:min(760px,calc(100% - 32px)); margin:0 auto; padding:64px 0; }
header { margin-bottom:28px; }
.eyebrow { color:#1769aa; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
h1 { margin:.2em 0; font-size:clamp(2rem,6vw,3.4rem); line-height:1.05; }
.lead { color:#526274; font-size:1.08rem; }
.card { background:#fff; border:1px solid #d6e0ea; border-radius:18px; padding:28px; box-shadow:0 14px 40px rgba(36,60,86,.08); margin:18px 0; }
button { border:0; border-radius:10px; padding:12px 18px; background:#1769aa; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
button:hover { background:#10598f; }
button.secondary { color:#1769aa; background:#e8f2fa; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.status { color:#18733d; font-weight:700; }
.status span { display:inline-block; width:9px; height:9px; background:#24a259; border-radius:50%; }
dl { display:grid; grid-template-columns:minmax(110px,auto) 1fr; gap:9px 18px; }
dt { color:#657487; }
dd { margin:0; overflow-wrap:anywhere; }
.error { margin-top:20px; background:#fff0f0; color:#9f2424; padding:14px; border-radius:10px; white-space:pre-wrap; }
.debug summary { cursor:pointer; font-weight:700; }
pre { overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:#33445a; font-size:.85rem; }
@media (max-width:540px) { .shell { padding:32px 0; } .card { padding:20px; } dl { grid-template-columns:1fr; gap:3px; } dd { margin-bottom:10px; } }