/* Surfaces glass material — one optical language, clear content above the lens. */
:root{--sg-tint:rgba(22,27,34,.32);--sg-edge:rgba(255,255,255,.25);--sg-ink:#f4f6fc;--sg-shadow:0 8px 28px #0002,0 2px 5px #0001;--sg-rim:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff20,inset 0 -1px 0 #ffffff0b;--sg-frost:10px}
html[data-theme=light]{--sg-tint:rgba(248,250,255,.48);--sg-edge:rgba(255,255,255,.7);--sg-ink:#242936;--sg-shadow:0 8px 24px #25314c12,0 2px 5px #25314c08;--sg-rim:inset 0 1px 0 #ffffffcf,inset 1px 0 0 #ffffff65,inset 0 -1px 0 #ffffff30}
html body .immersive-hero-page,html body.immersive-hero-page,html body[data-view=wallpaper]{--sg-tint:rgba(24,30,39,.28);--sg-edge:rgba(255,255,255,.3);--sg-ink:#fff;--sg-rim:inset 0 1px 0 #ffffff75,inset 1px 0 0 #ffffff22,inset 0 -1px 0 #ffffff0c}
html body [data-sg-glass][data-sg-glass][data-sg-glass]{background:transparent!important;border:1px solid transparent!important;box-shadow:var(--sg-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;color:var(--sg-ink)!important;background-clip:padding-box!important;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
html body [data-sg-glass].sg-relative{position:relative!important}
html body [data-sg-glass][data-sg-glass][data-sg-glass]::before{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit!important;pointer-events:none!important;opacity:1!important;background:linear-gradient(135deg,#ffffff0a,#ffffff01 48%,#c7d9ff04),var(--sg-tint)!important;backdrop-filter:blur(var(--sg-frost)) saturate(1.35)!important;-webkit-backdrop-filter:blur(var(--sg-frost)) saturate(1.35)!important;box-shadow:none!important;transform:none!important;mask:none!important;-webkit-mask:none!important}
html.sg-refract body [data-sg-lens][data-sg-glass]::after{backdrop-filter:var(--sg-filter)!important;-webkit-backdrop-filter:var(--sg-filter)!important}
html body [data-sg-glass][data-sg-glass][data-sg-glass]::after{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit!important;pointer-events:none!important;background:radial-gradient(ellipse at var(--sg-x,24%) var(--sg-y,0%),#ffffff0d,transparent 65%)!important;opacity:1!important;transform:none!important;border:0!important;box-shadow:none!important}
html body [data-sg-glass][data-sg-glass]:focus-visible{outline:2px solid #b7dce9!important;outline-offset:4px!important}
@media(hover:hover){html body button[data-sg-glass]:hover,html body a[data-sg-glass]:hover,html body summary[data-sg-glass]:hover{border-color:#ffffff65!important;box-shadow:var(--sg-rim),0 10px 28px #0003!important}html body button[data-sg-glass]:active{box-shadow:inset 0 1px 7px #0002,var(--sg-rim)!important}}
/* Navigation selections stay readable, with the brand's gentle iridescence. */
html body .desktop-navigation>button.selected,html body .mobile-primary-bar>button.active,html body .mobile-primary-bar>button[aria-current=page]{background:linear-gradient(120deg,#c0e8e5e8,#d4d8fae8 52%,#edcddfe8)!important;color:#242936!important;border:1px solid #ffffff8a!important;box-shadow:inset 0 1px 0 #fff9,0 2px 8px #090e2010!important}
html body .desktop-navigation>button:not(.selected),html body .mobile-primary-bar>button:not(.active){color:var(--sg-ink)!important}
html body .wallpaper-floating-panel[data-sg-glass]{--sg-tint:rgba(15,23,31,.4);--sg-frost:14px;--sg-ink:#fff;border-radius:28px!important}
html body .settings-group[data-sg-glass]{--sg-frost:12px;--sg-tint:rgba(255,255,255,.025);--sg-edge:rgba(255,255,255,.12);--sg-shadow:0 8px 30px #00000006;--sg-rim:inset 0 1px 0 #ffffff0d}
html[data-theme=light] body .settings-group[data-sg-glass]{--sg-tint:rgba(255,255,255,.55);--sg-edge:rgba(220,226,237,.75);--sg-ink:#242936}
html body .settings-group select,html body .explore-search input,html body .studio-search-field input{color:inherit!important}
html body .site-header nav[data-sg-glass]{padding:12px 22px;gap:28px;border-radius:999px}
html body .site-header .nav-cta[data-sg-glass]{padding:12px 20px}
html body .hero-swatches[data-sg-glass]{--sg-frost:8px}
html body .site-header nav[data-sg-glass] a{color:inherit}
html body .chip[data-sg-glass]{--sg-frost:7px;--sg-tint:rgba(255,255,255,.035);--sg-edge:rgba(255,255,255,.16);--sg-rim:inset 0 1px #ffffff20;--sg-shadow:0 2px 6px #00000006}
html body .studio-search-field[data-sg-glass],html body .explore-search[data-sg-glass]{--sg-tint:rgba(255,255,255,.035);--sg-edge:rgba(255,255,255,.18);--sg-rim:inset 0 1px #ffffff25;--sg-shadow:0 3px 12px #00000008}
@media(max-width:999px){html body .mobile-primary-bar[data-sg-glass]{--sg-frost:9px}html body .dock .mobile-dock-search[data-sg-glass]{--sg-frost:9px}html body .wallpaper-floating-panel[data-sg-glass]{border-radius:26px!important}}
@supports not (backdrop-filter:blur(1px)){html body [data-sg-glass][data-sg-glass][data-sg-glass]{background:var(--surface,#20252e)!important}}
@media(prefers-reduced-transparency:reduce){html body [data-sg-glass][data-sg-glass][data-sg-glass]{background:var(--surface,#20252e)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body [data-sg-glass]::before,html body [data-sg-glass]::after{display:none!important}}
@media(prefers-reduced-motion:reduce){html body [data-sg-glass][data-sg-glass]{transition:none!important}}
@media(forced-colors:active){html body [data-sg-glass][data-sg-glass][data-sg-glass]{background:Canvas!important;color:CanvasText!important;border:1px solid ButtonText!important;box-shadow:none!important;backdrop-filter:none!important}html body [data-sg-glass]::before,html body [data-sg-glass]::after{display:none!important}}

/* The polished rim is above optics, so the lens never refracts its own border. */
html body [data-sg-glass]>.sg-polished-rim{position:absolute!important;inset:-1px!important;z-index:2!important;display:block!important;pointer-events:none!important;border-radius:inherit!important;border:1px solid var(--sg-edge)!important;box-shadow:var(--sg-rim)!important;background:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;mask:none!important;-webkit-mask:none!important}
@media(prefers-reduced-transparency:reduce){html body [data-sg-glass]>.sg-polished-rim{box-shadow:none!important}}

html body [data-sg-glass][data-sg-glass][data-sg-glass]::before,html body [data-sg-glass][data-sg-glass][data-sg-glass]::after{clip-path:inset(0 round var(--sg-radius,24px))!important;overflow:hidden!important}

@media(prefers-reduced-transparency:reduce){html body.immersive-hero-page [data-sg-glass][data-sg-glass][data-sg-glass],html body[data-view=wallpaper] [data-sg-glass][data-sg-glass][data-sg-glass]{background:#17222e!important;color:#fff!important}}