.interview-option-button{min-height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;touch-action:manipulation}.interview-option-button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1}.interview-option-button{cursor:pointer}.interview-option-button[data-framer-motion]{pointer-events:auto!important}.interview-option-button:active{transform:scale(.98);transition:transform .1s ease}.interview-option-button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (hover:hover){.interview-option-button:hover{border-color:#7c3aed;background-color:#faf5ff}}.interview-options-container{position:relative;z-index:0}.keyboard-key{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-family:ui-monospace,monospace;font-weight:600;font-size:.875rem;color:#374151;background:linear-gradient(180deg,#f9fafb,#e5e7eb);border:1px solid #d1d5db;border-radius:.25rem;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05)}.interview-option-button:hover .keyboard-key{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:white;border-color:#d97706;transform:translateY(-1px);box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1)}.interview-option-button:active .keyboard-key{transform:translateY(0);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.05)}