:root{--surface:#1a1a19;--surface-raised:#232322;--surface-inset:#141413;--border:#33332f;--text-primary:#ffffff;--text-secondary:#c3c2b7;--text-muted:#8b8a80;--accent:#3987e5;--accent-soft:rgba(57,135,229,0.14);--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:14px;line-height:1.5}.shell{max-width:1180px;margin:0 auto;padding:24px 20px 64px}header.top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:24px}.logo{font-size:18px;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--accent)}.badge{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary)}.badge.live{border-color:rgba(12,163,12,.5);color:var(--status-good)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:28px}.tile{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tile .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.tile .value{font-size:26px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile .sub{font-size:12px;color:var(--text-secondary);margin-top:2px}section{margin-bottom:28px}section>h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;font-weight:600}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}td,th{padding:10px 14px;border-bottom:1px solid var(--border)}td{color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}td.strong{color:var(--text-primary);font-weight:550}.mono{font-family:var(--mono);font-size:12.5px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip.good{color:var(--status-good);background:rgba(12,163,12,.12)}.chip.warning{color:var(--status-warning);background:rgba(250,178,25,.12)}.chip.serious{color:var(--status-serious);background:rgba(236,131,90,.12)}.chip.critical{color:var(--status-critical);background:rgba(208,59,59,.12)}.chip.neutral{color:var(--text-secondary);background:var(--surface-inset)}.chip.accent{color:var(--accent);background:var(--accent-soft)}.stream{max-height:340px;overflow-y:auto}.stream-row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:12.5px}.stream-row:last-child{border-bottom:none}.stream-row .amount{color:var(--status-good);font-family:var(--mono);font-weight:600;min-width:72px}.stream-row .resource{color:var(--text-primary);min-width:120px}.stream-row .meta{color:var(--text-muted);font-family:var(--mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:28px;text-align:center;color:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.error-banner{background:rgba(208,59,59,.12);border:1px solid var(--status-critical);color:var(--text-primary);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px}.hero{position:relative;border:1px solid var(--border);background:radial-gradient(120% 140% at 0 0,rgba(57,135,229,.1) 0,transparent 55%),var(--surface-raised);border-radius:14px;padding:30px 28px 26px;margin-bottom:28px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(57,135,229,.55),transparent)}.hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.hero .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--status-good);box-shadow:0 0 0 3px rgba(12,163,12,.16)}.hero h1{font-size:30px;line-height:1.15;font-weight:660;letter-spacing:-.03em;margin-bottom:10px;max-width:20ch}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lede{color:var(--text-secondary);font-size:15px;line-height:1.6;max-width:62ch}.connector{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface-inset);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:22px 0 10px}.connector .label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.connector code{flex:1 1 320px;font-family:var(--mono);font-size:13px;color:var(--text-primary);word-break:break-all}.connector button{font:inherit;font-size:12px;font-weight:550;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:7px;padding:6px 14px;cursor:pointer;transition:filter .12s ease}.connector button:hover{filter:brightness(1.1)}.connector button.done{background:transparent;color:var(--status-good);border-color:rgba(12,163,12,.5)}.hero .fineprint{font-size:12px;color:var(--text-muted)}.hero .fineprint a{color:var(--text-secondary)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:28px}.step{background:var(--surface-raised);padding:16px 18px}.step .n{font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:6px}.step h3{font-size:14px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.step p{font-size:13px;color:var(--text-secondary);line-height:1.55}.step code{font-family:var(--mono);font-size:12px;color:var(--text-primary)}.prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.prompts span{font-size:12px;color:var(--text-secondary);background:var(--surface-inset);border:1px solid var(--border);border-radius:999px;padding:5px 12px}@media (max-width:560px){.hero{padding:22px 18px}.hero h1{font-size:24px}}