:root{--primary-color:#2563eb;--secondary-color:#60a5fa;--bg-primary:#fff;--bg-secondary:#f3f4f6;--text-primary:#1f2937;--text-secondary:#6b7280;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--max-width:1200px}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}header{padding:10px;padding:var(--spacing-sm);text-align:center}main{flex:1 1;margin:0 auto;max-width:960px;width:100%}.searchbox-wrap{align-items:center;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:10px;gap:var(--spacing-sm);justify-content:center;margin:20px auto;margin:var(--spacing-md) auto;max-width:600px;padding:10px;padding:var(--spacing-sm)}.searchbox-wrap:focus-within{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.searchbox{flex:1 1;outline:none;padding:12px 16px;transition:all .3s ease}.searchbox,.searchbutton{border-radius:12px;border-radius:var(--border-radius-md);font-size:1rem}.searchbutton{border:none;cursor:pointer;font-weight:600px;padding:12px 24px;white-space:nowrap}.resultList{grid-gap:10px;grid-gap:var(--spacing-sm);display:grid;gap:10px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.result{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin:10px;margin:var(--spacing-sm);overflow:hidden;text-align:center}.result :hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.result img{height:300px;object-fit:cover;width:100%}.result .movietitle{word-wrap:break-word;font-size:15px;margin-bottom:10px;margin-bottom:var(--spacing-sm)}.popup{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:1000}.popup,.popup .content{overflow-y:auto;padding:30px;padding:var(--spacing-lg)}.popup .content{background-color:#fff;background-color:var(--bg-primary);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;position:relative;width:100%}.content .plot{padding:0 20px;padding:0 var(--spacing-md)}.popup .close{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.popup .close:hover{color:#1f2937;color:var(--text-primary)}
/*# sourceMappingURL=main.d4e7b419.css.map*/