.category-panel[data-v-96ce982c]{margin-bottom:20px}.category-panel-bg[data-v-96ce982c]{background:linear-gradient(135deg,#1a2332,#151e2c);border:1px solid #2d3a4a;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:20px;position:relative}.category-panel-bg[data-v-96ce982c]:before{background:radial-gradient(circle at 30% 20%,rgba(96,165,250,.05) 0,transparent 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.category-nav-wrapper[data-v-96ce982c]{align-items:center;display:flex;gap:8px;position:relative;z-index:1}.category-nav[data-v-96ce982c]{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.category-btn[data-v-96ce982c]{align-items:center;background:#1e293bcc;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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.category-btn[data-v-96ce982c]:hover{background:#1e2a3ae6;border-color:#60a5fa;color:#93c5fd}.category-btn.active[data-v-96ce982c]{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.expand-btn[data-v-96ce982c]{background:#1e293bcc;color:#94a3b8;flex-shrink:0}.expand-btn[data-v-96ce982c]:hover{border-color:#60a5fa;color:#93c5fd}.expand-btn.active[data-v-96ce982c]{background:#334155;border-color:#60a5fa;color:#fff}.arrow-icon[data-v-96ce982c]{font-size:.7rem;margin-left:2px}.expanded-categories[data-v-96ce982c]{background:#0f172a80;border:1px dashed #334155;border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px;position:relative;z-index:1}.extra-category[data-v-96ce982c]{background:#0f172acc}.slide-fade-enter-active[data-v-96ce982c]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-96ce982c]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-96ce982c],.slide-fade-leave-to[data-v-96ce982c]{opacity:0;transform:translateY(-10px)}@media (max-width:359px){.category-panel-bg[data-v-96ce982c]{border-radius:16px;padding:12px}.category-btn[data-v-96ce982c]{font-size:.75rem;padding:6px 10px}.category-nav[data-v-96ce982c],.category-nav-wrapper[data-v-96ce982c]{gap:6px}}@media (min-width:360px) and (max-width:479px){.category-panel-bg[data-v-96ce982c]{border-radius:16px;padding:14px}.category-btn[data-v-96ce982c]{font-size:.78rem;padding:6px 12px}.category-nav[data-v-96ce982c],.category-nav-wrapper[data-v-96ce982c]{gap:6px}}@media (min-width:480px) and (max-width:639px){.category-panel-bg[data-v-96ce982c]{padding:16px}.category-btn[data-v-96ce982c]{font-size:.8rem;padding:7px 14px}}@media (min-width:768px){.expand-btn[data-v-96ce982c]{display:none}.category-panel-bg[data-v-96ce982c]{padding:20px 24px}}@media (hover:none) and (pointer:coarse){.category-btn[data-v-96ce982c]:hover{background:#1e293bcc;border-color:#334155;color:#cbd5e1}.category-btn.active[data-v-96ce982c]:hover{background:#2563eb;border-color:#2563eb;color:#fff}.category-btn[data-v-96ce982c]:active{background:#1e2a3ae6;border-color:#60a5fa;color:#93c5fd}.category-btn.active[data-v-96ce982c]:active{background:#2563eb;border-color:#2563eb;color:#fff}}