*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#080c11}.tab-bar{flex-wrap:wrap;padding:6px;margin:16px auto 0;max-width:calc(100% - 8px);background:#0b1624;border:1px solid #18263a;border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 8px 24px rgba(0,0,0,.2)}.tab-bar,.tab-btn{display:inline-flex;justify-content:center;gap:6px}.tab-btn{align-items:center;min-height:36px;padding:8px 12px;border:1px solid #243347;border-radius:10px;background:linear-gradient(180deg,#111d2e,#0d1520);color:#7a9ab8;font-size:11px;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.tab-btn:hover:not(.tab-btn--active){background:linear-gradient(180deg,#152436,#111d2e);border-color:#355070;color:#cdd8e8;box-shadow:0 2px 8px rgba(0,0,0,.2)}.tab-btn:active{transform:scale(.97)}.tab-btn--active{border-color:var(--tab-color);background:linear-gradient(180deg,color-mix(in srgb,var(--tab-color) 22%,#0d1520) 0,color-mix(in srgb,var(--tab-color) 10%,#0a1018) 100%);color:var(--tab-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--tab-color) 35%,transparent),0 4px 14px rgba(0,0,0,.35)}.tab-btn:focus-visible{outline:2px solid var(--tab-color);outline-offset:2px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.2;background:rgba(0,0,0,.25);color:inherit;opacity:.85}.tab-btn--active .tab-count{background:color-mix(in srgb,var(--tab-color) 25%,transparent);opacity:1}