:root{--bg:#fff;--surface:#fff;--surface-2:#f7f9f7;--text:#0e1a14;--text-m:#5b6b62;--text-d:#2a3b32;--border:#e3e8e4;--border-strong:#cfd8d2;--accent:#16a34a;--accent-h:#15803d;--accent-soft:#16a34a1a;--accent-line:#16a34a40;--danger:#b91c1c;--danger-soft:#b91c1c14;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font:16px/1.55 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{color:var(--text);letter-spacing:-.01em;font-weight:600}a{color:var(--accent)}.container{flex-direction:column;gap:20px;max-width:640px;margin:0 auto;padding:32px 24px 80px;display:flex}.muted{color:var(--text-m);margin:0;font-size:14px}.hero{flex-direction:column;align-items:flex-start;gap:12px;padding:32px 0 8px;display:flex;position:relative}.hero-title{letter-spacing:-2px;color:var(--text);margin:0;font-size:56px;font-weight:700;line-height:1}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--text-d);margin:0;font-size:22px;font-weight:500;line-height:1.3}.hero-blurb{color:var(--text-m);max-width:480px;margin:4px 0 0;font-size:15px;line-height:1.55}@media (width<=520px){.hero{padding:16px 0 4px}.hero-title{letter-spacing:-1.2px;font-size:40px}.hero-sub{font-size:18px}}.conn-pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:12px;font-weight:500;display:inline-flex}.conn-dot{border-radius:50%;width:8px;height:8px}.conn-on{color:var(--accent-h);border-color:var(--accent-line);background:var(--accent-soft)}.conn-on .conn-dot{background:var(--accent);box-shadow:0 0 0 4px #16a34a26}.conn-off{color:var(--text-m)}.conn-off .conn-dot{background:var(--text-m)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:22px;display:flex}.card h2{margin:0;font-size:18px}.error{background:var(--danger-soft);color:var(--danger);border:1px solid #b91c1c40;border-radius:8px;padding:10px 12px;font-size:13px}.form{flex-wrap:wrap;gap:12px;display:flex}.form label{color:var(--text-m);letter-spacing:.3px;text-transform:uppercase;flex-direction:column;flex:140px;gap:6px;font-size:12px;font-weight:500;display:flex}.form input,.form select{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .12s,box-shadow .12s}.form input:focus,.form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button,a.primary{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:background .12s,border-color .12s,color .12s}button.primary,a.primary{background:var(--accent);color:#fff;text-align:center;text-decoration:none;box-shadow:0 1px #0000000a}button.primary:hover:not(:disabled),a.primary:hover{background:var(--accent-h)}button.secondary{background:var(--surface);color:var(--text-d);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-h)}button.ghost{color:var(--text-m);background:0 0;border:none;padding:8px 12px;font-size:13px}button.ghost:hover{color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.widget-wrapper{justify-content:flex-start;min-height:640px;display:flex;position:relative}.widget-host{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;max-width:420px;min-height:640px;display:block}.widget-placeholder{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:420px;padding:60px 28px;display:flex}.widget-fallback{text-align:center;max-width:420px;margin-top:-4px;font-size:13px}.pending{border-color:var(--accent-line);background:var(--accent-soft)}.pending h2{color:var(--accent-h)}.activity{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0;font-size:13px}.activity>summary{cursor:pointer;color:var(--text-m);letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:500;list-style:none;display:flex}.activity>summary::-webkit-details-marker{display:none}.activity[open]>summary{border-bottom:1px solid var(--border)}.activity-count{font-family:var(--mono);background:var(--surface-2);letter-spacing:0;color:var(--text-d);border-radius:999px;padding:2px 8px;font-size:11px}.activity .log{flex-direction:column;gap:4px;max-height:280px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.activity .log li{background:var(--surface-2);border-radius:8px;align-items:baseline;gap:12px;padding:6px 10px;font-size:13px;display:flex}.log-time{font-family:var(--mono);color:var(--text-m);flex-shrink:0;font-size:11px}.log-text{word-break:break-all;color:var(--text-d)}.log-success .log-text{color:var(--accent-h)}.log-error .log-text{color:var(--danger)}.activity-empty{padding:14px 16px;font-size:13px}.activity-clear{margin:4px 8px 8px auto;display:block}.modal-backdrop{z-index:1000;background:#0e1a1480;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:28px;animation:.16s ease-out pop-in;display:flex;box-shadow:0 24px 60px #0e1a142e}.modal h2{margin:0;font-size:20px}.modal-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}