:root{color-scheme:dark;--panel: rgba(12, 19, 29, .82);--panel-border: rgba(109, 219, 173, .18);--ink: #f5f8ff;--muted: rgba(245, 248, 255, .7);--accent: #6ddbaf;--font-body: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(109,219,173,.18),transparent 32%),radial-gradient(circle at top right,rgba(255,125,105,.16),transparent 28%),linear-gradient(180deg,#101924,#0a1017 62%,#06090e)}button{font:inherit}.shell{width:min(980px,calc(100vw - 28px));margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 28px) 0 calc(env(safe-area-inset-bottom,0px) + 28px)}.hero,.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #00000047}.hero{padding:28px;margin-bottom:20px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.05em}.lede{margin-top:14px;max-width:60ch;color:var(--muted);line-height:1.55}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{padding:20px}.wide{grid-column:span 2}.actions{display:grid;gap:12px;margin-top:16px}button{border:none;border-radius:16px;padding:14px 16px;color:var(--ink);background:linear-gradient(180deg,#6ddbad2e,#6ddbad14);box-shadow:inset 0 0 0 1px #6ddbad2e;cursor:pointer;transition:transform .16s ease,background .16s ease}button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#6ddbad42,#6ddbad1a)}.payload,.log{margin-top:16px;border-radius:18px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.payload{min-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--accent)}.log{min-height:220px;padding-left:32px}.log li+li{margin-top:10px}@media(max-width:760px){.grid{grid-template-columns:1fr}.wide{grid-column:span 1}}
