*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;line-height:1.6}:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;border:none;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}.input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.grid{display:grid;gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.spinner{width:2rem;height:2rem;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-shell{min-height:100vh;background-color:#f9fafb}.header{background-color:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e5e7eb}.header-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.header-container{padding:0 1.5rem}}@media (min-width: 1024px){.header-container{padding:0 2rem}}.header-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{font-size:1.25rem;font-weight:700;color:#111827;text-decoration:none}.nav{display:flex;gap:1rem}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.nav-link.active{background-color:#dbeafe;color:#1d4ed8}.nav-link:not(.active){color:#6b7280}.nav-link:not(.active):hover{color:#374151}.nav-icon{width:1rem;height:1rem;margin-right:.25rem}.main{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}@media (min-width: 640px){.main{padding:1.5rem}}@media (min-width: 1024px){.main{padding:1.5rem 2rem}}.search-form,.search-input-container{position:relative}.search-icon-container{position:absolute;top:0;left:0;bottom:0;padding-left:.75rem;display:flex;align-items:center;pointer-events:none}.search-icon{width:1.25rem;height:1.25rem;color:#9ca3af}.search-input{display:block;width:100%;padding:.75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25;background-color:#fff;color:#111827;transition:all .2s ease}.search-input::placeholder{color:#6b7280}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input:focus::placeholder{color:#9ca3af}.search-input:disabled{background-color:#f3f4f6;color:#6b7280}.clear-button-container{position:absolute;top:0;right:0;bottom:0;padding-right:.75rem;display:flex;align-items:center}.clear-button{color:#9ca3af;background:none;border:none;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:color .2s ease}.clear-button:hover{color:#6b7280}.clear-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.clear-icon{width:1.25rem;height:1.25rem}.movie-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:box-shadow .2s ease;text-decoration:none;color:inherit;display:block}.movie-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.movie-card:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.movie-poster-container{aspect-ratio:2/3;background-color:#f3f4f6;position:relative}.movie-poster{width:100%;height:100%;object-fit:cover}.movie-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280}.movie-poster-placeholder-content{text-align:center}.movie-poster-placeholder-icon{font-size:2.5rem;margin-bottom:.5rem}.movie-poster-placeholder-text{font-size:.875rem}.movie-info{padding:1rem}.movie-title{font-weight:600;color:#111827;font-size:.875rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-meta{color:#6b7280;font-size:.875rem}.search-page{display:flex;flex-direction:column;gap:1.5rem}.search-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:1rem}.error-text{color:#991b1b}.results-info{margin-bottom:1rem;color:#6b7280}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.results-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.load-more-container{margin-top:2rem;text-align:center}.load-more-btn{background-color:#3b82f6;color:#fff;padding:.5rem 1.5rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease}.load-more-btn:hover:not(:disabled){background-color:#2563eb}.load-more-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.load-more-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 0}.empty-state-icon{font-size:3.75rem;margin-bottom:1rem}.empty-state-title{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.5rem}.empty-state-text{color:#6b7280}.movie-detail-page{display:flex;flex-direction:column;gap:1.5rem}.back-link{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#1d4ed8}.back-link:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-radius:.25rem}.back-icon{width:1rem;height:1rem;margin-right:.5rem}.movie-detail-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.movie-detail-container{display:flex;flex-direction:column}@media (min-width: 768px){.movie-detail-container{flex-direction:row}}.movie-poster-section{width:100%}@media (min-width: 768px){.movie-poster-section{width:33.333333%}}.movie-detail-poster{width:100%;height:24rem;object-fit:cover}@media (min-width: 768px){.movie-detail-poster{height:100%}}.movie-poster-placeholder-large{width:100%;height:24rem;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}@media (min-width: 768px){.movie-poster-placeholder-large{height:100%}}.movie-poster-placeholder-large-content{text-align:center}.movie-poster-placeholder-large-icon{font-size:3.75rem;margin-bottom:1rem}.movie-info-section{width:100%;padding:1.5rem}@media (min-width: 768px){.movie-info-section{width:66.666667%}}.movie-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.movie-title-section{flex:1}.movie-detail-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.movie-meta-info{color:#6b7280}.movie-plot-section{margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.plot-text{color:#374151;line-height:1.625}.movie-details-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;font-size:.875rem}@media (min-width: 768px){.movie-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-item{display:flex;flex-direction:column}.detail-label{font-weight:500;color:#111827;margin-bottom:.25rem}.detail-value{color:#374151}.ratings-section{margin-top:1.5rem}.ratings-list{display:flex;flex-direction:column;gap:.5rem}.rating-item{display:flex;justify-content:space-between}.rating-source{color:#374151}.rating-value{font-weight:500;color:#111827}.error-state{text-align:center;padding:3rem 0}.error-icon{font-size:3.75rem;margin-bottom:1rem}.error-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.error-text{color:#6b7280;margin-bottom:1rem}.error-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border-radius:.375rem;text-decoration:none;transition:background-color .2s ease}.error-button:hover{background-color:#2563eb}.error-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}