:root{--font:system-ui, -apple-system, "Segoe UI", "Noto Sans", "Helvetica Neue", sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-xl:20px;--lh:1.4;--r-sm:6px;--r-md:8px;--r-lg:12px;--tap:44px;--ctl-h:40px;--text:#1c1f23;--text-2:#5b636b;--bg:#f6f7f8;--surface:#fff;--surface-2:#eef0f2;--border:#d5d9dd;--border-strong:#858e96;--accent:#1f6f5c;--accent-hover:#185a4a;--accent-text:#1f6f5c;--accent-soft:#e3f0eb;--on-accent:#fff;--success:#1f8a4c;--warning:#b7791f;--warning-text:#84550e;--warning-soft:#fbf0dc;--danger:#c0392b;--danger-text:#ad3125;--danger-soft:#f9e3e0;--focus:#1f6f5c;font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}svg.i{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}svg.i.s14{width:14px;height:14px}svg.i.s16{width:16px;height:16px}.num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{min-height:var(--ctl-h);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.btn:hover{border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-hover);border-color:#0000}.btn.ghost{border-color:var(--border-strong);background:0 0}.btn.link{color:var(--accent-text);background:0 0;border:0;min-height:auto;padding:2px 4px;font-weight:600}.btn.link:hover{text-decoration:underline}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.ib{width:var(--ctl-h);height:var(--ctl-h);border-radius:var(--r-md);color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.ib:hover{background:var(--surface-2);color:var(--text)}.ib[aria-pressed=true]{color:var(--accent-text);background:var(--accent-soft)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label,.field .lbl{font-size:var(--fs-sm);font-weight:600}.inp{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);height:42px;color:var(--text);width:100%;padding:0 12px}.inp:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.inp[aria-invalid=true]{border-color:var(--danger);border-width:2px}.inp[disabled]{background:var(--surface-2);color:var(--text-2)}.inp-wrap{align-items:center;display:flex;position:relative}.inp-wrap .inp{padding-right:48px}.inp-wrap .ib{position:absolute;right:2px}.hint{font-size:var(--fs-xs);color:var(--text-2)}.hint.err{color:var(--danger-text)}.hint svg{vertical-align:-3px;margin-right:2px}.otp{gap:8px;display:flex}.otp input{text-align:center;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);font-variant-numeric:tabular-nums;width:46px;height:54px;font-size:22px;font-weight:600}.otp input:focus-visible{outline:2px solid var(--focus);outline-offset:0}.otp input[aria-invalid=true]{border-color:var(--danger);border-width:2px}.otp input[disabled]{background:var(--surface-2);color:var(--text-2)}.otp .sep{color:var(--text-2);align-self:center}.otp-field{border:0;margin:0 0 16px;padding:0}.otp-field legend{font-size:var(--fs-sm);margin-bottom:6px;padding:0;font-weight:600}.chk{min-height:var(--tap);align-items:center;gap:10px;font-size:14px;display:flex}.chk input{width:20px;height:20px;accent-color:var(--accent)}.note{border-radius:var(--r-lg);background:var(--accent-soft);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.note>svg{color:var(--accent-text);margin-top:1px}.note.warn{background:var(--warning-soft)}.note.warn>svg{color:var(--warning-text)}.note.err{background:var(--danger-soft)}.note.err>svg{color:var(--danger-text)}.note b{margin-bottom:2px;display:block}.h1{font-size:var(--fs-xl);margin:0 0 4px;font-weight:650}.lead{color:var(--text-2);margin:0 0 20px;font-size:14px}.auth{background:var(--bg);flex-direction:column;align-items:center;min-height:100dvh;padding:56px 24px 32px;display:flex}.auth-card{background:var(--surface);border-radius:16px;width:100%;max-width:420px;padding:32px}.auth-card .h1{font-size:22px}.logo{align-items:center;gap:10px;margin-bottom:24px;font-size:17px;font-weight:700;display:flex}.logo-mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:10px;place-items:center;display:grid}.auth-foot{font-size:var(--fs-sm);color:var(--text-2);text-align:center;margin-top:20px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;display:flex}@media (width<=600px){.auth{background:var(--surface);padding:32px 16px 24px}.auth-card{border-radius:0;padding:0}.inp{height:48px}.btn,.btn.link{min-height:var(--tap)}.ib{width:var(--tap);height:var(--tap)}}.app{max-width:32rem;margin:0 auto;padding:1.25rem 1rem}.app__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app__title{margin:0;font-size:1.375rem;font-weight:600}.app__subtitle{color:var(--text-2);margin:.5rem 0 1.5rem}.app__user{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.app__name{overflow-wrap:anywhere;font-weight:600}.segmented{border:1px solid var(--border);border-radius:var(--r-sm);display:inline-flex;overflow:hidden}.segmented__option{background:var(--surface);min-width:2.75rem;min-height:2.25rem;color:var(--text);border:0;padding:0 .75rem;font-size:.875rem;font-weight:600}.segmented__option+.segmented__option{border-left:1px solid var(--border)}.segmented__option[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.segmented__option:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.status{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:.625rem;padding:.75rem 0;display:flex}.status__dot{background:var(--warning);border-radius:50%;flex:none;width:.625rem;height:.625rem}.status__dot--connected{background:var(--success)}.status__dot--disconnected{background:var(--danger)}.status__text{overflow-wrap:anywhere}