@import "https://fonts.googleapis.com/css2?family=VT323&family=Arvo:wght@400;700&display=swap";
:root{--color-bg:transparent;--color-panel:#140a23b8;--color-border:#e0187a;--color-accent:#e0187a;--color-accent-2:#7b30ff;--color-text:#f0e0ff;--color-muted:#b090cc;--border:2px solid var(--color-border)}html,body{width:100%;height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:740px;margin:0 auto;padding:0 1.5rem}img{max-width:100%;height:auto}.panel{background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border);border-radius:10px;padding:2rem}label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}input,textarea{box-sizing:border-box;width:100%;color:var(--color-text);background:#ffffff0f;border:1px solid #e0187a66;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s;display:block}input:focus,textarea:focus{border-color:var(--color-accent-2);outline:none}button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--color-border);color:var(--color-text);background:0 0}a{color:var(--color-accent)}.crt{z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 4px);position:fixed;inset:0}.crt:after{content:"";background:radial-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:10;border-bottom:var(--border);background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 0;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--color-accent);font-size:1.6rem;text-decoration:none}.site-header nav{gap:1.5rem;display:flex}.site-header nav a{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;padding:.2rem .5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .1s,color .1s}.site-header nav a:hover,.site-header nav a.active{border-color:var(--color-accent);color:var(--color-accent)}.site-marquee{background:var(--color-accent);color:#fff;padding:.2rem 0;font-size:1rem;overflow:hidden}.marquee-track{width:max-content;animation:18s linear infinite marquee;display:flex}.marquee-content{white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-main{flex:1;padding:2rem 0}.site-footer{border-top:var(--border);background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-muted);text-align:center;padding:1rem 0;font-size:.85rem}.prose h2,.prose h3{margin-top:2rem;margin-bottom:.5rem}.prose p{margin-bottom:1rem}.prose a{color:var(--color-accent)}.prose code{background:#ffffff1a;border-radius:4px;padding:.1em .3em;font-size:.9em}.prose pre{background:#0006;border:1px solid #e0187a4d;border-radius:6px;padding:1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--color-accent);color:var(--color-muted);margin-left:0;padding-left:1rem}.prose hr{border:none;border-top:1px solid #e0187a4d;margin:2rem 0}.blog-list{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.blog-card{transition:transform .2s}.blog-card:hover{transform:translateY(-2px)}.blog-card-link{color:inherit;flex-direction:column;gap:.4rem;text-decoration:none;display:flex}.blog-card-title{font-size:1.25rem;font-weight:700}.blog-card-subtitle{color:var(--color-muted);font-size:.95rem;line-height:1.5}.blog-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.blog-card-tag{color:var(--color-accent);background:#e0187a14;border:1px solid #e0187a66;border-radius:4px;padding:.15em .55em;font-size:.75rem}.blog-card-date{color:var(--color-muted);margin-top:.25rem;font-size:.8rem}.back-link{color:var(--color-muted);margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:color .15s;display:inline-block}.back-link:hover{color:var(--color-text)}.masonry{columns:3 200px;gap:.5rem;padding:0;list-style:none}.masonry li{break-inside:avoid;cursor:pointer;margin-bottom:.5rem}.masonry img{width:100%;display:block}