:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#16161f;--color-bg-card-hover:#1c1c28;--color-border:#2a2a3a;--color-border-subtle:#1e1e2e;--color-text:#e4e4ed;--color-text-muted:#9494a8;--color-text-subtle:#6b6b80;--color-accent:#7c5cfc;--color-accent-light:#9b7fff;--color-accent-dark:#5a3dd4;--color-accent-glow:#7c5cfc26;--color-secondary:#00d4aa;--color-secondary-dark:#00b891;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(1.8rem, 1.5rem + 1.5vw, 2.5rem);--text-4xl:clamp(2.2rem, 1.75rem + 2.25vw, 3.25rem);--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:1200px;--max-width-article:760px;--sidebar-width:280px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:#fff;font-weight:700}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{margin-bottom:var(--space-md)}strong{color:#fff;font-weight:600}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.gradient-text{background:linear-gradient(135deg, var(--color-accent-light), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-accent-glow);color:var(--color-accent-light);border:1px solid #7c5cfc4d;align-items:center;font-weight:600;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);box-shadow:var(--shadow-glow);border-color:#7c5cfc4d;transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-width:48px;min-height:48px;padding:calc(var(--space-sm) + 1px) var(--space-lg);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:#fff;box-shadow:0 4px 15px #7c5cfc4d}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #7c5cfc80}.btn-outline{color:var(--color-accent-light);border:1px solid var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent-glow);color:#fff}.article-content{max-width:var(--max-width-article);margin:0 auto}.article-content h2{font-size:var(--text-2xl);margin-top:var(--space-3xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border);scroll-margin-top:6rem}.article-content h3{font-size:var(--text-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md);scroll-margin-top:6rem}.article-content p{line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.article-content ul,.article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.article-content blockquote{border-left:3px solid var(--color-accent);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--color-bg-elevated);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic}.article-content code{font-family:var(--font-mono);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.article-content pre{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.article-content pre code{background:0 0;border:none;padding:0}.article-content table{border-collapse:collapse;width:100%;margin:var(--space-xl) 0;font-size:var(--text-sm)}.article-content th{background:var(--color-bg-elevated);padding:var(--space-sm) var(--space-md);text-align:left;color:#fff;border:1px solid var(--color-border);font-weight:600}.article-content td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border)}.article-content img{border-radius:var(--radius-md);margin:var(--space-xl) 0}.article-content a{text-underline-offset:3px;text-decoration:underline}.article-content a:not([href*=amazon\.com]){min-height:32px}.article-content p a[href*=amazon\.com]{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:#fff;border-radius:var(--radius-md);min-height:48px;font-weight:700;font-size:var(--text-sm);letter-spacing:.01em;transition:all var(--transition-base);margin:var(--space-xs) 0;align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex;box-shadow:0 4px 18px #7c5cfc59}.article-content p a[href*=amazon\.com]:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 24px #7c5cfc8c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.fade-in{animation:.6s forwards fadeIn}@media (width<=768px){.container{padding:0 var(--space-md)}.card{padding:var(--space-lg)}.article-content table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}}