:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--t-11:0.6875rem;--t-12:0.75rem;--t-13:0.8125rem;--t-14:0.875rem;--t-15:0.9375rem;--t-20:1.25rem;--t-24:1.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:999px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--d-press:160ms;--d-fast:150ms;--d-base:200ms;--d-push:280ms;color-scheme:light;--bg:oklch(98.3% 0.002 250);--surface:oklch(100% 0 0);--surface-2:oklch(96.3% 0.003 250);--surface-3:oklch(93.6% 0.004 250);--line:oklch(91.8% 0.004 250);--line-strong:oklch(85.5% 0.006 250);--text:oklch(21% 0.012 260);--text-2:oklch(43% 0.012 260);--text-3:oklch(52.5% 0.011 260);--accent:oklch(52% 0.19 264);--accent-hover:oklch(47% 0.19 264);--accent-weak:oklch(95.4% 0.024 264);--accent-text:oklch(99% 0 0);--ring:oklch(60% 0.18 264/0.55);--ring-soft:oklch(60% 0.18 264/0.16);--bubble-out:oklch(52% 0.19 264);--bubble-out-text:oklch(99% 0 0);--bubble-in:oklch(95.6% 0.004 250);--ok:oklch(50% 0.13 155);--ok-weak:oklch(95.8% 0.04 155);--warn:oklch(52% 0.12 65);--warn-weak:oklch(96.6% 0.045 85);--warn-line:oklch(82% 0.11 80);--danger:oklch(52% 0.19 25);--danger-weak:oklch(96.4% 0.024 25);--danger-line:oklch(85% 0.08 25);--shadow-sm:0 1px 2px oklch(20% 0.02 260/0.06);--shadow-md:0 1px 2px oklch(20% 0.02 260/0.05),0 8px 24px -10px oklch(20% 0.02 260/0.16);--av-bg-l:91%;--av-bg-c:0.05;--av-fg-l:38%;--av-fg-c:0.1;--p-messenger:#00b2ff;--p-instagram:#ff0069;--p-whatsapp:#25d366;--p-x:var(--text);--p-tiktok:var(--text);--p-snapchat:#fffc00;--snap-outline:oklch(18% 0 0)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:oklch(17.5% 0.006 260);--surface:oklch(20.5% 0.007 260);--surface-2:oklch(24.5% 0.008 260);--surface-3:oklch(28.5% 0.009 260);--line:oklch(27.5% 0.008 260);--line-strong:oklch(35% 0.01 260);--text:oklch(95.5% 0.004 260);--text-2:oklch(78% 0.01 260);--text-3:oklch(66% 0.01 260);--accent:oklch(70% 0.15 264);--accent-hover:oklch(75% 0.14 264);--accent-weak:oklch(28% 0.05 264);--accent-text:oklch(16% 0.03 264);--ring:oklch(72% 0.15 264/0.6);--ring-soft:oklch(72% 0.15 264/0.2);--bubble-out:oklch(46% 0.145 264);--bubble-out-text:oklch(98% 0 0);--bubble-in:oklch(27% 0.009 260);--ok:oklch(76% 0.14 155);--ok-weak:oklch(27% 0.05 155);--warn:oklch(82% 0.13 80);--warn-weak:oklch(27% 0.045 80);--warn-line:oklch(46% 0.08 80);--danger:oklch(72% 0.16 25);--danger-weak:oklch(27% 0.06 25);--danger-line:oklch(44% 0.1 25);--shadow-sm:0 1px 2px oklch(0% 0 0/0.3);--shadow-md:0 1px 2px oklch(0% 0 0/0.3),0 12px 32px -12px oklch(0% 0 0/0.6);--av-bg-l:33%;--av-bg-c:0.06;--av-fg-l:88%;--av-fg-c:0.07}}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font:400 var(--t-14)/1.45 var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}.mono,code{font-family:var(--font-mono);font-size:.92em}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:14px;height:14px}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app{container:app/inline-size;position:relative;height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg)}.app.is-instant,.app.is-instant *{transition-duration:0s!important}.topbar{gap:var(--s-3);height:48px;padding:0 var(--s-3) 0 var(--s-4);border-bottom:1px solid var(--line);background:var(--bg)}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--s-2);font-weight:600;font-size:var(--t-14);letter-spacing:-.012em;white-space:nowrap}.logo{width:22px;height:22px;flex:none;color:var(--text)}.nav{display:flex;gap:2px;margin-left:var(--s-2)}.nav a{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--r-md);background:transparent;font-size:var(--t-13);font-weight:500;transition:background-color var(--d-fast) ease,color var(--d-fast) ease,transform var(--d-press) var(--ease-out)}.nav a:active{transform:scale(.97)}.nav a[aria-current=page]{background:var(--surface-3)}.nav-count{font-size:var(--t-11);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.spacer{flex:1 1}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);border:0;background:transparent;color:var(--text-2);transition:background-color var(--d-fast) ease,color var(--d-fast) ease,transform var(--d-press) var(--ease-out)}.icon-btn:active{transform:scale(.94)}.signout{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-2);font-size:var(--t-13);font-weight:500;transition:background-color var(--d-fast) ease,transform var(--d-press) var(--ease-out)}.signout:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.icon-btn:hover,.nav a:hover:not([aria-current=page]),.signout:hover{background:var(--surface-3);color:var(--text)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:var(--t-13);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) ease,border-color var(--d-fast) ease,opacity var(--d-fast) ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.btn-danger{color:var(--danger)}.btn-danger-solid{background:var(--danger);color:oklch(99% 0 0);border-color:transparent}.btn-warn{background:var(--warn);color:var(--surface)}.btn-quiet,.btn-warn{border-color:transparent}.btn-quiet{background:transparent;box-shadow:none;color:var(--text-2)}.btn-sm{height:26px;padding:0 8px;font-size:var(--t-12);border-radius:var(--r-sm)}.btn-lg{height:40px;font-size:var(--t-14);border-radius:10px}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--surface-2)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-quiet:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-danger-solid:hover:not(:disabled),.btn-warn:hover:not(:disabled){filter:brightness(.94)}}.spin{width:14px;height:14px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin .6s linear infinite;flex:none;opacity:.85}@keyframes spin{to{transform:rotate(1turn)}}kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;font:500 var(--t-11)/1 var(--font-sans);color:var(--text-2);background:var(--surface);border:solid var(--line-strong);border-width:1px 1px 2px;border-radius:5px}.copy{position:relative}.copy .swap{position:relative;width:14px;height:14px;display:inline-block}.copy .swap .icon{position:absolute;inset:0;width:14px;height:14px;transition:opacity var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out),filter var(--d-fast) var(--ease-out)}.copy .i-done{color:var(--ok)}.copy .i-done,.copy[data-copied] .i-idle{opacity:0;transform:scale(.7);filter:blur(2px)}.copy[data-copied] .i-done{opacity:1;transform:none;filter:none}.plogo{width:13px;height:13px;flex:none;fill:var(--pc);stroke:none}.plogo[data-p=snapchat]{stroke:var(--snap-outline);stroke-width:2.4px;paint-order:stroke fill;stroke-linejoin:round}[data-p=messenger]{--pc:var(--p-messenger)}[data-p=instagram]{--pc:var(--p-instagram)}[data-p=whatsapp]{--pc:var(--p-whatsapp)}[data-p=x]{--pc:var(--p-x)}[data-p=tiktok]{--pc:var(--p-tiktok)}[data-p=snapchat]{--pc:var(--p-snapchat)}.inbox{display:grid;grid-template-columns:minmax(320px,384px) minmax(0,1fr);min-height:0}.listpane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.chips{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px 8px;flex:none}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;flex:none;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:var(--t-13);font-weight:500;white-space:nowrap;transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) ease,color var(--d-fast) ease,border-color var(--d-fast) ease}.chip:active{transform:scale(.97)}.chip .plogo{width:12px;height:12px}.chip .n{font-size:var(--t-11);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:transparent}.chip[aria-pressed=true] .n{color:inherit;opacity:.75}@media (hover:hover) and (pointer:fine){.chip:hover:not([aria-pressed=true]){border-color:var(--line-strong);color:var(--text)}}.list-banner{margin:2px 12px 6px;padding:8px 10px;border-radius:var(--r-md);background:var(--warn-weak);color:var(--warn);font-size:var(--t-12);display:flex;gap:8px;align-items:flex-start}.list-banner .icon{margin-top:1px}.list{flex:1 1;overflow-y:auto;padding:2px 6px 12px;outline:none;overscroll-behavior:contain}.row{--row-bg:var(--bg);position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;padding:10px;border-radius:10px;background:var(--row-bg);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.row:hover{--row-bg:var(--surface-2)}}.row[aria-selected=true]{--row-bg:var(--accent-weak)}.list[data-kbd] .row.is-cursor{box-shadow:inset 0 0 0 1.5px var(--ring)}.avatar{position:relative;width:36px;height:36px;place-items:center;font-size:var(--t-12);font-weight:600;letter-spacing:.01em;background:oklch(var(--av-bg-l) var(--av-bg-c) var(--h));color:oklch(var(--av-fg-l) var(--av-fg-c) var(--h))}.avatar,.avatar .pmark{border-radius:50%;display:grid}.avatar .pmark{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;place-items:center;background:var(--row-bg);box-shadow:0 0 0 1.5px var(--row-bg)}.avatar .pmark .plogo{width:11px;height:11px}.avatar-lg{width:40px;height:40px;font-size:var(--t-13)}.r-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1px;gap:1px}.r-l1{display:flex;align-items:baseline;gap:8px}.r-name{flex:1 1;min-width:0;font-size:var(--t-14);font-weight:500;letter-spacing:-.006em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-time{font-size:var(--t-12);color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.r-l2{display:flex;align-items:center;gap:8px}.r-prev{flex:1 1;min-width:0;font-size:var(--t-13);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-prev .you{color:var(--text-3)}.r-prev .failed{color:var(--danger)}.r-count{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-text);font-size:var(--t-11);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;place-items:center;flex:none}.r-l3{display:flex;align-items:center;gap:5px;min-width:0;font-size:var(--t-12);color:var(--text-3)}.r-l3 .plogo{width:12px;height:12px}.r-l3>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.unread .r-name{font-weight:650}.row.unread .r-prev{color:var(--text)}.row.unread .r-time{color:var(--accent);font-weight:500}.list-empty{padding:40px 20px;text-align:center;color:var(--text-2);font-size:var(--t-13)}.list-empty h3{margin:0 0 6px;font-size:var(--t-14);font-weight:600;color:var(--text)}.list-empty p{margin:0 auto 14px;max-width:34ch;line-height:1.5}.skel{display:grid;grid-template-columns:36px 1fr;grid-gap:10px;gap:10px;padding:10px}.skel .b{border-radius:6px;background:var(--surface-3);position:relative;overflow:hidden}.skel .b:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,oklch(100% 0 0/.35),transparent);animation:sheen 1.4s linear infinite}@media (prefers-color-scheme:dark){.skel .b:after,.skel-card .b:after{background:linear-gradient(90deg,transparent,oklch(100% 0 0/.05),transparent)}}@keyframes sheen{to{transform:translateX(100%)}}.list-foot{flex:none;display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 14px;border-top:1px solid var(--line);font-size:var(--t-11);color:var(--text-3)}.list-foot span{display:inline-flex;align-items:center;gap:4px}.thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.th-head{display:flex;align-items:center;gap:12px;padding:10px 20px;min-height:64px;border-bottom:1px solid var(--line);flex:none}.th-back{display:none;margin-left:-8px}.th-head .avatar{--row-bg:var(--surface)}.th-id{min-width:0;flex:1 1;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1px;gap:1px}.th-name{font-size:var(--t-15);font-weight:600;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;margin:0}.th-name,.th-sub{white-space:nowrap}.th-sub{display:flex;align-items:center;gap:6px;font-size:var(--t-12);color:var(--text-3);min-width:0}.th-sub .sep{opacity:.6}.th-sub .phone{color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.th-sub .via{overflow:hidden;text-overflow:ellipsis}.th-sub .icon-btn{width:22px;height:22px;border-radius:5px}.th-win{display:grid;justify-items:end;grid-gap:3px;gap:3px;flex:none}.rw{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-full);font-size:var(--t-12);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid transparent;cursor:help}.rw-ok{background:var(--ok-weak);color:var(--ok)}.rw-warn{background:var(--warn-weak);color:var(--warn)}.rw-unconfirmed{background:transparent;color:var(--warn);border:1px dashed var(--warn-line)}.rw-closed{background:var(--surface-2);color:var(--text-2);border-color:var(--line)}.rw-note{font-size:var(--t-11);color:var(--text-3)}.msgs{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 12px}.msgs-col{max-width:760px;margin:0 auto;display:flex;flex-direction:column}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-size:var(--t-11);font-weight:500;color:var(--text-3);letter-spacing:.01em}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.divider .icon{width:13px;height:13px}.msg{display:flex;flex-direction:column;align-items:flex-start;margin-top:2px}.msg.g-first,.msg.g-single{margin-top:10px}.msg-out{align-items:flex-end}.bubble{max-width:min(75%,540px);padding:7px 12px 8px;border-radius:18px;font-size:var(--t-14);line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bubble-in);color:var(--text)}.msg-out .bubble{background:var(--bubble-out);color:var(--bubble-out-text)}.msg-in.g-first .bubble,.msg-in.g-mid .bubble{border-bottom-left-radius:6px}.msg-in.g-last .bubble,.msg-in.g-mid .bubble{border-top-left-radius:6px}.msg-out.g-first .bubble,.msg-out.g-mid .bubble{border-bottom-right-radius:6px}.msg-out.g-last .bubble,.msg-out.g-mid .bubble{border-top-right-radius:6px}.meta{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:var(--t-11);color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meta .icon{width:13px;height:13px}.meta .st-failed{color:var(--danger);font-weight:500;display:inline-flex;gap:4px;align-items:center}.meta .st-demo{color:var(--text-2)}.msg[data-status] .bubble{transition:opacity var(--d-base) ease,background-color var(--d-base) ease,color var(--d-base) ease,border-color var(--d-base) ease}.msg[data-status=sending] .bubble{opacity:.62}.msg-out[data-status=failed] .bubble{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--danger-line)}.msg-out[data-status=demo] .bubble{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.msg[data-new]{transition:opacity var(--d-fast) var(--ease-out),transform var(--d-base) var(--ease-out)}@starting-style{.msg[data-new]{opacity:0;transform:translateY(6px)}}.stale{align-self:flex-end;max-width:min(75%,540px);margin-top:8px;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-size:var(--t-12);line-height:1.45;color:var(--text-3);display:grid;grid-template-columns:14px 1fr;grid-gap:1px 8px;gap:1px 8px;cursor:help}.stale .icon{width:14px;height:14px;margin-top:2px;grid-row:span 2}.stale strong{color:var(--text-2);font-weight:500}.below{flex:none;padding:0 20px 16px}.below-col{max-width:760px;margin:0 auto}.banner{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;padding:9px 12px;border-radius:10px;font-size:var(--t-13);line-height:1.45;border:1px solid var(--line);background:var(--surface-2);color:var(--text-2)}.banner .icon{margin-top:2px}.banner strong{color:var(--text);font-weight:600}.banner .b-body{flex:1 1;min-width:0}.banner .reason{display:block;margin-top:3px;font-family:var(--font-mono);font-size:var(--t-12);color:var(--text-2);overflow-wrap:anywhere}.banner-error{background:var(--danger-weak);border-color:var(--danger-line)}.banner-error,.banner-error strong{color:var(--danger)}.banner .icon-btn{width:24px;height:24px;margin:-2px -4px 0 0;color:inherit}.banner[data-enter]{transition:opacity var(--d-fast) var(--ease-out),transform var(--d-base) var(--ease-out)}@starting-style{.banner[data-enter]{opacity:0;transform:translateY(4px)}}.composer{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--d-fast) ease,box-shadow var(--d-fast) ease}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}.composer textarea{flex:1 1;min-width:0;border:0;outline:0;background:transparent;resize:none;padding:6px 0;max-height:168px;font-size:var(--t-14);line-height:1.42}.composer textarea::placeholder{color:var(--text-3)}.send{width:32px;height:32px;border-radius:10px;border:0;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--accent-text);transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) ease,color var(--d-fast) ease}.send:active:not(:disabled){transform:scale(.94)}.send:disabled{background:var(--surface-3);color:var(--text-3);cursor:default}@media (hover:hover) and (pointer:fine){.send:hover:not(:disabled){background:var(--accent-hover)}}.hints{display:flex;justify-content:space-between;gap:12px;margin-top:6px;padding:0 4px;font-size:var(--t-11);color:var(--text-3)}.hints span{display:inline-flex;align-items:center;gap:4px}.empty{flex:1 1;display:grid;place-items:center;padding:24px;text-align:center}.empty .glyph{width:44px;height:44px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;margin:0 auto 14px;color:var(--text-3)}.empty .glyph .icon{width:20px;height:20px}.empty h2{margin:0 0 6px;font-size:var(--t-15);font-weight:600;letter-spacing:-.01em}.empty p{margin:0 auto;color:var(--text-2);font-size:var(--t-13);max-width:36ch}.empty .keys{margin-top:16px;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:var(--t-12);color:var(--text-3)}.empty .keys span{display:inline-flex;gap:4px;align-items:center}.page{overflow-y:auto;min-height:0;overscroll-behavior:contain}.page-in{max-width:880px;margin:0 auto;padding:32px 24px 96px}.page h1{margin:0;font-size:var(--t-24);font-weight:650;letter-spacing:-.022em;line-height:1.2}.page .lede{margin:8px 0 0;color:var(--text-2);max-width:64ch;font-size:var(--t-14)}.page .lede+.lede{margin-top:4px;color:var(--text-3);font-size:var(--t-13)}.overview{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 24px;padding:0;list-style:none}.overview a{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;font-size:var(--t-13);font-weight:500;transition:transform var(--d-press) var(--ease-out),border-color var(--d-fast) ease}.overview a:active{transform:scale(.97)}.overview .ov-st{color:var(--text-3);font-weight:400}.overview .ov-st.error{color:var(--danger)}@media (hover:hover) and (pointer:fine){.overview a:hover{border-color:var(--line-strong)}}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;margin-bottom:16px;font-size:var(--t-13);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2)}.notice .icon{margin-top:2px}.notice .n-body{flex:1 1}.notice-warn{background:var(--warn-weak);border-color:var(--warn-line);color:var(--warn)}.notice-warn strong{color:inherit}.notice-error{background:var(--danger-weak);border-color:var(--danger-line);color:var(--danger);align-items:center}.notice-quiet{border:0;background:transparent;padding:0;color:var(--text-3);font-size:var(--t-12);margin:0 0 16px;align-items:center;gap:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px;scroll-margin-top:16px}.panel h2{margin:0;font-size:var(--t-15);font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.panel .p-hint{margin:4px 0 16px;font-size:var(--t-13);color:var(--text-2);max-width:68ch}.hooks{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.hook{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;align-items:center}.hook-label{font-size:var(--t-13);font-weight:500;color:var(--text-2)}.hook-url{font-family:var(--font-mono);font-size:var(--t-12);padding:7px 10px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all}.hook-note,.hook-url .ph{color:var(--text-3)}.hook-note{grid-column:2/-1;font-size:var(--t-12);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hook-note code{color:var(--text-2)}.p-foot{margin:14px 0 0;font-size:var(--t-12);color:var(--text-3)}.field{display:grid;grid-gap:6px;gap:6px;align-content:start}.field label{font-size:var(--t-13);font-weight:500;color:var(--text-2)}.field .req{color:var(--danger);margin-left:2px}.input{width:100%;height:36px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:var(--t-14);transition:border-color var(--d-fast) ease,box-shadow var(--d-fast) ease}.input::placeholder{color:var(--text-3)}.input.secret::placeholder{font-family:var(--font-mono);font-size:var(--t-12)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}.field .hint{font-size:var(--t-12);color:var(--text-3);line-height:1.45}.card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-head h2 .plogo{width:16px;height:16px}.card-head .count{margin-left:auto;font-size:var(--t-12);color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-full);font-size:var(--t-12);font-weight:500;background:var(--surface-2);color:var(--text-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill-connected{background:var(--ok-weak);color:var(--ok)}.pill-error{background:var(--danger-weak);color:var(--danger)}.pill-demo{background:var(--warn-weak);color:var(--warn)}.pill-unavailable:before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;font-family:var(--font-mono);font-size:var(--t-11);color:var(--text-2);border:1px solid var(--line-strong)}.kv{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;font-size:var(--t-12);color:var(--text-3)}.kv span b{font-weight:500;color:var(--text-2)}.kv code{color:var(--text-2);font-size:var(--t-12)}.c-note{color:var(--text-2);max-width:72ch;line-height:1.5}.c-error,.c-note{margin:12px 0 0;font-size:var(--t-13)}.c-error{padding:8px 10px;border-radius:var(--r-md);background:var(--danger-weak);color:var(--danger);display:flex;gap:8px}.c-error .icon{margin-top:2px}.c-error code{color:inherit}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:18px}.fields .wide{grid-column:1/-1}.disclosure{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.disc-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px 8px;margin-left:-8px;border-radius:var(--r-sm);font-size:var(--t-13);font-weight:500;color:var(--text-2);transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) ease}.disc-btn:active{transform:scale(.98)}.disc-btn .muted{color:var(--text-3);font-weight:400}.disc-btn .icon{transition:transform var(--d-base) var(--ease-out)}.disc-btn[aria-expanded=true] .icon{transform:rotate(90deg)}@media (hover:hover) and (pointer:fine){.disc-btn:hover{background:var(--surface-2);color:var(--text)}}.disc-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--d-base) var(--ease-out),opacity var(--d-fast) ease}.disc-body[data-open]{grid-template-rows:1fr;opacity:1}.disc-inner{min-height:0;overflow:hidden}.disc-inner>.pad{padding:6px 0 4px}.disc-note{margin:0;font-size:var(--t-12);color:var(--text-3)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.actions .push{margin-left:auto}.imsg{display:flex;gap:7px;align-items:flex-start;margin:12px 0 0;font-size:var(--t-13);line-height:1.45}.imsg .icon{margin-top:2px}.imsg.ok{color:var(--ok)}.imsg.bad{color:var(--danger)}.imsg .sub,.imsg.info{color:var(--text-2)}.imsg .sub{display:block;font-size:var(--t-12);margin-top:2px}.imsg .sub+.sub{color:var(--text-3)}.confirm,.imsg{transition:opacity var(--d-fast) var(--ease-out),transform var(--d-base) var(--ease-out)}@starting-style{.confirm,.imsg{opacity:0;transform:translateY(-4px)}}.confirm{margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--warn-line);background:var(--warn-weak);font-size:var(--t-13)}.confirm.danger{border-color:var(--danger-line);background:var(--danger-weak)}.confirm .c-title{margin:0 0 3px;font-weight:600;color:var(--text)}.confirm .c-body{margin:0 0 10px;color:var(--text-2);max-width:70ch}.confirm .c-actions{display:flex;gap:8px}.card-off{background:transparent;box-shadow:none;border-style:dashed}.links{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.links li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;align-items:center}.links .l-label{font-size:var(--t-13);color:var(--text-2)}.links .l-caveat{grid-column:1/-1;font-size:var(--t-12);color:var(--text-3);max-width:72ch}.skel-card{height:220px;border-radius:14px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);padding:20px}.skel-card .b{height:12px;border-radius:6px;background:var(--surface-3);margin-bottom:12px;position:relative;overflow:hidden}.skel-card .b:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,oklch(100% 0 0/.35),transparent);animation:sheen 1.4s linear infinite}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(380px,100%);padding:32px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-md)}.login-card .logo{width:36px;height:36px;margin-bottom:18px}.login-card h1{margin:0;font-size:var(--t-20);font-weight:650;letter-spacing:-.02em}.login-card .sub{margin:4px 0 24px;color:var(--text-2);font-size:var(--t-14)}.login-card .field{margin-bottom:14px}.login-card .input{height:40px}.login-card .input[aria-invalid=true]{border-color:var(--danger)}.login-card .input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--danger) 20%,transparent)}.l-alert{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:10px;font-size:var(--t-13);line-height:1.45;margin-bottom:14px}.l-alert .icon{margin-top:2px}.l-alert.error{background:var(--danger-weak);color:var(--danger)}.l-alert.warn{background:var(--warn-weak);color:var(--warn)}.l-alert.info{background:var(--surface-2);color:var(--text-2)}.l-alert code{color:inherit}.l-alert{transition:opacity var(--d-fast) var(--ease-out)}@starting-style{.l-alert{opacity:0}}.login-card .btn-lg{width:100%}@container app (max-width: 720px){.brand-name,.hints .keys-hint,.list-foot,.signout .lbl{display:none}.topbar{padding:0 6px 0 12px}.nav{margin-left:4px}.inbox{grid-template-columns:minmax(0,1fr)}.listpane{border-right:0}.row{padding:10px 8px}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 10px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.list{padding:2px 4px 16px}.thread{position:absolute;inset:0;z-index:5;transform:translateX(100%);visibility:hidden;box-shadow:-10px 0 30px -12px oklch(0 0 0/.25);transition:transform var(--d-push) var(--ease-drawer),visibility 0s linear var(--d-push)}.app[data-thread-open] .thread{transform:translateX(0);visibility:visible;transition:transform var(--d-push) var(--ease-drawer),visibility 0s}.listpane,.topbar{transition:transform var(--d-push) var(--ease-drawer)}.app[data-thread-open] .listpane,.app[data-thread-open] .topbar{transform:translateX(-22%)}@media (prefers-reduced-motion:reduce){.thread{transform:none;opacity:0;transition:opacity var(--d-fast) ease,visibility 0s linear var(--d-fast)}.app[data-thread-open] .thread{transform:none;opacity:1;transition:opacity var(--d-fast) ease,visibility 0s}.app[data-thread-open] .listpane,.app[data-thread-open] .topbar{transform:none}}.th-head{padding:8px 12px;gap:10px;flex-wrap:wrap;min-height:56px}.th-back{display:inline-grid}.th-head .avatar-lg{width:34px;height:34px}.th-win{order:3;flex-basis:100%;justify-items:start;gap:4px}.msgs{padding:8px 12px 10px}.bubble{max-width:84%}.stale{max-width:88%}.below{padding:0 10px calc(10px + env(safe-area-inset-bottom))}.page-in{padding:22px 14px 80px}.page h1{font-size:1.375rem}.overview{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent)}.overview li{flex:none}.panel{padding:16px;border-radius:12px}.fields{grid-template-columns:minmax(0,1fr);gap:14px}.hook{grid-template-columns:minmax(0,1fr) auto}.hook-label,.hook-note{grid-column:1/-1}.links li{grid-template-columns:minmax(0,1fr) auto}.links .l-label{grid-column:1/-1}.actions .push{margin-left:0}.card-head .count{margin-left:0;flex-basis:100%}}@media (prefers-reduced-motion:reduce){.banner[data-enter],.confirm,.imsg,.msg[data-new]{transform:none!important}@starting-style{.banner[data-enter],.confirm,.imsg,.msg[data-new]{transform:none}}.btn:active,.chip:active,.disc-btn:active,.icon-btn:active,.nav a:active,.overview a:active,.send:active,.signout:active{transform:none}.disc-body{transition:opacity var(--d-fast) ease}.skel .b:after,.skel-card .b:after{animation:none}.spin{animation-duration:1.6s}.copy .swap .icon{transform:none!important;filter:none!important}}.nav a,.overview a,a.btn{text-decoration:none}.nav a{color:var(--text-2)}.nav a[aria-current=page]{color:var(--text)}.signout:disabled{opacity:.6;cursor:default}.skel .skel-avatar{width:36px;height:36px;border-radius:50%}.skel .skel-lines{display:grid;grid-gap:7px;gap:7px;padding-top:3px}.notice-dismiss{width:24px;height:24px;margin:-2px -4px 0 0;color:inherit}.c-note-quiet{color:var(--text-3)}.replying-as{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skel-cards{margin-top:24px}