.eye-tono-move{transform:translateX(0)}.eye-tono-move.is-approach{animation:eye-tono-in var(--in-ms) cubic-bezier(.2,.7,.3,1) both}.eye-tono-move.is-flinch{transform:translateX(var(--away));animation:eye-tono-out .32s ease-out .12s both}.eye-tono-move.is-done{transform:translateX(var(--back));animation:eye-tono-back .5s ease-in-out .15s both}@keyframes eye-tono-in{0%{transform:translateX(var(--far))}to{transform:translateX(0)}}@keyframes eye-tono-out{0%{transform:translateX(0)}to{transform:translateX(var(--away))}}@keyframes eye-tono-back{0%{transform:translateX(0)}to{transform:translateX(var(--back))}}.eye-tono-tip{transform:translateX(var(--gap))}.eye-tono-tip.is-tapping{animation:eye-tono-tap var(--period) ease-in-out infinite}.eye-tono-tip.is-touch-once{animation:eye-tono-tap var(--period) ease-in-out 1}@keyframes eye-tono-tap{0%,to{transform:translateX(var(--gap))}42%,58%{transform:translateX(0)}}.eye-tono-dropper{animation:eye-tono-dropper-in .3s ease-out both}@keyframes eye-tono-dropper-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.eye-tono-drop{transform-box:fill-box;transform-origin:center;opacity:0;animation:eye-tono-fall .9s ease-in both}@keyframes eye-tono-fall{0%{opacity:.9;transform:translateY(.5px) scale(.2)}55%{opacity:.9;transform:translateY(.9px) scale(1)}92%{opacity:.9;transform:translateY(7px) scale(1)}to{opacity:0;transform:translateY(7.4px) scale(1.3,.6)}}.eye-tono.is-still *{animation:none!important}@media (prefers-reduced-motion:reduce){.eye-tono *{animation:none!important}}.eye-tono-lcd{position:absolute;top:4%;z-index:3;min-width:7.4em;padding:.35em .45em .45em;border-radius:10px;background:linear-gradient(#f8f9f8,#dde0dd);box-shadow:0 3px 12px rgba(20,30,28,.28),inset 0 0 0 1px rgba(40,50,48,.18);color:#1d2a1f;pointer-events:none;animation:eye-tono-lcd-in .25s ease-out both}.eye-tono-lcd.at-R{right:3%}.eye-tono-lcd.at-L{left:3%}@keyframes eye-tono-lcd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.eye-tono-lcd-name{margin:0 0 .25em .15em;color:#4a5654;font-size:.72em;font-weight:700;letter-spacing:.04em}.eye-tono-lcd-screen{padding:.3em .5em .35em;border-radius:5px;background:linear-gradient(#bccab8,#a7b6a3);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}.eye-tono-lcd-main{display:flex;align-items:baseline;gap:.25em}.eye-tono-lcd-num{min-width:1.3em;font-size:1.9em;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.eye-tono-lcd-p{font-size:1.1em;font-weight:700}.eye-tono-lcd-unit{font-size:.7em;font-weight:700}.eye-tono-lcd-data{display:flex;align-items:baseline;gap:.3em;font-size:.9em;font-weight:700;font-variant-numeric:tabular-nums}.eye-tono-lcd-data small{font-size:.7em}.eye-tono-lcd-ticks{display:flex;gap:3px;margin-top:.35em}.eye-tono-lcd-ticks i{width:6px;height:6px;border-radius:50%;background:rgba(29,42,31,.18)}.eye-tono-lcd-ticks i.is-on{background:#1d2a1f}@media (prefers-reduced-motion:reduce){.eye-tono-lcd{animation:none}}.eye-slit-eyepiece{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle closest-side at 50% 50%,transparent 0,transparent 90%,rgba(0,0,0,.8) 96%,#000 100%)}.eye-slit-drag{position:absolute;inset:0;z-index:1;cursor:ew-resize;touch-action:none;outline:none}.eye-slit-drag:focus-visible{box-shadow:inset 0 0 0 2px rgba(120,190,255,.7)}.eye-slit .eye-slit-glow{mix-blend-mode:screen}