.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);height:var(--ctl-h);padding:0 var(--s-5);border-radius:var(--radius);border:1px solid transparent;font-size:var(--t-sm);font-weight:500;white-space:nowrap;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn:active:not(:disabled){background:var(--bg-active);transform:translateY(.5px)}.btn:disabled{opacity:.38}.btn--outline{border-color:var(--line);background:var(--bg-raised);color:var(--text)}.btn--outline:hover:not(:disabled){border-color:var(--line-strong);background:var(--bg-hover)}.btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn--primary:hover:not(:disabled){background:var(--n-11);color:var(--bg)}.btn--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--accent:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-ink)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn--sm{height:22px;padding:0 var(--s-4);font-size:var(--t-xs)}.btn--block{width:100%}.iconbtn{display:inline-grid;place-items:center;width:var(--ctl-h);height:var(--ctl-h);border-radius:var(--radius);color:var(--text-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.iconbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.iconbtn:active:not(:disabled){background:var(--bg-active)}.iconbtn:disabled{opacity:.3}.iconbtn[data-on=true]{color:var(--accent);background:var(--accent-soft)}.seg{display:inline-flex;padding:2px;gap:2px;background:var(--bg-sunken);border:1px solid var(--line-soft);border-radius:var(--radius)}.seg__item{display:inline-flex;align-items:center;gap:var(--s-2);height:calc(var(--ctl-h) - 6px);padding:0 var(--s-4);border-radius:max(0px,calc(var(--radius) - 2px));font-size:var(--t-xs);font-weight:500;color:var(--text-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg__item:hover{color:var(--text)}.seg__item[aria-pressed=true]{background:var(--bg-raised);color:var(--text);box-shadow:0 1px 1px #0000000d}.pill{display:inline-flex;align-items:center;gap:var(--s-2);height:18px;padding:0 var(--s-3);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-sunken);font-family:var(--font-ui);font-size:var(--t-2xs);letter-spacing:.02em;color:var(--text-muted);white-space:nowrap}.pill--tinted{border-color:color-mix(in oklab,var(--tint) 34%,transparent);background:color-mix(in oklab,var(--tint) 10%,transparent);color:color-mix(in oklab,var(--tint) 72%,var(--text))}.pill--solid{background:var(--text);color:var(--bg);border-color:var(--text)}.kbd{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:3px;border:1px solid var(--line);border-bottom-width:2px;background:var(--bg-sunken);font-family:var(--font-mono);font-size:var(--t-2xs);line-height:1;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:var(--s-3)}.field__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4)}.field__hint{font-size:var(--t-xs);color:var(--text-faint);line-height:var(--lh-snug)}.input{height:32px;padding:0 var(--s-5);width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-size:var(--t-sm);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--line-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input--mono{font-family:var(--font-mono);font-size:var(--t-xs)}.input--invalid{border-color:var(--danger)}textarea.input{height:auto;padding:var(--s-4) var(--s-5);resize:vertical;line-height:var(--lh-normal)}.toggle{position:relative;width:34px;height:19px;flex-shrink:0;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--bg-sunken);transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.toggle:after{content:"";position:absolute;inset:2px auto 2px 2px;width:13px;border-radius:var(--radius-full);background:var(--text-muted);transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base) var(--ease-out)}.toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(15px);background:var(--accent-ink)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-7);padding:var(--s-5) 0;border-bottom:1px solid var(--line-soft)}.row:last-child{border-bottom:none}.row__text{min-width:0}.row__title{font-size:var(--t-sm);color:var(--text)}.row__desc{font-size:var(--t-xs);color:var(--text-faint);line-height:var(--lh-snug);margin-top:2px}.swatch{width:22px;height:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--tint);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.swatch--custom{display:grid;place-items:center;background:conic-gradient(from 0deg,#f04c5a,#e45f3c 5%,#de6727 7.5%,#db6b16,#d76f00,#d17400,#cb7900 12.5%,#c08000 15%,#af8a00,#9b9300 25%,#8d9900 27.5%,#849c00,#799f00 30%,#73a011,#6da21d 31.25%,#5fa42d 32.5%,#3ba942 35%,#17ab4b 36.25%,#00ac52,#00ab59 37.5%,#01aa66,#01aa6f 40%,#00a6a6,#019ccf 60%,#009ada 62.5%,#0098e3,#0095ec 65%,#0095ef,#0e94f1 65.62%,#2692f1 66.25%,#3f90f2 67.5%,#5d89f2 70%,#867bf3,#a46bf5 80%,#cb66ac 90%,#de5c86,#f04c5a);background:conic-gradient(from 0deg,#f04c5a,#e45f3c 5%,#de6727 7.5%,#db6b16,color(xyz 0.339 0.258 0.029),color(xyz 0.332 0.259 0.019),color(xyz 0.324 0.261 0.01) 12.5%,color(xyz 0.309 0.264 -0.008) 15%,color(xyz 0.281 0.27 -0.039),color(xyz 0.239 0.279 -0.002) 25%,color(xyz 0.22 0.284 0.02) 27.5%,color(xyz 0.211 0.286 0.032),color(xyz 0.202 0.288 0.044),#6da21d,#5fa42d 32.5%,#3ba942 35%,#17ab4b 36.25%,color(xyz 0.159 0.3 0.124),color(xyz 0.156 0.301 0.132) 37.5%,color(xyz 0.142 0.306 0.167) 40%,color(xyz 0.174 0.299 0.448),color(xyz 0.231 0.287 0.865) 60%,color(xyz 0.246 0.282 0.868) 62.5%,color(xyz 0.254 0.279 0.869),color(xyz 0.262 0.277 0.871) 65%,#0e94f1,#2692f1 66.25%,#3f90f2 67.5%,#5d89f2 70%,#867bf3,#a46bf5 80%,#cb66ac 90%,#de5c86,#f04c5a)}.pop{position:fixed;z-index:var(--z-pop);min-width:200px;max-height:min(64vh,520px);overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-pop);animation:pop-in var(--dur-base) var(--ease-out);transform-origin:var(--origin, top left)}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px) scale(.985)}}.pop__item{display:flex;align-items:center;gap:var(--s-4);width:100%;height:28px;padding:0 var(--s-4);border-radius:var(--radius-sm);font-size:var(--t-sm);color:var(--text-secondary);text-align:left}.pop__item:hover,.pop__item[data-active=true]{background:var(--bg-hover);color:var(--text)}.pop__item[aria-checked=true]{color:var(--text);font-weight:500}.pop__item__check{margin-left:auto;color:var(--accent);opacity:0}.pop__item[aria-checked=true] .pop__item__check{opacity:1}.pop--ctx{min-width:0;box-shadow:var(--shadow-pop)}.pop__item[role=menuitem],.pop__item[role=menuitemcheckbox]{color:var(--text-secondary)}.pop__item:disabled{opacity:.4;pointer-events:none}.pop__item[data-danger]{color:var(--danger)}.pop__item[data-danger]:hover{background:var(--danger-soft);color:var(--danger)}.pop__item__icon{display:grid;place-items:center;width:16px;flex-shrink:0;color:var(--text-faint)}.pop__item:hover .pop__item__icon{color:var(--text-muted)}.pop__item__swatch{width:10px;height:10px;margin:0 3px;border-radius:var(--radius-sm);flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.pop__item__hint{margin-left:auto;padding-left:var(--s-5);font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);flex-shrink:0}.pop__item__more{margin-left:auto;padding-left:var(--s-4);color:var(--text-faint);flex-shrink:0}.pop__item[role=menuitemcheckbox] .pop__item__check{opacity:1;width:12px;text-align:right;color:var(--accent);font-size:var(--t-xs)}.pop__swatches{display:flex;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4)}.pop__field{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4)}.pop__field .input{height:26px;font-size:var(--t-xs)}.pop__empty{padding:var(--s-4) var(--s-4) var(--s-5);font-size:var(--t-xs);color:var(--text-faint);line-height:var(--lh-snug)}.pop__sep{height:1px;margin:var(--s-2) calc(var(--s-2) * -1);background:var(--line-soft)}.pop__label{padding:var(--s-4) var(--s-4) var(--s-3)}.scrim{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:start center;padding:8vh var(--s-6) var(--s-6);background:#00000057;backdrop-filter:blur(2px);animation:fade-in var(--dur-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-modal);animation:modal-in var(--dur-slow) var(--ease-out);overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px) scale(.99)}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-6) var(--s-7);border-bottom:1px solid var(--line-soft)}.modal__title{font-size:var(--t-lg);font-weight:500;letter-spacing:var(--tr-tight)}.modal__body{padding:var(--s-7);overflow-y:auto}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-4);padding:var(--s-5) var(--s-7);border-top:1px solid var(--line-soft);background:var(--bg-sunken)}.empty{display:grid;place-content:center;justify-items:start;gap:var(--s-4);height:100%;padding:var(--s-11);text-align:left}.empty__title{font-size:var(--t-3xl);font-weight:400;line-height:.94;letter-spacing:-.03em;color:var(--text);font-style:italic}.empty__body{max-width:42ch;font-size:var(--t-sm);color:var(--text-faint);line-height:var(--lh-normal)}.spinner{width:13px;height:13px;border:1.5px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;animation:spin .64s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{position:absolute;inset:0 0 auto;height:1.5px;overflow:hidden;background:transparent;z-index:var(--z-sticky)}.progress:after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:indeterminate 1.1s var(--ease-in-out) infinite}@keyframes indeterminate{0%{transform:translate(-100%) scaleX(.4)}60%{transform:translate(60%) scaleX(.7)}to{transform:translate(100%) scaleX(.35)}}.composer{position:fixed;right:var(--s-7);bottom:0;z-index:var(--z-modal);display:flex;flex-direction:column;width:min(620px,calc(100vw - var(--s-9)));height:min(560px,calc(100vh - var(--topbar-h) - var(--s-7)));border:1px solid var(--line);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-raised);box-shadow:var(--shadow-modal);animation:composer-in var(--dur-slow) var(--ease-out);overflow:hidden}@keyframes composer-in{0%{opacity:0;transform:translateY(24px)}}.composer[data-minimised=true]{height:38px}.composer__head{display:flex;align-items:center;gap:var(--s-3);height:38px;padding:0 var(--s-3) 0 var(--s-6);background:var(--bg-inverse);color:var(--text-inverse);flex-shrink:0;cursor:default}.composer__title{flex:1;min-width:0;font-size:var(--t-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer__head .iconbtn{color:color-mix(in oklab,var(--text-inverse) 72%,transparent);width:26px;height:26px}.composer__head .iconbtn:hover{background:#ffffff24;color:var(--text-inverse)}.composer__fields{flex-shrink:0}.composer__field{display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-6);height:34px;border-bottom:1px solid var(--line-soft)}.composer__field__label{width:42px;flex-shrink:0;font-family:var(--font-ui);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.composer__field input{flex:1;min-width:0;font-size:var(--t-sm)}.composer__field input::placeholder{color:var(--text-faint)}.composer__field__extra{display:flex;gap:var(--s-3);flex-shrink:0}.composer__field__extra button{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.composer__field__extra button:hover{color:var(--text)}.composer__from{display:flex;align-items:center;gap:var(--s-4);height:26px;padding:0 var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--t-xs)}.composer__from__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--tint);flex-shrink:0}.composer__from__addr{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-muted)}.composer__body{flex:1;min-height:0;padding:var(--s-6);font-size:var(--t-md);line-height:var(--lh-loose);color:var(--text);resize:none;overflow-y:auto;font-family:var(--font-ui)}.composer__body::placeholder{color:var(--text-faint)}.composer__foot{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-top:1px solid var(--line-soft);background:var(--bg-sunken);flex-shrink:0}.composer__foot__spacer{flex:1}.composer__status{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.recips{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.recips::-webkit-scrollbar{display:none}.recip{display:inline-flex;align-items:center;gap:var(--s-2);height:20px;padding:0 var(--s-2) 0 var(--s-4);border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--line);font-size:var(--t-xs);white-space:nowrap;flex-shrink:0}.recip--invalid{border-color:var(--danger);color:var(--danger)}.recip button{display:grid;place-items:center;width:14px;height:14px;border-radius:var(--radius-full);color:var(--text-faint)}.recip button:hover{background:var(--bg-active);color:var(--text)}.list-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.listbar{display:flex;align-items:center;gap:var(--s-2);height:var(--pane-head-h);padding:0 var(--s-3) 0 var(--s-4);border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0}.listbar__scope{display:flex;align-items:center;gap:var(--s-4);min-width:0;flex:1}.listbar__title{font-size:var(--t-sm);font-weight:500;letter-spacing:var(--tr-snug)}.crumbs{display:flex;align-items:center;min-width:0;font-size:var(--t-sm);letter-spacing:var(--tr-snug)}.crumbs__step{display:flex;align-items:center;min-width:0;flex-shrink:3}.crumbs__step:first-child{flex-shrink:0}.crumbs__step:last-child{flex-shrink:1}.crumbs__sep{display:grid;place-items:center;color:var(--text-faint);opacity:.65;flex-shrink:0}.crumbs__link{padding:0 var(--s-2);border-radius:var(--radius-sm);color:var(--text-muted);min-width:0;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.crumbs__link:hover{color:var(--text);background:var(--bg-hover)}.crumbs__here{padding:0 var(--s-2);font-weight:500;color:var(--text);min-width:0}.savepreview{display:flex;align-items:center;gap:var(--s-5);margin-top:var(--s-6);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.savepreview__meta{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.listbar__meta{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.listbar__spacer{flex:1}.listbar--selecting{background:var(--bg-inverse);color:var(--text-inverse);animation:bar-swap var(--dur-base) var(--ease-out)}@keyframes bar-swap{0%{opacity:0;transform:translateY(-2px)}}.listbar--selecting .iconbtn{color:color-mix(in oklab,var(--text-inverse) 78%,transparent)}.listbar--selecting .iconbtn:hover{background:#ffffff24;color:var(--text-inverse)}.listbar--selecting .listbar__title{color:var(--text-inverse)}.listbar__divider{width:1px;height:16px;margin:0 var(--s-2);background:var(--line)}.listbar--selecting .listbar__divider{background:#ffffff2e}.chips{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--s-3);height:22px;padding:0 var(--s-4);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--bg);font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.chip__count{font-family:var(--font-mono);font-size:var(--t-2xs);opacity:.6;font-variant-numeric:tabular-nums}.list{flex:1;min-height:0;position:relative;overflow-y:auto;overscroll-behavior:contain;contain:strict}.list__sizer{position:relative;width:100%}.list__window{position:absolute;inset:0 0 auto;will-change:transform}.grouphead{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--s-4);height:26px;padding:0 var(--s-5);background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}.grouphead__label{font-family:var(--font-ui);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-muted)}.grouphead__hint{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.grouphead__rule{flex:1;height:1px;background:var(--line-soft)}.grouphead__count{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.row-msg{position:relative;display:grid;grid-template-columns:3px 14px auto 1fr auto;align-items:center;gap:0 var(--s-4);width:100%;height:var(--row-h);padding:0 var(--s-5) 0 0;text-align:left;border-bottom:1px solid var(--line-soft);transition:background var(--dur-instant) linear;cursor:default}.row-msg:hover,.row-msg[data-focused=true]{background:var(--bg-hover)}.row-msg[data-focused=true]:after{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:0;pointer-events:none}.row-msg[data-open=true]{background:var(--bg-selected)}.row-msg[data-selected=true]{background:var(--accent-soft)}.row-msg[data-selected=true]:hover{background:color-mix(in oklab,var(--accent) 18%,transparent)}.row-msg__stripe{align-self:stretch;width:3px;background:var(--tint);opacity:.85}.row-msg[data-stripe=false] .row-msg__stripe{opacity:0}.row-msg__state{display:grid;place-items:center;justify-self:center;color:var(--accent)}.row-msg__state[data-read=true]{color:transparent}.row-msg__avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--tint) 14%,transparent);color:color-mix(in oklab,var(--tint) 82%,var(--text));font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:0}.row-msg__main{min-width:0;display:flex;flex-direction:column;gap:1px;padding:var(--row-pad-y) 0}.row-msg__line{display:flex;align-items:baseline;gap:var(--s-3);min-width:0}.row-msg__sender{font-size:var(--t-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:9ch;max-width:24ch}.row-msg[data-read=false] .row-msg__sender{color:var(--text);font-weight:500}.row-msg__subject{font-size:var(--t-sm);color:var(--text-secondary);min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-msg[data-read=false] .row-msg__subject{color:var(--text);font-weight:500}.row-msg__preview{font-size:var(--t-xs);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--lh-snug)}:root[data-density=compact] .row-msg{grid-template-columns:3px 14px auto 1fr auto}:root[data-density=compact] .row-msg__preview,:root[data-density=compact] .row-msg__avatar{display:none}:root[data-density=compact] .row-msg__main{flex-direction:row;align-items:baseline;gap:var(--s-5)}:root[data-density=compact] .row-msg__sender{width:150px;flex-shrink:0}:root[data-density=relaxed] .row-msg__preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-msg__aside{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2);flex-shrink:0}.row-msg__date{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.row-msg[data-read=false] .row-msg__date{color:var(--text-secondary)}.row-msg__marks{display:flex;align-items:center;gap:var(--s-3);color:var(--text-faint)}.row-msg__flag{color:var(--warning)}.row-msg__thread{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:var(--radius-sm);border:1px solid var(--line);font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.row-msg__labels{display:flex;gap:var(--s-2)}.row-msg__label{display:inline-block;height:5px;width:5px;border-radius:var(--radius-full);background:var(--tint, var(--n-6))}.row-msg__hover{position:absolute;right:var(--s-4);top:50%;transform:translateY(-50%);display:flex;gap:var(--s-1);padding:2px;border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.row-msg:hover .row-msg__hover{opacity:1;pointer-events:auto}.row-msg__hover .iconbtn{width:24px;height:24px}.skeleton{display:grid;grid-template-columns:3px 14px 26px 1fr auto;align-items:center;gap:0 var(--s-4);height:var(--row-h);padding:0 var(--s-5) 0 0;border-bottom:1px solid var(--line-soft)}.skeleton__bar{height:8px;border-radius:2px;background:linear-gradient(90deg,var(--n-2),var(--n-3),var(--n-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.list__foot{display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-6);font-size:var(--t-xs);color:var(--text-faint)}.chip--scope{flex-shrink:0;max-width:200px}.chip--scope[aria-pressed=true]{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-inverse)}.chip--scope:disabled{opacity:.4}.chips__sep{width:1px;height:14px;margin:0 var(--s-2);background:var(--line);flex-shrink:0}.checkbox{display:grid;place-items:center;width:13px;height:13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--accent-ink);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.checkbox[data-on]{background:var(--accent);border-color:var(--accent)}.row-msg__lead{position:relative;display:grid;place-items:center;justify-self:center;width:14px;height:14px}.row-msg__lead>*{grid-area:1 / 1}.row-msg__check{display:grid;place-items:center;opacity:0;pointer-events:none}.row-msg:hover .row-msg__check,.row-msg[data-selected=true] .row-msg__check,.list[data-selecting] .row-msg__check,.row-msg__check:focus-visible{opacity:1;pointer-events:auto}.row-msg:hover .row-msg__state,.row-msg[data-selected=true] .row-msg__state,.list[data-selecting] .row-msg__state,.row-msg__lead:has(.row-msg__check:focus-visible) .row-msg__state{opacity:0;pointer-events:none}.grouphead__select{display:flex;align-items:center;gap:var(--s-3);padding:0 0 0 var(--s-3);color:inherit}.grouphead__select .checkbox{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.grouphead:hover .grouphead__select .checkbox,.grouphead__select[aria-checked=true] .checkbox,.list[data-selecting] .grouphead__select .checkbox,.grouphead__select:focus-visible .checkbox{opacity:1}.bulk{display:flex;flex-direction:column;gap:var(--s-7);min-height:0}.bulk__step{display:flex;flex-direction:column;gap:var(--s-6);min-height:0}.bulk__lede{margin:0;max-width:62ch;font-size:var(--t-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.bulk__hint{margin:0;font-size:var(--t-xs);color:var(--text-faint)}.bulk__hint code{font-family:var(--font-mono);font-size:var(--t-2xs);padding:1px var(--s-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted)}.bulk__ports{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.bulk__port{display:grid;grid-template-columns:44px 84px 1fr;align-items:center;gap:var(--s-5)}.bulk__port__proto{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.bulk__sharedpw{display:flex;align-items:center;gap:var(--s-4)}.bulk__sharedpw__label{font-size:var(--t-sm);color:var(--text-secondary)}.bulk__sharedpw .input{margin-left:auto;max-width:220px}.grid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:auto;max-height:min(46vh,380px)}.grid__head,.grid__row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 176px 32px;align-items:center}.grid__head{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--s-3) 0 var(--s-3) var(--s-5);background:var(--bg-sunken);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.grid__row{border-bottom:1px solid var(--line-soft);border-left:2px solid transparent;transition:background var(--dur-fast) var(--ease-out)}.grid__row:last-child{border-bottom:none}.grid__row:focus-within{background:var(--bg-sunken)}.grid__row[data-status=ok]{border-left-color:var(--success)}.grid__row[data-status=warn]{border-left-color:var(--warning)}.grid__row[data-status=error]{border-left-color:var(--danger)}.grid__muted{padding-left:var(--s-4);font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.grid__drop{display:grid;place-items:center;height:100%;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.grid__row:hover .grid__drop,.grid__row:focus-within .grid__drop,.grid__drop:focus-visible{opacity:1}.grid__drop:hover,.grid__drop:focus-visible{color:var(--danger)}.input--flush{border-color:transparent;border-radius:0;background:transparent;height:32px}.input--flush:hover{border-color:var(--line)}.input--flush:focus-visible{border-color:var(--accent);background:var(--bg)}.input--flush[data-invalid]{color:var(--danger);border-color:var(--danger-soft)}.input--flush[data-missing]::placeholder{color:var(--danger);opacity:.75}.bulk__gridfoot{display:flex;align-items:center;gap:var(--s-5)}.bulk__tally{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.bulk__tally__bad{color:var(--danger)}.dom{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:auto;max-height:min(46vh,380px)}.dom__row{display:grid;grid-template-columns:minmax(0,1fr) 118px auto;align-items:center;gap:var(--s-6);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line-soft)}.dom__row:last-child{border-bottom:none}.dom__id{display:flex;align-items:center;gap:var(--s-4);min-width:0}.dom__chip{width:10px;height:10px;border-radius:var(--radius-sm);flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001f}.dom__name{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dom__count{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);flex-shrink:0}.bulk__summary{display:flex;align-items:center;gap:var(--s-7);padding:var(--s-5) var(--s-6);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.bulk__summary__nums{display:flex;gap:var(--s-7)}.tally{display:flex;align-items:baseline;gap:var(--s-3)}.tally__n{font-size:var(--t-xl);font-weight:500;letter-spacing:var(--tr-tight);line-height:1}.tally[data-tone=ok] .tally__n{color:var(--success)}.tally[data-tone=warn] .tally__n{color:var(--warning)}.tally[data-tone=error] .tally__n{color:var(--danger)}.tally__label{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.bulk__summary__state{display:flex;align-items:center;gap:var(--s-4);margin-left:auto;text-align:right;font-size:var(--t-xs);color:var(--text-muted)}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:auto;max-height:min(40vh,340px)}.results__row{display:grid;grid-template-columns:20px minmax(0,220px) minmax(0,1fr);align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line-soft);font-size:var(--t-xs)}.results__row:last-child{border-bottom:none}.results__row[data-status=error]{grid-template-columns:20px minmax(0,220px) minmax(0,1fr) 150px}.results__mark{display:grid;place-items:center;color:var(--text-faint)}.results__row[data-status=ok] .results__mark{color:var(--success)}.results__row[data-status=warn] .results__mark{color:var(--warning)}.results__row[data-status=error] .results__mark{color:var(--danger)}.results__addr{font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.results__msg{color:var(--text-muted);overflow-wrap:anywhere}.results__row[data-status=error] .results__msg{color:var(--danger)}.results__retry{height:26px;border-color:var(--line);background:var(--bg)}.bulk__foot{display:flex;align-items:center;gap:var(--s-4);padding-top:var(--s-6);border-top:1px solid var(--line)}.bulk__foot__spacer{flex:1}.onb__mode{display:flex;align-items:center;gap:var(--s-5)}.onb__mode__hint{font-size:var(--t-xs);color:var(--text-faint)}@media(prefers-reduced-motion:reduce){.grid__row,.grid__drop,.input--flush{transition:none}}.onb{display:flex;flex-direction:column;gap:var(--s-7)}.onb__steps{display:flex;align-items:center;gap:var(--s-3)}.onb__step{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.onb__step[data-state=current]{color:var(--text)}.onb__step[data-state=done]{color:var(--text-muted)}.onb__dot{display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-full);border:1px solid var(--line-strong);font-size:9px}.onb__step[data-state=current] .onb__dot{border-color:var(--text);background:var(--text);color:var(--bg)}.onb__step[data-state=done] .onb__dot{border-color:var(--success);color:var(--success)}.onb__rule{flex:1;height:1px;background:var(--line)}.onb__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)}.onb__full{grid-column:1 / -1}.detected{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.detected__head{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--bg-sunken);border-bottom:1px solid var(--line-soft)}.detected__source{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.detected__row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:var(--t-xs)}.detected__row:last-child{border-bottom:none}.detected__proto{color:var(--text-faint);letter-spacing:var(--tr-caps);text-transform:uppercase;font-size:var(--t-2xs)}.detected__host{color:var(--text);overflow:hidden;text-overflow:ellipsis}.detected__state{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-2xs);color:var(--text-faint)}.detected__state[data-ok=true]{color:var(--success)}.detected__state[data-ok=false]{color:var(--danger)}.prio{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2)}.prio__opt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.prio__opt:hover{border-color:var(--line-strong)}.prio__opt[aria-pressed=true]{border-color:var(--text);background:var(--bg-selected)}.prio__bars{display:flex;gap:2px;align-items:flex-end;height:12px}.prio__bar{width:3px;background:var(--line-strong);border-radius:1px}.prio__opt[aria-pressed=true] .prio__bar[data-on=true]{background:var(--text)}.prio__bar[data-on=true]{background:var(--text-muted)}.prio__name{font-size:var(--t-2xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tr-caps);color:var(--text-muted)}.prio__opt[aria-pressed=true] .prio__name{color:var(--text)}.swatches{display:flex;flex-wrap:wrap;gap:var(--s-3)}.onb__done{display:grid;place-items:center;gap:var(--s-6);padding:var(--s-9) 0;text-align:center}.onb__done__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--success);color:var(--success);animation:pop-check var(--dur-slow) var(--ease-spring)}@keyframes pop-check{0%{transform:scale(.6);opacity:0}}.onb__done__title{font-size:var(--t-xl);font-weight:500;letter-spacing:var(--tr-tight)}.onb__done__sub{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.onb__syncline{width:100%;height:2px;border-radius:1px;background:var(--line);overflow:hidden}.onb__syncline>span{display:block;height:100%;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.reader-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.reader__bar{display:flex;align-items:center;gap:var(--s-2);height:var(--pane-head-h);padding:0 var(--s-4);border-bottom:1px solid var(--line);flex-shrink:0}.reader__bar__spacer{flex:1}.reader__back,.reader__back-divider{display:none}.reader__back{align-items:center;gap:var(--s-2);height:var(--ctl-h);padding:0 var(--s-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--t-xs);font-weight:500;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.reader__back:hover{background:var(--bg-hover);color:var(--text)}.reader__back-divider{width:1px;height:16px;margin:0 var(--s-2);background:var(--line)}@media(max-width:1080px){.reader__back,.reader__back-divider{display:flex}}.reader__nav{display:flex;align-items:center;gap:var(--s-1);font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.reader__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.reader__inner{max-width:calc(var(--reader-measure) + var(--s-9) * 2);margin:0 auto;padding:var(--s-8) var(--s-9) var(--s-12)}.reader__subject{font-size:var(--t-xl);font-weight:500;line-height:var(--lh-tight);letter-spacing:-.018em;margin-bottom:var(--s-6);text-wrap:balance}.reader__from{display:flex;align-items:flex-start;gap:var(--s-5);padding-bottom:var(--s-6);border-bottom:1px solid var(--line-soft)}.reader__avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius);background:color-mix(in oklab,var(--tint) 14%,transparent);color:color-mix(in oklab,var(--tint) 82%,var(--text));font-family:var(--font-mono);font-size:var(--t-xs)}.reader__who{flex:1;min-width:0}.reader__name{font-size:var(--t-md);font-weight:500;letter-spacing:var(--tr-snug)}.reader__addr{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);margin-top:1px}.reader__to{font-size:var(--t-xs);color:var(--text-muted);margin-top:var(--s-3)}.reader__when{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);white-space:nowrap;text-align:right;flex-shrink:0}.reader__badges{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-4)}.notice{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-6) 0 0;padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);font-size:var(--t-xs);color:var(--text-muted)}.notice[data-tone=danger]{border-color:color-mix(in oklch,var(--danger) 45%,var(--line));background:color-mix(in oklch,var(--danger) 8%,var(--bg-sunken));color:var(--text)}.notice__actions{margin-left:auto;display:flex;gap:var(--s-3);flex-shrink:0}.reader__body{margin-top:var(--s-7);font-size:var(--t-md);line-height:var(--lh-loose);color:var(--text-secondary);user-select:text;overflow-wrap:break-word}.reader__body__scroll{overflow-x:auto;max-width:100%}.reader__text{white-space:pre-wrap;font-family:var(--font-ui);font-size:var(--t-md);line-height:var(--lh-loose)}.attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--line-soft)}.attachment{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.attachment:hover{border-color:var(--line-strong);background:var(--bg-hover)}.attachment__name{font-size:var(--t-xs);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment__size{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.thread{margin-top:var(--s-9);border-top:1px solid var(--line);padding-top:var(--s-6)}.thread__item{border:1px solid var(--line-soft);border-radius:var(--radius);margin-bottom:var(--s-3);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out)}.thread__item[data-open=true]{border-color:var(--line)}.thread__head{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4) var(--s-5);text-align:left;background:var(--bg-sunken)}.thread__head:hover{background:var(--bg-hover)}.thread__head__name{font-size:var(--t-sm);font-weight:500;flex-shrink:0}.thread__head__preview{flex:1;min-width:0;font-size:var(--t-xs);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread__head__date{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);flex-shrink:0}.thread__body{padding:var(--s-6);border-top:1px solid var(--line-soft);background:var(--bg-raised);animation:subtree-in var(--dur-base) var(--ease-out)}.quickreply{display:flex;gap:var(--s-3);margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--line-soft)}.headers{margin-top:var(--s-6);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}.headers__row{display:grid;grid-template-columns:150px 1fr;gap:var(--s-5);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:var(--t-2xs);user-select:text}.headers__row:last-child{border-bottom:none}.headers__key{color:var(--text-faint)}.headers__val{color:var(--text-secondary);overflow-wrap:anywhere}.settings{position:fixed;inset:0;z-index:var(--z-modal);display:grid;grid-template-columns:208px 1fr;background:var(--bg);animation:settings-in var(--dur-slow) var(--ease-out)}@keyframes settings-in{0%{opacity:0;transform:scale(.99)}}.settings__nav{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--bg-sunken);padding:var(--s-6) var(--s-4)}.settings__back{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);padding:0 var(--s-3);height:26px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint);align-self:flex-start;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.settings__back:hover{background:var(--bg-hover);color:var(--text)}.settings__back--inline{display:none;margin-bottom:0}.settings__brand{padding:0 var(--s-3) var(--s-6);font-size:var(--t-lg);font-weight:500;letter-spacing:var(--tr-tight)}.settings__navitem{display:flex;align-items:center;gap:var(--s-4);height:30px;padding:0 var(--s-4);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--t-sm);text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.settings__navitem:hover{background:var(--bg-hover);color:var(--text)}.settings__navitem[aria-current=true]{background:var(--bg-active);color:var(--text);font-weight:500}.settings__main{display:flex;flex-direction:column;min-width:0;min-height:0}.settings__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-6) var(--s-8);border-bottom:1px solid var(--line)}.settings__title{font-size:var(--t-2xl);font-weight:400;letter-spacing:-.028em;font-style:italic}.settings__scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--s-8) var(--s-8) var(--s-12)}.settings__pane{max-width:720px}.settings__section{margin-bottom:var(--s-10)}.settings__sectionhead{padding-bottom:var(--s-4);margin-bottom:var(--s-3);border-bottom:1px solid var(--line)}.settings__sectionhead--split{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.settings__note{font-size:var(--t-sm);line-height:1.55;color:var(--text-muted)}.intents{margin-top:var(--s-5)}.intents__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-3) var(--s-5);align-items:baseline;padding:var(--s-3) 0;border-bottom:1px solid var(--line-soft)}.intents__row:last-child{border-bottom:none}.intents__name{font-size:var(--t-sm);font-weight:550;color:var(--text)}.intents__when{font-size:var(--t-sm);font-family:var(--font-mono);color:var(--text-muted)}.intents__does{font-size:var(--t-sm);color:var(--text-muted)}@media(max-width:620px){.intents__row{grid-template-columns:1fr;gap:var(--s-1)}}.preview{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--s-7);background:var(--bg)}.preview__bar{display:flex;align-items:center;gap:var(--s-4);height:30px;padding:0 var(--s-5);border-bottom:1px solid var(--line);background:var(--bg-sunken)}.preview__row{display:grid;grid-template-columns:3px 8px 1fr auto;align-items:center;gap:var(--s-4);height:44px;padding-right:var(--s-5);border-bottom:1px solid var(--line-soft)}.preview__stripe{align-self:stretch;background:var(--tint)}.preview__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent)}.preview__bars{display:grid;gap:4px}.preview__bar{height:7px;border-radius:2px;background:var(--n-3)}.preview__bar--strong{background:var(--n-5)}.colorrow{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--line-soft)}.colorrow__name{flex:1;min-width:0;font-size:var(--t-sm)}.colorrow__addr{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.colorrow__swatches{display:flex;gap:var(--s-2);flex-shrink:0}.colorinput{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;overflow:hidden}.colorinput::-webkit-color-swatch-wrapper{padding:0}.colorinput::-webkit-color-swatch{border:none;border-radius:0}.slider{--fill: 50%;appearance:none;width:160px;height:18px;background:none;cursor:pointer}.slider::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,var(--text) 0 var(--fill),var(--line-strong) var(--fill) 100%)}.slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:var(--radius-full);background:var(--bg-raised);border:1.5px solid var(--text);transition:transform var(--dur-fast) var(--ease-spring)}.slider::-webkit-slider-thumb:active{transform:scale(1.2)}.slider::-moz-range-track{height:2px;background:var(--line-strong)}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--bg-raised);border:1.5px solid var(--text)}.sliderwrap{display:flex;align-items:center;gap:var(--s-5)}.slidervalue{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.acctrow{display:grid;grid-template-columns:3px minmax(0,1fr) auto auto auto auto;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-5) var(--s-5) 0;border:1px solid var(--line-soft);border-radius:var(--radius);margin-bottom:var(--s-3);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out)}.acctrow[data-broken]{border-color:color-mix(in oklch,var(--danger) 40%,var(--line));background:color-mix(in oklch,var(--danger) 4%,transparent)}.acctrow__id{min-width:0;padding-left:var(--s-5)}.acctrow__err{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--danger);margin-top:2px;overflow-wrap:anywhere}.acctrow__acts{display:flex;align-items:center;gap:var(--s-3)}.acctrow__repair,.acctrow__confirm{grid-column:1 / -1;display:flex;align-items:flex-end;gap:var(--s-5);margin:0 var(--s-5) 0 var(--s-5);padding:var(--s-5) 0 var(--s-2);border-top:1px solid var(--line-soft)}.acctrow__repair>*:first-child{flex:1;max-width:320px}.acctrow__confirm{align-items:center;font-size:var(--t-xs);color:var(--text-secondary);line-height:var(--lh-normal)}.acctrow__confirm__acts{display:flex;gap:var(--s-3);margin-left:auto;flex-shrink:0}.acctrow:hover{border-color:var(--line)}.acctrow__stripe{align-self:stretch;background:var(--tint)}.acctrow__label{font-size:var(--t-sm);font-weight:500}.acctrow__addr{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.acctrow__status{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.acctrow__status[data-error=true]{color:var(--danger)}.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-8)}.keys__row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--line-soft);font-size:var(--t-sm);color:var(--text-secondary)}.keys__combo{margin-left:auto;display:flex;gap:var(--s-2);flex-shrink:0}.columns{display:flex;flex-wrap:wrap;gap:var(--s-3)}.column-chip{display:inline-flex;align-items:center;gap:var(--s-3);height:26px;padding:0 var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--t-xs);color:var(--text-muted)}.column-chip[aria-pressed=true]{border-color:var(--text);background:var(--bg-selected);color:var(--text)}@media(max-width:860px){.settings{grid-template-columns:1fr}.settings__nav{display:none}.settings__back--inline{display:flex}.settings__head{justify-content:flex-start;gap:var(--s-6)}.settings__head .iconbtn{margin-left:auto}}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100%;background:var(--bg-sunken)}.app__body{position:relative;display:grid;grid-template-columns:var(--rail-w) var(--sidebar-w) var(--list-w) 1fr;min-height:0}.app__body[data-preview=off]{grid-template-columns:var(--rail-w) var(--sidebar-w) 1fr}.app__body[data-preview=off] .reader-pane{display:none}.app__body[data-preview=bottom]{grid-template-columns:var(--rail-w) var(--sidebar-w) 1fr}.app__body[data-sidebar=hidden]{grid-template-columns:var(--rail-w) var(--list-w) 1fr}.topbar{display:grid;grid-template-columns:calc(var(--rail-w) + var(--sidebar-w)) 1fr auto;align-items:center;gap:var(--s-5);padding-right:var(--s-5);border-bottom:1px solid var(--line);background:var(--bg);-webkit-app-region:drag}.topbar__brand{display:flex;align-items:center;gap:var(--s-4);padding-left:var(--s-6);height:100%;border-right:1px solid var(--line)}.topbar__mark{display:flex;align-items:center;gap:var(--s-3);height:26px;padding:0 var(--s-3);margin-left:calc(var(--s-3) * -1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--t-sm);font-weight:400;letter-spacing:.02em;color:var(--text);-webkit-app-region:no-drag;transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.topbar__mark:hover{background:var(--bg-hover)}.topbar__mark:active{opacity:.7}.topbar__mark[aria-current=true]{color:var(--text-secondary)}.topbar__logo{width:20px;height:20px;flex-shrink:0;display:block;object-fit:contain}.topbar__logo--dark{display:none}:root[data-theme=dark] .topbar__logo{display:none}:root[data-theme=dark] .topbar__logo--dark{display:block}.topbar__mark[aria-current=true] .topbar__logo{opacity:.85}.identity{display:flex;align-items:center;gap:var(--s-3);max-width:180px;height:var(--ctl-h);padding:0 var(--s-3) 0 var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);font-size:var(--t-xs);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.identity:hover{border-color:var(--line-strong);color:var(--text)}.identity__chip{width:8px;height:8px;border-radius:var(--radius-full);background:var(--tint, var(--n-5));flex-shrink:0}.identity__label{min-width:0}.identity__addr{margin-left:auto;padding-left:var(--s-4);max-width:50%;flex-shrink:1;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.identity__row{display:flex;align-items:center;gap:var(--s-1)}.identity__row .pop__item{min-width:0;flex:1;gap:var(--s-3);height:30px}.identity__row .iconbtn{flex-shrink:0;color:var(--text-faint)}.identity__row:hover .iconbtn,.identity__row:focus-within .iconbtn{color:var(--text-secondary)}.identity__domain{padding:var(--s-4) var(--s-4) var(--s-2);font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);letter-spacing:.02em}.topbar__actions{display:flex;align-items:center;gap:var(--s-2);-webkit-app-region:no-drag}.searchwrap{position:relative;width:100%;max-width:520px;-webkit-app-region:no-drag}.search{position:relative;display:flex;align-items:center;gap:var(--s-4);max-width:520px;width:100%;height:28px;padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--radius);background:var(--bg-sunken);color:var(--text-faint);-webkit-app-region:no-drag;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.search:hover{border-color:var(--line)}.search:focus-within{background:var(--bg-raised);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{flex:1;min-width:0;font-size:var(--t-sm);color:var(--text)}.search input::placeholder{color:var(--text-faint)}.search[data-open=true]{border-color:var(--accent);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.search .iconbtn{width:20px;height:20px;margin-right:-2px}.suggest{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:var(--z-pop);max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2);border:1px solid var(--accent);border-top-color:var(--line-soft);border-radius:0 0 var(--radius) var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-pop);animation:suggest-in var(--dur-fast) var(--ease-out)}@keyframes suggest-in{0%{opacity:0;transform:translateY(-3px)}}.suggest__group{padding:var(--s-4) var(--s-4) var(--s-2)}.suggest__item{display:flex;align-items:center;gap:var(--s-4);width:100%;height:28px;padding:0 var(--s-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--t-sm);text-align:left}.suggest__item[data-active=true]{background:var(--bg-hover);color:var(--text)}.suggest__item .truncate:first-of-type{flex-shrink:0;max-width:55%}.suggest__hint{margin-left:auto;padding-left:var(--s-4);min-width:0;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4) 0;border-right:1px solid var(--line);background:var(--bg);overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail__group{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:100%}.rail__sep{width:20px;height:1px;margin:var(--s-3) 0;background:var(--line);flex-shrink:0}.rail__spacer{flex:1;min-height:var(--s-5)}.rail__item{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);color:var(--text-muted);flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.rail__item:hover{background:var(--bg-hover);color:var(--text)}.rail__item:active{transform:scale(.94)}.rail__item[aria-current=true]{background:var(--bg-active);color:var(--text)}.rail__item[aria-current=true]:before{content:"";position:absolute;left:-9px;top:50%;width:3px;height:18px;border-radius:0 2px 2px 0;background:var(--marker, var(--text));transform:translateY(-50%);animation:marker-in var(--dur-base) var(--ease-spring)}@keyframes marker-in{0%{height:4px;opacity:0}}.rail__glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--tint) 16%,transparent);border:1px solid color-mix(in oklab,var(--tint) 34%,transparent);color:color-mix(in oklab,var(--tint) 78%,var(--text));font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:0;text-transform:uppercase}.rail__item[aria-current=true] .rail__glyph{background:var(--tint);border-color:var(--tint);color:#fff}.rail__badge{position:absolute;top:1px;right:1px;min-width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.rail__badge[data-error=true]{background:var(--danger)}.sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.sidebar__head{display:flex;align-items:center;gap:var(--s-4);height:var(--pane-head-h);flex-shrink:0;padding:0 var(--s-5);border-bottom:1px solid var(--line)}.sidebar__title{font-size:var(--t-sm);font-weight:500;letter-spacing:var(--tr-snug);min-width:0}.sidebar__sub{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint);letter-spacing:.02em;margin-left:auto;flex-shrink:0}.sidebar__scroll{flex:1;min-height:0;padding:var(--s-5) var(--s-3) var(--s-6)}.sidebar__section{margin-top:var(--s-5)}.sidebar__section:first-child{margin-top:0}.sidebar__sectionhead{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-3) var(--s-3)}.nav{display:flex;align-items:center;gap:var(--s-4);width:100%;height:27px;padding:0 var(--s-3);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--t-sm);text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav:hover{background:var(--bg-hover);color:var(--text)}.nav[aria-current=true]{background:var(--bg-selected);color:var(--text);font-weight:500}.nav__icon{display:grid;place-items:center;width:16px;color:var(--nav-tint, currentColor);opacity:.85;flex-shrink:0}.nav[aria-current=true] .nav__icon{opacity:1}.nav__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__count{font-family:var(--font-mono);font-size:var(--t-2xs);font-variant-numeric:tabular-nums;color:var(--text-faint);flex-shrink:0}.nav[data-unread=true] .nav__label{font-weight:500;color:var(--text)}.nav[data-unread=true] .nav__count{color:var(--accent);font-weight:500}.nav__twisty{display:grid;place-items:center;width:14px;height:14px;margin-left:-2px;color:var(--text-faint);border-radius:3px;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out)}.nav__twisty[data-open=false]{transform:rotate(-90deg)}.nav__twisty:hover{background:var(--bg-active);color:var(--text)}.nav--account{position:relative;padding-left:var(--s-5)}.nav--account:before{content:"";position:absolute;left:3px;top:5px;bottom:5px;width:2px;border-radius:1px;background:var(--tint, var(--line-strong))}.nav__addr{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--text-faint)}.subtree{overflow:hidden;animation:subtree-in var(--dur-base) var(--ease-out)}@keyframes subtree-in{0%{opacity:0;transform:translateY(-3px)}}.nav--child{padding-left:calc(var(--s-5) + var(--depth, 0) * 12px);font-size:var(--t-xs);color:var(--text-muted);height:24px}.sidebar__foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--line-soft)}.problem{display:flex;align-items:flex-start;gap:var(--s-3);margin:var(--s-3) 0 var(--s-2);padding:var(--s-4);border:1px solid color-mix(in oklab,var(--danger) 32%,transparent);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:var(--t-xs);line-height:var(--lh-snug);text-align:left;width:100%}.palette{width:100%;max-width:600px;max-height:64vh;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-modal);overflow:hidden;animation:modal-in var(--dur-slow) var(--ease-out)}.palette__input{display:flex;align-items:center;gap:var(--s-5);padding:0 var(--s-6);height:46px;border-bottom:1px solid var(--line-soft);color:var(--text-faint)}.palette__input input{flex:1;font-size:var(--t-lg);letter-spacing:var(--tr-snug);color:var(--text);outline:none}.palette__list{overflow-y:auto;padding:var(--s-3)}.palette__group{padding:var(--s-4) var(--s-4) var(--s-2)}.palette__item{display:flex;align-items:center;gap:var(--s-5);width:100%;height:34px;padding:0 var(--s-4);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--t-sm);text-align:left}.palette__item[data-active=true]{background:var(--bg-hover);color:var(--text)}.palette__item__hint{margin-left:auto;display:flex;gap:var(--s-2);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--t-2xs)}.palette__foot{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-6);border-top:1px solid var(--line-soft);background:var(--bg-sunken);font-size:var(--t-2xs);color:var(--text-faint)}.toasts{position:fixed;left:50%;bottom:var(--s-8);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--s-3);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-6);padding:0 var(--s-4) 0 var(--s-6);height:36px;border-radius:var(--radius);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--t-sm);box-shadow:var(--shadow-pop);pointer-events:auto;animation:toast-in var(--dur-slow) var(--ease-spring)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.toast__undo{display:flex;align-items:center;gap:var(--s-3);height:24px;padding:0 var(--s-4);border-radius:var(--radius-sm);color:var(--text-inverse);font-weight:500;font-size:var(--t-xs);opacity:.75;transition:opacity var(--dur-fast),background var(--dur-fast)}.toast__undo:hover{opacity:1;background:#ffffff1f}@media(max-width:1280px){:root{--sidebar-w: 200px}}@media(max-width:1080px){.app__body,.app__body[data-preview=off],.app__body[data-preview=bottom],.app__body[data-sidebar=hidden]{grid-template-columns:var(--rail-w) 1fr}.sidebar{display:none}.list-pane{grid-column:2}.reader-pane{display:none}.app__body[data-reader=open] .reader-pane{position:absolute;inset:0 0 0 var(--rail-w);z-index:var(--z-sticky);display:flex;border-left:1px solid var(--line);box-shadow:var(--shadow-pop);animation:reader-drill-in var(--dur-slow) var(--ease-out)}@keyframes reader-drill-in{0%{opacity:0;transform:translate(var(--s-6))}}.topbar{grid-template-columns:auto 1fr auto}}@media(max-width:780px){.app__body,.app__body[data-preview=off],.app__body[data-preview=bottom]{grid-template-columns:var(--rail-w) 1fr}.sidebar,.topbar__brand{display:none}}.sidebar__addgroup{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-2);height:18px;border-radius:var(--radius-sm);color:var(--text-faint);font-size:var(--t-2xs);letter-spacing:.04em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.sidebar__addgroup:hover{color:var(--text);background:var(--bg-hover)}.nav--group{font-weight:500;color:var(--text)}.group__empty{padding:var(--s-3) var(--s-3) var(--s-3) var(--s-8);font-size:var(--t-2xs);color:var(--text-faint)}.dropzone{position:relative;border:1px dashed transparent;border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.dropzone[data-group-id=""]{min-height:var(--s-7)}.dropzone[data-active]{border-color:var(--line)}.dropzone[data-over]{border-color:var(--accent);background:var(--accent-soft)}.dropzone__hint{position:absolute;right:var(--s-3);bottom:2px;padding:0 var(--s-2);border-radius:var(--radius-sm);background:var(--bg-raised);font-size:var(--t-2xs);color:var(--accent-text);white-space:nowrap;pointer-events:none}[data-dragging] .nav--account{opacity:.45}.dragghost{position:fixed;top:0;left:0;z-index:var(--z-toast);display:flex;align-items:center;gap:var(--s-3);max-width:220px;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-pop);color:var(--text);font-size:var(--t-xs);white-space:nowrap;pointer-events:none}body[data-dragging=account]{cursor:grabbing;user-select:none}body[data-dragging=account] *{cursor:grabbing!important}.demo-badge{position:fixed;left:12px;bottom:12px;z-index:40;max-width:264px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-pop);font-family:var(--font-ui)}.demo-badge__title{margin:0 0 4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.demo-badge__body{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.demo-badge__links{display:flex;gap:12px;margin:8px 0 0}.demo-badge__links a,.demo-badge__links button{padding:0;border:0;background:none;font:inherit;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.demo-badge__links a:hover,.demo-badge__links button:hover{color:var(--text)}.demo-badge--dot{padding:5px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);cursor:pointer}.demo-badge--dot:hover{color:var(--text)}@media(max-width:720px){.demo-badge{left:8px;right:8px;bottom:8px;max-width:none}}.login{display:grid;place-items:center;height:100%;padding:var(--s-7);background:var(--bg-sunken)}.login__panel{display:flex;flex-direction:column;gap:var(--s-6);width:100%;max-width:340px;padding:var(--s-9);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);animation:modal-in var(--dur-slow) var(--ease-out)}.login__mark{font-family:var(--font-mono);font-size:var(--t-xl);font-weight:400;letter-spacing:.02em;line-height:1}.login__sub{font-size:var(--t-xs);color:var(--text-faint);margin-top:calc(var(--s-4) * -1);margin-bottom:var(--s-3)}@font-face{font-family:Neue Haas;src:url(/demo/fonts/NeueHaasTextRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas;src:url(/demo/fonts/NeueHaasTextMedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas;src:url(/demo/fonts/NeueHaasTextBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paper Mono;src:url(/demo/fonts/PaperMono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--n-0: oklch(100% 0 0);--n-1: oklch(98.4% 0 0);--n-2: oklch(96.2% 0 0);--n-3: oklch(93.2% 0 0);--n-4: oklch(88.5% 0 0);--n-5: oklch(80.5% 0 0);--n-6: oklch(70.5% 0 0);--n-7: oklch(60.5% 0 0);--n-8: oklch(50.5% 0 0);--n-9: oklch(40.5% 0 0);--n-10: oklch(30.5% 0 0);--n-11: oklch(20.5% 0 0);--n-12: oklch(12.5% 0 0);--bg: var(--n-0);--bg-sunken: var(--n-1);--bg-raised: var(--n-0);--bg-hover: var(--n-2);--bg-active: var(--n-3);--bg-selected: var(--n-2);--bg-inverse: var(--n-12);--text: var(--n-12);--text-secondary: var(--n-9);--text-muted: var(--n-8);--text-faint: var(--n-6);--text-inverse: var(--n-0);--line: var(--n-3);--line-soft: var(--n-2);--line-strong: var(--n-5);--line-inverse: var(--n-10);--accent: oklch(62% .19 258);--accent-text: var(--accent);--accent-ink: oklch(100% 0 0);--accent-soft: color-mix(in oklab, var(--accent) 12%, transparent);--accent-line: color-mix(in oklab, var(--accent) 42%, transparent);--accent-hover: color-mix(in oklab, var(--accent) 88%, var(--n-12));--danger: oklch(58% .21 25);--danger-soft: color-mix(in oklab, var(--danger) 12%, transparent);--warning: oklch(72% .16 76);--success: oklch(62% .15 152);--font-ui: "Neue Haas", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Paper Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-2xs: .6875rem;--t-xs: .75rem;--t-sm: .8125rem;--t-md: .875rem;--t-lg: 1rem;--t-xl: 1.375rem;--t-2xl: 2rem;--t-3xl: 3.25rem;--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.55;--lh-loose: 1.7;--tr-tight: -.014em;--tr-snug: -.008em;--tr-wide: .06em;--tr-caps: .09em;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 20px;--s-8: 24px;--s-9: 32px;--s-10: 40px;--s-11: 56px;--s-12: 80px;--radius: 4px;--radius-sm: max(0px, calc(var(--radius) - 2px));--radius-lg: calc(var(--radius) * 2);--radius-full: 999px;--shadow-pop: 0 1px 2px oklch(0% 0 0 / .04), 0 8px 24px oklch(0% 0 0 / .08), 0 2px 6px oklch(0% 0 0 / .04);--shadow-modal: 0 24px 64px oklch(0% 0 0 / .16), 0 2px 8px oklch(0% 0 0 / .08);--dur-instant: 60ms;--dur-fast: .11s;--dur-base: .17s;--dur-slow: .26s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--rail-w: 52px;--sidebar-w: 232px;--list-w: clamp(360px, 27vw, 560px);--topbar-h: 44px;--reader-measure: 68ch;--pane-head-h: 38px;--row-h: 62px;--row-pad-y: var(--s-4);--row-gap: var(--s-1);--ctl-h: 28px;--z-sticky: 10;--z-rail: 20;--z-pop: 100;--z-modal: 200;--z-toast: 300}:root[data-density=compact]{--row-h: 32px;--row-pad-y: var(--s-2);--row-gap: 0px;--ctl-h: 24px}:root[data-density=cosy]{--row-h: 62px;--row-pad-y: var(--s-4);--row-gap: var(--s-1);--ctl-h: 28px}:root[data-density=relaxed]{--row-h: 84px;--row-pad-y: var(--s-5);--row-gap: var(--s-2);--ctl-h: 32px}:root[data-theme=dark]{--n-0: oklch(14.5% 0 0);--n-1: oklch(17.5% 0 0);--n-2: oklch(21.5% 0 0);--n-3: oklch(26% 0 0);--n-4: oklch(32% 0 0);--n-5: oklch(40% 0 0);--n-6: oklch(50% 0 0);--n-7: oklch(60% 0 0);--n-8: oklch(69% 0 0);--n-9: oklch(78% 0 0);--n-10: oklch(87% 0 0);--n-11: oklch(94% 0 0);--n-12: oklch(98% 0 0);--bg-raised: var(--n-1);--accent-ink: oklch(14.5% 0 0);--accent-soft: color-mix(in oklab, var(--accent) 20%, transparent);--accent-hover: color-mix(in oklab, var(--accent) 88%, var(--n-12));--shadow-pop: 0 1px 2px oklch(0% 0 0 / .3), 0 8px 28px oklch(0% 0 0 / .45);--shadow-modal: 0 24px 72px oklch(0% 0 0 / .6), 0 2px 8px oklch(0% 0 0 / .4)}:root[data-contrast=high]{--line: var(--n-6);--line-soft: var(--n-4);--text-secondary: var(--n-11);--text-muted: var(--n-10);--text-faint: var(--n-8)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--t-sm);line-height:var(--lh-normal);letter-spacing:var(--tr-snug);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{user-select:none;isolation:isolate}input,textarea,[contenteditable],[data-selectable]{user-select:text}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg,video{display:block;max-width:100%}svg{flex-shrink:0}::selection{background:var(--accent-soft);color:var(--text)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--n-4) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--n-4);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--n-5);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}.label{font-family:var(--font-ui);font-size:var(--t-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint)}.mono{font-family:var(--font-mono);font-feature-settings:"kern" 1}.tnum{font-variant-numeric:tabular-nums}mark.hit{background:var(--accent-soft);color:inherit;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--accent-line);padding:0 1px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-y{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}