.search-page{max-width:72rem;margin:0 auto;padding:var(--space-8) var(--space-4)}.search-bar{margin-bottom:var(--space-6)}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-3);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);padding:var(--space-3) var(--space-6);transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.search-input-wrapper:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.search-icon{color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.search-input{flex:1;font:var(--md-sys-typescale-headline-medium);font-size:1.25rem;color:var(--md-sys-color-on-surface);background:transparent;border:none;outline:none;min-width:0}.search-input::placeholder{color:var(--md-sys-color-outline);font-weight:400}.clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--md-sys-color-on-surface-variant);padding:var(--space-1);border-radius:var(--md-sys-shape-corner-full);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.clear-btn:hover{background:var(--md-sys-color-surface-container-highest)}.filter-chips-container{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.filter-row{display:flex;align-items:center;gap:var(--space-3)}.filter-row__label{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);min-width:80px;flex-shrink:0}.filter-row__chips{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.filter-row__chips::-webkit-scrollbar{display:none}.filter-chip{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);padding:var(--space-1) var(--space-3);cursor:pointer;white-space:nowrap;user-select:none;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);min-height:32px;display:inline-flex;align-items:center}.filter-chip:hover{background:var(--md-sys-color-surface-container-high)}.filter-chip--active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}@media(hover:hover){.filter-chip--active:hover{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}}.filter-input{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);padding:var(--space-1) var(--space-3);outline:none;min-width:200px;transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.filter-input:focus{border-color:var(--md-sys-color-primary)}.filter-input::placeholder{color:var(--md-sys-color-outline)}.placeholder-text{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-outline);font-style:italic;text-align:center;padding:var(--space-16) 0}.no-results{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);text-align:center;padding:var(--space-16) 0}.query-highlight{color:var(--md-sys-color-primary);font-style:italic}.error-msg{color:var(--md-sys-color-error);font:var(--md-sys-typescale-body-large);text-align:center;padding:var(--space-8) 0}.results-meta{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-outline);margin-bottom:var(--space-4)}.works-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.works-grid{grid-template-columns:repeat(2,1fr)}}.loading-skeleton{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}@media(min-width:640px){.loading-skeleton{grid-template-columns:repeat(2,1fr)}}.skeleton-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:var(--space-4) var(--space-6);min-height:140px;position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--md-sys-color-surface-container-high) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-bottom:var(--space-4)}.page-link{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary);text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.page-link:hover{background:var(--md-sys-color-primary-container)}.page-info{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}@media(max-width:640px){.filter-row__label{min-width:64px;font:var(--md-sys-typescale-body-small)}.filter-chip{padding:var(--space-1) var(--space-2);font:var(--md-sys-typescale-body-small)}.filter-input{min-width:140px}.search-input{font-size:1rem}}