/* One Small Step (/focus/step/) */
#burst{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.st{animation:fin .55s cubic-bezier(.2,.8,.2,1) both}
.ask{display:grid;gap:16px;padding:22px 18px}
.q{font:400 26px/1.15 var(--serif);color:#eafcff;text-align:center}
.inrow{position:relative}
#task{width:100%;min-height:60px;padding:16px 64px 16px 18px;border-radius:18px;border:1px solid rgba(134,242,255,.4);background:rgba(4,3,16,.7);color:var(--ink);font:17px/1.3 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}
#task::placeholder{color:#7f7a8e}
#task:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(134,242,255,.18),0 0 24px rgba(134,242,255,.15)}
.cnt{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#7f7a8e;pointer-events:none}
.today{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px auto 0;min-height:20px}
.today .beads{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:320px}
.today .bd{width:14px;height:14px;border-radius:50%;border:1px solid rgba(134,242,255,.3);background:rgba(134,242,255,.05)}
.today .bd.on{border-color:rgba(255,240,200,.9);background:radial-gradient(circle at 40% 35%,#fff 0,#ffe08a 35%,#d4a537 70%);box-shadow:0 0 10px rgba(255,224,138,.8),0 0 22px rgba(134,242,255,.35)}
.today .bd.new{animation:pop .9s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.5)}100%{transform:scale(1)}}
.today .tl{font-size:13px;letter-spacing:.06em;color:var(--mute)}
.today.big .bd{width:20px;height:20px}.today.big .tl{font-size:14.5px}
.loader{position:relative;width:120px;height:120px;margin:60px auto 18px}
.loader i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #86f2ff,0 0 26px #5a46f0;animation:orbit 1.6s linear infinite}
.loader i:nth-child(2){animation-duration:1.1s;animation-direction:reverse;background:#ffe08a}.loader i:nth-child(3){animation-duration:2.1s}.loader i:nth-child(4){animation-duration:1.4s;animation-direction:reverse;background:#d6b8ff}.loader i:nth-child(5){animation-duration:2.6s}
@keyframes orbit{from{transform:rotate(0) translateX(46px) rotate(0)}to{transform:rotate(360deg) translateX(46px) rotate(-360deg)}}
.loader i:nth-child(2n){--r:30px}
.ltxt{text-align:center;color:var(--mute);font-style:italic;font-family:var(--serif);font-size:22px}
#s-step{text-align:center;padding-top:10px}
.step{margin:6px auto 12px;max-width:520px;font:400 clamp(34px,8.4vw,52px)/1.1 var(--serif);color:#fff;text-shadow:0 0 30px rgba(134,242,255,.45);text-wrap:balance;outline:none}
.step::after{content:"";display:block;width:120px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#86f2ff,#ffe08a,transparent);box-shadow:0 0 12px #86f2ff;animation:shim 3s ease-in-out infinite alternate}
@keyframes shim{to{width:200px}}
.why{margin:0 auto 22px;max-width:420px;color:var(--mute);font:italic 400 19px/1.35 var(--serif)}
.mins{margin:0 0 20px}.lbl{margin:0 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.mins .chip{min-width:64px}
.btn.go{min-height:76px;font-size:22px;letter-spacing:.08em;max-width:360px;margin:0 auto;display:flex}
.btn.go svg{width:22px;height:22px}
.row2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:10px}
#s-run{text-align:center}
.runstep{margin:4px auto 4px;max-width:500px;font:400 clamp(26px,6.4vw,38px)/1.15 var(--serif);color:#fff;text-wrap:balance;outline:none}
.orbw{position:relative;width:min(80vw,360px,46vh);aspect-ratio:1;margin:6px auto 14px}
#orb{width:100%;height:100%;display:block}
.left{position:absolute;left:0;right:0;bottom:7%;margin:0;font:500 15px var(--sans);letter-spacing:.14em;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.pulse{position:absolute;left:0;right:0;top:-4px;margin:0;font:italic 400 21px var(--serif);color:#eafcff;opacity:0;transition:opacity 1.2s}
.pulse.on{opacity:1}
#s-run .btn{max-width:360px;margin:0 auto;display:flex}
.sw{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 6px;background:none;border:0;color:var(--mute);font:14px var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sw .tg{position:relative;width:40px;height:24px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);transition:background .2s}
.sw .tg::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#ddd;transition:transform .2s}
.sw[aria-checked="true"] .tg{background:rgba(134,242,255,.45)}.sw[aria-checked="true"] .tg::after{transform:translateX(16px);background:#fff}
.sw:focus-visible{outline:1px solid var(--g);border-radius:8px}
.qc{text-align:center;padding:26px 18px 22px}
.qc .k{margin:0 0 6px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--g)}
.qc h2{margin:0 0 18px;font:400 clamp(30px,7vw,40px)/1.1 var(--serif);color:#fff;outline:none}
.qc .opts{display:grid;gap:10px}
.qc .opts.g2{grid-template-columns:1fr 1fr}
.opt{min-height:60px;padding:12px 16px;border-radius:18px;border:1px solid rgba(134,242,255,.3);background:rgba(134,242,255,.06);color:var(--ink);font:500 16.5px/1.25 var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.opt:hover,.opt:focus-visible{border-color:var(--g);background:rgba(134,242,255,.14);outline:none}
.opt:active{transform:scale(.97)}
.opt.pick{border-color:#ffe08a;background:rgba(255,224,138,.18);box-shadow:0 0 22px rgba(255,224,138,.35)}
.opt .e{font-size:20px;line-height:1;filter:saturate(.8)}
.dots{display:flex;justify-content:center;gap:6px;margin:16px 0 0}.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}.dots i.on{background:var(--g);box-shadow:0 0 8px var(--g)}
.fb{text-align:center;padding:26px 20px 22px}
.fb .k{margin:0 0 6px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gl)}
.fb h2{margin:0 0 14px;font:400 clamp(30px,7.4vw,42px)/1.1 var(--serif);color:#fff;outline:none;text-wrap:balance}
.fb #fbp p{margin:0 auto 12px;max-width:440px;color:#ddd6c8;font-size:16px}
.fb .quote{font:italic 400 20px/1.3 var(--serif);color:#eafcff}
.fb .r{display:grid;gap:10px;margin-top:20px}
@media (min-width:720px){main{max-width:620px}.qc .opts.g3{grid-template-columns:1fr 1fr 1fr}}
.fb #fbp p.quote{font:italic 400 22px/1.3 var(--serif);color:#eafcff;margin-bottom:16px}
.qc .opts.g2 .opt:last-child:nth-child(odd){grid-column:span 2}
@media (min-height:700px) and (min-width:720px){main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}}