.cfn-screen>.screen__visual{grid-row:3}.cfn-screen>.screen__dock{grid-row:4}.cfn-stage{place-items:center;display:grid;position:absolute;inset:0;overflow:clip}.cfn-frame{--cfn-k:1;z-index:1;width:min(100cqw * var(--cfn-k), 100cqh * var(--cfn-k) * 3 / 2);height:min(100cqh * var(--cfn-k), 100cqw * var(--cfn-k) * 3 / 2);border-radius:var(--r-lg);position:relative;overflow:hidden}.cfn-frame--reveal{--cfn-k:.86;animation:cfn-reveal var(--dur-slow) var(--ease-out) both;box-shadow:0 0 0 3px #ffffffe6}@keyframes cfn-reveal{0%{opacity:0;scale:calc(1 - .06 * var(--motion))}}.cfn-stage>.cfn-burst{z-index:2}.cfn-stage>.cfn-burst:before{display:none}@media (prefers-reduced-motion:reduce){.cfn-frame--reveal{box-shadow:0 0 0 3px #ffffffe6, 0 0 5cqmin 2cqmin color-mix(in srgb, var(--sun) 55%, transparent)}}.cfn-scene{width:100%;max-width:none;height:100%;overflow:visible}.cfn-dot{aspect-ratio:1;background:#000;border-radius:50%;width:clamp(10px,2.4cqmin,16px);position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 2px #fff}.cfn-screen[data-scene=gray]>.screen__dock{animation:none}.cfn-dockbox{align-content:center;place-items:center;gap:var(--sp-2);height:var(--btn-h);display:grid}.cfn-timer{border-radius:var(--r-pill);background:#ffffff24;width:min(14rem,60%);height:4px;overflow:hidden}.cfn-timer__fill{border-radius:inherit;transform-origin:0;height:100%;animation:cfn-timer var(--cfn-stare) linear both;background:#ffffff80;display:block}.cfn-timer__fill--full{animation:none}@keyframes cfn-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.cfn-timer__fill{animation-timing-function:steps(20,end)}}.cfn-keep{color:var(--on-stage-2);font-size:clamp(1.125rem,1rem + 1vw,1.5rem);font-weight:var(--fw-heavy);line-height:var(--lh-tight);text-align:center;text-wrap:balance}.btn-row.cfn-tip-row>.btn--ghost{flex:none}.cfn-eye{width:min(80cqw,120cqh,30rem);max-width:none;height:auto}