:root{--article-bg:#0a0e27;--article-card-bg:rgba(15,19,51,0.6);--article-text:#e5e7eb;--article-heading:#00ff41;--article-link:#00ff41;--article-border:rgba(0,255,65,0.15);--article-code-bg:rgba(0,255,65,0.05)}[data-reader-mode="light"]{--article-bg:#f9fafb;--article-card-bg:#fff;--article-text:#1f2937;--article-heading:#059669;--article-link:#059669;--article-border:#e5e7eb;--article-code-bg:#f3f4f6}.article-page{min-height:100vh;padding:5rem 0 3rem;background:var(--article-bg);transition:background .3s ease}.article-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.reader-mode-toggle{position:fixed;top:120px;right:20px;z-index:1000;background:var(--article-card-bg);border:1px solid var(--article-border);border-radius:24px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.reader-mode-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}.reader-mode-toggle svg{width:20px;height:20px;color:var(--article-heading)}.reader-mode-toggle span{font-size:.875rem;color:var(--article-text);font-weight:500}.article-content{background:var(--article-card-bg);border:1px solid var(--article-border);border-radius:12px;padding:2.5rem;backdrop-filter:blur(10px);transition:all .3s ease}.article-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--article-border)}.article-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--article-heading);line-height:1.3;margin:0 0 1rem 0}.article-meta{color:var(--article-text);opacity:.7;font-size:.875rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.article-body{color:var(--article-text);font-size:1.0625rem;line-height:1.75;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[data-reader-mode="light"] .article-body [style*="background"]{background:var(--article-code-bg) !important;color:var(--article-text) !important}[data-reader-mode="light"] .article-body [style*="color"]{color:var(--article-text) !important}.article-body h2{font-size:1.875rem;font-weight:700;color:var(--article-heading);margin:2.5rem 0 1.25rem 0;line-height:1.3}.article-body h3{font-size:1.5rem;font-weight:600;color:var(--article-heading);margin:2rem 0 1rem 0;line-height:1.4}.article-body h4{font-size:1.25rem;font-weight:600;color:var(--article-heading);margin:1.75rem 0 .875rem 0}.article-body p{margin-bottom:1.25rem}.article-body strong{font-weight:600;color:var(--article-heading)}.article-body em{font-style:italic}.article-body a{color:var(--article-link);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}.article-body a:hover{opacity:.8}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.75rem}.article-body li{margin-bottom:.5rem;line-height:1.75}.article-body ul li{list-style-type:disc}.article-body ol li{list-style-type:decimal}.table-container{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid var(--article-border)}.article-body table{width:100%;border-collapse:collapse;font-size:.9375rem}.article-body th,.article-body td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--article-border)}.article-body th{background:var(--article-code-bg);font-weight:600;color:var(--article-heading)}.article-body tr:last-child td{border-bottom:0}.article-body code{background:var(--article-code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:'Courier New',Courier,monospace}.article-body pre{background:var(--article-code-bg);padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-body pre code{background:0;padding:0}.article-body blockquote{border-left:4px solid var(--article-link);padding-left:1.25rem;margin:1.5rem 0;font-style:italic;opacity:.9}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--article-border);display:flex;gap:1rem;flex-wrap:wrap}.article-footer .btn{padding:.875rem 1.75rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease;display:inline-block}.article-footer .btn-secondary{background:transparent;border:2px solid var(--article-heading);color:var(--article-heading)}.article-footer .btn-secondary:hover{background:var(--article-heading);color:var(--article-bg)}.article-footer .btn-primary{background:var(--article-heading);color:var(--article-bg);border:2px solid var(--article-heading)}.article-footer .btn-primary:hover{opacity:.9;transform:translateY(-2px)}@media(max-width:768px){.article-page{padding:4rem 0 2rem}.article-container{padding:0 1rem}.article-content{padding:1.5rem}.article-title{font-size:1.75rem}.article-body{font-size:1rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.reader-mode-toggle{top:80px;right:10px;padding:.4rem .75rem}.reader-mode-toggle span{display:none}.article-footer{flex-direction:column}.article-footer .btn{width:100%;text-align:center}}@media print{.reader-mode-toggle,.article-footer{display:none !important}.article-page{background:white}.article-content{border:0;box-shadow:none}.article-body{color:black}}@media(prefers-contrast:high){:root{--article-border:rgba(0,255,65,0.5)}[data-reader-mode="light"]{--article-border:#000}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms !important}}