.kh-button{position:absolute;right:18px;bottom:calc(min(390px,calc(100% - 160px)) + 52px);z-index:25;pointer-events:auto;width:30px;height:30px;border-radius:50%;border:1px solid #aebfcd88;background:#18232ddd;color:#e9f1ff;font:700 16px/28px system-ui,sans-serif;padding:0;cursor:pointer;opacity:.85}.kh-button:hover{opacity:1;border-color:#ffb238}.web-phone .kh-button{bottom:calc(min(270px,calc(100% - 160px)) + 52px)}.kh-panel{position:absolute;user-select:none;z-index:40;right:60px;top:96px;max-height:calc(100% - 120px);overflow:auto;pointer-events:auto;padding:10px 14px 8px;border-radius:10px;border:1px solid #aebfcd55;background:#080c12e6;color:#e9f1ff;font:12px/1.35 system-ui,sans-serif;cursor:default}.kh-panel.kh-peek{pointer-events:none;transform-origin:right top;transform:scale(.8);opacity:.88;animation:kh-fade 5s ease forwards}@keyframes kh-fade{0%,80%{opacity:.88}to{opacity:0}}.kh-title{font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffb238;margin-bottom:4px}.kh-grid{display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:1px;align-items:baseline}.kh-group{grid-column:1 / -1;margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9fb2c4}.kh-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;column-gap:12px;align-items:baseline;margin:0 -6px;padding:2px 6px;border-radius:5px;cursor:pointer;outline:none}.kh-row:hover,.kh-row:focus-visible{background:#ffb2381f;box-shadow:inset 0 0 0 1px #ffb23866}.kh-row:hover .kh-text,.kh-row:focus-visible .kh-text{color:#fff}.kh-row kbd:hover{border-color:#ffb238;color:#ffb238}.kh-keys{white-space:nowrap;text-align:right}.kh-keys kbd{display:inline-block;min-width:14px;padding:0 4px;border:1px solid #aebfcd66;border-bottom-width:2px;border-radius:4px;background:#1d2a36;font:600 11px/16px ui-monospace,Consolas,monospace;text-align:center}.kh-or{margin:0 3px;color:#9fb2c4}.kh-keys kbd+kbd{margin-left:3px}.kh-text{color:#dbe6f2}.kh-foot{margin-top:6px;font-size:10px;color:#9fb2c4}.kh-toast{position:absolute;z-index:26;left:50%;top:calc(176 * var(--u));transform:translate(-50%);padding:6px 14px;border-radius:8px;font:600 14px system-ui,sans-serif}.kh-set{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;column-gap:12px;align-items:center;margin:1px -6px;padding:2px 6px;border-radius:5px}.kh-set kbd{cursor:pointer}.kh-set kbd:hover{border-color:#ffb238;color:#ffb238}.kh-set .kh-text{display:flex;align-items:center;gap:10px}.kh-seg{display:inline-flex;border:1px solid #aebfcd66;border-radius:6px;overflow:hidden}.kh-opt{border:0;margin:0;padding:1px 9px;background:#1d2a36;color:#dbe6f2;font:600 11px/16px system-ui,sans-serif;cursor:pointer}.kh-opt+.kh-opt{border-left:1px solid #aebfcd66}.kh-opt:hover{color:#fff;background:#ffb2381f}.kh-opt.on{background:#ffb238;color:#10161c}