::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent;border-radius:10px;position:relative}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#57534e,#44403c);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,#44403c,#292524);border:1px solid transparent;transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#292524,#1c1917);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,#44403c,#57534e);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,#57534e,#a8a29e);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,#a8a29e,#d6d3d1)}[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,#e7e5e4,#d6d3d1);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,#d6d3d1,#a8a29e);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,#a8a29e,#57534e)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#57534e transparent}html[data-theme=dark]{scrollbar-color:#57534e rgba(12,10,9,.4)}html[data-theme=light]{scrollbar-color:#d6d3d1 rgba(250,250,249,.4)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#57534e 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,#57534e,#44403c);border-radius:8px;border:1px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#44403c,#292524)}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,#6b4f1a 0,#966d22 25%,#b8892b 50%,var(--accent) 75%,#d9b45f 100%);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,#966d22 0,#b8892b 25%,var(--accent) 50%,#d9b45f 75%,#e8c882 100%);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 0,#6b4f1a 25%,#966d22 50%,#b8892b 75%,var(--accent) 100%);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,#b8892b 0,var(--accent) 25%,#d9b45f 50%,#e8c882 75%,#e8d3a3 100%);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,var(--accent) 0,#d9b45f 25%,#e8c882 50%,#e8d3a3 75%,#fef3c7 100%);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,rgb(var(--accent-rgb)/.4),rgb(var(--accent-rgb)/.6));border-radius:6px;border:1px solid transparent;background-clip:content-box}.mobile-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgb(var(--accent-rgb)/.6),rgb(var(--accent-rgb)/.8))}[data-theme=dark] .mobile-dropdown-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgb(var(--accent-rgb)/.3),rgb(var(--accent-rgb)/.5))}[data-theme=dark] .mobile-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgb(var(--accent-rgb)/.5),rgb(var(--accent-rgb)/.7))}.mobile-dropdown-fade-bottom:after{bottom:0;background:linear-gradient(transparent,rgb(var(--accent-rgb)/.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(rgb(var(--accent-rgb)/.1),transparent)}[data-theme=dark] .mobile-dropdown-fade-bottom:after{background:linear-gradient(transparent,rgb(var(--accent-rgb)/.15))}[data-theme=dark] .mobile-dropdown-fade-top:before{background:linear-gradient(rgb(var(--accent-rgb)/.15),transparent)}.mobile-dropdown-scroll{isolation:isolate;touch-action:pan-y}