:root{--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--border-color:#e2e8f0;--border-light:#f7fafc;--accent-primary:#3182ce;--accent-secondary:#63b3ed;--success-color:#38a169;--warning-color:#d69e2e;--error-color:#e53e3e;--info-color:#3182ce}[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e0;--border-color:#4a5568;--border-light:#2d3748;--accent-primary:#63b3ed;--accent-secondary:#3182ce;--success-color:#48bb78;--warning-color:#ed8936;--error-color:#f56565;--info-color:#63b3ed}body{transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--accent-primary);transition:color .2s ease}a:hover{color:var(--accent-secondary)}input,select,textarea{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);outline-color:var(--accent-primary)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}button{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);transition:all .2s ease}button:hover{background-color:var(--bg-tertiary)}.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.card,.modal-content,.sidebar{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-theme=dark] .card,[data-theme=dark] .modal-content,[data-theme=dark] .sidebar{box-shadow:0 1px 3px rgba(0,0,0,.3)}header,nav{background-color:var(--bg-primary)}footer,header,nav{border-color:var(--border-color)}footer{background-color:var(--bg-secondary);color:var(--text-secondary)}code{color:var(--text-primary)}code,pre{background-color:var(--bg-secondary);border:1px solid var(--border-color)}pre code{background:transparent;border:none}table{background-color:var(--bg-primary)}table,th{border-color:var(--border-color)}th{background-color:var(--bg-secondary);color:var(--text-primary)}td{border-color:var(--border-color);color:var(--text-secondary)}tr:hover td{background-color:var(--bg-secondary)}hr{border-color:var(--border-color)}blockquote{background-color:var(--bg-secondary);border-left-color:var(--accent-primary);color:var(--text-secondary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-moz-selection{background-color:var(--accent-primary);color:var(--bg-primary)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}.theme-transition,.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}.alert{border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.alert-info{background-color:rgba(49,130,206,.1);border-color:var(--info-color);color:var(--info-color)}.alert-success{background-color:rgba(56,161,105,.1);border-color:var(--success-color);color:var(--success-color)}.alert-warning{background-color:rgba(214,158,46,.1);border-color:var(--warning-color);color:var(--warning-color)}.alert-error{background-color:rgba(229,62,62,.1);border-color:var(--error-color);color:var(--error-color)}.modal-overlay{background-color:rgba(0,0,0,.5)}[data-theme=dark] .modal-overlay{background-color:rgba(0,0,0,.7)}.dropdown-menu{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,.1)}[data-theme=dark] .dropdown-menu{box-shadow:0 4px 6px rgba(0,0,0,.3)}.dropdown-item:hover{background-color:var(--bg-secondary)}.tooltip{background-color:var(--text-primary);color:var(--bg-primary)}.tooltip:after{border-top-color:var(--text-primary)}.progress{background-color:var(--bg-secondary)}.progress-bar{background-color:var(--accent-primary)}.badge{background-color:var(--bg-tertiary);color:var(--text-primary)}.badge-primary{background-color:var(--accent-primary);color:var(--bg-primary)}.text-muted{color:var(--text-tertiary)!important}.bg-light{background-color:var(--bg-secondary)!important}.bg-dark{background-color:var(--bg-tertiary)!important}.border{border-color:var(--border-color)!important}@media (max-width:768px){.theme-toggle-floating{right:10px;top:10px}}[data-theme=dark] img{filter:brightness(.9);opacity:.9}[data-theme=dark] img:hover{filter:brightness(1);opacity:1}[data-theme=dark] svg{color:var(--text-secondary)}.loading{opacity:.6;pointer-events:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=dark] .card,[data-theme=dark] .modal-content,[data-theme=dark] .shadow{box-shadow:0 4px 6px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .shadow-lg{box-shadow:0 10px 25px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.3)}:root{--bg-primary:#fff;--bg-secondary:#f8f8f7;--bg-tertiary:#f1f3f4;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-muted:#80868b;--border-color:#dadce0;--border-hover:#bdc1c6;--accent-blue:#1a73e8;--accent-green:#34a853;--accent-orange:#ff6d01;--accent-red:#ea4335;--accent-purple:#9c27b0;--accent-cyan:#00bcd4;--gradient-tech:linear-gradient(135deg,#667eea,#764ba2);--gradient-ai:linear-gradient(135deg,#1a73e8,#34a853);--gradient-blockchain:linear-gradient(135deg,#ff6d01,#ffeb3b);--gradient-devops:linear-gradient(135deg,#ea4335,#ff6d01);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-mono:"Inter","Monaco","Inconsolata","Roboto Mono",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--border-color:#30363d;--border-hover:#484f58}}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--border-color:#30363d;--border-hover:#484f58}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6}.hero-section{background:var(--gradient-tech);color:#fff;margin-bottom:var(--spacing-xxl);overflow:hidden;padding:var(--spacing-xxl) 0;position:relative}.tech-glow{display:none}.hero-content{position:relative;text-align:center;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:1.25rem;font-weight:400;margin-bottom:var(--spacing-xl);opacity:.9}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xxl);justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-mono);font-size:2rem;font-weight:700}.stat-label{display:block;font-size:.875rem;letter-spacing:.05em;margin-top:var(--spacing-xs);opacity:.8;text-transform:uppercase}.search-section{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl) 0}.search-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-xl);text-align:center}.search-container{margin:0 auto;max-width:600px;position:relative}.search-box{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;display:flex;overflow:hidden}.search-input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:1rem;outline:none;padding:var(--spacing-md)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-box:focus-within{border-color:var(--accent-blue)}.search-btn{align-items:center;background:var(--accent-blue);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-md);width:48px}.search-btn:hover{background:#1557b0}.search-suggestions{backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;left:0;margin-top:var(--spacing-xs);max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-suggestions[hidden]{display:none}.search-result-item{border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:block;padding:var(--spacing-md);text-decoration:none}.search-result-item:last-child{border-bottom:none}.search-result-item:focus,.search-result-item:hover{background:var(--bg-secondary)}.search-result-item:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.result-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs)}.result-summary{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.result-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.result-category{background:var(--bg-tertiary);border-radius:4px;font-family:var(--font-mono);padding:2px 6px}.result-reading-time:before{content:"⏱";margin-right:2px}.no-results{color:var(--text-muted);font-size:.9rem;padding:var(--spacing-lg);text-align:center}.search-results{backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;left:0;margin-top:var(--spacing-xs);max-height:500px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-results-content{padding:var(--spacing-md)}.search-results-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.search-results-count{color:var(--text-secondary);font-size:.85rem}.search-results-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs)}.search-results-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-results-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-highlight{background:rgba(26,115,232,.2);border-radius:2px;color:var(--accent-blue);font-weight:500;padding:1px 2px}.search-result-item[aria-selected=true]{background:var(--accent-blue);color:#fff}.search-result-item[aria-selected=true] .result-meta,.search-result-item[aria-selected=true] .result-summary,.search-result-item[aria-selected=true] .result-title{color:#fff}.search-loading{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.search-loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-blue);height:16px;width:16px}.featured-tech-areas{margin-bottom:var(--spacing-xxl)}.section-title{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:var(--spacing-xl);text-align:center}.tech-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.tech-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center}.tech-card:hover{border-color:var(--border-hover)}.tech-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);position:relative;width:64px}.ai-card .tech-icon{background:var(--gradient-ai)}.blockchain-card .tech-icon{background:var(--gradient-blockchain)}.devops-card .tech-icon{background:var(--gradient-devops)}.tech-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.tech-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md)}.tech-stats{margin-top:var(--spacing-lg)}.article-count{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.browse-by-category{margin-bottom:var(--spacing-xxl)}.category-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1200px}.category-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:var(--spacing-xl);justify-content:space-between;padding:var(--spacing-xl)}.category-row:hover{border-color:var(--border-hover)}.category-info{flex:1;gap:var(--spacing-lg)}.category-icon,.category-info{align-items:center;display:flex}.category-icon{border-radius:8px;color:#fff;font-size:1.25rem;height:48px;justify-content:center;width:48px}.ai-category .category-icon{background:var(--gradient-ai)}.blockchain-category .category-icon{background:var(--gradient-blockchain)}.programming-category .category-icon{background:var(--accent-purple)}.devops-category .category-icon{background:var(--gradient-devops)}.web-category .category-icon{background:var(--accent-cyan)}.category-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.category-content p{color:var(--text-secondary);font-size:.9rem}.category-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-tag{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:.75rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none}.category-tag:hover{border-color:var(--border-hover);color:var(--text-primary)}.category-tag .count{background:var(--accent-blue);border-radius:4px;color:#fff;font-size:.6rem;font-weight:500;padding:2px 6px}.homepage-recommendations{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl)}.homepage-recommendations .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.homepage-recommendations .section-title{align-items:center;display:flex;font-size:1.5rem;gap:var(--spacing-sm);margin:0}.title-subtitle{color:var(--text-muted);display:block;font-size:.8rem;font-weight:400;margin-top:var(--spacing-xs)}.recommendations-controls{align-items:center;display:flex;gap:var(--spacing-md)}.refresh-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.refresh-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.latest-articles{margin-bottom:var(--spacing-xxl)}.latest-articles .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.view-all-btn{color:var(--accent-blue);font-size:.9rem;font-weight:500;text-decoration:none}.view-all-btn:hover{text-decoration:underline}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.article-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg)}.article-row:hover{border-color:var(--border-hover)}.article-title{margin-bottom:var(--spacing-sm)}.article-title a{color:var(--text-primary);font-weight:500;text-decoration:none}.article-title a:hover{color:var(--accent-blue)}.article-summary{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:1024px){.tech-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hero-stats{gap:var(--spacing-lg)}.category-row{flex-direction:column;text-align:center}.category-links{justify-content:center}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:var(--spacing-md)}.tech-grid{grid-template-columns:1fr}.category-row,.tech-card{padding:var(--spacing-lg)}.search-container{margin:0 var(--spacing-md)}.homepage-recommendations .section-header{flex-direction:column;text-align:center}.latest-articles .section-header{flex-direction:column;gap:var(--spacing-md)}.search-suggestions{left:var(--spacing-md);max-height:300px;right:var(--spacing-md)}.search-result-item{padding:var(--spacing-sm)}.result-title{font-size:.9rem}.result-summary{font-size:.8rem}.result-meta{font-size:.7rem;gap:var(--spacing-xs)}.search-results-header{padding:var(--spacing-sm)}.search-results-count{font-size:.8rem}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.category-row,.tech-card{padding:var(--spacing-md)}.homepage-recommendations{padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.article-row,.category-row,.homepage-recommendations,.tech-card{border-width:2px}}a:focus,button:focus,input:focus{outline:2px solid var(--accent-blue);outline-offset:2px}@media print{.hero-section{background:none!important;color:#000!important}.recommendations-controls,.search-section{display:none}}.chroma{background-color:#1f2328;color:#f8f8f2}.chroma .err{background-color:#1e0010;color:#960050}.chroma .lnlinks{color:inherit;outline:none;text-decoration:none}.chroma .lntd{border:0;margin:0;padding:0;vertical-align:top}.chroma .lntable{border:0;border-spacing:0;margin:0;padding:0}.chroma .hl{background-color:#3c3d38}.chroma .ln,.chroma .lnt{color:#7f7f7f;margin-right:.4em;padding:0 .4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre}.chroma .line{display:flex}.chroma .k,.chroma .kc,.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp,.chroma .kr,.chroma .kt{color:#66d9ef}.chroma .na,.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd,.chroma .ne,.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .fm,.chroma .nf{color:#a6e22e}.chroma .l{color:#ae81ff}.chroma .dl,.chroma .ld,.chroma .s,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .s1,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx{color:#e6db74}.chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#ae81ff}.chroma .o,.chroma .ow{color:#f92672}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .cp,.chroma .cpf,.chroma .cs{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}.chroma{border-radius:8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1rem}code.chroma{border-radius:4px;font-size:.85rem;margin:0;padding:.2rem .4rem}.highlight,pre{position:relative}.copy-button{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;justify-content:center;min-width:60px;opacity:0;padding:6px 8px;position:absolute;right:8px;top:8px;transition:opacity .2s ease,background-color .2s ease;z-index:10}.highlight:hover .copy-button,pre:hover .copy-button{opacity:1}.copy-button:hover{background:rgba(0,0,0,.9)}.copy-button.copied{background:#10b981;opacity:1}.copy-button.copied:hover{background:#059669}.copy-button.copy-error{background:#ef4444;opacity:1}.copy-button.copy-error:hover{background:#dc2626}.copy-text{font-weight:500;white-space:nowrap}.copy-button svg{flex-shrink:0}@media (prefers-color-scheme:dark){.copy-button{background:hsla(0,0%,100%,.1);color:#e5e7eb}.copy-button:hover{background:hsla(0,0%,100%,.2)}}@media (max-width:768px){.copy-button{font-size:11px;min-width:50px;opacity:1;padding:4px 6px;right:4px;top:4px}.copy-text{display:none}}@media (prefers-contrast:high){.copy-button{background:#000;border:1px solid #fff;color:#fff}.copy-button:hover{background:#333}}@media (prefers-reduced-motion:reduce){.copy-button{transition:none}}