@import"https://fonts.googleapis.com/css2?family=Afacad:wght@400;500;600;700&display=swap";:root{--main-color: #b6cfff;--secondary-color: #6c757d;--light-mode-main-background: #ffffff;--light-purple: #e9ecef;--dark-mode-main-background: #343a40;--deep-purple: #495057;--gradient-start: var(--main-color);--gradient-end: var(--light-purple);--dark-gradient-start: var(--dark-mode-main-background);--dark-gradient-end: var(--deep-purple);--text-color: #212529;--text-light: #f8f9fa;--text-blue: #187ec2;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--hover-shadow: 0 2px 5px rgba(0, 0, 0, .1);--border-radius: 4px;--transition-speed: .3s;--font-family: "Afacad", sans-serif;--sidebar-width: 240px;--header-height: 60px}body{margin:0;font-family:var(--font-family);background:var(--light-mode-main-background);color:var(--text-color);min-height:100vh}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background:var(--light-mode-main-background);border-right:1px solid rgba(0,0,0,.1);padding:2rem 1rem;position:fixed;height:100vh;overflow-y:auto}.sidebar nav{display:flex;flex-direction:column;gap:1rem;margin:.8rem}.sidebar a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all var(--transition-speed)}.sidebar a:hover{background:#0000000d}.main-content{flex:1 0 auto;margin-left:var(--sidebar-width);padding:0 2rem 2rem;margin-top:var(--header-height);box-sizing:border-box;overflow-x:hidden}.app-header{display:flex;align-items:center;padding:1rem 0 1rem 1rem;position:sticky;top:0;background:var(--light-mode-main-background);z-index:100;border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);box-sizing:border-box;height:var(--header-height);width:100%}.search-section{width:100%;max-width:300px}.search-box{position:static;margin:0}.blog-section,.blog-post-page{margin-top:0;padding:2rem;width:100%}.blog-hero-image img{border-radius:var(--border-radius)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%;padding:0}.blog-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-speed);border:1px solid rgba(0,0,0,.1);height:100%}.blog-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.blog-card-image{width:100%;height:200px;position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed)}.blog-card-image img[src*=greenlens-high-resolution-logo-transparent]{object-fit:contain;padding:20px;background:#f8f9fa;border-radius:var(--border-radius)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-category{position:absolute;top:10px;left:10px;z-index:2;display:inline-block;background:var(--main-color);color:#fff;padding:.2rem .6rem;border-radius:var(--border-radius);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.blog-card-content h3{margin:0;font-size:1.2rem;font-weight:600;line-height:1.4;color:var(--text-color)}.blog-card-content p{margin:0;color:var(--secondary-color);font-size:.9rem;line-height:1.6;flex:1}.blog-meta{display:flex;align-items:center;gap:1rem;color:var(--text-blue);font-size:.8rem;margin-top:auto}.read-more{display:inline-flex;align-items:center;color:var(--main-color);text-decoration:none;font-weight:500;font-size:.9rem;margin-top:.5rem;transition:all var(--transition-speed)}.read-more:hover{color:var(--secondary-color);transform:translate(5px)}@media (max-width: 1200px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.blog-section{padding:1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (prefers-color-scheme: dark){.sidebar{background:var(--dark-mode-main-background);border-right-color:#ffffff1a}.sidebar a{color:var(--text-light)}.sidebar a:hover{background:#ffffff1a}.app-header{background:inherit;border-bottom-color:#ffffff1a}.blog-card{background:var(--dark-mode-main-background);border-color:#ffffff1a}.blog-card-content h3{color:var(--main-color)}}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar{display:none}.main-content{margin-left:0;margin-top:var(--header-height)}.app-header{padding:.8rem 0;margin-bottom:1.5rem}.search-section{width:100%;max-width:300px}}.footer nav a{color:var(--dark-mode-main-background)}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,var(--dark-gradient-start) 0%,var(--dark-gradient-end) 100%);color:var(--text-light)}.abstract,.main-results,.no-results{background-color:#ffffff0d}.search-input{background-color:#ffffff1a;border-color:var(--main-color);color:#fff}.search-input::placeholder{color:#ffffff80}.footer{border-top-color:var(--dark-mode-main-background)}.footer nav a{color:var(--main-color)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:4em;padding:1em;will-change:filter;transition:filter .3s;position:fixed;top:0;left:0;z-index:1000}.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}.search-form{display:flex;width:100%;gap:1rem;align-items:center}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem}.search-input{width:100%;border:2px solid var(--main-color);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-speed);box-shadow:0 2px 10px #0000000d}.search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 4px 15px #0000001a}.search-button{background:var(--main-color);color:#fff;border:none;width:8rem;border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-family);font-weight:600;cursor:pointer;transition:all var(--transition-speed)}@media (max-width: 768px){.logo{height:3em;padding:.5em}.app-header{flex-direction:column;align-items:center;padding-top:1rem}.app-title{font-size:2rem;margin-left:0;margin-bottom:1rem;text-align:center}.app-logo-image{max-height:40px;margin-right:.5rem}.search-box{position:static;margin:0 auto;max-width:90%;width:100%;padding:0 1rem;right:auto;top:auto;box-sizing:border-box}.search-form{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%}.input-container{display:flex;width:auto;flex-direction:row;gap:.5rem;flex-grow:1}.search-input{font-size:14px;flex-grow:1;width:auto}.search-button{font-size:14px;margin-top:0;flex-shrink:0}}@media (max-width: 480px){.logo{height:2em;padding:.3em}.app-header{padding-top:.5rem}.app-title{font-size:1.5rem;margin-bottom:.8rem;text-align:center}.app-logo-image{max-height:30px}.search-box{max-width:95%;margin:0 auto;padding:0 .5rem;box-sizing:border-box}.search-form{gap:.3rem;width:100%}.input-container{gap:.3rem;flex-grow:1}.search-input{font-size:12px;flex-grow:1;width:auto}.search-button{font-size:12px;flex-shrink:0}}.main-search-div{display:flex;flex-direction:column;align-items:center}.search-icon{position:absolute;right:-10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#009dff;font-size:20px;cursor:pointer}.search-icon:hover{color:#ff9800}.search-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.search-button:active{background-color:var(--moss-green);transform:translateY(1px)}.search-results{margin-top:20px;padding:20px;text-align:left}.abstract{margin-bottom:20px;padding:15px;border-radius:var(--border-radius)}.abstract h2{margin-top:0}.abstract a{color:#007bff;text-decoration:none}.abstract a:hover{text-decoration:underline}.related-topics{margin-top:20px}.topic-item{margin-bottom:10px;padding:10px;border-bottom:1px solid #eee}.footer{padding:2rem 0;margin-top:3rem;border-top:1px solid rgba(0,0,0,.1);overflow:hidden}.footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.footer a{color:var(--main-color);text-decoration:none;font-weight:500;transition:color var(--transition-speed)}.footer a:hover{color:var(--secondary-color)}.footer .home-link{display:flex;align-items:center;gap:4px;font-weight:500}.footer .home-link .home-icon{font-size:16px}.page-content{position:relative;padding:80px 20px 20px;max-width:800px;margin:0 auto 80px;flex:1}@media (prefers-color-scheme: dark){.app-title{background:linear-gradient(90deg,var(--light-mode-main-background),var(--light-purple));-webkit-background-clip:text;background-clip:text}.home-button{background:var(--main-color)}.home-button:hover{background:var(--secondary-color)}}@media (max-width: 768px){.app-title{font-size:2.5rem}.home-button{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.app-title{font-size:2rem}.home-button{padding:.5rem 1rem;font-size:.8rem}.search-input{width:10rem}}.app-title{font-size:2rem;font-weight:700;margin:0;margin-bottom:1.5rem;color:var(--main-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-family)}.app-logo-image{max-height:52px;margin:0 auto;display:block}@media (max-width: 768px){.app-header{padding:.8rem 0;margin-bottom:1.5rem}.app-title{margin-bottom:1.2rem}.search-section{margin-bottom:1.5rem;padding:0 .5rem}}@media (max-width: 480px){.app-header{padding:.5rem 0;margin-bottom:1rem}.app-title{margin-bottom:1rem}.search-section{margin-bottom:1rem;padding:0 .25rem}}.search-section{width:100%;max-width:900px;margin-left:1rem}.search-section .search-box{margin:0 auto;width:100%}@media (max-width: 768px){.search-section{max-width:100%;padding:0 1rem}}@media (max-width: 480px){.search-section{padding:0 .5rem}}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.blog-card-content .blog-category{display:none}.blog-category{display:inline-block;background:var(--main-color);color:#fff;padding:.1rem .4rem;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;letter-spacing:8px;font-family:var(--font-family)}.read-more{display:inline-block;background:var(--main-color);color:#fff;width:6.5rem;padding:.2rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all var(--transition-speed);align-self:flex-start;margin-top:auto;font-family:var(--font-family)}.read-more:hover{background:var(--secondary-color);transform:translate(5px);box-shadow:0 4px 8px #0000001a}.blog-meta{display:flex;align-items:center}.home-button{display:inline-flex;align-items:center;background:var(--main-color);color:#fff;padding:.8rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;margin-bottom:2rem;transition:all var(--transition-speed);box-shadow:var(--card-shadow);font-family:var(--font-family)}.home-button:hover{background:var(--secondary-color);transform:translate(-5px);box-shadow:var(--hover-shadow)}@media (max-width: 1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-section{padding:1rem}.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.blog-grid{grid-template-columns:1fr;gap:1rem}.blog-card-content{padding:1rem}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--text-color)}.blog-card-author{font-size:.9rem;color:var(--secondary-color);font-style:italic;margin-top:.5rem}.blog-post-error{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:var(--secondary-color)}