@import 'https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap';:root{--color-bg:#0a0a0a;--color-text:#d4d4d4;--color-text-muted:#a6a6a6;--color-accent:#ff0055;--color-border:#333333;--color-surface:rgba(255, 255, 255, 0.04);--font-header:'Geist';--font-main:'JetBrains Mono';--border-width:2px}*{box-sizing:border-box}html{height:100%;overscroll-behavior:none}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:1rem;line-height:1.7;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;overscroll-behavior:none}h1,h2,h3,h4,nav a{font-family:var(--font-header);font-weight:800;text-transform:uppercase;letter-spacing:-1px;margin-top:0;line-height:1.2;font-size:1rem}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.75rem}h3{font-size:1.5rem;margin-bottom:.5rem}a{color:var(--color-accent);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s}main a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{border-bottom-color:var(--color-accent);background-color:rgba(255,255,255,.1)}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-bottom-color:transparent}.skip-link{position:absolute;top:1rem;left:1rem;z-index:20;padding:.5rem 1rem;background:var(--color-accent);color:#0a0a0a;font-family:var(--font-header);text-transform:uppercase;font-size:.85rem;transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0)}.site-wrapper{width:100%;max-width:980px;margin:0 auto;padding:clamp(1.5rem,2vw,2.5rem);position:relative;z-index:10;flex:1;display:flex;flex-direction:column}#main-content{flex:1}.site-header{border-bottom:var(--border-width)solid var(--color-accent);padding-bottom:1.5rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1.5rem}.chromatic-hover:hover,.chromatic-hover:active,.site-title a:hover,.site-title a:active{text-shadow:-3px 0 var(--color-accent),3px 0 #0ff}.glitch-text{position:relative;display:inline-block}.glitch-text:hover,.site-title a:hover{animation:glitch-skew 1s infinite linear alternate-reverse}.glitch-text:hover::before,.glitch-text:hover::after,.site-title a:hover::before,.site-title a:hover::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.glitch-text:hover::before,.site-title a:hover::before{left:2px;text-shadow:-2px 0 var(--color-accent);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-text:hover::after,.site-title a:hover::after{left:-2px;text-shadow:-2px 0 #0ff;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}.site-title a{font-size:2rem;color:var(--color-text);position:relative;display:inline-block}.site-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.2rem}.site-nav a{position:relative;transition:padding-left .2s cubic-bezier(.4,0,.2,1)}.site-nav a::before{content:">";position:absolute;left:0;top:0;opacity:0;transform:translateX(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-accent);font-weight:800}.site-nav a:hover{padding-left:1.5rem}.site-nav a:hover::before{opacity:1;transform:translateX(5px)}.hero-section{border-bottom:var(--border-width)solid var(--color-accent);padding-bottom:2rem;margin-bottom:3rem}.hero-content{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.hero-avatar img{width:120px;height:120px;object-fit:cover;border:2px solid var(--color-text)}.hero-text h2{color:var(--color-accent);font-size:2rem}.hero-text span{color:var(--color-text)}.hero-text p{font-family:var(--font-main);font-size:1rem;max-width:600px}.hero-links{margin-top:1rem;font-family:var(--font-header);font-size:.85rem}.hero-links a{margin-right:1rem}.homepage-content{margin-bottom:3rem}.post-list{display:grid;gap:2rem}.post-card{border:var(--border-width)solid var(--color-border);padding:1.75rem;background:var(--color-surface);transition:transform .2s,border-color .2s}.post-card:hover{transform:translate(-4px,-4px);border-color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent)}.post-card-title{font-size:1.85rem;margin-bottom:.5rem}.post-card-title a{color:var(--color-text)}.post-meta{font-family:var(--font-header);font-size:.9rem;color:var(--color-text-muted);display:block;margin-bottom:1rem}.post-summary h1,.post-summary h2,.post-summary h3{font-size:1.1rem;margin:.5rem 0 .75rem}.post-summary p{margin-top:0;font-size:.85rem}.post-article{border-left:var(--border-width)solid var(--color-accent);padding-left:2rem}.post-header{margin-bottom:3rem;border-bottom:2px dashed var(--color-border);padding-bottom:1rem}.post-title{font-size:3rem;line-height:1.1;color:var(--color-accent)}.post-content{font-size:.9rem}.post-content p,.post-content li{max-width:90ch}.post-content h2{margin-top:3rem;border-left:5px solid var(--color-accent);padding-left:1rem}.post-content h3{margin-top:2.5rem}.post-content hr{border:none;border-top:2px dashed var(--color-border);margin:2rem 0}.post-content p+p{margin-top:1.25rem}.post-content code{font-family:var(--font-header);background:#222;padding:.2em .4em}.post-content pre{background:#1a1a1a!important;border:2px solid var(--color-border);padding:1rem;overflow-x:auto}.post-content img{max-width:100%;border:2px solid var(--color-border);filter:grayscale(100%)contrast(120%);transition:filter .3s}.post-content img:hover{filter:grayscale(0%)contrast(100%);border-color:var(--color-accent)}.callout{border:var(--border-width)solid var(--color-border);border-left:6px solid var(--color-accent);background:rgba(255,255,255,3%);padding:1rem 1.25rem;margin:1.5rem 0}.callout-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.callout--note{border-left-color:#0ff}.callout--warning{border-left-color:#ffb100}.callout--danger{border-left-color:#f05}.panel-block{border:var(--border-width)solid var(--color-border);padding:1.25rem;background:rgba(255,255,255,2%);margin:1.5rem 0}.panel-title{font-family:var(--font-header);text-transform:uppercase;font-size:1.1rem}.panel-meta{margin-top:.3rem;color:var(--color-text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.specs-block{border:var(--border-width)solid var(--color-border);padding:1rem;background:rgba(255,255,255,2%);margin:1.5rem 0}.specs-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.specs-block table{width:100%;border-collapse:collapse}.specs-block th,.specs-block td{text-align:left;padding:.4rem 0;border-bottom:1px dashed var(--color-border);vertical-align:top}.table-block{border:var(--border-width)solid var(--color-border);padding:1rem;background:rgba(255,255,255,2%);margin:1.5rem 0}.table-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.table-body table{width:100%;border-collapse:collapse}.table-body th,.table-body td{text-align:left;padding:.4rem 0;border-bottom:1px dashed var(--color-border);vertical-align:top}select,details{font-family:var(--font-header);margin:.5rem 0}select{background-color:#111;color:var(--color-text);border:var(--border-width)solid var(--color-border);padding:.55rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 0 2px transparent;transition:border-color .2s ease,box-shadow .2s ease}select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(255,0,85,.4)}strong{color:#fff;font-weight:800;letter-spacing:.02em}em strong{color:var(--color-accent)}select option{background-color:#0c0c0c;color:var(--color-text)}details{border:var(--border-width)solid var(--color-border);border-radius:6px;padding:.65rem .85rem;background:rgba(255,255,255,2%);margin:.5rem 0}summary{cursor:pointer;list-style:none;text-transform:uppercase;font-weight:700;letter-spacing:.04em}summary::-webkit-details-marker{display:none}summary::before{content:"▸";color:var(--color-accent);margin-right:.5rem;display:inline-block;transform:translateY(-1px)}details[open] summary::before{content:"▾"}summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.site-footer{margin-top:4rem;padding-top:2rem;padding-bottom:2rem;border-top:var(--border-width)solid var(--color-border);font-family:var(--font-header);font-size:.9rem;text-align:center;color:var(--color-text-muted)}.post-article,.post-card{padding:1.5rem;background:radial-gradient(circle at top left,rgba(255,0,85,2%),transparent 70%),radial-gradient(circle at bottom right,rgba(0,255,255,2%),transparent 70%)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,6%),rgba(0,255,0,2%),rgba(0,0,255,6%));background-size:100% 3px,3px 100%;pointer-events:none;z-index:5;opacity:.8}.noise-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:4}.grunge-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:1;mix-blend-mode:overlay;background-image:url(/grunge1.jpg);animation:grunge-flicker 3s infinite steps(1)}body::after{content:"";position:absolute;width:0;height:0;overflow:hidden;z-index:-1;background-image:url(/grunge2.jpg),url(/grunge3.jpg),url(/grunge4.jpg)}@keyframes grunge-flicker{0%{background-image:url(/grunge1.jpg);transform:scale(1)}25%{background-image:url(/grunge2.jpg);transform:scale(1)translateX(2px)}50%{background-image:url(/grunge3.jpg);transform:scale(1)translateY(-2px)}75%{background-image:url(/grunge4.jpg);transform:scale(1)}100%{background-image:url(/grunge1.jpg);transform:scale(1)}}@keyframes glitch-anim{0%{clip:rect(26px,9999px,77px,0);transform:skew(.85deg)}5%{clip:rect(67px,9999px,95px,0);transform:skew(.18deg)}10%{clip:rect(96px,9999px,21px,0);transform:skew(.02deg)}100%{clip:rect(85px,9999px,100px,0);transform:skew(.6deg)}}@keyframes glitch-skew{0%{transform:skew(-1deg)}10%{transform:skew(2deg)}20%{transform:skew(-1deg)}30%{transform:skew(3deg)}40%{transform:skew(-2deg)}50%{transform:skew(1deg)}100%{transform:skew(0)}}.post-banner{margin-top:1rem;margin-bottom:2rem;padding:1rem;width:100%;overflow:hidden}.post-tags{font-size:.85rem}.post-banner img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block;border:2px solid var(--color-border);transition:filter .3s}@media(max-width:720px){.site-header{align-items:flex-start}.post-title{font-size:2.4rem}.post-article{padding-left:1rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.post-card:hover{transform:none}}