.scroll-tray{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:visible;width:100%;min-width:0;padding:.5rem .25rem;display:flex;flex-wrap:nowrap}.scroll-tray::-webkit-scrollbar{display:none}.tray-fade{position:relative;max-width:100%}.tray-fade:before,.tray-fade:after{content:"";position:absolute;top:.5rem;bottom:.5rem;width:24px;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.tray-fade.show-fade-left:before{opacity:1}.tray-fade.show-fade-right:after{opacity:1}.tray-fade:before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.6),transparent)}.tray-fade:after{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.6),transparent)}.pill{display:inline-flex;align-items:center;border-radius:9999px;padding:.5rem .875rem;height:2.25rem;white-space:nowrap;font-size:.875rem;font-weight:500;transition:all .2s ease;background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;scroll-snap-align:start;flex-shrink:0;min-width:100px;justify-content:center}.pill:hover{transform:translateY(-2px);background:#fff6;border-color:#ffffff80;box-shadow:0 6px 20px #0000001a}.pill[data-active=true]{background:#fff9;box-shadow:0 6px 20px #00000026,0 0 0 2px currentColor}.pill-login{background:#6366f1e6;border-color:#6366f1b3;color:#fff;font-weight:600;min-width:110px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pill-login:hover{background:#4f46e5f2;border-color:#4f46e5cc;transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.floating-orb{position:absolute;border-radius:50%;pointer-events:none;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}}.pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.pill:hover:before{left:100%}.logo-home{display:flex;align-items:center;gap:.5rem}.logo-home img{width:24px;height:24px;object-fit:contain}.user-menu-glass{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026}.mobile-menu-glass{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 1024px){.pill{min-width:90px;padding:.4rem .75rem;font-size:.8rem}.pill-login{min-width:100px}}@media (max-width: 640px){.pill{min-width:80px;padding:.4rem .6rem;font-size:.75rem}.pill-login{min-width:90px;font-size:.75rem}.logo-home img{width:20px;height:20px}}