.eye-stage{aspect-ratio:1;isolation:isolate;width:100%;position:relative;overflow:visible}.eye-ball{clip-path:ellipse(50% 38%);width:100%;height:100%;box-shadow:0 18px 36px -8px #0000008c,0 6px 14px #00000059,inset 0 -14% 24% #3c1e0059,inset 0 10% 18% #fff6;background:radial-gradient(80% 60% at 50% 35%,#fffdf3,#f1ead5 55%,#cfc3a3 85%,#8a7c5c);border-radius:50%/65%;transition:clip-path .42s cubic-bezier(.22,1,.36,1);position:relative}.eye-ball:before{content:"";z-index:0;pointer-events:none;clip-path:ellipse(50% 38%);mix-blend-mode:multiply;background:radial-gradient(80% 60% at 50% 35%,#fffdf3,#f1ead5 55%,#cfc3a3 85%,#8a7c5c),repeating-radial-gradient(circle at 30% 40%,#0000000d 0 2px,#0000 2px 7px),repeating-radial-gradient(circle at 70% 60%,#0000000a 0 1px,#0000 1px 5px),radial-gradient(70% 40% at 12%,#b41e1e38,#0000 65%),radial-gradient(70% 40% at 88%,#b41e1e38,#0000 65%),radial-gradient(at 50% 90%,#0006,#0000 55%);border-radius:50%/65%;position:absolute;inset:0}.eye-iris{background:radial-gradient(circle at center,color-mix(in oklab,var(--eye-color,#222) 55%,black) 0%,var(--eye-color,#222) 45%,black 100%);border:10px solid var(--eye-color,var(--color-ink));z-index:2;border-radius:9999px;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #00000073,0 0 14px #0006}.eye-pupil{z-index:3;will-change:transform;background:#000;border-radius:9999px;width:58%;height:58%;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .32s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #000000a6,inset 0 0 20px #00000080}.eye-pupil picture,.eye-pupil img{object-fit:cover;filter:contrast(1.08)saturate(1.05);width:100%;height:100%;display:block}.eye-badge:hover .eye-stage,.eye-badge:focus-visible .eye-stage{transform:translateY(-8px)scale(1.01)}.eye-badge:hover .eye-pupil,.eye-badge:focus-visible .eye-pupil{filter:brightness(1.06);transform:translate(-50%,-50%)scale(1.4)}.eye-badge:hover .eye-iris,.eye-badge:focus-visible .eye-iris{animation:.9s ease-in-out infinite alternate iris-pulse}@keyframes iris-pulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(.96)}}.eye-shine{z-index:4;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 35% 35%,#fff,#fff0 70%);border-radius:9999px;width:34%;height:34%;position:absolute;top:10%;left:18%}.eye-trip{z-index:5;pointer-events:none;mix-blend-mode:hue;opacity:0;filter:blur(8px)saturate(1.4);will-change:transform,opacity;animation:eye-trip var(--eye-dur,6s) ease-in-out infinite;animation-delay:var(--eye-delay,0s);background:conic-gradient(#f06,#fc0,#00ffd1,#8a2be2,#f39,#fc0,#f06);border-radius:9999px;position:absolute;inset:-10%}@keyframes eye-trip{0%,84%,to{opacity:0;transform:rotate(0)scale(.9)}88%{opacity:.95;filter:blur(6px)hue-rotate(120deg)saturate(1.8);transform:rotate(180deg)scale(1.25)}92%{opacity:.75;filter:blur(10px)hue-rotate(240deg)saturate(1.6);transform:rotate(360deg)scale(1.1)}96%{opacity:0;transform:rotate(420deg)scale(1)}}.eye-lid{z-index:20;pointer-events:none;will-change:transform;background:radial-gradient(ellipse 70% 110% at 50% 50%,color-mix(in oklab,var(--eye-color,#222) 55%,white),color-mix(in oklab,var(--eye-color,#222) 38%,var(--color-lavender)) 35%,color-mix(in oklab,var(--eye-color,#222) 22%,var(--color-lavender)) 65%,color-mix(in oklab,var(--eye-color,#222) 10%,var(--color-lavender)));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:116%;height:58%;animation-duration:var(--eye-dur,6s);animation-delay:var(--eye-delay,0s);animation-timing-function:cubic-bezier(.7,0,.3,1);animation-iteration-count:infinite;position:absolute;left:-8%;box-shadow:inset 0 0 22px 4px #00000047,inset 0 0 0 1px #ffffff14}.eye-lid:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(55% 38% at 50% 28%,#ffffff6b,#ffffff1f 45%,#0000 70%);position:absolute;inset:0}.eye-lid--bottom:before{background:radial-gradient(55% 38% at 50% 72%,#ffffff59,#ffffff1a 45%,#0000 70%)}.eye-lid--top{border-radius:100% 100% 0 0/85% 85% 0 0;animation-name:eye-blink-top;top:0;transform:translateY(-96%)}.eye-lid--bottom{border-radius:0 0 100% 100%/0 0 85% 85%;animation-name:eye-blink-bottom;bottom:0;transform:translateY(96%)}@keyframes eye-blink-top{0%,84%,to{transform:translateY(-96%)}89%{transform:translateY(-8%)}92%{transform:translateY(0)}95%{transform:translateY(-8%)}}@keyframes eye-blink-bottom{0%,84%,to{transform:translateY(96%)}89%{transform:translateY(8%)}92%{transform:translateY(0)}95%{transform:translateY(8%)}}.eye-lid:after{content:"";pointer-events:none;border-radius:inherit;filter:blur(.4px);background:repeating-linear-gradient(90deg,#000000e6 0 2px,#0000 2px 5px,#000000a6 5px 7px,#0000 7px 11px);position:absolute;inset:0;box-shadow:inset 0 -3px 4px #0000008c,inset 0 -10px 22px #00000059;-webkit-mask:linear-gradient(#0000 0 calc(100% - 2px),#000 calc(100% - 2px) 100%);mask:linear-gradient(#0000 0 calc(100% - 2px),#000 calc(100% - 2px) 100%)}.eye-lid--bottom:after{box-shadow:inset 0 3px 4px #0000008c,inset 0 10px 22px #00000059;-webkit-mask:linear-gradient(#000 0 2px,#0000 2px 100%);mask:linear-gradient(#000 0 2px,#0000 2px 100%)}.eye-badge:hover .eye-lid,.eye-badge:focus-visible .eye-lid{animation-duration:2.2s}@keyframes eye-lid-top{0%,82%,to{transform:translateY(-92%)}88%{transform:translateY(-12%)}91%{transform:translateY(8%)}94%{transform:translateY(-12%)}}@keyframes eye-lid-bottom{0%,82%,to{transform:translateY(92%)}88%{transform:translateY(12%)}91%{transform:translateY(-8%)}94%{transform:translateY(12%)}}@media(prefers-reduced-motion:reduce){.eye-stage,.eye-pupil,.eye-iris,.eye-lid,.eye-trip{transition:none!important;animation:none!important}.eye-badge:hover .eye-stage,.eye-badge:focus-visible .eye-stage{transform:none}.eye-trip{opacity:0}}