.search-modal-backdrop{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-8, 32px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:var(--color-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:80vh;margin-top:var(--spacing-16, 64px);display:flex;flex-direction:column;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:var(--spacing-6, 24px);border-bottom:1px solid var(--color-border, #e2e8f0)}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;gap:var(--spacing-3, 12px)}.search-icon{color:var(--color-text-secondary, #64748b);font-size:var(--font-size-lg, 1.1rem)}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-lg, 1.1rem);color:var(--color-text-primary, #1e293b);font-family:var(--font-primary, "Roboto", sans-serif);background:transparent}.search-input::placeholder{color:var(--color-text-secondary, #64748b)}.clear-search-btn{background:none;border:none;color:var(--color-text-secondary, #64748b);cursor:pointer;padding:var(--spacing-2, 8px);border-radius:var(--radius-md, 8px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background-color:var(--color-background, #f8fafc);color:var(--color-text-primary, #1e293b)}.close-modal-btn{background:none;border:none;color:var(--color-text-secondary, #64748b);cursor:pointer;padding:var(--spacing-2, 8px);border-radius:var(--radius-md, 8px);transition:all .2s ease;font-size:var(--font-size-xl, 1.2rem);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-modal-btn:hover{background-color:var(--color-background, #f8fafc);color:var(--color-text-primary, #1e293b)}.search-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-6, 24px);min-height:200px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4, 16px);padding:var(--spacing-12, 48px);color:var(--color-text-secondary, #64748b)}.search-loading i{font-size:2rem;color:var(--color-primary, #003399)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4, 16px);padding:var(--spacing-12, 48px);text-align:center}.no-results i{font-size:3rem;color:var(--color-text-secondary, #64748b);opacity:.5}.no-results p{margin:0;color:var(--color-text-primary, #1e293b);font-size:var(--font-size-lg, 1.1rem)}.no-results-hint{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.results-header{padding-bottom:var(--spacing-3, 12px);border-bottom:1px solid var(--color-border, #e2e8f0)}.results-count{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b);font-weight:var(--font-weight-medium, 500)}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.result-item{border-radius:var(--radius-md, 8px);transition:all .2s ease}.result-item:hover{background-color:var(--color-background, #f8fafc)}.result-item a{display:block;padding:var(--spacing-4, 16px);text-decoration:none;color:inherit}.result-category{font-size:var(--font-size-xs, .75rem);color:var(--color-secondary, #fdb714);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2, 8px)}.result-title{font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary, #003399);margin:0 0 var(--spacing-2, 8px) 0;line-height:1.4}.result-item:hover .result-title{color:var(--color-secondary, #fdb714)}.result-excerpt{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-hints{padding:var(--spacing-6, 24px)}.search-hints h4{font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #1e293b);margin:0 0 var(--spacing-4, 16px) 0}.search-hints ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.search-hints li{display:flex;align-items:center;gap:var(--spacing-3, 12px);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b)}.search-hints i{color:var(--color-primary, #003399)}.search-modal-footer{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);border-top:1px solid var(--color-border, #e2e8f0);background-color:var(--color-background, #f8fafc);border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px)}.search-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4, 16px)}.shortcut-hint{display:flex;align-items:center;gap:var(--spacing-2, 8px);font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #64748b)}kbd{background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-sm, 4px);padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-family:var(--font-mono, monospace);font-size:var(--font-size-xs, .75rem);box-shadow:0 1px 2px #0000000d}@media(max-width:768px){.search-modal-backdrop{padding:var(--spacing-4, 16px)}.search-modal{margin-top:var(--spacing-8, 32px);max-height:85vh}.search-modal-header,.search-modal-body{padding:var(--spacing-4, 16px)}.search-input{font-size:var(--font-size-base, 1rem)}.result-title{font-size:var(--font-size-sm, .875rem)}.search-shortcuts{flex-direction:column;align-items:flex-start;gap:var(--spacing-2, 8px)}}.search-modal-body::-webkit-scrollbar{width:8px}.search-modal-body::-webkit-scrollbar-track{background:var(--color-background, #f8fafc)}.search-modal-body::-webkit-scrollbar-thumb{background:var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px)}.search-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #64748b)}