.frame{position:relative;width:554px;height:554px;border-radius:20px;overflow:hidden;background:var(--page);padding:30px 34px;display:flex;flex-direction:column;box-shadow:0 18px 40px -26px rgba(40,60,30,.5)}.frame .head{display:flex;align-items:center;gap:14px;flex:none}.frame .track{flex:1;height:9px;border-radius:100px;background:var(--sk-track);overflow:hidden}.frame .track i{display:block;height:100%;width:0;border-radius:100px;background:var(--sk-green)}.frame .x{flex:none;width:34px;height:34px;border-radius:50%;background:var(--sk-mute);color:var(--sk-mute-ink);font-size:17px;font-weight:800;display:grid;place-items:center}.stack{position:relative;flex:1;margin-top:18px}.sc{position:absolute;inset:0-34px -30px;padding:0 34px 30px;background:var(--page);display:flex;flex-direction:column;transition:opacity .34s ease,transform .34s cubic-bezier(.2,.7,.3,1)}.sc.enter{opacity:0;transform:translateX(30px)}.sc h2{font-size:25px;font-weight:800;line-height:1.16;letter-spacing:-.015em;margin:0 0 16px;text-wrap:pretty}.scen{background:var(--card);border-radius:18px;padding:14px 14px 16px;margin-bottom:16px}.scen .who{font-size:13px;font-weight:600;color:var(--sk-who);margin:2px 0 8px 4px}.scen .say{background:var(--bub);border-radius:15px;padding:12px 14px;font-size:16px;font-weight:500;line-height:1.4;color:var(--sk-say-ink);text-wrap:pretty}.opts{display:flex;flex-direction:column;gap:11px}.opt{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--idle-line);border-radius:15px;padding:14px 16px;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink);text-wrap:pretty;transition:background .22s ease,border-color .22s ease,color .22s ease}.opt .dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--sk-dot-line);background:var(--card);display:grid;place-items:center;color:#fff;transition:border .18s ease,background .18s ease}.opt.dim{background:var(--sk-dim);border-color:transparent;color:var(--sk-dim-ink)}.opt.dim .dot{border-color:var(--sk-dim-line)}.opt.pick{background:var(--pick);border-color:var(--pick-line)}.opt.pick .dot{border:6px solid var(--sk-pick-ring);background:var(--card)}.opt.right{background:var(--sk-green-soft);border-color:var(--sk-green-line);color:var(--sk-on-soft)}.opt.right .dot{border:0;background:var(--sk-green)}.explain{font-size:15px;font-weight:800;color:var(--sk-green-deep);margin-top:15px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.explain.show{opacity:1;transform:none}.cta{margin-top:auto;border-radius:100px;padding:16px;text-align:center;font-size:17px;font-weight:800;transition:background .2s ease,color .25s ease}.cta.on{background:var(--sk-green);color:var(--sk-ink)}.cta.off{background:var(--sk-mute);color:var(--sk-off-ink)}.opt.press{background:var(--sk-press);border-color:var(--sk-press-line)}.cta.on.press{background:var(--sk-green-deep)}.cta.off.press{background:var(--sk-press-off)}.nc.press{background:var(--sk-press-green)}.cursor{position:absolute;left:50%;top:72%;width:38px;height:38px;margin:-19px 0 0-19px;border-radius:50%;border:2px solid var(--sk-green-deep);background:rgba(92,192,50,.16);display:grid;place-items:center;pointer-events:none;z-index:6;transition:left .55s cubic-bezier(.4,0,.2,1),top .55s cubic-bezier(.4,0,.2,1)}.cursor s{width:7px;height:7px;border-radius:50%;background:var(--sk-green-deep);text-decoration:none}.cursor.tap{animation:tapring .5s cubic-bezier(.2,.7,.3,1)}@keyframes tapring{0%{transform:scale(1)}30%{transform:scale(.62);background:rgba(70,147,38,.34)}to{transform:scale(1)}}.sc.intro .introbody{margin:auto 0;display:flex;flex-direction:column;gap:12px}.eyebrow{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-green-deep);margin:0}.sc h2.big{font-size:36px;line-height:1.06;letter-spacing:-.025em;margin:0}.introp{font-size:17px;font-weight:500;line-height:1.45;color:var(--sk-body);margin:0;max-width:400px;text-wrap:pretty}.sc.done{align-items:center;text-align:center}.confetti{position:absolute;left:50%;top:44%;width:0;height:0;pointer-events:none;z-index:4}.confetti i{position:absolute;left:0;top:0;width:var(--w);height:var(--h);border-radius:1.5px;opacity:0;animation:burst var(--d) cubic-bezier(.15,.7,.3,1) forwards}@keyframes burst{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}.tick{width:96px;height:96px;border-radius:50%;background:var(--sk-green);display:grid;place-items:center;color:var(--sk-ink);margin:18px auto 0;box-shadow:0 16px 30px -18px rgba(60,140,30,.7)}.tk{display:block}.sc.done h3{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:20px 0 10px}.sc.done p{font-size:17px;font-weight:500;line-height:1.45;color:var(--sk-body);margin:0 0 18px;text-wrap:pretty}.chip{display:inline-flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--sk-green-line);border-radius:100px;padding:12px 22px;font-size:15px;font-weight:800;color:var(--sk-on-soft)}.chip s{color:var(--sk-green-deep);text-decoration:none;display:grid;place-items:center}.nextcards{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto}.nc{display:flex;align-items:center;gap:10px;text-align:left;border-radius:17px;padding:16px 18px;background:var(--sk-green-soft);border:1px solid var(--sk-green-line)}.nc div{flex:1}.nc b{display:block;font-size:17px;font-weight:800;color:var(--sk-on-soft)}.nc i{flex:none;font-size:19px;font-weight:800;color:var(--sk-green-deep);font-style:normal}