#article{color:#4b5563;--primary:#7a76ff;--secondary:#eb4d4d;--accent-pink:#9f9cff;--text-body:#374151;--text-muted:#6b7280;--text-heading:#111827;--bg-code:#f9fafb;--bg-code-block:#1f2937;--border-quote:#7a76ff;line-height:1.75}#article h1{text-transform:uppercase;letter-spacing:-.02em;color:var(--primary);margin-top:1em;font-family:Anton,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}#article h2{text-transform:uppercase;color:var(--primary);margin-top:2em;margin-bottom:.75em;font-family:Anton,system-ui,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2;position:relative}#article h2:before{content:"";background:var(--secondary);border-radius:2px;height:60%;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%)}#article h3{text-transform:uppercase;color:var(--text-heading);letter-spacing:.05em;margin-top:2em;margin-bottom:.75em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.25rem;font-weight:600}#article h4{color:var(--text-heading);margin-top:1.5em;margin-bottom:.5em;font-size:1.125rem;font-weight:600}#article p{color:var(--text-body);margin-bottom:1.5em;font-size:1.2rem;line-height:1.8}#article strong{color:var(--text-heading);background:linear-gradient(120deg,#0000 0% 50%,#7a76ff1a 50% 100%) 0 0/200% 100%;padding:0 .25em;font-style:italic;font-weight:700;transition:background-position .3s;display:inline-block;transform:skew(-5deg)}#article strong:hover{background-position:-100% 0}#article em{color:var(--text-muted);font-style:italic}#article a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s;position:relative}#article a:after{content:"";background:var(--primary);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}#article a:hover{color:var(--accent-pink)}#article a:hover:after{transform-origin:0;transform:scaleX(1)}#article blockquote{text-transform:uppercase;color:var(--text-muted);border-left:4px solid var(--border-quote);letter-spacing:.02em;background:#7a76ff08;border-radius:0 4px 4px 0;margin:2em 0;padding:1.25em 1.5em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:1rem;font-style:normal;position:relative}#article blockquote:before{content:"\"";color:var(--primary);opacity:.15;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-.5rem;left:.5rem}#article code{background-color:var(--bg-code);color:var(--secondary);border:1px solid #7a76ff1a;border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.9em;font-weight:600}#article pre{background-color:var(--bg-code-block);border:1px solid #ffffff1a;border-radius:8px;max-height:50vh;margin:2em 0;padding:1.5em;overflow-x:auto}#article pre code{color:#d1d5db;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:400;line-height:1.7}#article ol{counter-reset:item;margin:1.5em 0;padding-left:0;list-style:none}#article ol li{counter-increment:item;color:var(--text-body);margin-bottom:1em;padding-left:2.5em;line-height:1.7;position:relative}#article ol li:before{content:counter(item);background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75em;height:1.75em;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}#article ul{margin:1.5em 0;padding-left:0;list-style:none}#article ul li{color:var(--text-body);margin-bottom:.75em;padding-left:1.75em;line-height:1.7;position:relative}#article ul li:before{content:"";background:var(--secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:0;transform:rotate(45deg)}#article ul ul,#article ol ol{margin-top:.5em;margin-bottom:.5em}#article ul ul li:before{background:var(--primary);width:6px;height:6px}#article hr{background:linear-gradient(to right,transparent,var(--primary),transparent);border:none;height:2px;margin:1em 0}#article img{border-radius:8px;max-width:100%;height:auto;margin:2em 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#article table{border-collapse:collapse;width:100%;margin:2em 0}#article th,#article td{text-align:left;border-bottom:1px solid #7a76ff1a;padding:.75em 1em}#article th{color:var(--text-heading);text-transform:uppercase;letter-spacing:.05em;background:#7a76ff0d;font-size:.875rem;font-weight:600}.dark #article{color:#d1d5db;--text-body:#d1d5db;--text-muted:#9ca3af;--text-heading:#f9fafb;--bg-code:#ffffff0d;--bg-code-block:#00000080;--border-quote:#9f9cff}.dark #article h1,.dark #article h2{color:var(--accent-pink)}.dark #article h3,.dark #article h4{color:var(--text-heading)}.dark #article p{color:var(--text-body)}.dark #article strong{color:var(--text-heading);background:linear-gradient(120deg,#0000 0% 50%,#9f9cff26 50% 100%) 0 0/200% 100%}.dark #article a{color:var(--accent-pink)}.dark #article a:after{background:var(--accent-pink)}.dark #article blockquote{color:var(--text-muted);border-left-color:var(--accent-pink);background:#9f9cff0d}.dark #article blockquote:before{color:var(--accent-pink)}.dark #article code{border-color:#9f9cff33}.dark #article pre{background-color:var(--bg-code);border-color:#ffffff1a}.dark #article ol li,.dark #article ul li{color:var(--text-body)}.dark #article th,.dark #article td{border-bottom-color:#9f9cff26}.dark #article th{color:var(--text-heading);background:#9f9cff1a}.dark #article img{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}#article ::selection{color:inherit;background:#7a76ff4d}.dark #article ::selection{color:inherit;background:#9f9cff4d}