.kb[data-astro-cid-osihpjmc]{margin:0;width:100%;font-size:clamp(.52rem,.34rem + 1.5vw,.95rem);--kb-step: .46s;--kb-cycle: 4.6s;--cool: oklch(20% .01 265)}.kb-board[data-astro-cid-osihpjmc]{position:relative;overflow:hidden;border-radius:1.1em;border:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklch,var(--primary) 14%,transparent),transparent 60%),color-mix(in oklch,var(--card) 60%,transparent);box-shadow:0 1px color-mix(in oklch,var(--foreground) 7%,transparent) inset,0 40px 80px -40px #000000b3;backdrop-filter:blur(8px);padding:1.1em}.kb-board[data-astro-cid-osihpjmc]:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in oklch,var(--foreground) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--foreground) 4%,transparent) 1px,transparent 1px);background-size:2.4em 2.4em;mask-image:radial-gradient(120% 90% at 50% 0%,black 30%,transparent 80%)}.kb-board[data-astro-cid-osihpjmc]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,color-mix(in oklch,var(--primary) 12%,transparent) 50%,transparent 62%);transform:translate(-65%);animation:kb-scan 6.5s linear infinite}.kb-chrome[data-astro-cid-osihpjmc]{position:relative;display:flex;align-items:center;gap:.55em;padding:0 .3em .95em;border-bottom:1px solid color-mix(in oklch,var(--border) 60%,transparent)}.kb-dot[data-astro-cid-osihpjmc]{width:.72em;height:.72em;border-radius:999px}.kb-dot--r[data-astro-cid-osihpjmc]{background:color-mix(in oklch,var(--destructive) 80%,transparent)}.kb-dot--y[data-astro-cid-osihpjmc]{background:color-mix(in oklch,var(--warning) 85%,transparent)}.kb-dot--g[data-astro-cid-osihpjmc]{background:color-mix(in oklch,var(--success) 80%,transparent)}.kb-chrome-label[data-astro-cid-osihpjmc]{margin-left:.5em;font-family:var(--font-mono);font-size:.92em;color:var(--muted-foreground)}.kb-live[data-astro-cid-osihpjmc]{margin-left:auto;display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-mono);font-size:.82em;letter-spacing:.04em;color:color-mix(in oklch,var(--destructive) 85%,var(--foreground))}.kb-live-dot[data-astro-cid-osihpjmc]{width:.55em;height:.55em;border-radius:999px;background:var(--destructive);box-shadow:0 0 .5em .05em color-mix(in oklch,var(--destructive) 70%,transparent);animation:kb-blink 1.6s ease-in-out infinite}.kb-keys[data-astro-cid-osihpjmc]{position:relative;z-index:1;padding:1.1em .2em .9em}.kb-row[data-astro-cid-osihpjmc]{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.62em}.kb-row[data-astro-cid-osihpjmc]+.kb-row[data-astro-cid-osihpjmc]{margin-top:.62em}.kb-row--home[data-astro-cid-osihpjmc]>.key[data-astro-cid-osihpjmc]:first-child{grid-column:2 / span 2}.kb-row--bottom[data-astro-cid-osihpjmc]>.key[data-astro-cid-osihpjmc]:first-child{grid-column:4 / span 2}.key[data-astro-cid-osihpjmc]{--hot: color-mix(in oklch, var(--primary) 70%, white);--heat: 0;--skirt: color-mix(in oklch, var(--cool) 55%, black);position:relative;grid-column:span 2;min-width:0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:.5em;font-family:var(--font-mono);font-size:1.04em;font-weight:600;color:color-mix(in oklch,var(--foreground) calc(80% - var(--heat) * 22%),var(--hot));background:linear-gradient(180deg,color-mix(in oklch,white 14%,transparent) 0%,transparent 38%,color-mix(in oklch,black 10%,transparent) 100%),radial-gradient(130% 130% at 50% 16%,color-mix(in oklch,var(--hot) calc(var(--heat) * 22%),transparent),transparent 62%),color-mix(in oklch,var(--hot) calc(var(--heat) * 40%),var(--cool));border:1px solid color-mix(in oklch,var(--hot) calc(18% + var(--heat) * 48%),var(--border));box-shadow:inset 0 1px color-mix(in oklch,white 22%,transparent),inset 0 -1px color-mix(in oklch,black 22%,transparent),0 .08em color-mix(in oklch,var(--skirt) 80%,var(--hot)),0 .16em 0 0 var(--skirt),0 .24em color-mix(in oklch,var(--skirt) 80%,black),0 .32em color-mix(in oklch,var(--skirt) 60%,black),0 .5em .8em -.15em #0000008c,0 calc(.55em * var(--heat)) calc(1.6em * var(--heat)) -.45em color-mix(in oklch,var(--hot) calc(var(--heat) * 75%),transparent);text-shadow:0 0 calc(.5em * var(--heat)) color-mix(in oklch,var(--hot) calc(var(--heat) * 55%),transparent);will-change:transform}.key[data-astro-cid-osihpjmc][data-crit]{--hot: color-mix(in oklch, var(--destructive) 62%, white)}.key[data-astro-cid-osihpjmc]:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(130% 130% at 50% 30%,color-mix(in oklch,var(--primary) 85%,white 6%),color-mix(in oklch,var(--primary) 30%,transparent) 55%,transparent 72%);box-shadow:0 0 1.6em .12em color-mix(in oklch,var(--primary) 60%,transparent),0 0 0 1px color-mix(in oklch,var(--primary) 70%,transparent) inset}.key[data-astro-cid-osihpjmc].is-typed{animation:kb-press var(--kb-cycle) ease-in-out calc(var(--seq) * var(--kb-step)) infinite}.key[data-astro-cid-osihpjmc].is-typed:after{animation:kb-flare var(--kb-cycle) ease-out calc(var(--seq) * var(--kb-step)) infinite}.key--space[data-astro-cid-osihpjmc]{grid-column:6 / span 10;aspect-ratio:5 / 1}.kb-foot[data-astro-cid-osihpjmc]{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8em;padding:.4em .3em .1em}.kb-stats[data-astro-cid-osihpjmc]{display:flex;gap:1.1em;font-family:var(--font-mono);font-size:.88em;color:var(--muted-foreground)}.kb-stat[data-astro-cid-osihpjmc] b[data-astro-cid-osihpjmc]{color:var(--foreground);font-weight:700}.kb-stat--warn[data-astro-cid-osihpjmc] b[data-astro-cid-osihpjmc]{color:color-mix(in oklch,var(--warning) 80%,var(--foreground))}.kb-legend[data-astro-cid-osihpjmc]{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.78em;color:var(--muted-foreground)}.kb-legend-bar[data-astro-cid-osihpjmc]{width:5.2em;height:.5em;border-radius:999px;background:linear-gradient(to right,var(--cool),color-mix(in oklch,var(--primary) 45%,var(--cool)),color-mix(in oklch,var(--primary) 70%,white),color-mix(in oklch,var(--destructive) 62%,white));box-shadow:0 0 0 1px color-mix(in oklch,var(--border) 60%,transparent) inset}@keyframes kb-press{0%,to{transform:none}4%{transform:translateY(.18em) scale(.95)}13%{transform:none}}@keyframes kb-flare{0%{opacity:0}3%{opacity:.96}15%{opacity:0}to{opacity:0}}@keyframes kb-scan{to{transform:translate(65%)}}@keyframes kb-blink{0%,to{opacity:1}50%{opacity:.25}}