.kh-sbar{--kb-strong:#141a33;--kb-soft:#262d4d;--kb-muted:#4e5677;--kb-acc:#2f42d4;--kb-line:rgba(62,83,235,.16);--kb-glass:rgba(255,255,255,.82);--kb-tint:rgba(62,83,235,.07);--kb-shadow:0 8px 20px -12px rgba(62,83,235,.5);border-bottom:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.74);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 12px 34px -18px rgba(62,83,235,.35)}.dark .kh-sbar{--kb-strong:#fff;--kb-soft:#dfe3ff;--kb-muted:#aab1d8;--kb-acc:#abb7ff;--kb-line:rgb(171 183 255/.2);--kb-glass:rgb(171 183 255/.06);--kb-tint:rgb(171 183 255/.08);--kb-shadow:none;border-bottom-color:rgb(171 183 255/.1);background:rgba(6,9,32,.74);box-shadow:none}.kh-sbar .kb-tabs{gap:4px}.kh-sbar .kb-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:3px 16px 0;border-radius:999px;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--kb-muted);transition:color .2s,background-color .2s,box-shadow .2s}.kh-sbar .kb-tab svg{flex-shrink:0;margin-top:-3px;color:var(--kb-muted);transition:color .2s}.kh-sbar .kb-tab:hover{color:var(--kb-strong);background:var(--kb-tint)}.kh-sbar .kb-tab.is-on{color:var(--kb-strong);font-weight:700;background:#fff;box-shadow:0 6px 16px -10px rgba(62,83,235,.6),inset 0 0 0 1px rgba(62,83,235,.14)}.dark .kh-sbar .kb-tab.is-on{background:rgb(171 183 255/.1);box-shadow:inset 0 0 0 1px rgb(171 183 255/.22)}.kh-sbar .kb-tab.is-on svg{color:var(--kb-acc)}.kh-sbar .kb-count{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-top:-3px;padding:1px 7px 0;border-radius:999px;font:700 12px/1 SF Pro Display,var(--font-sans),sans-serif;color:#fff;background:#3e53eb}.kh-sbar :is(button,a).rounded-full.border{border-color:var(--kb-line);background:var(--kb-glass);color:var(--kb-soft);box-shadow:var(--kb-shadow)}@media (hover:hover){.kh-sbar :is(button,a).rounded-full.border:hover{color:var(--kb-acc);border-color:rgb(62 83 235/.4);background:#fff}.dark .kh-sbar :is(button,a).rounded-full.border:hover{background:rgb(171 183 255/.12)}}.kh-sbar .kb-streak>button{min-height:44px;padding:3px 14px 0;border-radius:999px;font-size:14px}.kh-sbar .kb-streak>button svg{margin-top:-3px}.kh-sbar .kb-admin{gap:8px;padding:3px 16px 0;border:0;border-radius:999px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#141a6b,#2b37a8);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px -10px rgba(20,26,107,.6)}.kh-sbar .kb-admin svg{margin-top:-3px}@media (hover:hover){.kh-sbar .kb-admin:hover{color:#fff;background:linear-gradient(135deg,#1b2384,#3644c4)}}.dark .kh-sbar .kb-admin{color:#141a33;background:linear-gradient(135deg,#dfe3ff,#abb7ff);box-shadow:0 10px 22px -12px rgba(171,183,255,.6)}@media (hover:hover){.dark .kh-sbar .kb-admin:hover{color:#141a33;background:#fff}}.kh-sbar .kb-signin{padding:3px 18px 0;border-radius:999px;font-size:15px;background:linear-gradient(135deg,#3e53eb,#5163f2 55%,#7c8cff);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px -12px rgba(62,83,235,.85)}.kh-tabbar{border-top-color:rgba(255,255,255,.9);background:rgba(255,255,255,.86);box-shadow:0 -12px 30px -22px rgba(62,83,235,.45)}.dark .kh-tabbar{border-top-color:rgb(171 183 255/.12);background:rgba(10,15,51,.88);box-shadow:none}.kh-tabbar ul{padding-block:5px}.kh-tabbar .kb-tabbar-link{border-radius:16px;color:#5b6385;transition:color .2s,background-color .2s,box-shadow .2s}.dark .kh-tabbar .kb-tabbar-link{color:#aab1d8}.kh-tabbar .kb-tabbar-link.is-on{color:#fff;background:linear-gradient(135deg,#3e53eb,#5466ef);box-shadow:0 8px 18px -8px rgba(62,83,235,.7)}.dark .kh-tabbar .kb-tabbar-link.is-on{background:rgba(62,83,235,.4);box-shadow:inset 0 0 0 1px rgba(171,183,255,.3)}.kh-tabbar .kb-tabbar-link.is-on svg{color:#fff}