.mobile-kb{display:none}@media (max-width:768px){.mobile-kb{z-index:200;background:var(--bg,#0e1117);border-top:1px solid var(--border,#2a2d35);padding:10px 10px calc(10px + env(safe-area-inset-bottom));will-change:transform;flex-direction:column;gap:6px;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #00000080}.mobile-kb--open{transform:translateY(0)}.mobile-kb__handle{background:var(--border,#2a2d35);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:0 auto 4px}.mobile-kb__row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mobile-kb__key{color:var(--text,#e8e8e8);background:var(--surface,#1a1d26);border:1px solid var(--border,#2a2d35);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;padding:14px 0;font-family:Space Mono,monospace;font-size:20px;font-weight:700;transition:background .1s,transform 80ms}.mobile-kb__key:active{background:var(--surface-hover,#252836);transform:scale(.94)}.mobile-kb__key:disabled{opacity:.3;cursor:not-allowed}.mobile-kb__key--back{color:var(--muted,#888);font-size:18px}.mobile-kb__key--back:active{color:var(--red,#f87171);border-color:var(--red,#f87171)}.mobile-kb__key--enter{color:var(--gold,#c9a84c);border-color:var(--gold,#c9a84c);font-size:18px}.mobile-kb__key--enter:active{background:#c9a84c26}.mobile-kb__key--enter:disabled{opacity:.3}}