.scroll-tray{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x proximity;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;width:100%;min-width:0;padding:.5rem .25rem;display:flex;flex-wrap:nowrap}.scroll-tray::-webkit-scrollbar{display:none}.tray-shell{position:relative;max-width:100%;overflow:hidden;padding-left:2.75rem;padding-right:2.75rem}.tray-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid rgba(255,255,255,.55);background:#ffffffd1;color:#475569;box-shadow:0 10px 24px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.tray-arrow:hover{transform:translateY(-50%) scale(1.05);background:#fffffff0;color:#1e293b;box-shadow:0 14px 28px #0f172a2e}.tray-arrow:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.tray-arrow svg{width:1rem;height:1rem}.tray-arrow-left{left:.375rem}.tray-arrow-right{right:.375rem}.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-icon{display:inline-flex;align-items:center;color:inherit}.pill-icon svg{width:1rem;height:1rem;fill:currentColor;stroke:currentColor}.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)}.mobile-menu-panel{max-height:calc(100dvh - 4rem);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}@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}}.pill-no-min{min-width:0}.pill-icon-btn{min-width:0;width:2.25rem;padding:0}.scroll-tray.no-snap{scroll-snap-type:none}