/* Ambient layers remain behind content; glass highlights never capture input. */
:root{--glass-light:#e9ddff24;--glass-edge:#d7c3ff36;--glow-violet:#a06af544;--glow-cyan:#66d9ff18}
.refresh-hero{padding-bottom:4rem}
.hero-haze{background:radial-gradient(ellipse at 82% 35%,var(--glow-violet),transparent 54%),radial-gradient(ellipse at 15% 55%,#b66fcd14,transparent 50%),radial-gradient(ellipse at 68% 85%,var(--glow-cyan),transparent 45%);animation:light-drift 16s ease-in-out infinite alternate;transform:translateY(var(--scroll-drift,0px))}
.refresh-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#c8b8ff0b 1px,transparent 1px),linear-gradient(90deg,#c8b8ff0b 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 75% 60%,black,transparent 70%);transform:translateY(var(--scroll-drift,0px))}
.refresh-hero::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#bba5ef06 3px 4px);mask-image:linear-gradient(90deg,transparent 35%,black);opacity:.6}
.avatar-scene{box-shadow:inset 0 0 35px #d5b7ff55,12px 12px 85px #9c60d84a,-20px -12px 85px #8bbfff25;animation:portrait-float 9s ease-in-out infinite}
.scene-sheen{background:radial-gradient(ellipse at 10% 0%,#c1deff46,transparent 50%),linear-gradient(120deg,#af9eff33,transparent 45%,#e89ee92b);box-shadow:inset 0 0 0 1px #f6eaff33,inset -14px 0 35px #d6a3ff35}
.scene-sheen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#05050728 3px 4px);opacity:.5}
.art-orbit{border-color:#d5c3ff46;box-shadow:0 0 18px #a77de110,inset 0 0 18px #a77de110;animation:orbit-breathe 12s ease-in-out infinite alternate}
.art-orbit::after{content:"";position:absolute;top:15%;left:13%;width:5px;height:5px;border-radius:50%;background:#e4d7ff;box-shadow:0 0 15px 3px #c7a5ff88}
.orbit-two{animation-delay:-6s}.art-word{animation:word-float 10s ease-in-out infinite;filter:drop-shadow(0 0 22px #aa76f028)}
.art-sticker{background:linear-gradient(135deg,#eee4ffef,#c4b1dfda);border:1px solid #fff6;backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #fff9,4px 5px 0 #57407188,0 10px 35px #0004;animation:sticker-float 8s ease-in-out infinite}
.available,.action-secondary,.refresh-stats .grid{background:linear-gradient(125deg,#d9c5ff14,#ffffff04 48%,#aa84d711);border-color:var(--glass-edge);backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #c4a4ef0b,0 15px 45px #0003}
.light-surface{position:relative;isolation:isolate}.light-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,50%),#e5cfff12,transparent 70%);box-shadow:inset 0 0 0 1px #e6d6ff22;transition:opacity .45s;z-index:2}.light-surface:hover::after{opacity:1}
.refresh-stats .grid{overflow:hidden}.refresh-stats .grid::before{content:"";position:absolute;width:35%;height:200%;left:-60%;top:-50%;pointer-events:none;background:linear-gradient(90deg,transparent,#eee4ff05,transparent);transform:rotate(25deg);animation:glass-pass 14s ease-in-out infinite}
.cursor-ring{border-color:#d2b9ff99!important;box-shadow:0 0 20px #b88bff2e,inset 0 0 10px #b88bff10;backdrop-filter:blur(1px);transition:width .3s,height .3s,border-color .3s,box-shadow .3s,background .3s}.cursor-ring.active{background:#c8b8ff0a!important;border-color:#e6d5ff!important;box-shadow:0 0 32px #bc8cff55,inset 0 0 18px #c8b8ff15}.cursor-dot{box-shadow:0 0 10px #d1b4ff99}.cursor-light-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9997}.reading-light{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8d65c9,#dac8ff,#9ac5e8);box-shadow:0 0 10px #c8b8ff88;transform-origin:left;z-index:9998;pointer-events:none}
.scroll-arrival{animation:arrive .9s cubic-bezier(.16,1,.3,1) both}
@keyframes arrive{from{opacity:.35;translate:0 26px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes light-drift{from{opacity:.7}to{opacity:1}}
@keyframes portrait-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-9px)}}
@keyframes word-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-6px)}}
@keyframes sticker-float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-9deg) translateY(5px)}}
@keyframes orbit-breathe{from{opacity:.45}to{opacity:1}}
@keyframes glass-pass{0%,70%{left:-60%}100%{left:130%}}
@media(pointer:coarse){.cursor-light-trail{display:none}.light-surface::after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-haze,.avatar-scene,.art-word,.art-sticker,.art-orbit,.refresh-stats .grid::before,.scroll-arrival{animation:none!important}.refresh-hero::before,.hero-haze{transform:none}.cursor-light-trail{display:none}.cursor-ring,.light-surface::after{transition:none}.scroll-arrival{opacity:1;filter:none;translate:none}}
.motion-toggle{display:block;margin:1.25rem auto 0;padding:.55rem .9rem;border:1px solid var(--glass-edge);border-radius:2rem;background:var(--glass);color:var(--soft);font:500 .7rem var(--font-sans);cursor:pointer}.motion-toggle:hover{color:var(--ink);border-color:var(--violet)}
.motion-on .avatar-scene{animation:portrait-float 9s ease-in-out infinite!important}.motion-on .hero-haze{animation:light-drift 16s ease-in-out infinite alternate!important}.motion-on .art-word{animation:word-float 10s ease-in-out infinite!important}.motion-on .art-sticker{animation:sticker-float 8s ease-in-out infinite!important}.motion-on .art-orbit{animation:orbit-breathe 12s ease-in-out infinite alternate!important}.motion-on .art-star{animation:star-turn 24s linear infinite!important}.motion-on .refresh-stats .grid::before{animation:glass-pass 14s ease-in-out infinite!important}.motion-on .scroll-arrival{animation:arrive .9s cubic-bezier(.16,1,.3,1) both!important}
@media(pointer:fine){.motion-on .cursor-light-trail{display:block}}
.motion-reduced .hero-haze,.motion-reduced .avatar-scene,.motion-reduced .art-word,.motion-reduced .art-sticker,.motion-reduced .art-orbit,.motion-reduced .art-star,.motion-reduced .refresh-stats .grid::before,.motion-reduced .scroll-arrival{animation:none!important}.motion-reduced .cursor-light-trail{display:none}