.echo-keypad{display:grid;gap:var(--echo-space-8);inline-size:100%;max-inline-size:360px;min-inline-size:0;outline:none}.echo-keypad__screen{position:relative;display:grid;gap:var(--echo-space-4);padding:var(--echo-space-6) var(--echo-space-8) var(--echo-space-7);border-radius:var(--echo-radius-xl);background:var(--echo-drawn-glass,linear-gradient(160deg,var(--echo-well) 0,var(--echo-lcd) 100%));box-shadow:var(
    --echo-shadow-well-deep,inset 0 3px 7px color-mix(in oklab,var(--echo-cast-ink,black) calc(.9 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-keypad:focus-visible .echo-keypad__screen{box-shadow:0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow)),inset 0 3px 7px color-mix(in oklab,var(--echo-cast-ink,black) calc(.9 * var(--echo-shade, 1) * 100%),transparent)}.echo-keypad__label,.echo-keypad__prefix{font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-widest,.25em);text-transform:uppercase;color:var(--echo-text-dim)}.echo-keypad__reading{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--echo-space-3);min-block-size:40px;min-inline-size:0}.echo-keypad__prefix{font-size:var(--echo-text-lg);letter-spacing:var(--echo-tracking-normal,0);color:var(--echo-accent-ink,var(--echo-accent-glow))}.echo-keypad__sockets{display:flex;align-items:center;justify-content:center;gap:var(--echo-space-7);inline-size:100%;min-block-size:40px}.echo-keypad__said{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.echo-keypad__keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--echo-space-5)}.echo-keypad__keys .echo-hw{--hw-font:var(--echo-text-xl);--hw-icon:var(--echo-icon-lg,20px)}.echo-keypad__keys .echo-hw__cap{font-family:var(--echo-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--echo-tracking-normal,0)}.echo-keypad[data-disabled] .echo-keypad__screen{opacity:.55}@media (forced-colors:active){.echo-keypad__screen{border:var(--echo-border-hairline,1px) solid CanvasText}.echo-keypad:focus-visible .echo-keypad__screen{outline:2px solid Highlight;outline-offset:2px}}