@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--sidebar-width: 240px;--accent: #fb923c;--bg: #111111;--bg-card: #1c1c1c;--border: rgba(255,255,255,.07);--text: #e2e2de;--muted: rgba(226,226,222,.68);--mat: #1b4d3e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;background-color:#291608;background-image:url(/back_left.png),url(/back_right.png);background-position:calc(50vw - 1634px) 0,calc(50vw + 714px) 0;background-repeat:repeat-y,repeat-y;background-size:auto,auto;background-attachment:fixed,fixed;color:var(--text);line-height:1.5}.app-frame{max-width:1440px;margin:0 auto;display:flex;min-height:100vh;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(0,0,0,.5);box-shadow:5px 8px 32px #0009,2px 2px 6px #00000073}.mat{background-color:var(--mat);background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-attachment:fixed,fixed,fixed,fixed}.sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:1.5rem 1.1rem 1rem;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border);flex-shrink:0;cursor:pointer;text-decoration:none;color:inherit}.logo-mark{width:40px;height:40px;flex-shrink:0;object-fit:contain}.logo-name{font-size:.85rem;font-weight:700;letter-spacing:-.02em}.logo-sub{font-size:.67rem;color:var(--muted);margin-top:2px}.filters{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;transition:opacity .2s;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%);padding-right:2px}.filters::-webkit-scrollbar{width:6px}.filters::-webkit-scrollbar-track{background:transparent}.filters::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.filters::-webkit-scrollbar-thumb:hover{background:#fb923c73}.filters.at-bottom{-webkit-mask-image:none;mask-image:none}.filters.dimmed,.filter-group.dimmed{opacity:.4;pointer-events:none}.filter-group{margin-bottom:1.5rem}.filter-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;padding-left:.1rem}.filter-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#e2e2de66}.clear-link{font-size:.58rem;color:#e2e2de80;cursor:pointer;display:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:1px 6px;font-family:inherit;letter-spacing:.04em;transition:background .15s,border-color .15s,color .15s}.clear-link:hover{background:#ffffff17;border-color:#ffffff38;color:#e2e2ded9}.clear-link.visible{display:block}.filter-item{display:flex;align-items:center;gap:8px;padding:.44rem .4rem;border-radius:4px;font-size:.8rem;color:var(--muted);cursor:pointer;transition:color .15s,background .15s;margin-bottom:1px;user-select:none;text-decoration:none}.filter-item:hover{color:var(--text);background:#ffffff0a}a.filter-item,a.filter-item:link,a.filter-item:visited{text-decoration:none;color:var(--muted)}.filter-item.active{color:var(--accent)}.fi-dot{width:5px;height:5px;border-radius:50%;background:#e2e2de2e;flex-shrink:0;transition:background .15s}.filter-item.active .fi-dot{background:var(--accent)}.sidebar-bottom{flex-shrink:0;border-top:1px solid var(--border);padding-top:.9rem;margin-top:.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:1px;margin-bottom:.75rem}.sidebar-nav a{font-size:.8rem;color:var(--muted);text-decoration:none;padding:.38rem .4rem;border-radius:4px;transition:color .15s,background .15s;display:flex;align-items:center;gap:8px}.sidebar-nav a:hover{color:var(--text);background:#ffffff0a}.sidebar-nav a.active{color:var(--accent)}.donate-link{display:flex;align-items:center;gap:7px;padding:.38rem .4rem;border-radius:4px;font-size:.8rem;color:var(--accent);text-decoration:none;transition:background .15s;margin-bottom:.75rem;opacity:.72}.donate-link:hover{background:#fb923c12;opacity:1}.lang-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.lang-toggle-btn{font-size:.7rem;letter-spacing:.05em;padding:.28rem .6rem;color:#e2e2de73;text-decoration:none;transition:color .15s,background .15s;line-height:1}.lang-toggle-btn+.lang-toggle-btn{border-left:1px solid rgba(255,255,255,.2)}.lang-toggle-btn.active{color:#e2e2deeb;background:#ffffff1a}.lang-toggle-btn:hover:not(.active){color:#e2e2deb3;background:#ffffff0f}.archive-year-row{display:flex;align-items:center;gap:6px;padding:.38rem .4rem;border-radius:4px;font-size:.78rem;color:var(--muted);cursor:pointer;user-select:none;transition:color .15s,background .15s;margin-bottom:1px}.archive-year-row:hover{color:var(--text);background:#ffffff0a}.archive-arrow{font-size:.5rem;color:#e2e2de4d;transition:transform .2s;flex-shrink:0}.archive-year-row.collapsed .archive-arrow{transform:rotate(-90deg)}.archive-months{padding-left:.6rem}.archive-months.collapsed{display:none}.archive-tally{font-size:.6rem;color:#e2e2de73}.main{flex:1;min-width:0;min-height:100vh}.page-article{display:flex;flex-direction:column;height:100vh}.content-bar{position:sticky;top:0;z-index:50;background-color:#1b4d3e;background-image:linear-gradient(#0000006b,#0000006b),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;background-attachment:local,fixed,fixed,fixed,fixed;border-bottom:1px solid rgba(0,0,0,.35);height:44px;padding:0 1.75rem;display:flex;justify-content:space-between;align-items:center}.content-bar-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#e2e2deb3}.content-bar-label strong{color:#e2e2def2;font-weight:600}.clear-all{font-size:.63rem;color:#e2e2dea6;cursor:pointer;display:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:.28rem .7rem;font-family:inherit;letter-spacing:.04em;transition:background .15s,border-color .15s,color .15s}.clear-all:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e2e2dee6}.clear-all.visible{display:block}.bar-back{font-size:.68rem;color:#e2e2dea6;cursor:pointer;background:none;border:none;font-family:inherit;letter-spacing:.04em;padding:0;display:flex;align-items:center;gap:.4rem;transition:color .15s;text-decoration:none}.bar-back:hover{color:#e2e2def2}.bar-breadcrumb{font-size:.68rem;color:#e2e2de73;display:flex;align-items:center;gap:.5rem}.grid-area{padding:1.75rem 1.75rem 4rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease;cursor:pointer;text-decoration:none;color:inherit}.card:hover{transform:translateY(-3px);border-color:#fb923c4d}.card-img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(20%) brightness(.82);transition:filter .3s ease;display:block;border-bottom:1px solid var(--border)}.card:hover .card-img{filter:grayscale(0%) brightness(1)}.card-body{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center}.project-pill{font-size:.63rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#fb923c14;border:1px solid rgba(251,146,60,.2);border-radius:3px;padding:2px 7px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.project-pill:hover{background:#fb923c26;border-color:#fb923c66}.card-date{font-size:.65rem;color:var(--muted)}.card-title{font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:.8rem;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border)}.card-tags{display:flex;gap:.3rem;flex-wrap:wrap}.card-tag{font-size:.62rem;background:#ffffff0a;border:1px solid var(--border);border-radius:3px;padding:2px 6px;color:var(--muted)}.card-link{font-size:.7rem;color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}.article-area{flex:1;min-height:0;overflow:hidden;padding:2rem 1.75rem;display:flex}.article-container{flex:1;min-height:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.article-hero-img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center top;display:block;filter:grayscale(15%) brightness(.85);border-radius:10px 0 0;border-bottom:1px solid var(--border)}.article-columns{flex:1;min-height:0;display:flex}.article-prose-col{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--border)}.article-prose-col::-webkit-scrollbar{width:6px}.article-prose-col::-webkit-scrollbar-track{background:transparent}.article-prose-col::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.article-prose-col::-webkit-scrollbar-thumb:hover{background:#ffffff38}.article-header{padding:1.5rem 1.75rem 1.2rem;border-bottom:1px solid var(--border)}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}.article-title{font-size:1.45rem;font-weight:700;line-height:1.25;margin-bottom:.8rem}.article-tags{display:flex;gap:.3rem;flex-wrap:wrap}.article-prose{padding:1.75rem 1.75rem 2.5rem;font-size:.875rem;line-height:1.8;color:#e2e2dee0}.article-prose p{margin-bottom:1.1em}.article-prose p:last-child{margin-bottom:0}.article-prose h2{font-size:.9rem;font-weight:700;margin:1.75em 0 .6em;color:var(--text);padding-top:1.25em;border-top:1px solid var(--border)}.article-prose h3{font-size:.85rem;font-weight:700;margin:1.25em 0 .5em;color:var(--text)}.article-prose img{display:block;max-width:min(100%,560px);height:auto;border-radius:6px;border:1px solid var(--border);margin:.75em auto 1.25em;filter:grayscale(15%) brightness(.82)}.article-prose pre{background:#0000004d;border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;font-size:.77rem;overflow-x:auto;margin:.5em 0 1em;color:#e2e2decc;line-height:1.6}.article-prose code:not(pre code){background:#00000040;border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.82em}.article-prose blockquote,.article-prose .note{background:#fb923c12;border-left:3px solid var(--accent);padding:.75rem 1rem;border-radius:0 5px 5px 0;margin:.5em 0 1.1em;font-size:.82rem;color:#e2e2deb8}.article-prose blockquote p{margin-bottom:0}.article-prose strong{color:var(--text);font-weight:600}.article-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-prose a:hover{opacity:.8}.article-related-col{width:300px;flex-shrink:0;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.related-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#e2e2de66}.article-related-col .card{cursor:default}.article-related-col .card-desc{display:none}.page-acerca .article-area{padding-right:calc(var(--sidebar-width) + 1.75rem)}.page-acerca .article-prose-col{border-right:none}.about-logotype{display:flex;align-items:center;gap:14px}.about-logo-mark{width:48px;height:48px;object-fit:contain;flex-shrink:0}.about-logo-title{font-size:1.1rem;font-weight:700}.about-logo-sub{font-size:.72rem;color:var(--muted);margin-top:3px}.about-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.about-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem 1rem;border-radius:5px;font-size:.78rem;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s;white-space:nowrap}.about-btn-accent{background:#fb923c1f;border:1px solid rgba(251,146,60,.25);color:var(--accent);font-weight:600}.about-btn-accent:hover{background:#fb923c33}.about-btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted)}.about-btn-ghost:hover{background:#ffffff14;color:var(--text)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:#e2e2dea6;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s;font-family:inherit}.hamburger:hover{color:#e2e2def2;background:#ffffff0f}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:150;backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}.video-embed{margin:1em 0}.video-embed iframe{aspect-ratio:16/9;width:100%;border-radius:6px;border:1px solid var(--border);display:block}.project-header{background:#0009;padding:1.75rem}.project-title{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.6rem}.project-desc{font-size:.85rem;color:var(--muted);line-height:1.65;max-width:640px;margin-bottom:.9rem}.project-stack{display:flex;gap:.35rem;flex-wrap:wrap}.stack-pill{font-size:.62rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:2px 7px;color:#e2e2de99}@media(max-width:1100px){.article-columns{flex-direction:column}.article-prose-col{overflow-y:visible;border-right:none;border-bottom:1px solid var(--border)}.article-related-col{width:100%;overflow-y:visible;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-related-col .related-label{grid-column:1 / -1}.article-hero-img{border-radius:0}.page-article{height:auto;min-height:100vh}.article-area{overflow:visible}.article-container{overflow:visible;min-height:0}.article-prose-col,.article-related-col{overflow-y:visible}}@media(max-width:860px){.app-frame{display:block}.sidebar{position:fixed;left:calc(-1 * var(--sidebar-width) - 10px);top:0;bottom:0;height:100dvh;z-index:200;transition:left .26s cubic-bezier(.4,0,.2,1),box-shadow .26s ease;box-shadow:none}.sidebar.open{left:0;box-shadow:6px 0 32px #0009}.hamburger{display:flex}.bar-breadcrumb{display:none}.article-related-col{grid-template-columns:1fr}}