*{margin:0;padding:0;box-sizing:border-box;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.dark{background-color:#202124;color:#e5e7eb}.light{background-color:#f5f5f5;color:#202124}.navbar-container{width:100%;padding:10px;text-align:center}.search-container{width:100%;text-align:center}.results-outlet{display:flex;justify-content:center}.search-container h1{margin-bottom:10px}.logo{font-size:3rem;cursor:pointer}.toggleBtn{padding:10px;text-align:center;border-radius:50%;border:none;cursor:pointer;transition:background .3s ease,color .3s ease}.toggleBtn.light{background:#333;color:#fff}.toggleBtn.dark{background:#f5f5f5;color:#000}.results-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px}input{width:40%;height:40px;border-radius:20px;border:1px solid #ccc;padding:0 20px;font-size:16px;outline:none}.input-dark{background-color:#303134;color:#fff;border:1px solid #555}.input-light{background-color:#fff}input:focus{box-shadow:0 0 5px #51cbee}.search-btn{width:6%;height:40px;border-radius:20px;border:none;margin-left:10px;cursor:pointer;background-color:#2563eb;color:#fff;font-size:16px}.form{width:100%;text-align:center}.footer-dark{background-color:#202124;color:#e5e7eb}.footer-light{background-color:#f5f5f5;color:#202124}.footer-container{width:100%;height:13vh;text-align:center;display:flex;margin-top:20px}.footer-container>h1{font-size:1.5rem;margin:auto}.nav-main{display:flex;width:100%;justify-content:space-between;align-items:center}.links{display:flex;gap:20px;justify-content:center}.links a{text-decoration:none;font-size:1.1rem}.active-link{font-weight:700;color:tomato;border-bottom:3px solid tomato}.results-list{display:flex;width:60%;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.result-item{padding:1rem 1.25rem;border-radius:10px;box-shadow:0 2px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease}.result-item-light{background:var(--card-bg, #fff)}.result-item-dark{background-color:#0000004d;color:#fff}.result-item-dark:hover,.result-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}.result-title{font-size:1.25rem;font-weight:600;color:#1a73e8;margin-bottom:.5rem;cursor:pointer;text-decoration:none}.result-title:hover{text-decoration:underline}.result-snippet{font-size:.95rem;color:#5f6368;margin-bottom:.5rem}.result-description{font-size:1rem;line-height:1.5;color:#202124}.image-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px 0}.image-card{border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.image-card-light{background:var(--card-bg, #fff)}.image-card-dark{background:var(--card-bg, #333)}.image-card-dark:hover,.image-card:hover{transform:scale(1.03)}.image-thumb{width:100%;height:150px;object-fit:cover}.image-info{padding:10px}.image-title{font-size:14px;font-weight:600;margin-bottom:4px}.image-title-light{color:#222}.image-title-dark{color:#fff}.image-source{font-size:12px;color:#666}.image-source-dark{font-size:12px;color:#fff}.video-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.video-card{background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.video-card:hover{transform:scale(1.02)}.video-player{width:100%;height:200px;object-fit:cover;border-bottom:1px solid #eee}.video-info{padding:10px}.video-title{font-size:16px;font-weight:600;margin-bottom:6px;color:#222}.video-source{font-size:13px;color:#666}.error-page{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;gap:10px;font-weight:700}@media screen and (min-width: 640px){.navbar-container{justify-content:space-between}}@media (max-width: 600px){.form{display:flex;flex-direction:column;align-items:center;gap:20px}.form button{width:30%}.form input{width:80%}}