:root{--ground:#0b0b0f;--surface:#15151b;--raised:#27272f;--hairline:#27272f;--text:#f5f5f7;--muted:#a1a1aa;--faint:#6b6b78;--signal:#d4ff3f;--on-signal:#0b0b0f;--agent:#c7b9ff;--danger:#ff8a80;--r-control:12px;--r-tile:18px;--r-card:24px;--r-sheet:28px;--font:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ground);min-height:100%;color:var(--text);font-family:var(--font);margin:0}body{-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.t-display{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1.02}.t-numeral{letter-spacing:-.05em;font-size:56px;font-weight:800;line-height:1}.t-title{letter-spacing:-.03em;font-size:26px;font-weight:800}.t-headline{letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.15}.t-body{font-size:16px;font-weight:500}.t-strong{font-size:16px;font-weight:700}.t-label{font-size:14px;font-weight:700}.t-caption{font-size:13px;font-weight:600}.t-micro{font-size:12px;font-weight:700}.t-overline{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.muted{color:var(--muted)}.faint{color:var(--faint)}.agent{color:var(--agent)}.signal{color:var(--signal)}.shell{max-width:1120px;margin:0 auto;padding:24px 20px 96px}.phone{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;padding:48px 20px 96px;display:flex}@media (width>=900px){.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.card{background:var(--surface);border-radius:var(--r-card);flex-direction:column;gap:12px;padding:18px;display:flex}.card.tile{border-radius:20px;padding:16px}.card.signal{background:var(--signal);color:var(--on-signal);padding:20px}.card.clickable{cursor:pointer}.card.clickable:hover{outline:1.5px solid var(--raised)}.btn{border-radius:var(--r-tile);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;padding:0 18px;font-size:16px;font-weight:800;display:inline-flex}.btn.lg{height:60px;font-size:17px}.btn.signal{background:var(--signal);color:var(--on-signal)}.btn.ghost{color:var(--text);border:1.5px solid var(--hairline);background:0 0;font-weight:700}.btn.ghost.danger{color:var(--danger)}.btn.dark{background:var(--on-signal);color:var(--signal)}.btn.sm{border-radius:var(--r-control);width:auto;height:40px;padding:0 14px;font-size:13px}.btn:disabled{background:var(--raised);color:var(--faint);cursor:not-allowed}.pill{border:1.5px solid var(--hairline);height:40px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.pill.on{background:var(--signal);color:var(--on-signal);border-color:var(--signal)}.pill.agent.on{background:var(--agent);border-color:var(--agent)}.pill.sm{border-radius:var(--r-control);height:36px;color:var(--muted);padding:0 10px;font-size:12px}.pill.sm.on{color:var(--on-signal)}.tag{background:var(--surface);color:var(--agent);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.card.signal .tag{color:var(--on-signal);background:#0b0b0f1f}.avatar{width:40px;height:40px;color:var(--on-signal);border-radius:13px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar.unknown{background:var(--raised);color:var(--muted)}.avatar.lg{border-radius:16px;width:48px;height:48px;font-size:18px}.field{border-radius:var(--r-tile);background:var(--surface);border:1.5px solid var(--hairline);align-items:center;gap:2px;height:60px;padding:0 16px;display:flex}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-weight:700}.field:focus-within{border-color:var(--signal)}input.plain,select.plain,textarea.plain{border-radius:var(--r-control);background:var(--surface);border:1.5px solid var(--hairline);outline:0;width:100%;height:48px;padding:0 14px;font-weight:600}textarea.plain{height:auto;padding:12px 14px}label.lbl{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.exchange{background:var(--surface);border-radius:var(--r-tile);align-items:center;gap:12px;padding:14px;display:flex}.progress{background:var(--raised);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--signal);border-radius:999px;height:100%}.steps{gap:6px;display:grid}.steps.c3{grid-template-columns:repeat(3,1fr)}.steps.c4{grid-template-columns:repeat(4,1fr)}.steps.c2{grid-template-columns:repeat(2,1fr)}.steps .pill.sm{width:100%}.topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface);background:#0b0b0fe6;position:sticky;top:0}.topbar .in{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:14px 20px;display:flex}.topbar nav{gap:4px;margin-left:auto;display:flex}.topbar nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700}.topbar nav a.active{color:var(--signal);background:var(--surface)}.mark{width:32px;height:32px}.sheet{background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:0 -1px 0 var(--raised);z-index:10;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:12px 20px 28px;display:flex;position:fixed;inset:auto 0 0}.scrim{z-index:9;background:#00000080;position:fixed;inset:0}.handle{background:#3f3f46;border-radius:999px;align-self:center;width:40px;height:4px}.note{color:var(--faint);font-size:12px;line-height:1.45}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}