.kd{--kd-ac: #635bff;--kd-ink: var(--pg-ink, #1a1a1a);--kd-mute: var(--pg-ink-2, #5f6473);--kd-ease: cubic-bezier(.65, 0, .35, 1)}.kd-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kd-how[data-v]{grid-template-columns:minmax(0,1fr);gap:8px}.kd-how li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--pg-paper, #fff);border:1px solid var(--pg-line, #e6e4f5);font-size:15px;line-height:20px;font-weight:600;color:var(--kd-mute);transition:border-color .4s var(--kd-ease),color .4s,box-shadow .4s}.kd-how li[data-on="1"]{border-color:var(--kd-ac);color:var(--kd-ink);box-shadow:0 10px 24px -16px #635bff99}.kd-how b{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pg-tint, #efeefe);color:var(--pg-brand, #4338ca);font-size:14px;font-variant-numeric:tabular-nums}.kd-how li[data-on="1"] b{background:var(--kd-ac);color:#fff}.kd-bar{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.kd-seg{display:inline-flex;padding:4px;gap:4px;border-radius:14px;background:var(--pg-tint, #ebe9fb)}.kd-seg button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--pg-ink-2, #4b5563);display:inline-flex;align-items:center;gap:8px}.kd-seg button[aria-pressed=true]{background:var(--pg-paper, #fff);color:var(--kd-ink);box-shadow:0 1px 2px #1018281a}.kd-seg button:focus-visible,.kd-task:focus-visible,.kd-restart:focus-visible{outline:2px solid var(--kd-ac);outline-offset:2px}.kd-restart{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--pg-line-2, #d9d7ee);background:var(--pg-paper, #fff);cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--kd-ink);display:inline-flex;align-items:center;gap:8px}.kd-now{margin-top:16px;padding:14px 18px;border-radius:18px;background:var(--pg-paper, #fff);border:1px solid var(--pg-line, #e6e4f5);display:flex;align-items:center;gap:14px;min-height:76px;box-shadow:0 12px 30px -24px #16162d59}.kd-now-tag{flex:0 0 auto;padding:6px 10px;border-radius:10px;background:var(--kd-ac);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.kd-now[data-busy="1"] .kd-now-tag{background:var(--pg-tint, #ebe9fb);color:var(--pg-brand, #4338ca)}.kd-now-say{min-width:0;flex:1;font-size:18px;line-height:24px;font-weight:650;letter-spacing:-.01em;color:var(--kd-ink);text-wrap:pretty}.kd-now-fb{display:block;margin-top:2px;font-size:14px;line-height:20px;font-weight:600;color:var(--pg-ok-ink, #15803d)}.kd-now-meta{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--kd-mute);font-variant-numeric:tabular-nums}.kd-prog{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--kd-ink)}.kd-prog i{flex:1;height:6px;border-radius:999px;background:var(--pg-tint-2, #e6e4f5);overflow:hidden;position:relative}.kd-prog i:after{content:"";position:absolute;inset:0;width:var(--p);background:var(--kd-ac);border-radius:inherit;transition:width .8s var(--kd-ease)}.kd-tasks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.kd-task{position:relative;overflow:hidden;width:100%;padding:14px 14px 14px 16px;border-radius:18px;background:var(--pg-paper, #fff);border:1px solid var(--pg-line, #e0e0e0);display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:var(--kd-ink);font:inherit;transition:border-color .5s var(--kd-ease),box-shadow .5s var(--kd-ease)}.kd-task[aria-current=step]{border-color:var(--kd-ac);box-shadow:0 12px 30px -16px #635bff80}.kd-task[data-done="1"]{border-color:#c8c5ff}.kd-task-fill{position:absolute;left:0;top:0;bottom:0;background:#635bff14;transition:width .8s var(--kd-ease)}.kd-task-n{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:700;background:var(--pg-tint, #f1f2f5);color:var(--kd-mute);font-variant-numeric:tabular-nums}.kd-task[aria-current=step] .kd-task-n{background:#635bff24;color:#4338ca}.kd-task[data-done="1"] .kd-task-n{background:var(--kd-ac);color:#fff}.kd-task-t{position:relative;flex:1;min-width:0;font-size:16px;line-height:21px;font-weight:600;letter-spacing:-.01em}.kd-task-s{display:block;margin-top:2px;font-size:13px;line-height:18px;font-weight:500;color:var(--kd-mute)}.kd-stage .dcp-pulse{background:#635bff1f;animation:kdTgt 1.4s var(--kd-ease) infinite!important;z-index:2}@keyframes kdTgt{0%,to{box-shadow:0 0 0 3px #635bff,0 0 0 3px #635bff73}60%{box-shadow:0 0 0 3px #635bff,0 0 0 16px #635bff00}}.kd-hint{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));padding:7px 12px;border-radius:10px;background:#1a1a2e;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px -10px #16162d99;transition:left .35s var(--kd-ease),top .35s var(--kd-ease);animation:kdHint 1.4s var(--kd-ease) infinite}.kd-hint:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:inherit;transform:rotate(45deg);border-radius:2px}.kd-hint[data-below="1"]{transform:translate(-50%,14px)}.kd-hint[data-below="1"]:after{bottom:auto;top:-6px}@keyframes kdHint{0%,to{margin-top:0}50%{margin-top:-4px}}.kd-toast{position:absolute;left:50%;top:10px;z-index:6;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#15803d;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;animation:kdToast .4s var(--kd-ease) both}@keyframes kdToast{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:759px){.kd-how{grid-template-columns:minmax(0,1fr);gap:6px}.kd-how li{padding:8px 12px;font-size:14px}.kd-how b{width:24px;height:24px;font-size:13px}.kd-bar{flex-wrap:nowrap;justify-content:space-between;gap:8px}.kd-seg button{padding:0 12px}.kd-restart{width:48px;justify-content:center;padding:0}.kd-restart-l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kd-now{position:sticky;bottom:10px;z-index:8;margin-top:0;min-height:132px;align-items:flex-start;padding:12px 14px;gap:10px;box-shadow:0 12px 30px -18px #16162d73}.kd-now-say{font-size:16px;line-height:21px}.kd-now-meta{display:none}.kd-tasks{grid-template-columns:1fr 1fr;gap:8px}.kd-task{padding:10px;gap:8px;border-radius:14px;height:100%}.kd-task-n{width:28px;height:28px;border-radius:9px;font-size:13px}.kd-task-t{font-size:13px;line-height:17px}.kd-task-s{display:none}}@media(max-width:359px){.kd-now{min-height:172px}}@media(prefers-reduced-motion:reduce){.kd-stage .dcp-pulse{animation:none!important;box-shadow:0 0 0 3px #635bff,0 0 0 7px #635bff4d}.kd-hint,.kd-toast{animation:none;transition:none}}.kd-rm .kd-stage .dcp-pulse{animation:none!important;box-shadow:0 0 0 3px #635bff,0 0 0 7px #635bff4d}.kd-rm .kd-hint,.kd-rm .kd-toast{animation:none;transition:none}.kd-wire:before{content:"";position:absolute;inset:-1px 0;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 10px,rgb(var(--pg-glass-rgb, 255 255 255) / .85) 10px 13px,transparent 13px 26px);opacity:.35}.kd-task[data-done="1"] .kd-task-n{animation:kdPop .55s var(--kd-ease) both}@keyframes kdPop{0%{transform:scale(1)}45%{transform:scale(1.22) rotate(-6deg)}to{transform:none}}.kd-confetti{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none}.kd-confetti i{position:absolute;width:8px;height:5px;border-radius:1.5px;opacity:0;animation:kdConf 1.8s cubic-bezier(.2,.7,.4,1) .5s both}@keyframes kdConf{0%{opacity:1;transform:translate(0) rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 60px)) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.kd-task[data-done="1"] .kd-task-n,.kd-confetti i{animation:none}}.kd-rm .kd-task[data-done="1"] .kd-task-n,.kd-rm .kd-confetti i{animation:none}
