.keyboard-shortcuts-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(4px)}.keyboard-shortcuts-overlay.visible{opacity:1;pointer-events:auto}.dark .shortcuts-content{background:#242424;border:1px solid #333333}.shortcuts-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 40px #0000004d}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.dark .shortcuts-header{border-bottom-color:#333}.shortcuts-header h3{font-size:1.125rem;font-weight:500;margin:0;color:#2a2a2a}.dark .shortcuts-header h3{color:#e8e8e8}.close-btn{background:none;border:none;font-size:1.75rem;line-height:1;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s ease,color .15s ease}.dark .close-btn{color:#a0a0a0}.close-btn:hover{background-color:#f5f5f5;color:#2a2a2a}.dark .close-btn:hover{background-color:#333;color:#e8e8e8}.shortcuts-list{list-style:none;padding:0;margin:0}.shortcuts-list li{display:flex;align-items:center;padding:.5rem 0;font-size:.875rem;color:#2a2a2a}.dark .shortcuts-list li{color:#e8e8e8}.shortcuts-list kbd{display:inline-block;padding:.25rem .5rem;font-family:Fira Sans,ui-monospace,SFMono-Regular,monospace;font-size:.75rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;margin-right:.75rem;min-width:28px;text-align:center;box-shadow:0 1px 2px #0000000d;color:#2a2a2a}.dark .shortcuts-list kbd{background-color:#242424;border-color:#333;color:#e8e8e8}.search-modal{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(8px)}.search-modal.visible{opacity:1;pointer-events:auto}.search-modal-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90%;max-width:600px;box-shadow:0 20px 60px #0006;overflow:hidden;animation:searchModalSlideIn .2s ease-out}.dark .search-modal-content{background:#1a1a1a;border-color:#333}@keyframes searchModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input-wrapper{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.dark .search-input-wrapper{border-bottom-color:#333}.search-input-wrapper svg{width:1.25rem;height:1.25rem;color:#999;margin-right:.75rem;flex-shrink:0}.search-input{flex:1;font-size:1.125rem;border:none;outline:none;background:transparent;color:#2a2a2a}.dark .search-input{color:#e8e8e8}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.search-results{max-height:400px;overflow-y:auto;padding:.5rem 0}.search-result-item{padding:.75rem 1.5rem;cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}.search-result-item:hover,.search-result-item.selected{background-color:#f5f5f5;border-left-color:#fbbf24}.dark .search-result-item:hover,.dark .search-result-item.selected{background-color:#242424}.search-result-title{font-size:.875rem;font-weight:500;color:#2a2a2a;margin-bottom:.25rem}.dark .search-result-title{color:#e8e8e8}.search-result-description{font-size:.75rem;color:#666;margin-bottom:.25rem;line-height:1.4}.dark .search-result-description{color:#999}.search-result-path{font-size:.75rem;color:#999}.search-empty{padding:2rem 1.5rem;text-align:center;color:#999;font-size:.875rem}.search-footer{padding:.75rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#999}.dark .search-footer{border-top-color:#333}.search-footer kbd{display:inline-block;padding:.125rem .375rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.625rem;margin:0 .25rem}.dark .search-footer kbd{background-color:#242424;border-color:#333}@media(max-width:640px){.shortcuts-content{max-width:90%}.search-modal{padding-top:10vh}.search-modal-content{max-width:95%}}