.keyboard-shortcuts-hint{display:flex;align-items:center;justify-content:center;position:relative;width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.keyboard-shortcuts-hint:focus,.keyboard-shortcuts-hint:hover{color:var(--color-primary);background-color:rgba(79,70,229,.08);border-color:var(--color-primary)}.keyboard-shortcuts-hint:focus{outline:none}.keyboard-shortcuts-hint:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.keyboard-shortcuts-hint:active{transform:scale(.95)}.keyboard-shortcuts-hint-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform var(--transition-fast)}.keyboard-shortcuts-hint:hover .keyboard-shortcuts-hint-icon-wrapper{transform:scale(1.05)}.keyboard-hint-icon{width:100%;height:100%}.keyboard-shortcuts-hint-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;background-color:var(--color-primary);color:white;border-radius:var(--radius-full);box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform var(--transition-fast)}.keyboard-shortcuts-hint:hover .keyboard-shortcuts-hint-badge{transform:scale(1.1)}@media (max-width:767px){.keyboard-shortcuts-hint{display:none}}@media (min-width:768px){.keyboard-shortcuts-hint{display:flex}}@media (min-width:1024px){.keyboard-shortcuts-hint-icon-wrapper{width:28px;height:28px}.keyboard-shortcuts-hint-badge{width:18px;height:18px;font-size:11px;top:-5px;right:-5px}}:root.dark .keyboard-shortcuts-hint{border-color:var(--color-border);color:var(--color-text-secondary)}:root.dark .keyboard-shortcuts-hint:focus,:root.dark .keyboard-shortcuts-hint:hover{background-color:rgba(165,180,252,.15);border-color:var(--color-primary);color:var(--color-primary)}:root.dark .keyboard-shortcuts-hint-badge{background-color:var(--color-primary);box-shadow:0 1px 3px rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark) .keyboard-shortcuts-hint{border-color:var(--color-border);color:var(--color-text-secondary)}:root:not(.light):not(.dark) .keyboard-shortcuts-hint:focus,:root:not(.light):not(.dark) .keyboard-shortcuts-hint:hover{background-color:rgba(79,70,229,.15);border-color:var(--color-primary);color:var(--color-primary)}:root:not(.light):not(.dark) .keyboard-shortcuts-hint-badge{background-color:var(--color-primary);box-shadow:0 1px 3px rgba(0,0,0,.3)}}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-hint,.keyboard-shortcuts-hint-badge,.keyboard-shortcuts-hint-icon-wrapper{transition:none}.keyboard-shortcuts-hint:active,.keyboard-shortcuts-hint:hover .keyboard-shortcuts-hint-badge,.keyboard-shortcuts-hint:hover .keyboard-shortcuts-hint-icon-wrapper{transform:none}}@media (forced-colors:active){.keyboard-shortcuts-hint{border:2px solid CanvasText}.keyboard-shortcuts-hint:focus-visible{outline:3px solid CanvasText;outline-offset:2px}.keyboard-shortcuts-hint-badge{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}@media print{.keyboard-shortcuts-hint{display:none!important}}