:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#0f172ac7;--panel-strong:#0f172aeb;--line:#94a3b833;--muted:#a8b3c7;--text:#f8fafc;--accent:#70f0b0;--accent-strong:#22c55e;--danger:#fecaca;background:#07100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#22c55e38,#0000 34rem),radial-gradient(circle at 100% 20%,#14b8a62e,#0000 28rem),linear-gradient(135deg,#04100b 0%,#0f172a 58%,#06140f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}code{color:var(--accent)}.app-shell{width:min(1160px,100% - 32px);margin:0 auto;padding:44px 0 28px}.hero-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 24px 80px #00000047}.hero-card{margin-bottom:22px;padding:clamp(28px,5vw,58px);position:relative;overflow:hidden}.hero-card:after{content:"";filter:blur(8px);background:#70f0b01f;border-radius:999px;width:320px;height:320px;position:absolute;inset:auto -80px -120px auto}.eyebrow{color:#bbf7d0;letter-spacing:.06em;text-transform:uppercase;background:#22c55e29;border:1px solid #4ade8033;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.84rem;font-weight:700;display:inline-flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.08em;max-width:820px;margin:20px 0 12px;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.92}h2{letter-spacing:-.02em;margin-bottom:18px;font-size:1.15rem}.hero-card p{max-width:680px;color:var(--muted);margin-bottom:28px;font-size:1.08rem}.grid{gap:22px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:24px}label{color:#dce7f8;margin:16px 0 8px;font-size:.9rem;font-weight:700;display:block}input{width:100%;color:var(--text);background:#02061794;border:1px solid #94a3b83d;border-radius:15px;outline:none;padding:14px 15px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus{background:#020617bd;border-color:#70f0b0ad;box-shadow:0 0 0 4px #70f0b014}.help-text{color:var(--muted);margin:8px 0 0;font-size:.92rem}.copy-row,.button-row{align-items:center;gap:10px;display:flex}.button-row{flex-wrap:wrap;margin-top:20px}button{color:#022c22;background:linear-gradient(135deg, #bbf7d0, var(--accent));cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:800;transition:transform .16s,opacity .16s,box-shadow .16s;box-shadow:0 10px 28px #22c55e2e}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #22c55e38}button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}button.secondary{color:var(--text);box-shadow:none;background:#94a3b829;border:1px solid #94a3b838}button.ghost{color:var(--muted);box-shadow:none;background:0 0;border:1px solid #94a3b833}.status-pill{color:#cbd5e1;background:#0f172aad;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:10px;padding:10px 13px;display:inline-flex}.status-pill[data-connected=true]{color:#bbf7d0;border-color:#4ade803d}.pulse{background:#94a3b8;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #94a3b81f}.status-pill[data-connected=true] .pulse{background:var(--accent-strong);box-shadow:0 0 0 4px #22c55e2e}.status-panel{margin-top:22px}.status-panel p:last-child{margin-bottom:0}.error{color:var(--danger);background:#7f1d1d3d;border:1px solid #f8717142;border-radius:14px;padding:12px 14px}.progress-wrap{background:#94a3b829;border-radius:999px;height:10px;margin-top:18px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#a7f3d0);height:100%;transition:width .2s}.results-panel{background:var(--panel-strong);margin-top:22px}.results-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.results-header p{color:var(--muted);margin-bottom:0}.results-header img{object-fit:cover;border:1px solid #ffffff1f;border-radius:20px;width:92px;height:92px}.table-scroll{border:1px solid var(--line);border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b824;padding:12px 14px}th{color:#d9f99d;text-transform:uppercase;letter-spacing:.06em;background:#02061775;font-size:.82rem}td{color:#e2e8f0;font-size:.92rem}tr:last-child td{border-bottom:0}footer{color:var(--muted);text-align:center;margin-top:22px;font-size:.9rem}@media (width<=820px){.two-columns{grid-template-columns:1fr}.copy-row{flex-direction:column;align-items:stretch}.results-header{flex-direction:column-reverse;align-items:flex-start}}