:root{--bg: #071018;--panel: rgba(14, 22, 31, .92);--text: #e9f1f5;--muted: #9fb1bd;--line: rgba(255, 255, 255, .08);--accent: #41bdff;--shadow: 0 14px 36px rgba(0, 0, 0, .25);font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif;line-height:1.4;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 0% 0%,rgba(65,189,255,.08),transparent 32%),radial-gradient(circle at 100% 0%,rgba(255,183,77,.07),transparent 28%),linear-gradient(180deg,#061018,#08131d 55%,#071018)}a{color:inherit}.shell{max-width:1560px;margin:0 auto;padding:1.2rem 1.2rem 4rem;display:grid;gap:1rem}.hero{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.15rem 1.2rem;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 10% 0%,rgba(65,189,255,.15),transparent 40%),radial-gradient(circle at 100% 10%,rgba(255,183,77,.14),transparent 38%),var(--panel);box-shadow:var(--shadow)}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted)}.hero h1{margin:0;font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.1}.subtext{margin:.45rem 0 0;color:var(--muted);max-width:72ch}.hero-links{display:flex;align-items:flex-start;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.hero-links a,button{border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);padding:.58rem .85rem;font-size:.9rem;cursor:pointer;text-decoration:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}button:hover,.hero-links a:hover{border-color:#41bdff73;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.ghost,.ghost{background:transparent}.panel{border-radius:16px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:.95rem}.connection .fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.fields label,.smallField{display:grid;gap:.35rem;color:var(--muted);font-size:.8rem}input,textarea,select{width:100%;border:1px solid var(--line);background:#060c12d9;color:var(--text);border-radius:10px;padding:.62rem .7rem;font:inherit}textarea{resize:vertical;min-height:7.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}input:focus,textarea:focus,select:focus{outline:2px solid rgba(65,189,255,.22);border-color:#41bdff73}.statusRow{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.statusPill{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;padding:.7rem .8rem}.statusPill .row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.statusPill .detail{margin-top:.35rem;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-transform:lowercase}.chip.online,.chip.mock,.chip.live,.chip.time{border-color:#4caf5052;color:#bff4c2;background:#4caf501f}.chip.offline,.chip.unauthorized,.chip.unknown,.chip.disabled{border-color:#ef535047;color:#ffc7c4;background:#ef53501c}.chip.checking,.chip.degraded{border-color:#ffb74d47;color:#ffe0b2;background:#ffb74d1a}.panelHead{display:grid;gap:.25rem;margin-bottom:.8rem}.panelHead.inline{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.panelHead h2,.panelHead h3,.actionHead h3,.tableHead h3{margin:0;font-size:1rem}.panelHead p{margin:0;color:var(--muted);font-size:.84rem}.actionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem}.actionCard{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;padding:.8rem;display:grid;gap:.7rem}.actionHead{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.method{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.actionButtons{display:flex;gap:.5rem}.resultBox{margin:0;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#04080cb3;padding:.65rem;min-height:5.5rem;max-height:12rem;overflow:auto;color:var(--muted);font-size:.78rem}.tableGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:.9rem}.tableCard{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;padding:.7rem;display:grid;gap:.55rem}.tableHead{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.tableWrap{overflow:auto;border-radius:10px;border:1px solid rgba(255,255,255,.05)}table{width:100%;border-collapse:collapse;min-width:420px}th,td{padding:.5rem .55rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);font-size:.82rem;white-space:nowrap}th{color:var(--muted);font-weight:600;background:#ffffff05;position:sticky;top:0}tr:hover td{background:#41bdff08}.error{border-radius:10px;border:1px solid rgba(239,83,80,.22);background:#ef535014;color:#ffd4d2;padding:.55rem .6rem;font-size:.8rem}.empty{color:var(--muted);text-align:center;padding:1rem}.rawDump summary{cursor:pointer;color:var(--muted);font-size:.82rem}.rawDump pre{margin:.5rem 0 0;background:#04080cb3;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.65rem;max-height:12rem;overflow:auto;font-size:.76rem}.activityList{display:grid;gap:.45rem;max-height:13rem;overflow:auto}.activityItem{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;border-radius:10px;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.05);background:#ffffff05;font-size:.82rem}.activityItem.error{border-color:#ef53502e}.activityItem .time{color:var(--muted)}.toast{position:fixed;right:1rem;bottom:1rem;border-radius:12px;padding:.7rem .9rem;border:1px solid var(--line);box-shadow:var(--shadow);background:#0d1721;z-index:50}.toast.ok{border-color:#4caf5047}.toast.error{border-color:#ef535042}.landingWrap{display:grid;gap:1rem}.landingHero{border-radius:18px;border:1px solid var(--line);padding:1.15rem 1.2rem;background:radial-gradient(circle at 8% 8%,rgba(65,189,255,.2),transparent 42%),radial-gradient(circle at 98% 12%,rgba(52,211,153,.14),transparent 38%),radial-gradient(circle at 80% 95%,rgba(255,183,77,.12),transparent 35%),var(--panel);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem}.landingChips{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.landingChips span{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.35rem .6rem;font-size:.78rem;color:var(--muted);background:#ffffff05}.landingStats{display:grid;gap:.7rem}.statCard{border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;padding:.8rem;display:grid;gap:.2rem}.statCard strong{font-size:.92rem}.statCard span{color:var(--muted);font-size:.82rem}.landingGrid{display:grid;grid-template-columns:minmax(360px,.98fr) minmax(360px,1.02fr);gap:1rem}.signupPanel,.signupResultPanel{display:grid;gap:.8rem}.signupFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.signupFields.compact{gap:.65rem}.signupFields label{display:grid;gap:.35rem;color:var(--muted);font-size:.8rem}.hintText{color:var(--muted);font-size:.75rem}.hintText code{color:var(--text)}.planPresetBlock{border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:.8rem;display:grid;gap:.7rem}.planPresetBlock h3{margin:0;font-size:.94rem}.inlineCheck{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.82rem}.inlineCheck input{width:auto;margin:0}.signupActions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.signupActions a{text-decoration:none;border-radius:10px;border:1px solid var(--line);color:var(--text);padding:.58rem .85rem;display:inline-flex;align-items:center;background:#ffffff05}.signupResult{display:grid;gap:.75rem}.resultHighlight{border-radius:14px;border:1px solid rgba(65,189,255,.18);background:#41bdff0d;padding:.85rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.resultHighlight .label{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}.resultHighlight strong{display:block;font-size:.95rem}.mutedLine{margin-top:.2rem;color:var(--muted);font-size:.78rem}.signupMeta{display:grid;gap:.55rem}.signupMeta>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;padding:.65rem .75rem}.signupMeta span{color:var(--muted);font-size:.8rem}.signupMeta code{font-size:.78rem}.signupLinks{display:flex;gap:.6rem;flex-wrap:wrap}.signupLinks a{border-radius:10px;border:1px solid var(--line);padding:.48rem .7rem;text-decoration:none;color:var(--text);background:#ffffff05}.signupChecklist h3{margin:0 0 .4rem;font-size:.92rem}.signupChecklist ol{margin:0;padding-left:1.05rem;color:var(--muted);display:grid;gap:.35rem;font-size:.83rem}.onboardingEmpty{min-height:10rem;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.12);border-radius:14px;text-align:center;padding:1rem}.onboardingPanel{overflow:hidden}.onboardLayout{display:grid;grid-template-columns:minmax(360px,1.02fr) minmax(420px,1.18fr);gap:.9rem;align-items:start}.onboardForm,.onboardOutput{display:grid;gap:.85rem}.onboardBlock{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;padding:.85rem;display:grid;gap:.75rem}.onboardBlock h3{margin:0;font-size:.95rem}.onboardGrid{display:grid;gap:.65rem}.onboardGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.onboardGrid .full{grid-column:1 / -1}.onboardCheck{display:flex;align-items:center;gap:.55rem;font-size:.84rem;color:var(--muted)}.onboardCheck input{width:auto;margin:0}.onboardHint{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:.85rem}.onboardHint h3{margin:0;font-size:.95rem}.onboardHint p{margin:.45rem 0 0;color:var(--muted);font-size:.84rem}.onboardHint ul{margin:.65rem 0 0;padding-left:1.05rem;color:var(--muted);display:grid;gap:.35rem;font-size:.82rem}.onboardHint.ok{border-color:#4caf5038;background:#4caf500f}.onboardHint.warn{border-color:#ffb74d38;background:#ffb74d0f}.scriptCard{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;padding:.8rem;display:grid;gap:.6rem}.scriptHead{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.scriptHead h3{margin:0;font-size:.92rem;line-height:1.25}.scriptButtons{display:flex;gap:.45rem;flex-wrap:wrap}.scriptButtons button{padding:.42rem .7rem;font-size:.8rem}.scriptMeta{margin:0;color:var(--muted);font-size:.82rem}.scriptBox{margin:0;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#04080cc2;padding:.7rem;color:#d9e6ef;font-size:.78rem;line-height:1.45;overflow:auto;max-height:18rem}.scriptStack{display:grid;gap:.7rem}.scriptLabel{color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.notesList{margin:0;padding-left:1.05rem;color:var(--muted);display:grid;gap:.35rem;font-size:.83rem}@media(max-width:980px){.hero,.statusRow,.connection .fields,.tableGrid,.actionGrid,.onboardLayout,.onboardGrid.two,.landingHero,.landingGrid,.signupFields,.resultHighlight{grid-template-columns:1fr}}