:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#0b1120;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 40%),linear-gradient(180deg,#020617,#0f172a)}button,input{font:inherit}#root{width:100%}.page-shell{max-width:1100px;margin:0 auto;padding:48px 20px 72px}.hero-card,.card{border:1px solid rgba(148,163,184,.18);background:#0f172ae0;border-radius:24px;padding:24px;box-shadow:0 20px 60px #02061773;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{margin-bottom:24px}.card+.card,.grid,.card pre{margin-top:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#7dd3fc}h1,h2{margin:0 0 12px}.lede,.muted{margin:0;color:#94a3b8}.stack{display:grid;gap:14px}label{font-weight:600}input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#0f172aa6;color:inherit}.actions{display:flex;gap:12px;flex-wrap:wrap}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-weight:700}button.secondary{background:#1e293be6;border:1px solid rgba(148,163,184,.25)}button:disabled{opacity:.65;cursor:not-allowed}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.details-grid{display:grid;gap:18px;margin:0}.details-grid div{padding:14px 0;border-bottom:1px solid rgba(148,163,184,.12)}dt{font-size:.88rem;color:#94a3b8}dd{margin:6px 0 0;font-weight:600;word-break:break-word}.info-list{padding-left:18px;margin:0;color:#cbd5e1}.info-list li+li{margin-top:10px}pre{overflow:auto;padding:18px;border-radius:18px;background:#020617e6;border:1px solid rgba(148,163,184,.12);color:#cbd5e1}.error-banner{margin-top:16px;padding:14px 16px;border-radius:14px;background:#7f1d1d59;border:1px solid rgba(248,113,113,.45);color:#fecaca}@media(max-width:640px){.page-shell{padding:28px 16px 56px}.hero-card,.card{padding:20px}.actions{flex-direction:column}}
