.kr{--kr-night:#0c0917;--kr-dusk:#161027;--kr-dusk-2:#1d1633;--kr-seam:#2e2550;--kr-violet:#8b5cf6;--kr-violet-deep:#5b21b6;--kr-lilac:#c4b5fd;--kr-ink:#f4f0ff;--kr-mute:#a69bc9;--kr-faint:#6f6696;--kr-brass:#e8b44a;--kr-brass-hi:#ffe5a3;--kr-brass-lo:#8f5d12;--kr-mint:#43dd9c;--kr-coral:#ff8394;isolation:isolate;background:var(--kr-night);min-height:100dvh;color:var(--kr-ink);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow-x:clip}.kr:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 42% at 50% 14%,#8b5cf652,#0000 70%),radial-gradient(40% 30% at 50% 22%,#e8b44a1a,#0000 70%),linear-gradient(#0000 55%,#00000059);position:absolute;inset:0}.kr-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto;padding:18px 20px 0;display:flex}.kr-badge{border:1.5px solid var(--kr-seam);color:var(--kr-mute);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12.5px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.kr-badge:hover{border-color:var(--kr-violet);color:var(--kr-ink)}.kr-badge:focus-visible{outline:3px solid var(--kr-lilac);outline-offset:3px}.kr-badge img{border-radius:7px;width:22px;height:22px}.kr-tag{color:var(--kr-faint);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.kr-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:8px 18px 40px;display:flex}.kr-key{filter:drop-shadow(0 18px 24px #0000008c);width:min(100%,520px);height:auto;margin:18px 0 6px;overflow:visible}.kr-key .tooth{transform-box:fill-box;transform-origin:50% 0}.kr-key .tooth-done{animation:.7s cubic-bezier(.2,1.3,.4,1) both kr-cut}.kr-key .tooth-next{animation:1.8s ease-in-out infinite kr-breathe}.kr-key.is-turned .kr-key-body{transform-box:fill-box;transform-origin:50%;animation:1.1s cubic-bezier(.6,0,.2,1) both kr-turn}.kr-key .engraving{opacity:0}.kr-key.is-turned .engraving{animation:.6s ease-out .9s forwards kr-engrave}.kr-key .glint{animation:5.5s ease-in-out infinite kr-glint}@keyframes kr-cut{0%{filter:brightness(2.2);transform:scaleY(0)}60%{filter:brightness(1.6)}to{filter:none;transform:scaleY(1)}}@keyframes kr-breathe{50%{opacity:.45}}@keyframes kr-turn{0%{transform:rotateX(0)}55%{transform:rotateX(180deg)scaleX(1.02)}to{transform:rotateX(360deg)}}@keyframes kr-engrave{to{opacity:1}}@keyframes kr-glint{0%,70%{transform:translate(-160px)}to{transform:translate(620px)}}.kr-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.kr-eyebrow{color:var(--kr-brass);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:11.5px}.kr-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(34px,8.5vw,52px);font-weight:800;line-height:.98}.kr-sub{max-width:34ch;color:var(--kr-mute);text-wrap:pretty;font-size:15.5px;font-weight:600;line-height:1.5}.kr-panel{border:2px solid var(--kr-seam);background:linear-gradient(180deg, var(--kr-dusk-2), var(--kr-dusk));border-radius:26px;width:100%;margin-top:26px;overflow:hidden;box-shadow:0 10px #00000073,0 30px 60px -20px #000000b3}.kr-current{flex-direction:column;gap:14px;padding:22px 20px 20px;display:flex}@media (min-width:640px){.kr-current{padding:26px 28px 24px}}.kr-step-label{color:var(--kr-lilac);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.kr-step-title{font-family:var(--font-display);font-size:25px;font-weight:800;line-height:1.05}.kr-step-text{color:var(--kr-mute);font-size:15px;font-weight:600;line-height:1.55}.kr-btn{background:linear-gradient(180deg, var(--kr-brass-hi), var(--kr-brass) 55%, #d39a2c);width:100%;min-height:56px;box-shadow:0 6px 0 var(--kr-brass-lo), inset 0 1px 0 #ffffff8c;color:#2a1a03;cursor:pointer;font-family:var(--font-display);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;position:relative}.kr-btn:hover{filter:brightness(1.05)}.kr-btn:active{box-shadow:0 2px 0 var(--kr-brass-lo), inset 0 1px 0 #ffffff8c;transform:translateY(4px)}.kr-btn:disabled{cursor:default;filter:saturate(.4)brightness(.8);transform:none}.kr-btn:focus-visible,.kr-ghost:focus-visible{outline:3px solid var(--kr-lilac);outline-offset:3px}.kr-ghost{border:2px solid var(--kr-seam);color:var(--kr-ink);cursor:pointer;font-family:var(--font-display);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:800;transition:border-color .2s;display:inline-flex}.kr-ghost:hover{border-color:var(--kr-violet)}.kr-ghost:disabled{border-color:var(--kr-seam);color:var(--kr-mute);cursor:default}.kr-wait{color:var(--kr-lilac);align-items:center;gap:12px;font-weight:700;display:flex}.kr-spinner{border:2.5px solid #c4b5fd40;border-top-color:var(--kr-lilac);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite kr-spin}@keyframes kr-spin{to{transform:rotate(360deg)}}.kr-alert{color:var(--kr-coral);background:#ff839414;border:1.5px solid #ff839466;border-radius:14px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.45}.kr-rail{border-top:2px solid var(--kr-seam);background:#0000002e;flex-direction:column;display:flex}.kr-rail li{color:var(--kr-faint);align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:700;display:flex}.kr-rail li+li{border-top:1px solid #2e2550b3}.kr-rail li[data-state=done]{color:var(--kr-mute)}.kr-rail li[data-state=current]{color:var(--kr-ink)}.kr-dot{border:2px dashed var(--kr-seam);width:24px;height:24px;font-family:var(--font-mono);border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.kr-rail li[data-state=done] .kr-dot{background:var(--kr-mint);color:#062a1b;border:0}.kr-rail li[data-state=current] .kr-dot{border-style:solid;border-color:var(--kr-brass);color:var(--kr-brass)}.kr-code{background:linear-gradient(180deg, #e8b44a1f, #e8b44a0a), var(--kr-night);border:2px solid #e8b44a73;border-radius:18px;flex-direction:column;gap:8px;padding:16px 16px 14px;display:flex}.kr-code code{color:var(--kr-brass-hi);font-family:var(--font-mono);letter-spacing:.06em;word-break:normal;overflow-wrap:normal;font-size:clamp(18px,5.4vw,25px);font-weight:700}.kr-code small{color:var(--kr-mute);font-size:13px;font-weight:700}.kr-how{counter-reset:how;gap:8px;display:grid}.kr-how li{color:var(--kr-mute);counter-increment:how;gap:10px;font-size:14.5px;font-weight:600;line-height:1.45;display:flex}.kr-how li:before{content:counter(how);background:var(--kr-seam);width:22px;height:22px;color:var(--kr-lilac);font-family:var(--font-mono);border-radius:7px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.kr-how strong{color:var(--kr-ink)}.kr-foot{max-width:46ch;color:var(--kr-faint);text-align:center;margin-top:22px;font-size:13px;font-weight:600;line-height:1.55}.kr-foot a{color:var(--kr-mute);text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.kr-key .tooth-done,.kr-key .tooth-next,.kr-key .glint,.kr-key.is-turned .kr-key-body,.kr-spinner{animation:none}.kr-key.is-turned .engraving{opacity:1;animation:none}}.kr-head-spaced{margin-top:36px}.kr-keys li{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.kr-keys li+li{border-top:1px solid #2e2550cc}.kr-keys li:not([data-live])>:not(.kr-keys-actions){opacity:.6}.kr-keys-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.kr-keys-act{padding:7px 14px;font-size:14px}.kr-keys-extend{color:var(--kr-brass-hi);border-color:#e8b64c73}.kr-keys-extend:hover{border-color:var(--kr-brass-hi)}.kr-reset{flex-direction:column;flex-basis:100%;gap:10px;display:flex}.kr-reset p:not(.kr-alert){color:var(--kr-mute);font-size:14px;font-weight:600;line-height:1.5}.kr-reset-row{flex-wrap:wrap;gap:8px;display:flex}.kr-reset-yes{color:var(--kr-lilac);border-color:#c4b5fd8c}.kr-reset-done{color:var(--kr-mint);flex-basis:100%;font-size:14px;font-weight:700;line-height:1.5}.kr-step-title-sm{font-size:20px}.kr-reset-form{flex-wrap:wrap;gap:10px;display:flex}.kr-input{border:2px solid var(--kr-seam);min-width:0;color:var(--kr-brass-hi);font-family:var(--font-mono);letter-spacing:.04em;background:#00000038;border-radius:14px;flex:220px;padding:10px 14px;font-size:15px;font-weight:700}.kr-input::placeholder{color:var(--kr-faint)}.kr-input:focus-visible{border-color:var(--kr-violet);outline:none}.kr-keys-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.kr-keys-hub{font-family:var(--font-display);font-size:19px;font-weight:800}.kr-chip{font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px}.kr-chip[data-tone=live]{color:var(--kr-mint);background:#43dd9c24}.kr-chip[data-tone=past]{color:var(--kr-mute);background:#a69bc91f}.kr-keys-code{justify-content:space-between;align-items:center;gap:10px;display:flex}.kr-keys-code code{color:var(--kr-brass-hi);font-family:var(--font-mono);letter-spacing:.04em;word-break:normal;overflow-wrap:normal;font-size:clamp(14px,4.2vw,17px);font-weight:700}.kr-keys li:not([data-live]) .kr-keys-code code{color:var(--kr-mute);-webkit-text-decoration:line-through #a69bc980;text-decoration:line-through #a69bc980}.kr-keys small{color:var(--kr-faint);font-size:12.5px;font-weight:700}.kr-again{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.kr-mykeys{margin-top:14px;display:inline-flex}