.category-panel[data-v-2ccc6d68]{margin-bottom:20px}.category-nav-wrapper[data-v-2ccc6d68]{align-items:center;display:flex;gap:8px;position:relative}.category-nav[data-v-2ccc6d68]{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.category-btn[data-v-2ccc6d68]{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:40px;color:#cbd5e1;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.category-btn[data-v-2ccc6d68]:hover{background:#1e2a3a;border-color:#60a5fa;color:#93c5fd}.category-btn.active[data-v-2ccc6d68]{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.expand-btn[data-v-2ccc6d68]{background:#1e293b;color:#94a3b8;flex-shrink:0}.expand-btn[data-v-2ccc6d68]:hover{border-color:#60a5fa;color:#93c5fd}.expand-btn.active[data-v-2ccc6d68]{background:#334155;border-color:#60a5fa;color:#fff}.arrow-icon[data-v-2ccc6d68]{font-size:.7rem;margin-left:2px}.expanded-categories[data-v-2ccc6d68]{background:#1e293b99;border:1px dashed #334155;border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px}.extra-category[data-v-2ccc6d68]{background:#0f172a}.slide-fade-enter-active[data-v-2ccc6d68]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-2ccc6d68]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-2ccc6d68],.slide-fade-leave-to[data-v-2ccc6d68]{opacity:0;transform:translateY(-10px)}@media (max-width:359px){.category-btn[data-v-2ccc6d68]{font-size:.75rem;padding:6px 10px}.category-nav[data-v-2ccc6d68],.category-nav-wrapper[data-v-2ccc6d68]{gap:6px}}@media (min-width:360px) and (max-width:479px){.category-btn[data-v-2ccc6d68]{font-size:.78rem;padding:6px 12px}.category-nav[data-v-2ccc6d68],.category-nav-wrapper[data-v-2ccc6d68]{gap:6px}}@media (min-width:480px) and (max-width:639px){.category-btn[data-v-2ccc6d68]{font-size:.8rem;padding:7px 14px}}@media (min-width:768px){.expand-btn[data-v-2ccc6d68]{display:none}}@media (hover:none) and (pointer:coarse){.category-btn[data-v-2ccc6d68]:hover{background:#1e293b;border-color:#334155;color:#cbd5e1}.category-btn.active[data-v-2ccc6d68]:hover{background:#2563eb;border-color:#2563eb;color:#fff}.category-btn[data-v-2ccc6d68]:active{background:#1e2a3a;border-color:#60a5fa;color:#93c5fd}.category-btn.active[data-v-2ccc6d68]:active{background:#2563eb;border-color:#2563eb;color:#fff}}