.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.5}.word{display:inline-block}
.focus-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex;position:relative}.focus-word{cursor:pointer;font-size:3rem;font-weight:900;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,#fff);width:1rem;height:1rem;filter:drop-shadow(0px 0px 4px var(--border-color,#fff));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}
.glass-surface{isolation:isolate;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--backdrop{background:linear-gradient(135deg,#ffffff52,#ffffff29);border:1px solid #ffffff59;box-shadow:0 10px 35px #11111a1a,0 10px 25px #11111a14,inset 0 1px #ffffff80,inset 0 -1px #ffffff40}.glass-surface--backdrop:after{content:"";border-radius:inherit;opacity:.35;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#fff6,#0000 40%),radial-gradient(circle at 80% 0,#ffffff4d,#0000 35%);position:absolute;inset:0}.glass-surface--fallback{-webkit-backdrop-filter:blur(14px)saturate(1.6)brightness(1.08);background:linear-gradient(135deg,#ffffff5c,#ffffff2e);border:1px solid #ffffff59;box-shadow:0 12px 36px #1f26872e,0 6px 18px #1f26871f,inset 0 1px #fff6,inset 0 -1px #fff3}.glass-surface--fallback:after{content:"";border-radius:inherit;opacity:.45;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 20%,#ffffff80,#0000 45%),linear-gradient(#ffffff26,#0000 60%);position:absolute;inset:1px}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(14px)saturate(1.6)brightness(1.15);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff2e;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.glass-surface--backdrop{background:linear-gradient(135deg,#ffffff24,#ffffff17);border:1px solid #ffffff29;box-shadow:0 10px 35px #00000040,0 10px 25px #0000002e,inset 0 1px #ffffff40,inset 0 -1px #ffffff24}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}
