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