body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.ai-explorer{padding-top:2rem}.explorer-header{background:#272822;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem;padding:2rem;text-align:center}.explorer-header h2{color:#f8f8f2;font-size:2rem;margin-bottom:.5rem}.explorer-header .subtitle{color:#75715e;font-size:1.1rem}.header-content h1{color:#f8f8f2;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#75715e;font-size:1rem}.health-warning{background:#f926721a;border:1px solid #f92672;border-radius:4px;color:#f92672;margin-top:1rem;padding:.5rem 1rem;text-align:center}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.main-container{display:flex;flex-direction:column;gap:1.5rem}.tag-cloud-container h3{color:#f8f8f2;font-size:1.25rem;margin-bottom:1rem}.selected-tags{border-top:1px solid #3e3d32;margin-top:1rem;padding-top:1rem}.selected-tags p{color:#75715e;font-size:.9rem;margin-bottom:.5rem}.clear-btn{background:#f92672;border:none;border-radius:6px;color:#272822;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.clear-btn:hover{background:#ff5a95;transform:translateY(-1px)}.query-input-container{background:#272822;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem;padding:1.5rem}.info-message{background:#66d9ef1a;border-left:3px solid #66d9ef;border-radius:8px;color:#66d9ef;font-size:.95rem;margin-bottom:1rem;padding:.75rem 1rem}.input-group{display:flex;gap:.5rem}.query-input{background:#1e1e1e;border:2px solid #3e3d32;border-radius:8px;color:#f8f8f2;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s}.query-input:focus{border-color:#66d9ef;outline:none}.settings-btn{align-items:center;background:#3e3d32;border:2px solid #3e3d32;border-radius:8px;color:#f8f8f2;cursor:pointer;display:flex;justify-content:center;padding:0 1rem;transition:all .3s}.settings-btn:hover{background:#49483e;border-color:#66d9ef}.submit-btn{align-items:center;background:linear-gradient(135deg,#66d9ef,#ae81ff);border:none;border-radius:8px;color:#272822;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .3s,box-shadow .3s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #66d9ef66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.advanced-settings{border-top:1px solid #3e3d32;margin-top:1rem;padding-top:1rem}.setting-group{margin-bottom:1rem}.setting-group label{color:#75715e;display:block;font-size:.9rem;margin-bottom:.5rem}.context-input{background:#1e1e1e;border:1px solid #3e3d32;border-radius:6px;color:#f8f8f2;font-size:.9rem;padding:.5rem;resize:vertical;width:100%}.setting-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}input[type=range]{width:100%}.article-container{background:#272822;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:2rem}.article-placeholder{color:#75715e}.article-loading,.article-placeholder{background:#272822;border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:4rem 2rem;text-align:center}.loading-animation{align-items:center;display:flex;flex-direction:column;gap:1rem}.pulse{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#66d9ef,#ae81ff);border-radius:50%;height:50px;width:50px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.loading-subtext{color:#75715e;font-size:.9rem}.article-metadata{border-bottom:1px solid #3e3d32;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.meta-item{align-items:center;color:#75715e;display:flex;font-size:.9rem;gap:.5rem}.generated-article{color:#f8f8f2;line-height:1.8}.article-h1{color:#f8f8f2;font-size:2rem;margin:1.5rem 0}.article-h2{color:#66d9ef;font-size:1.5rem;margin:1.25rem 0}.article-h3{color:#a6e22e;font-size:1.25rem;margin:1rem 0}.article-list,.article-paragraph{color:#f8f8f2;margin:1rem 0}.article-list{padding-left:2rem}.article-list.ordered{list-style-type:decimal}.article-blockquote{border-left:4px solid #ae81ff;color:#75715e;font-style:italic;margin:1rem 0;padding-left:1rem}pre{border-radius:8px;margin:1rem 0;overflow-x:auto}code{background:#3e3d32;border-radius:4px;color:#f92672;font-size:.9rem;padding:.2rem .4rem}.generated-article table{border-collapse:collapse;display:block;margin:1.5rem 0;overflow-x:auto;white-space:nowrap;width:100%}.generated-article td,.generated-article th{border:1px solid #3e3d32;min-width:100px;padding:.75rem;text-align:left;white-space:normal}.generated-article th{background:#3e3d32;color:#66d9ef;font-weight:700}.generated-article tbody tr:hover{background:#66d9ef0d}.references-section{border-top:2px solid #3e3d32;margin-top:2rem;padding-top:2rem}.references-section h3{color:#f8f8f2;margin-bottom:1rem}.references-list{display:flex;flex-direction:column;gap:.75rem}.reference-item{background:#3e3d32;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:background .3s}.reference-item:hover{background:#49483e}.ref-number{color:#66d9ef;font-weight:700}.ref-content{flex:1 1}.ref-title{color:#f8f8f2;font-weight:500;margin-bottom:.25rem}.ref-section{color:#75715e;font-size:.9rem}.ref-link{align-items:center;color:#66d9ef;display:inline-flex;font-size:.9rem;gap:.25rem;margin-top:.25rem;text-decoration:none;transition:color .3s}.ref-link:hover{color:#a6e22e}.error-message{background:#f926721a;border:1px solid #f92672;border-radius:8px;color:#f92672;margin-bottom:1rem;padding:1rem}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#272822;border-top:1px solid #3e3d32;color:#75715e;margin-top:auto;padding:1.5rem 2rem;text-align:center}.app-footer a{color:#66d9ef;margin:0 .5rem;text-decoration:none;transition:color .3s}.app-footer a:hover{color:#a6e22e}@media (max-width:1024px){.main-container{gap:1rem}}@media (max-width:640px){.app-header{padding:1rem}.header-content h1{font-size:1.5rem}.app-main{padding:1rem}.setting-row{grid-template-columns:1fr}}.main-navigation{background:#272822;border-bottom:2px solid #3e3d32;box-shadow:0 2px 4px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-brand h1{color:#f8f8f2;font-size:1.5rem;font-weight:600;margin:1rem 0}.nav-tabs{display:flex;gap:0}.nav-tab{border-bottom:3px solid #0000;color:#75715e;font-weight:500;margin-bottom:-2px;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:color .2s}.nav-tab:hover{color:#f8f8f2}.nav-tab.active{border-bottom-color:#66d9ef;color:#66d9ef}@media (max-width:768px){.nav-container{flex-direction:column;padding:0 1rem}.nav-brand h1{font-size:1.25rem;margin:.75rem 0}.nav-tabs{border-top:1px solid #3e3d32;justify-content:center;width:100%}.nav-tab{flex:1 1;padding:.75rem 1rem;text-align:center}}.blog-list-container{margin:0 auto;max-width:1200px;padding:2rem}.filter-header{align-items:center;border-bottom:1px solid #3e3d32;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.filter-header h2{color:#f8f8f2;font-size:1.5rem}.clear-filter{color:#66d9ef;font-size:.9rem;text-decoration:none}.clear-filter:hover{color:#a6e22e;text-decoration:underline}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.post-card{background:#272822;border:1px solid #3e3d32;border-radius:8px;box-shadow:0 2px 8px #0000004d;overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card:hover{border-color:#66d9ef;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.post-link{color:inherit;display:block;display:flex;flex-direction:column;height:100%;text-decoration:none}.post-image{background:#1e1e1e;height:200px;overflow:hidden;width:100%}.post-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.post-header{margin-bottom:1rem}.post-title{font-size:1.3rem;line-height:1.3;margin:0 0 .5rem}.post-meta{font-size:.85rem}.post-date,.reading-time{color:#75715e}.reading-time:before{content:"• ";margin-right:.25rem}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#f8f8f2;display:-webkit-box;flex-grow:1;line-height:1.6;margin-bottom:1rem;overflow:hidden}.post-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.tag{background:#3e3d32;border:1px solid #49483e;border-radius:4px;color:#a6e22e;font-size:.8rem;padding:.25rem .5rem}.read-more{color:#66d9ef;font-size:.9rem;white-space:nowrap}.error,.loading,.no-posts{color:#75715e;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.blog-list-container{padding:1rem}.posts-grid{gap:1rem;grid-template-columns:1fr}.filter-header{align-items:flex-start;flex-direction:column;gap:1rem}}.blog-post-container{margin:0 auto;max-width:800px;padding:2rem}.blog-post{background:#272822;border-radius:8px;box-shadow:0 2px 8px #0000004d}.post-header{border-bottom:1px solid #3e3d32;padding:2rem}.back-link{color:#66d9ef;display:inline-block;font-size:.95rem;margin-bottom:1rem;text-decoration:none}.back-link:hover{color:#a6e22e;text-decoration:underline}.post-title{color:#f8f8f2;font-size:2.5rem;line-height:1.2;margin:1rem 0}.post-meta{color:#75715e;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;margin:1rem 0}.post-category,.post-date,.post-reading-time{align-items:center;display:flex}.post-category:before,.post-reading-time:before{content:"•";margin-right:1rem}.post-description{color:#75715e;font-size:1.1rem;font-style:italic;line-height:1.6;margin:1.5rem 0}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag-button{background:#3e3d32;border:1px solid #49483e;border-radius:4px;color:#a6e22e;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.tag-button:hover{background:#49483e;border-color:#a6e22e}.post-content{color:#f8f8f2;font-size:1.05rem;line-height:1.8;padding:2rem}.content-h2,.post-content h2{border-bottom:2px solid #3e3d32;color:#66d9ef;font-size:1.8rem;margin:2rem 0 1rem;padding-bottom:.5rem}.content-h3,.post-content h3{color:#a6e22e;font-size:1.4rem;margin:1.5rem 0 .75rem}.content-h4,.post-content h4{color:#fd971f;font-size:1.2rem;margin:1.25rem 0 .5rem}.post-content p{margin:1rem 0}.post-content ol,.post-content ul{margin:1rem 0;padding-left:2rem}.post-content li{margin:.5rem 0}.post-content blockquote{border-left:4px solid #ae81ff;color:#75715e;font-style:italic;margin:1.5rem 0;padding-left:1rem}.post-content code{background:#3e3d32;border-radius:3px;color:#f92672;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.post-content pre{border-radius:8px;margin:1.5rem 0;overflow-x:auto}.post-content pre code{background:none;padding:0}.post-content a{color:#66d9ef;text-decoration:none}.post-content a:hover{color:#a6e22e;text-decoration:underline}.post-content img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.post-content table{border-collapse:collapse;display:block;margin:1.5rem 0;overflow-x:auto;white-space:nowrap;width:100%}.post-content td,.post-content th{border:1px solid #3e3d32;min-width:100px;padding:.75rem;text-align:left;white-space:normal}.post-content th{background:#3e3d32;color:#66d9ef;font-weight:700}.post-footer{border-top:1px solid #3e3d32;padding:2rem}.post-nav{display:flex;justify-content:center}.nav-button{background:linear-gradient(135deg,#66d9ef,#ae81ff);border-radius:6px;color:#272822;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-button:hover{box-shadow:0 4px 12px #66d9ef66;transform:translateY(-2px)}.error,.loading{color:#75715e;font-size:1.1rem;padding:3rem;text-align:center}.error{color:#f92672}@media (max-width:768px){.blog-post-container{padding:1rem}.post-content,.post-footer,.post-header{padding:1.5rem}.post-title{font-size:1.8rem}.post-content{font-size:1rem}.post-meta{font-size:.9rem}}
/*# sourceMappingURL=main.79fb4e33.css.map*/