:root{--bg:#f6f7f9;--panel:#fff;--fg:#17191c;--muted:#636a73;--line:#e3e6ea;--accent:#1a7cf5;--accent-fg:#fff;--accent-soft:#e8f1fe;--danger:#b91c1c;--danger-soft:#fdecec;--warn:#b45309;--warn-soft:#fdf1e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101215;--panel:#181b1f;--fg:#e8eaed;--muted:#9aa2ab;--line:#2a2f35;--accent:#4c9bff;--accent-fg:#06101f;--accent-soft:#15202e;--danger:#f87171;--danger-soft:#3a1d1f;--warn:#fbbf24;--warn-soft:#3a2e14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}h1,h2,h3{text-wrap:balance;margin:0}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label.row:has(>input[type=checkbox]){flex-wrap:nowrap;align-items:baseline}.grow{flex:1;min-width:0}input:not([type]),input[type=text],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:42px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label.field{color:var(--muted);gap:6px;font-size:13px;font-weight:550;display:grid}label.field>input,label.field>select,label.field>textarea{color:var(--fg);font-size:15px}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 18px;font-weight:550;transition:background .15s,border-color .15s,filter .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}a.btn{color:inherit;text-decoration:none}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:550;text-decoration:none}.link:hover{text-decoration:underline}.error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:9px 12px}.notice{background:var(--accent-soft);border-radius:8px;padding:9px 12px}.small{font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.panel.stack,.stack{gap:16px;display:grid}.h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650}.badge{background:var(--accent);min-width:20px;color:var(--accent-fg);text-align:center;border-radius:99px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}.chips-bar{flex-wrap:wrap;gap:6px;display:flex}.chipbtn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chipbtn:hover{border-color:var(--muted)}.chipbtn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.chipbtn.plus{color:var(--muted);border-style:dashed}.chipbtn .count,.count{color:var(--muted);font-variant-numeric:tabular-nums}.seg{border:1px solid var(--line);border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.seg button{background:var(--panel);cursor:pointer;border:0;padding:7px 16px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:var(--accent-fg);font-weight:600}.status{background:var(--accent-soft);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status.ok{background:var(--accent-soft);color:var(--accent)}.status.warn{background:var(--warn-soft);color:var(--warn)}.status.bad{background:var(--danger-soft);color:var(--danger)}.bad-text{color:var(--danger)}a.btn{color:inherit;text-decoration:none;display:inline-block}a.btn.primary{color:var(--accent-fg)}a.row-link{color:inherit;text-decoration:none}.item.row-link{grid-template-columns:minmax(0,1fr) auto}a.row-link:hover,a.row-link[aria-current=true]{background:var(--accent-soft)}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empty.small{padding:14px}.pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{background:var(--accent-soft);border-radius:99px;align-items:center;gap:4px;padding:3px 4px 3px 12px;font-size:13px;display:inline-flex}.pill.person{gap:8px;padding-left:12px}.pill .who{font-weight:600}.pill .num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.pill select{border-radius:6px;width:auto;padding:2px 4px;font-size:12px}.pill button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 6px;font-size:16px;line-height:1}.picker{max-height:240px;overflow:auto}button.item.pick{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%}button.item.pick:first-child{border-top:0}button.item.pick:hover:not(:disabled){background:var(--accent-soft)}button.item.pick:disabled{opacity:.55;cursor:default}.drop{border:2px dashed var(--line);text-align:center;border-radius:10px;padding:18px}.files{gap:6px;margin:0;padding:0;list-style:none;display:grid}.files li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.files li:first-child{border-top:0}.files li.bad .err{color:var(--danger);font-size:13px}progress{width:90px;accent-color:var(--accent)}.split{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.threads{max-height:calc(100dvh - 140px);overflow:auto}.thread-pane{min-width:0}.thread{gap:10px;display:grid}.thread .back{display:none}.bubbles{gap:8px;max-height:calc(100dvh - 260px);padding:4px;display:grid;overflow:auto}.bubble{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:min(80%,520px);padding:8px 12px}.bubble.outbound{background:var(--accent-soft);border-color:#0000;justify-self:end}.bubble .who{color:var(--accent);font-size:12px;font-weight:650}.bubble .when,.bubble .att{color:var(--muted);font-size:12px}.item.device{grid-template-columns:auto minmax(0,1fr) auto}.devicon{background:var(--accent-soft);letter-spacing:.04em;border-radius:10px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:grid}.name .chip{vertical-align:1px;margin-left:8px}.pair-code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;font:700 32px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.qr{background:#fff;border-radius:10px;flex:none;padding:0;line-height:0}.qr svg{width:100%;height:100%;display:block}.pairing{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.steps{flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.steps li+li:before{content:"";background:var(--line);border-radius:2px;width:32px;height:2px;margin-right:2px}.steps li.done+li:before,.steps li.done+li.done:before{background:var(--accent)}.steps li .n{border:1.5px solid var(--line);border-radius:99px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:650;display:inline-grid}.steps li[aria-current=step]{color:var(--fg);font-weight:650}.steps li[aria-current=step] .n{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.steps li.done .n{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.danger-zone{border-color:var(--danger)}.auth{min-height:100dvh;padding:24px max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid}.auth .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:16px;width:min(100%,380px);padding:28px 24px;display:grid}.brand{letter-spacing:-.02em;font-size:22px;font-weight:700}.brand b{color:var(--accent)}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:26px!important}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:22px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{padding:0 10px}.nav{gap:2px;display:grid}.nav button,.nav a{text-align:left;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:space-between;gap:8px;padding:9px 12px;font-weight:500;display:flex}.nav a:hover{color:var(--fg)}.nav button:hover,.nav a:hover{background:var(--bg)}.nav button[aria-current=true],.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a{color:inherit;align-items:center;text-decoration:none}.nav .count{color:var(--muted);font-variant-numeric:tabular-nums}.side .bottom{border-top:1px solid var(--line);justify-items:start;gap:6px;margin-top:auto;padding:12px 10px 0;font-size:13px;display:grid}.side .bottom>.muted{overflow-wrap:anywhere}.main{padding:40px max(24px, env(safe-area-inset-right,0px)) 64px 48px;align-content:start;gap:20px;display:grid}.main>*{width:100%;max-width:760px}.main>.split,.main>.wide{max-width:1180px}.main h1{letter-spacing:-.02em;font-size:28px!important}.list{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.item{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.item:first-child{border-top:0}.item .name{overflow-wrap:anywhere;font-weight:600}.item .sub{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.chip{background:var(--accent-soft);border-radius:99px;margin:2px 4px 0 0;padding:1px 8px;font-size:12px;display:inline-block}:not(.chip)+.chip{margin-left:6px}.bar{background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px 16px}dialog{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:14px;width:min(92vw,460px);padding:22px}dialog::backdrop{background:#00000073}dialog form,.stack{gap:14px;display:grid}.chips-pick{flex-wrap:wrap;gap:6px;display:flex}.chips-pick label{border:1px solid var(--line);cursor:pointer;border-radius:99px;padding:3px 10px;font-size:13px}.chips-pick label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.chips-pick input{opacity:0;pointer-events:none;position:absolute}.chips-pick label:has(input:focus-visible){outline:2px solid var(--accent)}@media (width<=760px){.split{grid-template-columns:minmax(0,1fr)}.split.has-thread .threads,.split:not(.has-thread) .thread-pane{display:none}.thread .back{display:inline}.threads,.bubbles{max-height:none}.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.side{padding-inline:max(16px, env(safe-area-inset-left,0px));border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand account""nav nav";align-items:center;gap:10px 16px;padding-block:12px 8px;display:grid}.side .brand{grid-area:brand;padding:0}.nav{scrollbar-width:none;grid-area:nav;grid-auto-flow:column;justify-content:start;margin-inline:-4px;padding-right:28px;scroll-padding-inline:4px 32px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.nav button,.nav a{white-space:nowrap;padding:7px 12px}.side .bottom{grid-area:account;justify-content:flex-end;align-items:center;gap:4px 10px;min-width:0;margin-top:0;display:flex}.side .bottom>.muted{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;min-width:0;overflow:hidden}.side .bottom>.link{flex:none}.main{padding:24px max(16px, env(safe-area-inset-right,0px)) 48px max(16px, env(safe-area-inset-left,0px))}.side{height:auto;position:static}.side .bottom{border-top:0;padding:0}.steps li+li:before{width:16px}}
