/*! fluent-materials — ported from OpenAver feature/77 for openaver-demo (spec-22) */[data-theme="dim"]{--mica-canvas:radial-gradient(ellipse 95% 72% at 5% -8%,oklch(0.52 0.075 238 / 0.46),transparent 68%),radial-gradient(ellipse 80% 70% at 105% 32%,oklch(0.43 0.065 276 / 0.34),transparent 66%),linear-gradient(138deg,oklch(0.31 0.045 244) 0%,oklch(0.21 0.03 258) 48%,oklch(0.115 0.018 272) 100%);--glass-shell-gradient:linear-gradient(110deg,color-mix(in oklch,white 7%,transparent) 0%,transparent 34%,color-mix(in oklch,black 10%,transparent) 100%);--glass-shell-fill:oklch(0.17 0.018 258 / 0.48);--glass-shell-saturate:130%;--glass-shell-edge-top:color-mix(in oklch,white 11%,transparent);--glass-shell-edge-left:color-mix(in oklch,white 6%,transparent);--glass-shell-edge-bottom:color-mix(in oklch,black 16%,transparent);--glass-shell-border:color-mix(in oklch,white 14%,transparent);--glass-shell-mobile-gradient:linear-gradient(145deg,color-mix(in oklch,white 8%,transparent),transparent 42%,color-mix(in oklch,black 9%,transparent));--glass-shell-mobile-fill:oklch(0.17 0.018 258 / 0.52);--glass-shell-mobile-edge-top:color-mix(in oklch,white 10%,transparent);--glass-shell-mobile-edge-bottom:color-mix(in oklch,black 14%,transparent);--glass-shell-mobile-border:color-mix(in oklch,white 14%,transparent);--glass-caption-gradient:linear-gradient(150deg,color-mix(in oklch,white 16%,transparent) 0%,color-mix(in oklch,var(--color-primary) 8%,transparent) 36%,transparent 58%,color-mix(in oklch,black 18%,transparent) 100%);--glass-caption-fill:oklch(0.16 0.026 252 / 0.46);--glass-caption-fill-hover:oklch(0.15 0.024 252 / 0.62);--glass-caption-border-top:color-mix(in oklch,white 24%,transparent);--glass-caption-edge-top:color-mix(in oklch,white 15%,transparent);--glass-caption-edge-bottom:color-mix(in oklch,black 24%,transparent);--glass-overlay-fill-gradient:linear-gradient(155deg,oklch(0.29 0.035 244 / 0.68) 0%,oklch(0.18 0.025 258 / 0.72) 65%,oklch(0.11 0.018 272 / 0.92) 100%);--glass-overlay-border-gradient:linear-gradient(135deg,color-mix(in oklch,white 34%,transparent) 0%,color-mix(in oklch,white 11%,transparent) 38%,color-mix(in oklch,black 30%,transparent) 100%);--glass-overlay-saturate:130%;--glass-overlay-edge-top:color-mix(in oklch,white 22%,transparent);--glass-overlay-edge-bottom:color-mix(in oklch,black 28%,transparent);--glass-overlay-divider:color-mix(in oklch,white 13%,transparent);--media-frame-stroke:color-mix(in oklch,white 22%,transparent);--glass-edge-highlight-strong:color-mix(in oklch,white 22%,transparent);--glass-edge-highlight-mid:color-mix(in oklch,white 12%,transparent);--glass-edge-highlight-soft:color-mix(in oklch,white 7%,transparent);--glass-edge-lowlight-strong:color-mix(in oklch,black 24%,transparent);--glass-edge-lowlight-mid:color-mix(in oklch,black 16%,transparent);--glass-edge-lowlight-soft:color-mix(in oklch,black 10%,transparent)}[data-theme="light"]{--glass-shell-gradient:linear-gradient(110deg,color-mix(in oklch,white 55%,transparent) 0%,transparent 40%,color-mix(in oklch,var(--color-base-content) 6%,transparent) 100%);--glass-shell-fill:color-mix(in oklch,var(--color-base-100) 55%,transparent);--glass-shell-saturate:140%;--glass-shell-edge-top:color-mix(in oklch,white 75%,transparent);--glass-shell-edge-bottom:color-mix(in oklch,var(--color-base-content) 9%,transparent);--glass-shell-border:color-mix(in oklch,var(--color-base-content) 13%,transparent)}[data-theme="dim"] body.fluent-canvas.fluent-canvas{background:var(--mica-canvas);background-attachment:fixed}[data-theme="dim"] body.fluent-canvas.fluent-canvas .main-content{background-color:transparent}[data-theme="dim"] body.fluent-canvas.fluent-canvas::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:0.03;mix-blend-mode:soft-light;pointer-events:none;z-index:0}[data-theme="dim"] .showcase-container{background:transparent}[data-theme="dim"] .showcase-container::before{display:none}[data-theme="dim"] .demo-sidebar{background:var(--glass-shell-gradient),var(--glass-shell-fill);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));border-right-color:var(--glass-shell-border);box-shadow:inset 1px 0 0 var(--glass-shell-edge-left),inset -1px 0 0 var(--glass-shell-edge-left),var(--fluent-shadow-16)}[data-theme="dim"] .showcase-footer{background:var(--glass-shell-gradient),var(--glass-shell-fill);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));border-top-color:var(--glass-shell-border);box-shadow:inset 0 1px 0 var(--glass-shell-edge-top),inset 0 -1px 0 var(--glass-shell-edge-bottom),var(--fluent-shadow-8)}.showcase-toolbar{background:var(--glass-shell-gradient),var(--glass-shell-fill);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));border-bottom-color:var(--glass-shell-border);box-shadow:inset 0 1px 0 var(--glass-shell-edge-top),inset 0 -1px 0 var(--glass-shell-edge-bottom),var(--fluent-shadow-8)}@media (min-width:1024px){.showcase-toolbar{margin:0 1rem;border-radius:var(--fluent-radius-xl);border:1px solid var(--glass-shell-border);grid-template-columns:1fr min(var(--spotlight-width),100% - 30rem) 1fr}}[data-theme="dim"] .demo-mobile-topbar{background:var(--glass-shell-mobile-gradient),var(--glass-shell-mobile-fill);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));border-bottom-color:var(--glass-shell-mobile-border);box-shadow:inset 0 1px 0 var(--glass-shell-mobile-edge-top),inset 0 -1px 0 var(--glass-shell-mobile-edge-bottom),var(--fluent-shadow-8)}[data-theme="light"] .demo-mobile-topbar{background:var(--glass-shell-gradient),var(--glass-shell-fill);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-shell-saturate));border-bottom-color:var(--glass-shell-border);box-shadow:inset 0 1px 0 var(--glass-shell-edge-top),inset 0 -1px 0 var(--glass-shell-edge-bottom),var(--fluent-shadow-8)}[data-theme="dim"] :is(#ds-gallery-components,.ds-gallery-composition) .av-card-preview:not(.hero-card){background:transparent;border:1px solid var(--glass-edge-highlight-strong);box-shadow:inset 0 1px 0 var(--glass-caption-edge-top),0 0 0 1px var(--glass-edge-lowlight-strong),var(--fluent-shadow-16)}[data-theme="dim"] :is(#ds-gallery-components,.ds-gallery-composition) .av-card-preview:not(.hero-card)>.av-card-preview-footer{background:var(--glass-caption-gradient),var(--glass-caption-fill);border-top:1px solid var(--glass-caption-border-top);box-shadow:inset 0 1px 0 var(--glass-caption-edge-top),inset 0 -1px 0 var(--glass-caption-edge-bottom)}[data-theme="dim"] :is(#ds-gallery-components,.ds-gallery-composition) .av-card-preview:not(.hero-card)>.av-card-preview-footer .footer-hover{background:var(--glass-caption-gradient),var(--glass-caption-fill-hover)}[data-theme="dim"] :is(#ds-gallery-components,.ds-gallery-composition) .av-card-preview:not(.hero-card):hover{transform:translateY(-2px) scale(1.006);border-color:var(--glass-caption-border-top);box-shadow:inset 0 1px 0 var(--glass-caption-edge-top),0 0 0 1px var(--glass-edge-highlight-soft),var(--fluent-shadow-16)}[data-theme="dim"] .actress-card:hover{transform:translateY(-2px) scale(1.006);box-shadow:var(--fluent-shadow-8)}[data-theme="dim"] .actress-card>.actress-card-footer{background:var(--glass-caption-gradient),var(--glass-caption-fill);border-top:1px solid var(--glass-caption-border-top);box-shadow:inset 0 1px 0 var(--glass-caption-edge-top),inset 0 -1px 0 var(--glass-caption-edge-bottom)}[data-theme="dim"] .actress-card>.actress-card-footer .footer-hover{background:var(--glass-caption-gradient),var(--glass-caption-fill-hover)}@media (prefers-reduced-motion:reduce){[data-theme="dim"] :is(#ds-gallery-components,.ds-gallery-composition) .av-card-preview:not(.hero-card):is(:hover,:focus-within){transform:none}[data-theme="dim"] .actress-card:is(:hover,:focus-within){transform:none}}[data-theme="dim"] .lightbox-content{border:1px solid transparent;background:var(--glass-overlay-fill-gradient) padding-box,var(--glass-overlay-border-gradient) border-box;backdrop-filter:blur(var(--fluent-blur)) saturate(var(--glass-overlay-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur)) saturate(var(--glass-overlay-saturate));box-shadow:inset 0 1px 0 var(--glass-overlay-edge-top),inset 0 -1px 0 var(--glass-overlay-edge-bottom),var(--fluent-shadow-64)}[data-theme="dim"] .lightbox-metadata{background:transparent;border:0;border-top:1px solid var(--glass-overlay-divider);border-radius:0;box-shadow:none}[data-theme="dim"] .showcase-lightbox :is(.lightbox-close,.lightbox-similar-btn){background:var(--glass-edge-highlight-mid);border:1px solid var(--glass-edge-highlight-strong);backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-overlay-saturate));-webkit-backdrop-filter:blur(var(--fluent-blur-light)) saturate(var(--glass-overlay-saturate));box-shadow:var(--fluent-shadow-8)}[data-theme="dim"] .similar-main-static{border:1px solid var(--media-frame-stroke);box-sizing:border-box}[data-theme="dim"] .similar-slot{border-color:var(--media-frame-stroke)}