.keyboard-playground-module__a2K4Na__playground{width:100%;min-width:0}.keyboard-playground-module__a2K4Na__hardwareLine{display:inline}.keyboard-playground-module__a2K4Na__trigger,.keyboard-playground-module__a2K4Na__soundToggle{color:var(--color-fg);font:inherit;cursor:pointer;border:0;padding:0}.keyboard-playground-module__a2K4Na__trigger{text-decoration:underline;-webkit-text-decoration-color:var(--color-link-line);text-decoration-color:var(--color-link-line);text-underline-offset:.28rem;background:0 0}.keyboard-playground-module__a2K4Na__trigger:hover,.keyboard-playground-module__a2K4Na__trigger[aria-expanded=true]{color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.keyboard-playground-module__a2K4Na__tryIt{color:var(--color-dim);letter-spacing:.04em;margin-left:.45rem;font-size:.68rem}.keyboard-playground-module__a2K4Na__panel{border-top:1px solid var(--color-border);width:100%;min-width:0;margin-top:.85rem;padding-top:.85rem}.keyboard-playground-module__a2K4Na__inputLabel{color:var(--color-dim);margin-bottom:.4rem;font-size:.75rem;line-height:1.4;display:block}.keyboard-playground-module__a2K4Na__input{resize:vertical;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 94%, var(--color-fg));width:100%;min-height:3.65rem;color:var(--color-fg);font:inherit;caret-color:var(--color-accent);border-radius:.25rem;padding:.55rem .65rem;font-size:.78rem;line-height:1.5;display:block}.keyboard-playground-module__a2K4Na__input::placeholder{color:var(--color-dim)}.keyboard-playground-module__a2K4Na__input:focus-visible,.keyboard-playground-module__a2K4Na__keyboardScroll:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.keyboard-playground-module__a2K4Na__controls{justify-content:space-between;align-items:baseline;gap:1rem;margin:.55rem 0;display:flex}.keyboard-playground-module__a2K4Na__instructions,.keyboard-playground-module__a2K4Na__soundNote,.keyboard-playground-module__a2K4Na__privacyNote,.keyboard-playground-module__a2K4Na__scrollHint{color:var(--color-dim);margin:0;font-size:.68rem;line-height:1.5}.keyboard-playground-module__a2K4Na__soundToggle{border-bottom:1px solid var(--color-link-line);color:var(--color-dim);background:0 0;flex:none;font-size:.68rem}.keyboard-playground-module__a2K4Na__soundToggle[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.keyboard-playground-module__a2K4Na__soundNote{margin:-.25rem 0 .5rem}.keyboard-playground-module__a2K4Na__keyboardScroll{overscroll-behavior-x:contain;scrollbar-color:var(--color-border) transparent;max-width:100%;padding:.15rem 0 .45rem;overflow-x:auto}.keyboard-playground-module__a2K4Na__keyboard{--unit:2rem;--gap:.22rem;box-sizing:content-box;width:calc(15 * var(--unit) + 14 * var(--gap));border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 86%, var(--color-fg));border-radius:.42rem;padding:.45rem}.keyboard-playground-module__a2K4Na__keyRow{gap:var(--gap);display:flex}.keyboard-playground-module__a2K4Na__keyRow+.keyboard-playground-module__a2K4Na__keyRow{margin-top:var(--gap)}.keyboard-playground-module__a2K4Na__keyRow:last-child{justify-content:center}.keyboard-playground-module__a2K4Na__key{flex:0 0 calc(var(--unit) * var(--key-width) + var(--gap) * (var(--key-width) - 1));width:calc(var(--unit) * var(--key-width) + var(--gap) * (var(--key-width) - 1));height:var(--unit);border:1px solid color-mix(in srgb, var(--color-border) 78%, var(--color-fg));background:color-mix(in srgb, var(--color-bg) 92%, var(--color-fg));color:var(--color-dim);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom-width:2px;border-radius:.24rem;place-items:center;font-size:.57rem;line-height:1;transition:border-color 80ms,color 80ms,transform 80ms;display:grid}.keyboard-playground-module__a2K4Na__key[data-pressed],.keyboard-playground-module__a2K4Na__key:active{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(1px)}.keyboard-playground-module__a2K4Na__key:focus-visible{z-index:1;outline:2px solid var(--color-accent);outline-offset:1px;position:relative}.keyboard-playground-module__a2K4Na__privacyNote{margin-top:.45rem}.keyboard-playground-module__a2K4Na__scrollHint{margin-top:.25rem;display:none}@media (max-width:25rem){.keyboard-playground-module__a2K4Na__controls{flex-direction:column;align-items:flex-start;gap:.35rem}.keyboard-playground-module__a2K4Na__scrollHint{display:block}}@media (prefers-reduced-motion:reduce){.keyboard-playground-module__a2K4Na__key{transition:none}.keyboard-playground-module__a2K4Na__key[data-pressed],.keyboard-playground-module__a2K4Na__key:active{transform:none}}
.selected-projects-module__OQmfkW__list{border-bottom:1px solid var(--color-border)}.selected-projects-module__OQmfkW__project{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:2.5rem;padding:2rem 0;display:grid}.selected-projects-module__OQmfkW__project+.selected-projects-module__OQmfkW__project{border-top:1px solid var(--color-border)}.selected-projects-module__OQmfkW__copy{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.selected-projects-module__OQmfkW__code{border-left:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-border) 28%, transparent);width:100%;min-width:0;color:var(--color-fg);font:inherit;align-self:center;margin:0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.8;overflow-x:auto}.selected-projects-module__OQmfkW__imageLink{border:1px solid var(--color-border);background:#11141a;align-self:center;min-width:0;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.selected-projects-module__OQmfkW__imageLink:hover{border-color:var(--color-link-line);transform:translateY(-2px)}.selected-projects-module__OQmfkW__imageLink:active{transform:translateY(0)}.selected-projects-module__OQmfkW__image{width:100%;height:auto;display:block}@media (max-width:40rem){.selected-projects-module__OQmfkW__project{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.5rem 0}}@media (prefers-reduced-motion:reduce){.selected-projects-module__OQmfkW__imageLink{transition:none}.selected-projects-module__OQmfkW__imageLink:hover,.selected-projects-module__OQmfkW__imageLink:active{transform:none}}