@import "https://fonts.googleapis.com/css2?family=Fjalla+One&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";.site-header{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-8);padding-block:var(--space-3);display:flex}.site-header__logo{flex-shrink:0;align-items:center;display:flex}.site-header__logo-img{width:auto;height:34px}.site-header__nav{gap:var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;flex:1;display:flex}.site-header__nav a{color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);padding-block:var(--space-1);position:relative}.site-header__nav a:hover{color:var(--color-brand)}.site-header__search{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);padding-inline:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out);align-items:center;display:flex}.site-header__search:focus-within{border-color:var(--color-brand)}.site-header__search input{color:var(--color-text);font-size:var(--text-sm);padding-block:var(--space-2);background:0 0;border:none;outline:none;width:180px}.site-header__search input::placeholder{color:var(--color-text-faint)}.site-header__search button{color:var(--color-text-muted);padding:var(--space-1);background:0 0;border:none;display:flex}.site-header__search button:hover{color:var(--color-brand)}@media (width<=760px){.site-header__nav{display:none}.site-header__search input{width:120px}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-24);padding-block:var(--space-16) var(--space-8)}.site-footer__inner{gap:var(--space-8);flex-direction:column;display:flex}.site-footer__newsletter{max-width:480px}.site-footer__newsletter h3{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2)}.site-footer__newsletter p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.site-footer__form{gap:var(--space-2);display:flex}.site-footer__form input{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--text-sm);flex:1}.site-footer__form input:focus{border-color:var(--color-brand);outline:none}.site-footer__form button{background:var(--color-brand);color:var(--color-brand-text-on);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:700;font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;border:none}.site-footer__form button:hover:not(:disabled){background:var(--color-brand-strong)}.site-footer__form button:disabled{opacity:.6;cursor:not-allowed}.site-footer__confirm{color:var(--color-brand);font-weight:600}.site-footer__error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-2)}.site-footer__meta{color:var(--color-text-faint);font-size:var(--text-sm);border-top:1px solid var(--color-border);padding-top:var(--space-6)}.post-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);display:block;position:relative;overflow:hidden}.post-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-raised-hover);transform:translateY(-3px)}.post-card__ears{top:-6px;right:var(--space-6);color:var(--color-brand);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);position:absolute;transform:translateY(6px)}.post-card:hover .post-card__ears{opacity:1;transform:translateY(0)}.post-card__category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand);background:var(--color-brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);display:inline-block}.post-card__title{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2)}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;margin-bottom:var(--space-4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-mono)}.post-card--featured{padding:var(--space-8);grid-column:1/-1}.post-card--featured .post-card__title{font-size:var(--text-4xl);max-width:90%}.post-card--featured .post-card__excerpt{font-size:var(--text-base);-webkit-line-clamp:3;max-width:640px}.home{padding-block:var(--space-8) var(--space-16)}.home__featured{margin-bottom:var(--space-8)}.home__layout{gap:var(--space-8);grid-template-columns:1fr 280px;align-items:start;display:grid}.home__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.home__sidebar{top:calc(64px + var(--space-6));background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky}.home__sidebar-title{font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-4)}.home__trending-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home__trending-item{gap:var(--space-3);align-items:baseline;display:flex}.home__trending-rank{font-family:var(--font-mono);color:var(--color-text-faint);font-size:var(--text-sm);flex-shrink:0}.home__trending-title{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);line-height:1.4}.home__trending-item:hover .home__trending-title{color:var(--color-brand)}.home-loading,.home-empty{padding-block:var(--space-24);text-align:center;color:var(--color-text-muted)}.home-empty h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3)}@media (width<=900px){.home__layout,.home__grid{grid-template-columns:1fr}.home__sidebar{position:static}}.post-detail{max-width:var(--content-width-narrow);padding-block:var(--space-12) var(--space-24)}.post-detail__header{margin-bottom:var(--space-8)}.post-detail__category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand);background:var(--color-brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);display:inline-block}.post-detail__title{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-4)}.post-detail__date{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--text-sm)}.post-detail__content{font-size:var(--text-lg);color:var(--color-text);line-height:1.75}.post-detail__content p{margin-bottom:var(--space-6)}.post-detail__content h2{font-size:var(--text-2xl);margin-block:var(--space-8) var(--space-4)}.post-detail__content h3{font-size:var(--text-xl);margin-block:var(--space-6) var(--space-3)}.post-detail__content img{border-radius:var(--radius-lg);margin-block:var(--space-6)}.post-detail__content a{color:var(--color-brand);text-underline-offset:3px;text-decoration:underline}.post-detail__content blockquote{border-left:3px solid var(--color-brand);padding-left:var(--space-4);color:var(--color-text-muted);margin:var(--space-6) 0;font-style:italic}.post-detail__content ul,.post-detail__content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.post-detail__tags{gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.post-detail__tag{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-raised);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.post-detail__tag:hover{color:var(--color-brand);border-color:var(--color-brand)}.post-detail__related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-detail__related h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.post-detail__related-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.post-detail-loading,.post-detail-error{padding-block:var(--space-24);text-align:center;color:var(--color-text-muted)}.post-detail-error h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3)}.post-detail-error a{color:var(--color-brand);margin-top:var(--space-4);text-decoration:underline;display:inline-block}@media (width<=700px){.post-detail__title{font-size:var(--text-3xl)}.post-detail__related-grid{grid-template-columns:1fr}}.post-list-page{padding-block:var(--space-12) var(--space-24)}.post-list-page__heading{font-size:var(--text-3xl);text-transform:capitalize;margin-bottom:var(--space-8);color:var(--color-text)}.post-list-page__status{color:var(--color-text-muted);padding-block:var(--space-8)}.post-list-page__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.post-list-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.post-list-page__grid{grid-template-columns:1fr}}:root{--color-bg:#0b0f0d;--color-bg-raised:#121712;--color-bg-raised-hover:#171d17;--color-border:#22291f;--color-border-strong:#33402f;--color-text:#edf2ee;--color-text-muted:#97a396;--color-text-faint:#5c6b5c;--color-brand:#2fbf6f;--color-brand-strong:#22a55e;--color-brand-soft:#163a26;--color-brand-text-on:#06150d;--color-accent:#f0954a;--color-accent-soft:#3a2716;--color-danger:#e0554f;--font-display:"Fjalla One", "Arial Narrow", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-5xl:4.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--content-width:1180px;--content-width-narrow:720px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}::selection{background:var(--color-brand);color:var(--color-brand-text-on)}.container{width:100%;max-width:var(--content-width);padding-inline:var(--space-6);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-strong)}