*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#222}.app-root{display:flex;justify-content:center}.app-shell{max-width:1440px;width:100%;margin:0 auto;padding:24px 32px 48px}.topbar{width:100%;margin-bottom:24px}.topbar-banner{width:100%;height:180px;object-fit:cover;border-radius:8px;display:block}.search-section{margin-bottom:24px}#movieForm{display:flex;gap:8px;justify-content:center;align-items:center;width:100%}#movieTitle{flex:1;max-width:480px;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px}#movieTitle:focus{outline:none;border-color:#1e73be;box-shadow:0 0 0 2px #1e73be33}#movieForm button{padding:10px 18px;border-radius:6px;border:none;background-color:#1e73be;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}#movieForm button:disabled{opacity:.6;cursor:default}#movieForm button:hover:not(:disabled){background-color:#155a91}.error-text{margin-top:8px;text-align:center;color:#c0392b;font-size:13px}.grid-section{margin-top:24px}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.movie-card{background:#fff;border-radius:10px;border:1px solid #e3e6ea;padding:14px 14px 18px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;min-height:100%}.movie-card--primary{background:#f7fbff;border-color:#c5ddf4;box-shadow:0 2px 8px #1976d21f}.movie-title{font-size:16px;font-weight:600;margin:0}.movie-year{font-size:13px;color:#666;margin:2px 0 8px}.poster{width:100%;border-radius:8px;margin:8px 0 10px;object-fit:cover}.movie-meta{font-size:13px}.movie-meta p{margin:4px 0;line-height:1.3}