.patternKeyboard[data-astro-cid-idjxbbzu]{margin:30px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--pt-accent-teal) 30%,var(--pt-glass-border));border-radius:var(--pt-card-radius, 8px);background:radial-gradient(circle at 50% 42%,rgba(56,178,172,.1),transparent 42%),#040d0e85}figcaption[data-astro-cid-idjxbbzu]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--pt-glass-border);background:var(--pt-card-fill, rgba(255, 255, 255, .035))}figcaption[data-astro-cid-idjxbbzu]>span[data-astro-cid-idjxbbzu]:first-child,figcaption[data-astro-cid-idjxbbzu] strong[data-astro-cid-idjxbbzu],figcaption[data-astro-cid-idjxbbzu] small[data-astro-cid-idjxbbzu]{display:block}figcaption[data-astro-cid-idjxbbzu] strong[data-astro-cid-idjxbbzu]{margin-bottom:4px;color:var(--pt-text-primary);font-size:.94rem}figcaption[data-astro-cid-idjxbbzu] small[data-astro-cid-idjxbbzu],.patternKeyboardStatus[data-astro-cid-idjxbbzu]{color:var(--pt-text-secondary);font-size:.76rem;line-height:1.45}.patternKeyboardStatus[data-astro-cid-idjxbbzu]{font-family:var(--font-mono, ui-monospace);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.patternKeyboardControls[data-astro-cid-idjxbbzu]{display:flex;align-items:center;gap:12px}.patternKeyboardToggle[data-astro-cid-idjxbbzu]{min-height:2.75rem;padding:.42rem .68rem;border:1px solid color-mix(in srgb,var(--pt-accent-teal) 45%,var(--pt-glass-border));border-radius:6px;background:#38b2ac14;color:var(--pt-text-primary);font:600 .72rem/1.2 var(--font-mono, ui-monospace);cursor:pointer}.patternKeyboardToggle[data-astro-cid-idjxbbzu]:hover{border-color:var(--pt-accent-teal);background:#38b2ac24}.patternKeyboardToggle[data-astro-cid-idjxbbzu]:focus-visible{outline:2px solid var(--pt-accent-teal-bright);outline-offset:3px}.patternKeyboardToggle[data-astro-cid-idjxbbzu]:disabled{border-color:var(--pt-glass-border);background:transparent;color:var(--pt-text-secondary);cursor:default}.patternKeyboardStage[data-astro-cid-idjxbbzu]{container-type:inline-size;display:grid;min-height:clamp(210px,34vw,330px);place-items:center;padding:30px 16px 36px}.patternKeyboardRows[data-astro-cid-idjxbbzu]{--pattern-key-size: clamp(25px, 7.2cqw, 52px);--pattern-key-gap: clamp(4px, .9cqw, 7px);display:grid;gap:var(--pattern-key-gap);width:max-content;transform:perspective(620px) rotateX(11deg);transform-origin:center bottom}@media(max-width:360px){.patternKeyboardStage[data-astro-cid-idjxbbzu]{padding-inline:8px}.patternKeyboardRows[data-astro-cid-idjxbbzu]{--pattern-key-size: clamp(20px, 7.2cqw, 52px);--pattern-key-gap: clamp(2px, .9cqw, 7px)}}.patternKeyboardRow[data-astro-cid-idjxbbzu]{display:flex;gap:var(--pattern-key-gap)}.patternKeyboardRow[data-astro-cid-idjxbbzu][data-row="1"]{transform:translate(calc(var(--pattern-key-size) * .22))}.patternKeyboardRow[data-astro-cid-idjxbbzu][data-row="2"]{transform:translate(calc(var(--pattern-key-size) * .62))}.patternKeyboardKey[data-astro-cid-idjxbbzu]{display:grid;width:var(--pattern-key-size);height:var(--pattern-key-size);place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:clamp(5px,1cqw,8px);background:linear-gradient(180deg,#252c2e,#151a1c);box-shadow:0 5px #080b0c,inset 0 1px #ffffff0d;color:color-mix(in srgb,var(--pt-text-secondary) 82%,transparent);font:600 clamp(.54rem,1.7cqw,.78rem)/1 var(--font-mono, ui-monospace);transform:translateY(0);transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.patternKeyboardKey[data-astro-cid-idjxbbzu].is-target{border-color:#61e8d066;color:color-mix(in srgb,var(--pt-accent-teal-bright) 72%,var(--pt-text-secondary))}.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="0"] [data-astro-cid-idjxbbzu][data-pattern-steps~="0"],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="1"] [data-astro-cid-idjxbbzu][data-pattern-steps~="1"],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="2"] [data-astro-cid-idjxbbzu][data-pattern-steps~="2"]{border-color:#61e8d0d1;background:linear-gradient(180deg,#295e58f5,#133532fa);box-shadow:0 1px #080b0c,0 0 24px #38b2ac45,inset 0 1px #ffffff1a;color:var(--pt-accent-teal-bright);transform:translateY(4px)}.patternKeyboardSteps[data-astro-cid-idjxbbzu]{display:grid;grid-template-columns:repeat(var(--pattern-step-count, 2),minmax(0,1fr));gap:1px;margin:0;padding:1px 0 0;border-top:1px solid var(--pt-glass-border);background:var(--pt-glass-border);list-style:none}.patternKeyboardSteps[data-astro-cid-idjxbbzu] li[data-astro-cid-idjxbbzu]{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin:0;padding:16px 18px;background:#081112f5;transition:background .3s ease}.patternKeyboardStepNumber[data-astro-cid-idjxbbzu]{color:var(--pt-text-tertiary);font:600 .66rem/1 var(--font-mono, ui-monospace)}.patternKeyboardSteps[data-astro-cid-idjxbbzu] kbd[data-astro-cid-idjxbbzu]{min-width:2rem;padding:.24rem .42rem;font-size:.82rem}.patternKeyboardSteps[data-astro-cid-idjxbbzu] li[data-astro-cid-idjxbbzu]>span[data-astro-cid-idjxbbzu]:last-child,.patternKeyboardSteps[data-astro-cid-idjxbbzu] strong[data-astro-cid-idjxbbzu],.patternKeyboardSteps[data-astro-cid-idjxbbzu] small[data-astro-cid-idjxbbzu]{display:block}.patternKeyboardSteps[data-astro-cid-idjxbbzu] strong[data-astro-cid-idjxbbzu]{margin-bottom:2px;color:var(--pt-text-primary);font-size:.78rem}.patternKeyboardSteps[data-astro-cid-idjxbbzu] small[data-astro-cid-idjxbbzu]{color:var(--pt-text-secondary);font-size:.7rem;text-transform:capitalize}.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="0"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="0"],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="1"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="1"],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="2"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="2"]{background:color-mix(in srgb,var(--pt-accent-teal) 10%,rgba(8,17,18,.96))}.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="0"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="0"] .patternKeyboardStepNumber[data-astro-cid-idjxbbzu],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="1"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="1"] .patternKeyboardStepNumber[data-astro-cid-idjxbbzu],.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step="2"] .patternKeyboardSteps[data-astro-cid-idjxbbzu] [data-astro-cid-idjxbbzu][data-step="2"] .patternKeyboardStepNumber[data-astro-cid-idjxbbzu]{color:var(--pt-accent-teal-bright)}@media(max-width:560px){figcaption[data-astro-cid-idjxbbzu]{align-items:flex-start;padding:16px}.patternKeyboardStatus[data-astro-cid-idjxbbzu]{display:none}.patternKeyboardControls[data-astro-cid-idjxbbzu]{margin-left:auto}.patternKeyboardStage[data-astro-cid-idjxbbzu]{min-height:205px;padding-inline:10px}.patternKeyboardSteps[data-astro-cid-idjxbbzu]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.patternKeyboardKey[data-astro-cid-idjxbbzu],.patternKeyboardSteps[data-astro-cid-idjxbbzu] li[data-astro-cid-idjxbbzu]{transition:none}.patternKeyboard[data-astro-cid-idjxbbzu][data-active-step=all] .patternKeyboardKey[data-astro-cid-idjxbbzu].is-target{border-color:#61e8d09e;color:var(--pt-accent-teal-bright)}}