:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0a0b0d; color:#edf0f4; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at 50% 0,#16202b 0,#0a0b0d 38rem); }
.shell { width:min(920px,calc(100% - 2rem)); margin:2rem auto 4rem; } header { display:flex; align-items:center; gap:.8rem; border-bottom:1px solid #303640; padding:1rem 0; letter-spacing:.07em; font-size:.78rem; } header strong { font-size:.88rem; } header span:nth-child(2){color:#9ca7b5;} .state { margin-left:auto; border:1px solid; border-radius:999px; padding:.45rem .65rem; letter-spacing:0; }.pending{color:#ecbb65;border-color:#755825}.verified{color:#67d6ba;border-color:#2f735f}.failed{color:#ef8f87;border-color:#7b3c39}
.hero,.chat { margin-top:1.5rem; border:1px solid #303640; border-radius:14px; padding:1.5rem; background:#101216; }.eyebrow{color:#78cce1;font-size:.72rem;letter-spacing:.16em}.hero h1{margin:.35rem 0 .7rem;font-size:2rem}.hero p{color:#bdc6d2;line-height:1.55}.hero button,.chat button { background:#e8edf5;color:#13161b;border:0;border-radius:8px;padding:.7rem 1rem;font-weight:650;cursor:pointer }.hero a { margin-left:1rem;color:#9ed8ea;font-size:.9rem } button:disabled { opacity:.45;cursor:not-allowed }.chat{min-height:300px}.chat form{display:grid;gap:.55rem}.chat label{font-size:.8rem;color:#aab4c2}select,textarea{font:inherit;color:inherit;background:#171b21;border:1px solid #3a424e;border-radius:8px;padding:.7rem}textarea{resize:vertical}.message{padding:.8rem 0;border-bottom:1px solid #252a31;white-space:pre-wrap;line-height:1.55}.message b{font-size:.75rem;letter-spacing:.08em;color:#78cce1}