.home-category-showcase{--showcase-surface:rgba(248, 251, 255, 0.9);--showcase-border:rgba(88, 126, 183, 0.2);--showcase-text:#17243a;--showcase-muted:#62738b;--showcase-accent:#577ce8;margin:0 0 34px;padding:30px;border:1px solid var(--showcase-border);border-radius:24px;color:var(--showcase-text);background:linear-gradient(145deg,var(--showcase-surface),rgba(238,244,255,.84));box-shadow:0 18px 46px rgba(20,47,84,.14);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);overflow:hidden}html.dark .home-category-showcase{--showcase-surface:rgba(9, 20, 38, 0.92);--showcase-border:rgba(125, 177, 247, 0.2);--showcase-text:#edf6ff;--showcase-muted:#9caec6;--showcase-accent:#77b8ff;background:linear-gradient(145deg,var(--showcase-surface),rgba(12,29,53,.9));box-shadow:0 20px 52px rgba(0,5,16,.36)}.home-category-showcase__header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.home-category-showcase__header>div:first-child>span{display:block;margin-bottom:5px;color:var(--showcase-accent);font-size:.73rem;font-weight:800;letter-spacing:.16em}.home-category-showcase__header h2{margin:0!important;color:var(--showcase-text)!important;font-size:clamp(1.55rem, 3vw, 2rem);line-height:1.14}.home-category-showcase__header p{max-width:640px;margin:7px 0 0!important;color:var(--showcase-muted)!important;font-size:.93rem;line-height:1.45}.home-category-showcase__controls{display:flex;flex:0 0 auto;gap:8px}.home-category-showcase__controls button{display:grid;width:39px;height:39px;border:1px solid var(--showcase-border);border-radius:50%;place-items:center;color:var(--showcase-text);background:color-mix(in srgb,var(--showcase-surface),transparent 2%);box-shadow:0 7px 18px rgba(25,55,96,.1);cursor:pointer;transition:color 180ms ease,background 180ms ease,transform 180ms ease}.home-category-showcase__controls button:focus-visible,.home-category-showcase__controls button:hover{color:#fff;background:var(--showcase-accent);transform:translateY(-2px)}.home-category-showcase__rail{padding:12px 12px 10px;border:1px solid color-mix(in srgb,var(--showcase-border),transparent 8%);border-radius:23px;background:color-mix(in srgb,var(--showcase-surface),rgba(5,18,39,.08) 12%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 28px rgba(16,38,72,.08);overflow:hidden}.home-category-showcase__viewport{display:grid;grid-auto-columns:calc((100% - 32px)/ 3);grid-auto-flow:column;gap:16px;margin:0;padding:3px 0 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}.home-category-showcase__viewport::-webkit-scrollbar{display:none}.home-category-showcase__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none}.home-category-showcase__viewport.is-loop-jump{scroll-behavior:auto!important;scroll-snap-type:none}.home-category-showcase__viewport.is-auto-moving{scroll-behavior:auto!important;scroll-snap-type:none}.home-category-showcase__autoplay{display:flex;min-height:18px;padding:4px 4px 0;gap:10px;align-items:center;color:var(--showcase-muted);font-size:.59rem;font-weight:800;letter-spacing:.12em}.home-category-showcase__autoplay>span:first-child{display:flex;gap:6px;align-items:center}.home-category-showcase__autoplay>span:first-child i{width:5px;height:5px;border-radius:50%;background:var(--showcase-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--showcase-accent),transparent 84%)}.home-category-showcase__progress{position:relative;height:3px;flex:1;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--showcase-muted),transparent 83%)}.home-category-showcase__progress>i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--showcase-accent),#9f7cff);box-shadow:0 0 10px color-mix(in srgb,var(--showcase-accent),transparent 38%);transform:scaleX(var(--category-autoplay-progress,0));transform-origin:left center}.home-category-showcase.is-autoplay-paused .home-category-showcase__autoplay>span:first-child i{background:var(--showcase-muted);box-shadow:none}.home-category-showcase.is-autoplay-advancing .home-category-showcase__progress>i{filter:brightness(1.25)}.home-category-card{min-width:0;scroll-snap-align:start}.home-category-card>a{position:relative;display:flex;min-height:254px;border:1px solid rgba(255,255,255,.22);border-radius:19px;align-items:flex-end;color:#fff!important;background-image:var(--category-cover);background-position:center;background-size:cover;box-shadow:0 13px 28px rgba(9,27,56,.22);isolation:isolate;overflow:hidden;text-decoration:none!important;transform:translateZ(0);transition:transform 220ms ease,box-shadow 220ms ease}.home-category-card>a::after{position:absolute;top:16px;right:16px;display:grid;width:32px;height:32px;border:1px solid rgba(255,255,255,.28);border-radius:50%;place-items:center;color:#fff;background:rgba(5,18,39,.38);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);content:"\f061";font-family:"Font Awesome 6 Pro";font-size:.82rem;font-weight:400;transition:transform .2s ease,background .2s ease}.home-category-card__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,9,24,.03) 4%,rgba(2,10,25,.38) 35%,rgba(2,10,26,.96) 100%)}.home-category-card__content{display:flex;min-width:0;padding:62px 18px 17px;flex:1;flex-direction:column}.home-category-card__label{display:flex;margin-bottom:7px;gap:7px;align-items:center;color:rgba(193,225,255,.96);font-size:.65rem;font-weight:800;letter-spacing:.12em}.home-category-card__content>strong{color:#fff;font-size:clamp(1.18rem, 2vw, 1.48rem);font-weight:850;line-height:1.12;text-shadow:0 2px 12px rgba(0,0,0,.62)}.home-category-card__description{display:-webkit-box;margin-top:14px;color:rgba(234,242,252,.84);font-size:.68rem;font-weight:450;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.home-category-card__meta{display:flex;margin-top:13px;padding-top:10px;border-top:1px solid rgba(255,255,255,.17);gap:8px;justify-content:space-between;color:rgba(224,238,252,.72);font-size:.67rem}.home-category-card>a:focus-visible,.home-category-card>a:hover{box-shadow:0 18px 34px rgba(8,31,67,.34);transform:translateY(-4px)}.home-category-card>a:focus-visible::after,.home-category-card>a:hover::after{background:var(--showcase-accent);transform:translateX(3px)}.home-category-showcase>footer{display:flex;margin-top:8px;gap:16px;align-items:center;justify-content:space-between;color:var(--showcase-muted);font-size:.78rem}.home-category-showcase>footer span{display:flex;gap:7px;align-items:center}.home-category-showcase>footer a{color:var(--showcase-accent)!important;font-weight:700}.home-category-showcase>footer a i{margin-left:4px;transition:transform 180ms ease}.home-category-showcase>footer a:hover i{transform:translateX(3px)}@media (max-width:900px){.home-category-showcase__viewport{grid-auto-columns:calc((100% - 16px)/ 2)}}@media (max-width:560px){.home-category-showcase{margin-bottom:24px;padding:20px;border-radius:20px}.home-category-showcase__header{align-items:center}.home-category-showcase__header p{font-size:.84rem}.home-category-showcase__controls{display:none}.home-category-showcase__viewport{grid-auto-columns:88%}.home-category-showcase__rail{padding:9px 9px 8px;border-radius:19px}.home-category-card>a{min-height:238px}.home-category-showcase>footer>span{display:none}.home-category-showcase>footer{justify-content:flex-end}.home-category-showcase__autoplay{padding-right:2px;padding-left:2px}}@media (prefers-reduced-motion:reduce){.home-category-showcase__viewport{scroll-behavior:auto}.home-category-card>a,.home-category-card>a::after,.home-category-showcase>footer a i,.home-category-showcase__controls button{transition:none}}