:root{--color-black: #000000;--color-white: #FFFFFF;--color-primary: #FF6B35;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-purple: #8B5CF6;--color-pink: #EC4899;--color-blue: #3B82F6;--border-width: 4px;--shadow-brutal: 8px 8px 0px var(--color-black);--shadow-brutal-sm: 4px 4px 0px var(--color-black);--shadow-brutal-lg: 12px 12px 0px var(--color-black)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;font-family:Space Grotesk,sans-serif;background:var(--color-white);color:var(--color-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Space Mono,monospace;font-weight:700;line-height:1.2;margin:2rem 0 1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-secondary)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}.navbar{background:var(--color-white);border-bottom:var(--border-width) solid var(--color-black);padding:1.5rem 0;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--color-black);background:var(--color-accent);padding:.25rem 1rem;border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm);transition:all .2s ease}.logo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black);color:var(--color-black)}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-black);padding:.5rem 1rem;transition:all .2s ease}.nav-links a:hover,.nav-links a.active{background:var(--color-primary);color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm)}.blog-post{min-height:calc(100vh - 200px);padding:4rem 0}.post-container{max-width:800px;margin:0 auto;padding:0 2rem}.post-header{margin-bottom:3rem}.back-link{display:inline-block;margin-bottom:2rem;font-weight:700;color:var(--color-black);padding:.5rem 1rem;background:var(--color-secondary);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm);transition:all .2s ease}.back-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black);color:var(--color-white)}.post-title{font-size:clamp(2.5rem,5vw,3.5rem);margin:0 0 1.5rem;line-height:1.1}.post-meta{display:flex;gap:2rem;flex-wrap:wrap;font-weight:500}.post-meta span{display:inline-block;padding:.5rem 1rem;background:var(--color-accent);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm)}.post-content{font-size:1.125rem;line-height:1.8}.post-content p{margin-bottom:1.5rem}.post-content h2{font-size:2rem;margin:3rem 0 1.5rem;padding:1rem;background:var(--color-primary);color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm)}.post-content h3{font-size:1.5rem;margin:2.5rem 0 1rem;color:var(--color-black);border-left:var(--border-width) solid var(--color-secondary);padding-left:1rem}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-content blockquote{margin:2rem 0;padding:1.5rem;background:var(--color-accent);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal);font-style:italic;font-size:1.25rem}.post-content code{background:var(--color-black);color:var(--color-white);padding:.2rem .5rem;font-family:Space Mono,monospace}.post-content pre{background:var(--color-black);color:var(--color-white);padding:1.5rem;overflow-x:auto;border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal);margin:2rem 0}.post-content pre code{background:none;padding:0}.footer{background:var(--color-black);color:var(--color-white);padding:2rem 0;border-top:var(--border-width) solid var(--color-black);margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}@media(max-width:768px){.nav-container{padding:0 1.5rem}.nav-links{gap:1rem}.post-container{padding:0 1.5rem}.post-title{font-size:2rem}.post-meta{gap:1rem}.post-content{font-size:1rem}}.agent-actions[data-astro-cid-ekzyhn6b]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0;padding:1.5rem;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal)}.agent-actions-label[data-astro-cid-ekzyhn6b]{font-family:Space Mono,monospace;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-black)}.agent-actions-buttons[data-astro-cid-ekzyhn6b]{display:flex;flex-wrap:wrap;gap:.75rem}.agent-btn[data-astro-cid-ekzyhn6b]{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-brutal-sm);cursor:pointer;transition:all .15s ease}.agent-btn[data-astro-cid-ekzyhn6b]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.agent-btn[data-astro-cid-ekzyhn6b]:active{transform:translate(0);box-shadow:var(--shadow-brutal-sm)}.agent-btn-claude[data-astro-cid-ekzyhn6b]{background:#d97757;color:var(--color-white)}.agent-btn-claude[data-astro-cid-ekzyhn6b]:hover{background:#c4684a;color:var(--color-white)}.agent-btn-chatgpt[data-astro-cid-ekzyhn6b]{background:#10a37f;color:var(--color-white)}.agent-btn-chatgpt[data-astro-cid-ekzyhn6b]:hover{background:#0d8a6a;color:var(--color-white)}.agent-btn-copy[data-astro-cid-ekzyhn6b]{background:var(--color-accent);color:var(--color-black)}.agent-btn-copy[data-astro-cid-ekzyhn6b]:hover{background:#f5d85a}.agent-btn-copy[data-astro-cid-ekzyhn6b].copied{background:var(--color-secondary);color:var(--color-black)}@media(max-width:768px){.agent-actions[data-astro-cid-ekzyhn6b]{flex-direction:column;align-items:flex-start}.agent-actions-buttons[data-astro-cid-ekzyhn6b]{width:100%}.agent-btn[data-astro-cid-ekzyhn6b]{flex:1;justify-content:center;min-width:140px}}