::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent;border-radius:10px;position:relative}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569);border-radius:10px;border:2px solid transparent;background-clip:content-box;transition:all .3s ease;position:relative}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155);border:1px solid transparent;transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#334155,#1e293b);transform:scale(.95)}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}[data-theme=dark] ::-webkit-scrollbar-track{background:rgba(15,23,42,.3);backdrop-filter:blur(8px)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.05)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.1)}[data-theme=dark] ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}[data-theme=light] ::-webkit-scrollbar-track{background:rgba(248,250,252,.3);backdrop-filter:blur(8px)}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(0,0,0,.05)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(0,0,0,.1)}[data-theme=light] ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#94a3b8,#64748b)}html{scrollbar-width:thin;scrollbar-color:#64748b transparent}[data-theme=dark] html{scrollbar-color:#475569 rgba(15,23,42,.3)}[data-theme=light] html{scrollbar-color:#e2e8f0 rgba(248,250,252,.3)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#64748b transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569);border-radius:8px;border:1px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155)}html{scroll-behavior:smooth}@keyframes scrollbar-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scrollbar-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scrollbar-glow{0%,to{box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3),0 0 10px rgba(139,92,246,.3)}}::-webkit-scrollbar-thumb{animation:scrollbar-fade-in .3s ease-in-out}.hero-scrollbar::-webkit-scrollbar{width:16px}.hero-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px;backdrop-filter:blur(10px)}.hero-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7);border-radius:10px;border:2px solid rgba(255,255,255,.3);animation:scrollbar-glow 3s ease-in-out infinite}.hero-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff5252,#26a69a 25%,#2196f3 50%,#66bb6a 75%,#ffca28);transform:scale(1.1);animation:scrollbar-pulse 1s ease-in-out infinite}@media (max-width:768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:6px}}.invisible-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.invisible-scrollbar::-webkit-scrollbar{display:none}.content-scrollbar::-webkit-scrollbar{width:12px}.content-scrollbar::-webkit-scrollbar-track{background:rgba(139,92,246,.1);border-radius:6px;border:1px solid rgba(99,102,241,.2)}.content-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#6366f1 25%,#3b82f6 50%,#06b6d4 75%,#10b981);border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.2)}.content-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5 25%,#2563eb 50%,#0891b2 75%,#059669);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 10px rgba(139,92,246,.4),inset 0 1px 0 rgba(255,255,255,.3);transform:scale(1.05)}.content-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#6d28d9,#4338ca 25%,#1d4ed8 50%,#0e7490 75%,#047857);transform:scale(.95)}.pottery-scrollbar::-webkit-scrollbar{width:14px}.pottery-scrollbar::-webkit-scrollbar-track{background:rgba(120,53,15,.1);border-radius:8px;border:1px solid rgba(180,83,9,.2)}.pottery-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#92400e,#b45309 25%,#d97706 50%,#f59e0b 75%,#fbbf24);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(146,64,14,.3),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1)}.pottery-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b45309,#d97706 25%,#f59e0b 50%,#fbbf24 75%,#fcd34d);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px rgba(146,64,14,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);transform:scale(1.05)}.pottery-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#78350f,#92400e 25%,#b45309 50%,#d97706 75%,#f59e0b);transform:scale(.95)}[data-theme=dark] .pottery-scrollbar::-webkit-scrollbar-track{background:rgba(180,83,9,.15);border:1px solid rgba(217,119,6,.3)}[data-theme=dark] .pottery-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d97706,#f59e0b 25%,#fbbf24 50%,#fcd34d 75%,#fde68a);box-shadow:0 2px 8px rgba(217,119,6,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.2)}[data-theme=dark] .pottery-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24 25%,#fcd34d 50%,#fde68a 75%,#fef3c7);box-shadow:0 4px 12px rgba(217,119,6,.5),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mobile-dropdown-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-dropdown-scroll::-webkit-scrollbar{width:6px}.mobile-dropdown-scroll::-webkit-scrollbar-track{background:transparent;border-radius:6px}.mobile-dropdown-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(0,220,130,.4),rgba(0,220,130,.6));border-radius:6px;border:1px solid transparent;background-clip:content-box}.mobile-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(0,220,130,.6),rgba(0,220,130,.8))}[data-theme=dark] .mobile-dropdown-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(0,220,130,.3),rgba(0,220,130,.5))}[data-theme=dark] .mobile-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(0,220,130,.5),rgba(0,220,130,.7))}.mobile-dropdown-fade-bottom:after{bottom:0;background:linear-gradient(transparent,rgba(0,220,130,.1))}.mobile-dropdown-fade-bottom:after,.mobile-dropdown-fade-top:before{content:"";position:absolute;left:0;right:0;height:20px;pointer-events:none;z-index:1}.mobile-dropdown-fade-top:before{top:0;background:linear-gradient(rgba(0,220,130,.1),transparent)}[data-theme=dark] .mobile-dropdown-fade-bottom:after{background:linear-gradient(transparent,rgba(0,220,130,.15))}[data-theme=dark] .mobile-dropdown-fade-top:before{background:linear-gradient(rgba(0,220,130,.15),transparent)}.mobile-dropdown-scroll{isolation:isolate;touch-action:pan-y}