.eye-chart{--lens-r:46px;-webkit-user-select:none;user-select:none;touch-action:pan-y;font-size:clamp(10px,3.3vw,15px);position:relative}@media (min-width:768px){.eye-chart{--lens-r:60px}}@media (min-width:1024px){.eye-chart{font-size:17px}}.eye-chart__row{letter-spacing:.32em;padding-left:.32em;font-weight:700;line-height:1}.eye-chart__layer--blur{filter:blur(2.8px);opacity:.85}.eye-chart__layer--sharp{clip-path:circle(calc(var(--lens-r) - 4px) at var(--lens-x,50%) var(--lens-y,50%));position:absolute;inset:0}.lens-ring{width:calc(var(--lens-r) * 2);height:calc(var(--lens-r) * 2);transform:translate(calc(var(--lens-x,50%) - var(--lens-r)), calc(var(--lens-y,50%) - var(--lens-r)));border:4px solid var(--lens-rim);background:var(--lens-tint);box-shadow:inset 0 0 0 5px color-mix(in oklch, var(--foreground) 7%, transparent), 0 2px 8px color-mix(in oklch, var(--foreground) 14%, transparent);touch-action:none;cursor:grab;border-radius:9999px;outline:none;position:absolute;top:0;left:0}.lens-ring:active{cursor:grabbing}.lens-ring:focus-visible{box-shadow:0 0 0 3px var(--background), 0 0 0 6px var(--ring)}.lens-ring:after{content:"";border-radius:calc(var(--radius) * .5);background:var(--lens-rim);transform-origin:0;width:26px;height:10px;position:absolute;bottom:2px;right:-18px;transform:rotate(40deg)}.duo-half{transition:transform .16s ease-out}.duo-letters{letter-spacing:.2em;font-weight:800;line-height:1}@media (prefers-reduced-motion:no-preference){.duo-result{animation:.22s ease-out duo-in}.notice-card{animation:.26s ease-out notice-in}}@keyframes duo-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}