@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#f1ee18,#b57e9b,#a6e1ec,#54ef88);background-size:400% 400%;font-family:Poppins,Arial,sans-serif;margin:0;min-height:100vh;padding:0}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{box-sizing:border-box;margin:0 auto;max-width:100%;padding:40px 20px;text-align:center;width:100%}h1{animation:fadeInDown 1s ease-out;color:#fff;font-size:3em;font-weight:600;letter-spacing:2px;margin-bottom:30px;text-shadow:2px 2px 4px #0000001a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-container{align-items:center;animation:fadeIn 1s ease-out .5s both;display:flex;justify-content:center;margin-bottom:30px;max-width:100%;width:100%}.search-input{border:none;border-radius:25px 0 0 25px;font-size:16px;outline:none;padding:12px 20px;transition:all .3s ease;width:70%}@media screen and (min-width:1200px){.App{padding:40px}}.search-input:focus{box-shadow:0 0 8px #ffffff80}.search-type{background-color:#f8f9fa;padding:12px 20px}.search-button,.search-type{border:none;font-size:16px;transition:all .3s ease}.search-button{background-color:#007bff;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;padding:12px 24px}.search-button:hover{background-color:#0056b3}.results-list{animation:fadeIn 1s ease-out 1s both;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.result-item{background-color:#ffffffe6;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.result-item:hover{box-shadow:0 6px 12px #00000026}.result-item h3{color:#333;margin-bottom:10px}.result-item p{color:#666;font-size:.9em}.load-more{animation:fadeIn 1s ease-out 1.5s both;background-color:#28a745;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin:30px auto;padding:12px 30px;transition:all .3s ease}.load-more:hover{background-color:#218838;transform:scale(1.05)}.modal{animation:fadeIn .3s ease-out;background-color:#000000b3}.modal-content{animation:zoomIn .3s ease-out;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:800px;padding:30px;width:90%}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content iframe{border-radius:10px;height:450px;width:100%}.close{color:#aaa;font-size:2em;right:20px;top:15px}.close:hover{color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.search-container{flex-direction:column}.search-button,.search-input,.search-type{border-radius:25px;margin-bottom:10px;width:100%}h1{font-size:2em}.result-item h3{font-size:1.1em}.result-item p{font-size:.9em}}.search-bar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff2e;border-radius:15px;box-shadow:0 8px 32px 0 #1f26875e;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:800px;padding:20px}.search-bar input[type=text]{background:#fffc;border:none;border-radius:25px;box-shadow:inset 0 2px 5px #0000001a;font-size:1em;margin:8px;padding:12px 20px;transition:all .3s ease;width:40%}.search-bar input[type=text]:focus{box-shadow:0 0 0 2px #007bff,inset 0 2px 5px #0000001a;outline:none}.search-bar select{-webkit-appearance:none;appearance:none;background:#fffc;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:12px auto;border:none;border-radius:25px;box-shadow:inset 0 2px 5px #0000001a;cursor:pointer;font-size:1em;margin:8px;padding:12px 20px;transition:all .3s ease;width:25%}.search-bar select:focus{box-shadow:0 0 0 2px #007bff,inset 0 2px 5px #0000001a;outline:none}.search-bar button{background-color:#007bff;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;margin:8px;padding:12px 24px;transition:all .3s ease}.search-bar button:hover{background-color:#0056b3;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}@media screen and (max-width:768px){.search-bar{align-items:stretch;flex-direction:column}.search-bar button,.search-bar input[type=text],.search-bar select{margin:5px 0;width:100%}}@media screen and (max-width:480px){.search-bar button,.search-bar input[type=text],.search-bar select{font-size:.9em;padding:10px}}.results-list{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;max-width:100%;padding:20px;width:100%}@media screen and (min-width:320px){.results-list{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:600px){.results-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){.results-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.results-list{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1400px){.results-list{padding-left:40px;padding-right:40px}}.result-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:100%}.result-item:hover{transform:translateY(-5px)}.result-item .thumbnail{height:160px;object-fit:cover;width:100%}.result-item .title{color:#333;font-size:1.2em;margin:10px}.result-item .authors,.result-item .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.result-item .authors{color:#555;font-size:.9em;margin:0 10px}.result-item .content{-webkit-line-clamp:15;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex-grow:1;font-size:.95em;margin:10px;overflow:hidden;text-overflow:ellipsis}.result-item .likes,.result-item .published,.result-item .source,.result-item .views{color:#888;font-size:.85em;margin:5px 10px}.result-item.youtube{background:linear-gradient(135deg,#f5f7fa,#e6e9f0);border:none;box-shadow:0 10px 20px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.result-item.youtube:before{background:linear-gradient(135deg,#c4302b1a,#c4302b4d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-item.youtube:hover{box-shadow:0 15px 30px #c4302b33,0 10px 10px #0000001a;transform:translateY(-5px) scale(1.02)}.result-item.youtube:hover:before{opacity:1}.result-item.youtube:after{border:3px solid #0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.result-item.youtube:hover:after{border-color:#8b0000;bottom:-3px;left:-3px;right:-3px;top:-3px}.result-item.youtube .thumbnail{transition:transform .3s ease}.result-item.youtube:hover .thumbnail{transform:scale(1.05)}.result-item.youtube .title{color:#c4302b;font-weight:700;transition:color .3s ease}.result-item.youtube:hover .title{color:#8b0000}.result-item.youtube .likes,.result-item.youtube .views{color:#606060;display:inline-block;margin-right:15px;transition:color .3s ease}.result-item.youtube:hover .likes,.result-item.youtube:hover .views{color:#333}.result-item.youtube .likes:before,.result-item.youtube .views:before{content:"👁️ ";margin-right:5px}.result-item.youtube .likes:before{content:"👍 "}.result-item.article{background:linear-gradient(135deg,#f5f7fa,#f0f7f0);border:none;box-shadow:0 10px 20px #0000001a;overflow:hidden;padding-bottom:15px;position:relative;transition:all .3s ease}.result-item.article:before{background:linear-gradient(135deg,#22c55e1a,#15803d4d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-item.article:hover{box-shadow:0 15px 30px #22c55e33,0 10px 10px #0000001a;transform:translateY(-5px) scale(1.02)}.result-item.article:hover:before{opacity:1}.result-item.article:after{border:3px solid #0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.result-item.article:hover:after{border-color:#22c55e;bottom:-3px;left:-3px;right:-3px;top:-3px}.result-item.article .thumbnail{height:160px;object-fit:cover;transition:transform .3s ease;width:100%}.result-item.article:hover .thumbnail{transform:scale(1.05)}.result-item.article .title{color:#15803d;font-weight:700;margin:15px 15px 10px;transition:color .3s ease}.result-item.article:hover .title{color:#22c55e}.result-item.article .content{color:#374151;font-size:.95em;line-height:1.6;margin:10px 15px}.result-item.article .published,.result-item.article .source{color:#6b7280;display:inline-block;font-size:.85em;margin:5px 15px;transition:color .3s ease}.result-item.article .source:before{content:"📰 ";margin-right:5px}.result-item.article .published:before{content:"📅 ";margin-right:5px}.result-item.article:hover .published,.result-item.article:hover .source{color:#15803d}.result-item.academic{background:linear-gradient(135deg,#f5f7fa,#fff7e6);border:none;box-shadow:0 10px 20px #0000001a;overflow:hidden;padding-bottom:15px;position:relative;transition:all .3s ease}.result-item.academic:before{background:linear-gradient(135deg,#f59e0b1a,#d977064d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-item.academic:hover{box-shadow:0 15px 30px #f59e0b33,0 10px 10px #0000001a;transform:translateY(-5px) scale(1.02)}.result-item.academic:hover:before{opacity:1}.result-item.academic:after{border:3px solid #0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.result-item.academic:hover:after{border-color:#f59e0b;bottom:-3px;left:-3px;right:-3px;top:-3px}.result-item.academic .title{color:#b45309;font-weight:700;margin:15px 15px 10px;transition:color .3s ease}.result-item.academic:hover .title{color:#f59e0b}.result-item.academic .content{color:#374151;font-size:.95em;line-height:1.6;margin:10px 15px}.result-item.academic .authors{color:#78350f;font-size:.9em;margin:5px 15px;transition:color .3s ease}.result-item.academic:hover .authors{color:#92400e}.result-item.academic .authors:before{content:"👥 ";margin-right:5px}.result-item.academic .published{color:#6b7280;display:inline-block;font-size:.85em;margin:5px 15px;transition:color .3s ease}.result-item.academic .published:before{content:"📚 ";margin-right:5px}.result-item.academic:hover .published{color:#92400e}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 20px 40px #0000004d;padding:20px;position:relative}.close{color:#333;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;transition:color .3s ease}.close:hover{color:#1e90ff}.initial-message{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;padding:2rem;text-align:center}.initial-message h2{color:#333;margin-bottom:1rem}.initial-message p{color:#666;margin-bottom:1rem}.initial-message ul{list-style-type:none;padding:0}.initial-message li{color:#444;margin-bottom:.5rem}.sliding-panel{background-color:#fff;box-shadow:-3px 0 5px #00000080;height:100%;max-width:600px;opacity:0;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out,opacity .3s ease-in-out;z-index:1000}.sliding-panel.open{opacity:1;right:0}.sliding-panel-content{height:100%;overflow-y:auto;padding:20px;position:relative}.close-btn{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:20px;top:10px}.sliding-panel{max-width:100%;width:100%}@media screen and (min-width:768px){.sliding-panel{max-width:50%}}@media screen and (min-width:1024px){.sliding-panel{max-width:33.33%}}
/*# sourceMappingURL=main.b384e740.css.map*/