:root{--bg:#0b141a;--bg2:#111b21;--card:#1f2c34;--card2:#2a3942;--text:#e9edef;--muted:#8696a0;--green:#00a884;--green-d:#008069;--red:#f15c6d;--yellow:#ffd97d;--radius:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#0e3b32 0,var(--bg) 55%) fixed,var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--green)}.wrap{max-width:760px;margin:0 auto;padding:28px 18px 60px}.hero{text-align:center;margin:5vh 0 26px}.hero h1{font-size:34px;margin:0 0 8px}.hero h1 span{color:var(--green)}.hero p{color:var(--muted);margin:0}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid #2f3f49;border-radius:var(--radius);padding:20px;margin:14px 0;box-shadow:0 8px 30px rgba(0,0,0,.35)}.card h2{margin:0 0 6px;font-size:19px}.card p.desc{color:var(--muted);font-size:13.5px;margin:0 0 12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #374045;background:#0d1418;color:var(--text);font-size:15px;margin-bottom:8px}input:focus,textarea:focus{outline:2px solid var(--green-d);border-color:var(--green-d)}.btn,button{background:var(--green);color:#04241d;font-weight:700;border:0;border-radius:10px;padding:11px 18px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}button.ghost{background:var(--card2);color:var(--text)}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}.pill.ok{background:#0e3b32;color:#4de3a7;border:1px solid #1f6b57}.pill.warn{background:#3a2f10;color:var(--yellow);border:1px solid #6b5a1f}.pill.bad{background:#3d1418;color:var(--red);border:1px solid #6b1f27}.list{list-style:none;padding:0;margin:8px 0 0}.list li{background:#0d1418;border:1px solid #2a353d;border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:14px}.list small{color:var(--muted)}.tabs{display:flex;gap:8px;margin:16px 0 4px;flex-wrap:wrap}.tabs button{background:var(--card2);color:var(--text);font-weight:600}.tabs button.active{background:var(--green);color:#04241d}.qr{background:#fff;padding:14px;border-radius:14px;display:inline-block}.code{font-size:34px;letter-spacing:8px;font-weight:800;margin:10px 0}.err{color:var(--red)}.ok-text{color:#4de3a7}.muted{color:var(--muted);font-size:13px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.topbar h1{font-size:24px;margin:0}.topbar h1 span{color:var(--green)}.chat{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto}.bubble{max-width:85%;padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.45}.bubble.u{align-self:flex-end;background:#005c4b}.bubble.a{align-self:flex-start;background:var(--card2)}.bubble small{display:block;color:var(--muted);font-size:11px;margin-top:4px}