:root{--r-key:10px;--r-plate:16px;--r-well:9px;--r-avatar:27%;--key-depth:3px;--key-press:2px;--key-face:linear-gradient(#f5fc1a,#e2fb19 25%,#c2f911 50%,#a2f20c 75%,#89eb06);--key-base:#0a660a;--key-hi:#ffffd2cc;--key-ink:#07130a;--key-dark-face:linear-gradient(#262b34,#1b1f26);--key-dark-base:#06070a;--key-shadow:inset 0 1px 0 var(--key-hi),inset 0 -2px 0 #00000014,0 var(--key-depth)0 var(--key-base),0 5px 10px #00000073;--key-shadow-down:inset 0 1px 0 var(--key-hi),0 calc(var(--key-depth) - var(--key-press))0 var(--key-base);--key-dark-shadow:inset 0 1px 0 #ffffff17,0 var(--key-depth)0 var(--key-dark-base),0 5px 10px #00000080;--key-dark-shadow-down:inset 0 1px 0 #ffffff0f,0 calc(var(--key-depth) - var(--key-press))0 var(--key-dark-base);--key-off-shadow:inset 0 2px 4px #0009;--plate-face:linear-gradient(#15181d,#0f1115);--plate-shadow:inset 0 1px 0 #ffffff0f,0 0 0 1px #050607,0 8px 20px #0006;--well-face:#07080a;--well-shadow:inset 0 2px 5px #000000bf,inset 0 -1px 0 #ffffff0a}.kbtn{border-radius:var(--r-key);color:var(--text);font-family:var(--ui);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:700;line-height:1.2;transition:transform .12s,box-shadow .12s,filter .2s,color .2s;display:inline-flex;position:relative}.kbtn.is-sm{padding:9px 15px;font-size:12px}.kbtn.is-block{width:100%;display:flex}.kbtn.is-caps{letter-spacing:.16em;text-transform:uppercase;font-size:12px}.kbtn.is-primary{background:var(--key-face);color:var(--key-ink);box-shadow:inset 0 1px 0 var(--key-hi),inset 0 -2px 0 #00000014,0 var(--key-depth)0 var(--key-base),0 5px 10px #00000073}.kbtn.is-dark{background:var(--key-dark-face);color:var(--text);box-shadow:inset 0 1px 0 #ffffff17,0 var(--key-depth)0 var(--key-dark-base),0 5px 10px #00000080}.kbtn.is-ghost{color:var(--dim);box-shadow:inset 0 0 0 1px var(--line-2)}.kbtn:hover:not(:disabled){filter:brightness(1.06)}.kbtn.is-ghost:hover:not(:disabled){color:var(--text);filter:none}.kbtn.is-primary:active:not(:disabled){transform:translateY(var(--key-press));box-shadow:inset 0 1px 0 var(--key-hi),0 calc(var(--key-depth) - var(--key-press))0 var(--key-base)}.kbtn.is-dark:active:not(:disabled){transform:translateY(var(--key-press));box-shadow:inset 0 1px 0 #ffffff0f,0 calc(var(--key-depth) - var(--key-press))0 var(--key-dark-base)}.kbtn:disabled{cursor:not-allowed;background:var(--panel);color:var(--dim-2);transform:translateY(var(--key-press));filter:none;box-shadow:inset 0 2px 4px #0009}.kbtn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.kbtn.is-me{letter-spacing:.1em;text-transform:uppercase;gap:9px;padding:4px 11px 4px 4px;font-size:11px}.kchev{border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);width:6px;height:6px;margin:0 2px;transform:translateY(-2px)rotate(45deg)}.kav{border-radius:var(--r-avatar);object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff29;flex:none;width:26px;height:26px;display:inline-block;box-shadow:0 1px #0009}.kplate{background:var(--plate-face);border-radius:var(--r-plate);box-shadow:var(--plate-shadow)}.kwell{background:var(--well-face);border-radius:var(--r-well);box-shadow:var(--well-shadow)}.kseg{border-radius:calc(var(--r-key) + 2px);background:var(--well-face);gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 2px 5px #000c,inset 0 -1px #ffffff0a}.kseg>*{border-radius:calc(var(--r-key) - 1px);color:var(--dim);white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.kseg>.is-on{background:var(--key-dark-face);color:var(--text);box-shadow:inset 0 1px #ffffff17,0 1px #040506}@media (prefers-reduced-motion:reduce){.kbtn{transition:none}}