.gaze-calibration{z-index:100;background:#f7faf5f7;position:fixed;inset:0;overflow:hidden}.gaze-calibration-copy{top:max(18px,env(safe-area-inset-top));color:#173a3d;text-align:center;background:#fff;border:1px solid #bcd9d2;border-radius:16px;flex-direction:column;gap:4px;min-width:min(420px,100% - 120px);padding:12px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #254c421a}.gaze-calibration-copy span{color:#6a8180;font-size:12px;font-weight:700}.gaze-calibration-target{--progress:0deg;background:conic-gradient(#f0a51a var(--progress),#dce7e1 0);border-radius:50%;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;transition:left .18s,top .18s;display:grid;position:absolute;box-shadow:0 5px 18px #173a3d33}.gaze-calibration-target:before{content:"";background:#087f7a;border-radius:50%;position:absolute;inset:7px}.gaze-calibration-target span{background:#fff;border-radius:50%;width:10px;height:10px;position:relative}.gaze-calibration>button{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));color:#173a3d;background:#fff;border:1px solid #b8d4cd;border-radius:12px;min-height:44px;padding:0 18px;font-weight:850;position:absolute}@media (max-width:600px){.gaze-calibration-copy{min-width:calc(100% - 24px);padding:9px 12px;top:10px}.gaze-calibration-target{width:50px;height:50px;margin:-25px 0 0 -25px}}