@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Space+Grotesk:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--on-primary:#003907;--on-secondary:#002e69;--tertiary:#fff8f5;--primary-fixed-dim:#00e639;--surface-dim:#131313;--surface-bright:#393939;--secondary:#adc6ff;--secondary-fixed-dim:#adc6ff;--error-container:#93000a;--tertiary-fixed-dim:#ffb874;--tertiary-fixed:#ffdcbf;--on-error-container:#ffdad6;--primary:#ebffe2;--surface-container-low:#1c1b1b;--error:#ffb4ab;--on-tertiary-container:#905200;--on-secondary-container:#00285c;--inverse-primary:#006e16;--on-secondary-fixed:#001a41;--surface-container-high:#2a2a2a;--primary-fixed:#72ff70;--on-primary-container:#007117;--on-primary-fixed-variant:#00530e;--surface-container-lowest:#0e0e0e;--on-surface:#e5e2e1;--outline-variant:#3b4b37;--surface-container:#201f1f;--inverse-surface:#e5e2e1;--on-tertiary-fixed-variant:#6a3b00;--on-error:#690005;--secondary-fixed:#d8e2ff;--surface-variant:#353534;--surface-container-highest:#353534;--on-surface-variant:#b9ccb2;--on-tertiary-fixed:#2d1600;--background:#131313;--outline:#84967e;--on-secondary-fixed-variant:#004493;--on-background:#e5e2e1;--secondary-container:#4b8eff;--tertiary-container:#ffd5b1;--surface-tint:#00e639;--primary-container:#00ff41;--on-primary-fixed:#002203;--surface:#131313;--inverse-on-surface:#313030;--on-tertiary:#4b2800;--font-body:"Hanken Grotesk", sans-serif;--font-headline:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--container-max:1280px;--unit:4px;--margin-mobile:16px;--sidebar-width:320px;--gutter:24px;--radius:.125rem;--radius-lg:.25rem;--radius-xl:.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--on-background);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}::selection{background-color:var(--primary-container);color:var(--on-primary-container)}a{color:inherit;text-decoration:none}ul{list-style:none}input,button{font-family:inherit}.terminal-grid{background-image:linear-gradient(90deg,#84967e08 1px,#0000 1px),linear-gradient(#84967e08 1px,#0000 1px);background-size:24px 24px}.scanline{pointer-events:none;z-index:50;mix-blend-mode:overlay;background:linear-gradient(#0000 50%,#00e6390d 51%) 0 0/100% 4px;position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background);border-left:1px solid var(--outline-variant)}::-webkit-scrollbar-thumb{background:var(--outline-variant)}::-webkit-scrollbar-thumb:hover{background:var(--primary-fixed-dim)}.ghost-border{border:1px solid var(--outline-variant)}.glow-hover{transition:all .2s}.glow-hover:hover{border-color:var(--primary-fixed-dim);box-shadow:0 0 10px #00e63933}.container{max-width:var(--container-max);padding:0 var(--margin-mobile);margin:0 auto}@media (width>=768px){.container{padding:0 var(--gutter)}}.font-mono{font-family:var(--font-mono)}.font-headline{font-family:var(--font-headline)}.text-primary{color:var(--primary)}.text-primary-dim{color:var(--primary-fixed-dim)}.text-secondary{color:var(--secondary)}.text-surface-variant{color:var(--on-surface-variant)}.layout-grid{z-index:10;grid-template-columns:1fr;gap:2rem;padding:2rem 0;display:grid;position:relative}@media (width>=1024px){.layout-grid{grid-template-columns:repeat(12,1fr)}.layout-main{grid-column:span 8}.layout-sidebar{grid-column:span 4}}.panel{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:1rem}.label-chip{background-color:var(--surface-bright);color:var(--on-surface);font-family:var(--font-mono);border-radius:var(--radius);text-transform:uppercase;padding:.25rem .5rem;font-size:10px;display:inline-block}.top-nav{background-color:var(--background);border-bottom:1px solid var(--outline-variant);z-index:40;position:sticky;top:0}.top-nav .container{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-link{font-family:var(--font-headline);color:var(--primary);text-transform:lowercase;letter-spacing:-.02em;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;display:flex}.logo-link img.logo-gif{width:auto;height:24px}.nav-links{align-items:center;gap:1.5rem;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-item{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);padding:.25rem .5rem;font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{color:var(--primary);background-color:#35353433}.nav-separator{color:var(--outline-variant)}.main-footer{background-color:var(--background);border-top:1px solid var(--outline-variant);z-index:40;margin-top:3rem;padding:2rem 0;position:relative}.footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-branding{font-family:var(--font-mono);color:var(--primary);flex-direction:column;align-items:center;gap:.5rem;font-size:14px;display:flex}@media (width>=768px){.footer-branding{flex-direction:row}}.footer-links{font-family:var(--font-mono);gap:1.5rem;font-size:12px;display:flex}.footer-links a{color:var(--on-surface-variant);text-underline-offset:4px;opacity:.8;text-decoration:underline}.footer-links a:hover{color:var(--on-surface);opacity:1}.input-field{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:100%;color:var(--on-surface);font-family:var(--font-mono);outline:none;padding:.5rem .75rem;font-size:12px;transition:all .2s}.input-field:focus{border-color:var(--primary-fixed-dim);box-shadow:0 0 0 1px #00e63980}.btn-icon{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--primary-fixed-dim);color:var(--on-primary)}.btn-outline{border:1px solid var(--primary-fixed-dim);border-radius:var(--radius-lg);color:var(--primary-fixed-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.5rem 1.5rem;font-size:12px;transition:all .2s}.btn-outline:hover{background-color:var(--primary-fixed-dim);color:var(--on-primary)}.btn-primary{border:1px solid var(--primary-fixed-dim);border-radius:var(--radius-lg);color:var(--on-primary);background-color:var(--primary-fixed-dim);font-family:var(--font-mono);cursor:pointer;padding:.5rem 1.5rem;font-size:12px;transition:all .2s}.btn-primary:hover{background-color:var(--primary);border-color:var(--primary)}.featured-card{border-radius:var(--radius-xl);margin-top:2rem;position:relative;overflow:hidden}.featured-label{background-color:var(--primary-fixed-dim);color:var(--on-primary);font-family:var(--font-mono);border-bottom-right-radius:var(--radius-lg);z-index:10;padding:.25rem .5rem;font-size:12px;position:absolute;top:0;left:0}.media-container{aspect-ratio:16/9;background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-overlay{pointer-events:none;background:linear-gradient(#0000,#131313cc);align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.feed-header{border-bottom:1px solid var(--outline-variant);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.feed-header h3{font-family:var(--font-headline);color:var(--secondary);text-transform:uppercase;font-size:1.25rem}.gif-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.gif-grid{grid-template-columns:repeat(3,1fr)}}.gif-tile{background-color:var(--surface-container);border-radius:var(--radius-xl);cursor:pointer;padding:.5rem;position:relative}.gif-tile-media{aspect-ratio:1;background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);margin-bottom:.5rem;position:relative;overflow:hidden}.gif-tile-media img,.gif-tile-media iframe{object-fit:cover;width:100%;height:100%;transition:all .3s}.gif-tile:hover .gif-tile-media img{transform:scale(1.05)}.gif-badge{border:1px solid var(--outline-variant);border-radius:var(--radius);font-family:var(--font-mono);color:var(--primary);z-index:10;background-color:#131313cc;padding:.125rem .25rem;font-size:10px;position:absolute;bottom:.5rem;right:.5rem}.gif-tile h4{font-family:var(--font-headline);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;overflow:hidden}.gif-tile:hover h4{color:var(--primary)}.gif-meta{font-family:var(--font-mono);color:var(--on-surface-variant);justify-content:space-between;font-size:10px;display:flex}.tag-list{border-left:1px solid var(--outline-variant);font-family:var(--font-mono);flex-direction:column;gap:.5rem;margin-left:.5rem;padding-left:.5rem;font-size:12px;display:flex}.tag-list a{color:var(--on-surface-variant);align-items:center;gap:.5rem;display:flex}.tag-list a:before{content:"-";color:var(--surface-bright)}.tag-list a:hover{color:var(--secondary)}.links-grid{flex-wrap:wrap;gap:.5rem;display:flex}.link-chip{font-family:var(--font-mono);background-color:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius);color:var(--on-surface-variant);padding:.25rem .5rem;font-size:10px;transition:all .2s}.link-chip:hover{border-color:var(--secondary);color:var(--secondary)}.ad-space{background-color:var(--surface-container-lowest);aspect-ratio:4/5;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ad-label{background-color:var(--surface-bright);font-family:var(--font-mono);border-radius:var(--radius);padding:.125rem .25rem;font-size:8px;position:absolute;top:.25rem;right:.25rem}.ad-space .material-symbols-outlined{color:var(--surface-variant);font-size:2.5rem;transition:all .5s}.ad-space:hover .material-symbols-outlined{color:var(--primary-fixed-dim)}.ad-space p{font-family:var(--font-mono);color:var(--surface-variant);margin-top:.5rem;font-size:12px;transition:all .5s}.ad-space:hover p{color:var(--on-surface-variant)}.prose{max-width:65ch;color:var(--on-surface)}.prose h1,.prose h2,.prose h3{font-family:var(--font-headline);color:var(--primary);margin-top:2rem;margin-bottom:1rem}.prose h1{font-size:2.5rem}.prose h2{border-bottom:1px solid var(--outline-variant);padding-bottom:.5rem;font-size:2rem}.prose h3{font-size:1.5rem}.prose p{margin-bottom:1.5rem;line-height:1.8}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose a{color:var(--secondary);text-underline-offset:4px;text-decoration:underline}.prose a:hover{color:var(--secondary-fixed-dim)}