.search-page{padding-bottom:8rem}.search-route-header{margin-bottom:var(--space-7)}.search-form-panel{margin-top:var(--space-2);gap:var(--space-3);border-bottom:1px solid color-mix(in srgb, var(--theme-border) 42%, transparent);padding:clamp(.9rem,2.1vw,1.05rem);display:grid}.search-form{align-items:center;gap:var(--space-3);display:flex;position:relative}.search-input{flex:1}.search-input .q-input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--theme-bg) 82%, var(--theme-bg-card) 18%);min-height:52px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-border) 46%, transparent);border-color:#0000;font-size:1.1rem}.search-input .q-input:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-border) 58%, transparent);border-color:#0000}.search-input .q-input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary-light) 28%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-primary-light) 10%, transparent);border-color:#0000}.search-btn{padding:0 var(--space-6);border-radius:var(--radius-lg);white-space:nowrap;min-height:52px;font-weight:600}.search-helper-text{color:color-mix(in srgb, var(--theme-text-muted) 74%, var(--theme-text) 26%);margin:0;font-size:.94rem;line-height:1.5}.search-support-row{gap:var(--space-3);margin-top:var(--space-3);display:grid}.search-support-inline{gap:var(--space-2);display:grid}.search-suggestion-chip{text-align:left;border:1px solid color-mix(in srgb, var(--theme-border) 34%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--theme-bg-elevated) 42%, transparent);color:var(--theme-text);cursor:pointer;gap:2px;min-height:40px;padding:.65rem .82rem;display:grid}.search-suggestion-chip strong{font-size:.95rem}.search-suggestion-chip span{color:color-mix(in srgb, var(--theme-text-muted) 72%, var(--theme-text) 28%);font-size:.8rem}.recent-searches-header{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-text-muted) 72%, var(--theme-text) 28%);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.recent-searches-clear,.recent-search-chip{cursor:pointer;font-family:var(--font-sans);border:none}.recent-searches-clear{color:var(--color-primary-light);background:0 0}.recent-searches-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.recent-search-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--theme-bg-elevated) 42%, transparent);min-height:36px;color:var(--theme-text);padding:.45rem .72rem}.search-meta{font-family:var(--font-sans);color:color-mix(in srgb, var(--theme-text) 88%, transparent);margin-bottom:var(--space-5);text-align:left;font-size:.96rem}.search-meta-updating{margin-top:var(--space-4);margin-bottom:0}.search-error{max-width:600px;margin:0 auto var(--space-6);padding:var(--space-4);background:color-mix(in srgb, var(--color-error,#f44) 10%, transparent);color:var(--color-error,#f44);border-radius:var(--radius-md);text-align:center;font-family:var(--font-sans)}.search-results-container{max-width:800px;margin:0 auto}.search-results-panel{padding:clamp(.35rem,1vw,.5rem) 0 0}.search-skeleton-list{gap:var(--space-6);flex-direction:column;display:flex}.search-skeleton-row{background:color-mix(in srgb, var(--theme-bg-elevated) 62%, transparent);border-radius:var(--radius-md);height:88px}.search-results-list{gap:var(--space-6);flex-direction:column;display:flex}.search-result-card{padding-bottom:var(--space-5);border-bottom:1px solid color-mix(in srgb, var(--theme-text) 8%, transparent)}.search-result-card:last-child{border-bottom:0;padding-bottom:0}.search-result-translation{margin-top:.5rem}.search-link-btn{min-height:40px;font-family:var(--font-sans);color:color-mix(in srgb, var(--color-primary-light) 72%, white 28%);background:color-mix(in srgb, var(--color-primary) 28%, var(--theme-bg-elevated) 72%);border:1px solid color-mix(in srgb, var(--color-primary-light) 52%, transparent);border-radius:var(--radius-full);transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), border-color var(--transition-base);justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.search-link-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.search-highlight{background:color-mix(in srgb, var(--color-primary-light) 28%, transparent);color:color-mix(in srgb, var(--theme-text) 96%, white 4%);border-radius:4px;padding:0 .14em;font-weight:700}.search-result-translation .ayah-translation-text{color:color-mix(in srgb, var(--theme-text) 90%, transparent);line-height:1.72}.search-empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:color-mix(in srgb, var(--theme-text) 60%, transparent)}.search-empty-state .empty-icon{margin-bottom:var(--space-4);color:color-mix(in srgb, var(--theme-text) 20%, transparent)}.search-empty-state h2{font-family:var(--font-serif);color:var(--theme-text);margin-bottom:var(--space-2);font-size:1.5rem}.search-empty-state p{font-family:var(--font-sans);max-width:400px;margin:0 auto;line-height:1.6}@media (width<=600px){.search-form{gap:var(--space-4);flex-direction:column;align-items:stretch}.search-input,.search-btn{width:100%}.search-suggestions{gap:var(--space-2)}.search-suggestion-chip{width:100%}.search-results-panel{padding:var(--space-4)}.search-result-card{padding-bottom:var(--space-6)}}