/* RawmWare liquid glass — shared overlay chrome for the desktop, Experiments, and AI Blog.
   Frosted refraction (blur + saturation), a specular rim, and a soft lens highlight.
   Falls back to a translucent paper fill where backdrop-filter is unsupported. */
:root{--glass-fill:rgba(255,255,255,.46);--glass-fill-strong:rgba(255,255,255,.62);--glass-rim:rgba(255,255,255,.85);--glass-edge:rgba(0,0,0,.14);--glass-shadow:0 10px 32px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.08);--glass-blur:blur(22px) saturate(190%) contrast(1.02);--glass-dark-fill:rgba(10,10,10,.55);--glass-dark-rim:rgba(255,255,255,.28)}
.glass,.brand,.menu-toggle,.home-footer>span,#motionToggle,.skip-link,.research-brand,.world-button,.blog-top{position:relative;isolation:isolate;overflow:hidden;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-rim),inset 0 -1px 0 rgba(0,0,0,.05),inset 1px 0 0 rgba(255,255,255,.45),inset -1px 0 0 rgba(255,255,255,.25);transition:background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.glass::before,.brand::before,.menu-toggle::before,.home-footer>span::before,#motionToggle::before,.research-brand::before,.world-button::before,.blog-top::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.18) 34%,rgba(255,255,255,0) 52%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.42) 100%)}
.glass::after,.brand::after,.menu-toggle::after,.research-brand::after{content:'';position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 60%);transform:translateX(-70%) skewX(-12deg);animation:glass-sheen 9s ease-in-out infinite}
@keyframes glass-sheen{0%,72%{transform:translateX(-80%) skewX(-12deg)}86%,100%{transform:translateX(80%) skewX(-12deg)}}
body.motion-paused .glass::after,body.motion-paused .brand::after,body.motion-paused .menu-toggle::after,body.motion-paused .research-brand::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.glass::after,.brand::after,.menu-toggle::after,.research-brand::after{animation:none}}
/* Homepage header */
.site-header .brand{border-radius:999px;padding:5px 18px 5px 6px;gap:12px}
.site-header .brand img{border-radius:50%;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.site-header .brand span{text-shadow:0 1px 0 rgba(255,255,255,.8)}
.site-header .brand:hover,.site-header .brand:focus-visible{background:var(--glass-fill-strong);transform:translateY(-1px)}
.menu-toggle{background:var(--glass-fill);border-radius:50%}
.menu-toggle:hover{background:var(--glass-fill-strong);transform:scale(1.04)}
.menu-toggle .menu-ring{inset:5px;border-width:2px;border-color:rgba(0,0,0,.08);border-top-color:#000;border-right-color:#000}
.menu-toggle .menu-word{background:transparent;padding:0;text-shadow:0 1px 0 rgba(255,255,255,.8)}
/* Homepage footer */
.home-footer>span{border-radius:12px;padding:7px 12px}
#motionToggle{border-radius:999px;padding:9px 16px;background:var(--glass-fill)}
#motionToggle:hover{background:rgba(10,10,10,.82);color:#fff;border-color:rgba(255,255,255,.35)}
.skip-link{border-radius:12px}
/* Menu drawer — dark glass */
.menu-panel{background:var(--glass-dark-fill);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);border-left:1px solid var(--glass-dark-rim);box-shadow:-20px 0 60px rgba(0,0,0,.35),inset 1px 0 0 rgba(255,255,255,.12)}
.menu-panel::backdrop{background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}
.menu-close{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Experiments world — brand and toolbar over the sphere */
.research-brand{border-radius:999px;padding:6px 16px 6px 6px;color:#f2f2f2;background:var(--glass-dark-fill);border-color:var(--glass-dark-rim);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.4)}
.research-brand::before{background:linear-gradient(118deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 34%,rgba(255,255,255,0) 52%,rgba(255,255,255,.05) 78%,rgba(255,255,255,.18) 100%)}
.research-brand::after{background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 60%)}
.research-brand img{border-radius:50%;background:rgba(255,255,255,.92)}
.research-brand span{color:#b9c3bb}
.world-button{border-radius:999px;background:var(--glass-dark-fill);color:#e6efe7;border-color:var(--glass-dark-rim);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.4)}
.world-button::before{background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.14) 100%)}
.world-button:hover{background:rgba(24,35,27,.7);border-color:#96d5a2;color:#fff}
/* AI Blog top bar — sticky glass */
.blog-top{position:sticky;top:0;z-index:20;background:var(--glass-dark-fill);border:0;border-bottom:1px solid var(--glass-dark-rim);box-shadow:0 8px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.blog-top::before{background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 45%,rgba(255,255,255,.08) 100%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.brand,.menu-toggle,.home-footer>span,#motionToggle,.skip-link{background:rgba(255,255,255,.92)}.menu-panel,.research-brand,.world-button,.blog-top{background:rgba(12,12,12,.94)}}
@media(max-width:600px){.site-header .brand{padding:4px 14px 4px 5px;gap:9px}.menu-toggle .menu-ring{inset:4px}.home-footer>span{border-radius:10px}}