@layer components{.lr-hud{z-index:3;pointer-events:none;color:var(--hud-ink,#fff);align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:20px;right:16px}.lr-label{letter-spacing:-.02em;flex:none;font-size:15px;font-weight:650}.lr-mid{flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.lr-hud .key{pointer-events:auto}.key.lr-icon{width:44px;height:44px;padding:0}.lr-hud .key:focus-visible{outline:2px solid var(--rn);outline-offset:2px}.lr-card{z-index:6;left:50%;bottom:max(16px, env(safe-area-inset-bottom));width:min(380px,100% - 32px);color:var(--stage-ink);background:var(--stage);box-shadow:inset 0 0 0 1.5px var(--stage-line), 0 18px 44px -14px #00000080;animation:lr-up .46s var(--ease-sheet) both;border-radius:22px;padding:18px;position:absolute;translate:-50%}@keyframes lr-up{0%{translate:-50% 120%}}.lr-card-title{letter-spacing:-.025em;font-size:21px;font-weight:650}.lr-card-note{color:var(--stage-dim);margin-top:4px;font-size:14px}.lr-card .key:focus-visible{outline:2px solid var(--stage-ink);outline-offset:2px}}