:root{--font:system-ui, -apple-system, "Segoe UI", "Noto Sans", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;--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;--bar-h:56px;--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;--success-text:#1a7541;--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}.app__nav{margin-top:1rem}.app__link{min-height:var(--tap);color:var(--accent-text);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.app__link:hover{text-decoration:underline}svg.i.s28{width:28px;height:28px}.mono{font-family:var(--font-mono);font-size:13px}.hint.ok{color:var(--success-text)}fieldset.field{border:0;min-width:0;margin:0 0 16px;padding:0}fieldset.field legend{margin-bottom:6px;padding:0}.inp-wrap .pre{color:var(--text-2);position:absolute;left:12px}.inp-wrap .pre+.inp{padding-left:28px}.btn.sm{min-height:32px;padding:4px 12px;font-size:13px}.btn.danger{background:var(--danger);color:#fff}.btn.danger-ghost{color:var(--danger-text);border-color:var(--border-strong);background:0 0}.tag{font-size:var(--fs-xs);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-weight:600;line-height:1.5;display:inline-flex}.tag.err{background:var(--danger-soft);color:var(--danger-text)}.tag.acc{background:var(--accent-soft);color:var(--accent-text)}.pane{background:var(--bg);min-height:100dvh}.bar{min-height:var(--bar-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 8px;display:flex}.bar-title{flex-direction:column;flex:1;min-width:0;display:flex}.bar-title h1{margin:0;font-size:16px;font-weight:600}.bar-title span{font-size:var(--fs-sm);color:var(--text-2)}.page{max-width:1080px;margin:0 auto;padding:24px}.cols2{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:20px;display:grid}.card{background:var(--surface);border-radius:var(--r-lg);padding:16px}.card__title{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:650;display:flex}.choice{flex-direction:column;gap:8px;display:flex}.opt{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.opt input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:2px 0 0}.opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.opt:has(input:disabled){opacity:.6;cursor:not-allowed}.opt b{font-weight:600;display:block}.opt span{font-size:var(--fs-sm);color:var(--text-2);display:block}.segf{border:1px solid var(--border-strong);border-radius:var(--r-md);flex-wrap:wrap;align-self:flex-start;display:inline-flex;overflow:hidden}.segf label{display:flex;position:relative}.segf input{opacity:0;margin:0;position:absolute;inset:0}.segf span{cursor:pointer;align-items:center;min-height:40px;padding:8px 14px;font-size:14px;font-weight:500;display:flex}.segf label+label span{border-left:1px solid var(--border-strong)}.segf input:checked+span{background:var(--accent);color:var(--on-accent)}.segf input:focus-visible+span{outline:2px solid var(--focus);outline-offset:-4px}.created{margin-top:16px}.created__field{margin-bottom:6px}.created__hint{margin:0}.linkbox{background:var(--surface-2);border-radius:var(--r-md);align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.linkbox code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;font-size:14px;overflow:hidden}.filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filters button{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-md);min-height:36px;padding:6px 12px;font-size:14px}.filters button[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.group{background:var(--surface);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;overflow:hidden}.item{align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.item+.item{border-top:1px solid var(--border)}.item-main{flex:1;min-width:0}.item-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;display:flex}.item-sub{font-size:var(--fs-sm);color:var(--text-2);overflow-wrap:anywhere}.item-sub svg{vertical-align:-2px}.acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.confirm{margin-top:8px}.confirm p{margin:0 0 8px;font-size:14px}.confirm .acts{justify-content:flex-start}.steps{gap:6px;margin-bottom:16px;display:flex}.steps i{background:var(--border);border-radius:2px;flex:1;height:4px}.steps i.on{background:var(--accent)}.invite-who{background:var(--surface-2);border-radius:var(--r-lg);align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.av{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.kv{grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 20px;font-size:14px;display:grid}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-weight:500}.steps-list{margin:0 0 14px;padding-left:20px;font-size:14px}.qr-wrap{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.qr{border-radius:var(--r-md);border:1px solid var(--border);background:#fff;padding:8px;line-height:0}.qr img{width:148px;height:148px}.qr-key{flex:1;min-width:150px}.secret{font-family:var(--font-mono);letter-spacing:.06em;overflow-wrap:anywhere;margin:4px 0 8px;font-size:15px}.codes{background:var(--surface-2);border-radius:var(--r-lg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0 0 16px;padding:14px;font-size:15px;list-style:none;display:grid}.codes-acts{flex-direction:column;gap:8px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 0 20px;display:flex}.empty .em-ic{background:var(--warning-soft);width:64px;height:64px;color:var(--warning-text);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.empty h1{margin:0;font-size:17px;font-weight:650}.empty p{color:var(--text-2);margin:0;font-size:14px}@media (width<=900px){.cols2{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.page{padding:16px}.linkbox{flex-wrap:wrap}.linkbox code{flex-basis:100%}}