@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;700;900&display=swap";:root{--bg: #f5f0e8;--bg-glass: rgba(245, 240, 232, .7);--fg: #0a0a0a;--accent: #1566d6;--accent-strong: #0d4ea8;--accent-soft: rgba(21, 102, 214, .12);--accent-2: #7c5cff;--accent-warm: #ff8a3d;--card-bg: #ffffff;--card-glass: rgba(255, 255, 255, .55);--border-color: rgba(10, 10, 10, .14);--border-strong: rgba(10, 10, 10, .8);--code-bg: #0a0a0a;--code-color: #00ff41;--hover-bg: rgba(0, 0, 0, .05);--footer-bg: #0a0a0a;--footer-fg: #ffffff;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--shadow-soft-lg: 0 18px 50px rgba(0, 0, 0, .12);--shadow-pop: 0 12px 28px rgba(21, 102, 214, .28)}[data-theme=dark]{--bg: #111111;--bg-glass: rgba(20, 20, 20, .65);--fg: #e8e6e1;--accent: #4d92ff;--accent-strong: #2e7bf0;--accent-soft: rgba(77, 146, 255, .16);--accent-2: #a78bff;--accent-warm: #ffa766;--card-bg: #1a1a1a;--card-glass: rgba(36, 36, 36, .55);--border-color: rgba(232, 230, 225, .16);--border-strong: rgba(232, 230, 225, .7);--code-bg: #000000;--code-color: #00ff41;--hover-bg: rgba(255, 255, 255, .06);--footer-bg: #000000;--footer-fg: #e8e6e1;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .4);--shadow-soft-lg: 0 18px 50px rgba(0, 0, 0, .5);--shadow-pop: 0 12px 28px rgba(77, 146, 255, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth}body{font-family:Space Mono,monospace;font-size:16px;line-height:1.6;background-color:var(--bg);color:var(--fg);transition:background-color .2s,color .2s;display:flex;flex-direction:column;min-height:100vh}p{color:var(--fg);line-height:1.7;margin:1.25rem 0;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:900;color:var(--fg);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}a{color:var(--fg);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}img{max-width:100%;display:block}code{font-family:Space Mono,monospace;background:var(--code-bg);color:var(--code-color);padding:.15em .4em;font-size:.85em;border-radius:6px}pre{background:var(--code-bg);color:var(--code-color);padding:1.5rem;overflow-x:auto;border:1.5px solid var(--border-color);border-radius:var(--radius-md);margin:2rem 0}pre code{background:none;padding:0;font-size:.85rem;border-radius:0}.container{max-width:1100px;width:100%;margin:0 auto;padding:0 1.5rem}.content-wrapper{max-width:720px;margin:0 auto}.site-main{flex:1 0 auto;padding-top:2rem;padding-bottom:4rem}.page-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1.5px solid var(--border-color);position:relative}.page-title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:4px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.post-card{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease}.post-card:hover{transform:translateY(-5px);border-color:var(--accent)}.post-card:hover .post-card__media img{transform:scale(1.04)}.post-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--fg)}.post-card__link:hover{color:var(--fg)}.post-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tint, var(--accent-soft));border-bottom:1.5px solid var(--border-color)}.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:900;font-size:4rem;color:var(--accent);opacity:.55}.post-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.4rem 1.4rem}.post-card__title{font-family:Inter,sans-serif;font-weight:900;font-size:1.3rem;text-transform:none;letter-spacing:-.01em;line-height:1.15;margin:0}.post-card__desc{margin:.6rem 0 1rem;font-size:.9rem;line-height:1.6;opacity:.8}.post-card__meta{margin:auto 0 0;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700}
