:root{--color-background:#f9f9f9;--color-on-background:#1b1b1b;--color-surface:#f9f9f9;--color-on-surface:#1b1b1b;--color-surface-dim:#dadada;--color-surface-bright:#f9f9f9;--color-surface-container-lowest:#fff;--color-surface-container-low:#f3f3f3;--color-surface-container:#eee;--color-surface-container-high:#e8e8e8;--color-surface-container-highest:#e2e2e2;--color-surface-variant:#e2e2e2;--color-surface-tint:#006e16;--color-inverse-surface:#303030;--color-inverse-on-surface:#f1f1f1;--color-primary:#006e16;--color-primary-container:#10ff43;--color-primary-fixed:#72ff70;--color-primary-fixed-dim:#00e639;--color-inverse-primary:#00e639;--color-on-primary:#fff;--color-on-primary-container:#007117;--color-on-primary-fixed:#002203;--color-on-primary-fixed-variant:#00530e;--color-secondary:#5e5e5e;--color-secondary-container:#e2e2e2;--color-secondary-fixed:#e2e2e2;--color-secondary-fixed-dim:#c6c6c6;--color-on-secondary:#fff;--color-on-secondary-container:#646464;--color-on-secondary-fixed:#1b1b1b;--color-on-secondary-fixed-variant:#474747;--color-tertiary:#5d5f5f;--color-on-tertiary:#fff;--color-tertiary-container:#dcdddd;--color-on-tertiary-container:#5f6161;--color-on-tertiary-fixed:#2c1701;--color-on-tertiary-fixed-variant:#5d4124;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#93000a;--color-on-surface-variant:#3b4b37;--color-outline:#6b7c65;--color-outline-variant:#b9ccb2;--color-charcoal:#121212;--color-code-bg:#f5f5f5;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Playfair Display", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-display-lg:4.5rem;--text-headline-lg:2.5rem;--text-headline-lg-mobile:2rem;--text-body-lg:1.25rem;--text-body-md:1.125rem;--text-ui-label:.875rem;--text-code-sm:.875rem;--text-meta:.75rem;--leading-display:1.1;--leading-headline:1.2;--leading-body-lg:1.8;--leading-body-md:1.7;--leading-ui:1.5;--leading-code:1.6;--leading-meta:1.4;--weight-bold:700;--weight-medium:500;--weight-regular:400;--tracking-display:-.02em;--unit:4px;--space-xs:calc(var(--unit) * 1);--space-sm:calc(var(--unit) * 4);--space-gutter:calc(var(--unit) * 6);--space-md:calc(var(--unit) * 8);--space-lg:calc(var(--unit) * 16);--space-xl:calc(var(--unit) * 24);--margin-mobile:20px;--container-max:800px;--radius-sm:.25rem;--radius-DEFAULT:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--border-thin:1px;--border-thick:2px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.5s ease}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body-md);font-weight:var(--weight-regular);margin:0;padding:0;overflow:hidden auto}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-fixed)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;font-size:20px}.topbar{z-index:50;background:var(--color-background);border-bottom:var(--border-thick) solid var(--color-on-surface);width:100%;position:sticky;top:0}.topbar-inner{max-width:var(--container-max);padding:var(--space-sm) var(--margin-mobile);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.topbar-logo{font-family:var(--font-display);font-size:var(--text-headline-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);line-height:var(--leading-headline);letter-spacing:var(--tracking-display)}.topbar-nav{align-items:center;gap:var(--space-gutter);display:none}@media (min-width:768px){.topbar-nav{display:flex}}.topbar-nav a.nav-link{font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-medium);text-transform:uppercase;color:var(--color-secondary);padding:var(--space-xs) var(--space-sm);border:var(--border-thick) solid transparent;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.topbar-nav a.nav-link:hover{background:var(--color-primary-container);color:var(--color-on-primary-fixed)}.topbar-nav a.nav-active{color:var(--color-primary);font-weight:var(--weight-bold);border-bottom:var(--border-thick) solid var(--color-primary)}.topbar-menu-btn{border:var(--border-thick) solid var(--color-on-surface);cursor:pointer;color:var(--color-on-surface);padding:var(--space-xs);transition:background-color var(--transition-fast);background:0 0;align-items:center;display:flex}.topbar-menu-btn:hover{background:var(--color-primary-container)}@media (min-width:768px){.topbar-menu-btn{display:none}}.mobile-menu{background:var(--color-background);border-bottom:var(--border-thick) solid var(--color-on-surface);padding:var(--space-sm) var(--margin-mobile);gap:var(--space-xs);flex-direction:column;display:none}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-medium);text-transform:uppercase;color:var(--color-secondary);padding:var(--space-sm);border:var(--border-thick) solid transparent;transition:background-color var(--transition-fast), color var(--transition-fast)}.mobile-menu a:hover,.mobile-menu a.mobile-active{color:var(--color-primary);background:var(--color-primary-container)}.container-main{max-width:var(--container-max);padding:0 var(--margin-mobile);margin:0 auto}.text-display{font-family:var(--font-display);font-size:var(--text-headline-lg-mobile);font-weight:var(--weight-bold);line-height:var(--leading-headline);letter-spacing:var(--tracking-display);color:var(--color-on-surface);text-align:left}@media (min-width:768px){.text-display{font-size:var(--text-display-lg);line-height:var(--leading-display)}}.text-headline{font-family:var(--font-display);font-size:var(--text-headline-lg-mobile);font-weight:var(--weight-bold);line-height:var(--leading-headline);color:var(--color-on-surface);text-align:left}@media (min-width:768px){.text-headline{font-size:var(--text-headline-lg)}}.text-body-lg{font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:var(--weight-regular);line-height:var(--leading-body-lg)}.text-body-md{font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-regular);line-height:var(--leading-body-md)}.text-ui-label{font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-medium);line-height:var(--leading-ui);text-transform:uppercase}.text-code{font-family:var(--font-mono);font-size:var(--text-code-sm);font-weight:var(--weight-regular);line-height:var(--leading-code)}.text-meta{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-regular);line-height:var(--leading-meta);text-transform:uppercase}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-gutter{gap:var(--space-gutter)}.section-divider{border-bottom:var(--border-thick) solid var(--color-on-surface);padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.btn-primary{background:var(--color-primary-container);color:var(--color-on-primary-fixed);font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-bold);text-transform:uppercase;padding:var(--space-sm) var(--space-gutter);border:var(--border-thick) solid var(--color-primary-container);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-primary:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-outline{color:var(--color-on-surface);font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-bold);text-transform:uppercase;padding:var(--space-sm) var(--space-gutter);border:var(--border-thick) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-outline:hover{background:var(--color-primary-container);color:var(--color-on-primary-fixed);border-color:var(--color-primary-container)}.card{background:var(--color-surface-container-lowest);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);padding:var(--space-md)}.timeline-card{padding:var(--space-sm) var(--space-gutter);border:var(--border-thin) solid var(--color-on-surface);border-left:var(--border-thick) solid var(--color-primary-container);border-radius:var(--radius-DEFAULT);transition:border-color var(--transition-fast)}.timeline-card:hover{border-left-color:var(--color-primary)}.chip{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-medium);text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;display:inline-flex}.chip:hover,.chip.active{background:var(--color-primary-container);color:var(--color-on-primary-fixed);border-color:var(--color-primary-container)}.tag{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-medium);text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;display:inline-flex}.tag:hover{background:var(--color-primary-container);color:var(--color-on-primary-fixed);border-color:var(--color-primary-container)}.filter-pill{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-medium);text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0}.filter-pill:hover,.filter-pill.active{background:var(--color-primary-container);color:var(--color-on-primary-fixed);border-color:var(--color-primary-container)}.input-underline{border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);font-family:var(--font-mono);font-size:var(--text-ui-label);color:var(--color-on-surface);padding:var(--space-sm) var(--space-sm);text-transform:uppercase;width:100%;transition:border-color var(--transition-fast), border-width var(--transition-fast);background:0 0;outline:none}.input-underline:focus{border-color:var(--color-primary-container);border-width:var(--border-thick)}.input-underline::placeholder{color:var(--color-secondary)}.search-input-wrap{width:100%;position:relative}.search-input-wrap input{border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);width:100%;font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-medium);text-transform:uppercase;padding:var(--space-sm) var(--space-gutter);transition:border-color var(--transition-fast);background:0 0;outline:none;padding-right:48px}.search-input-wrap input:focus{border-color:var(--color-primary-container);border-width:var(--border-thick)}.post-card{padding:var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);transition:background-color var(--transition-fast);margin-bottom:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.post-card:hover{background:var(--color-surface-container)}.article-card{border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);padding:var(--space-md);cursor:pointer;transition:background-color var(--transition-fast)}.article-card:hover{background:var(--color-surface-container)}.article-card-inner{gap:var(--space-gutter);flex-direction:column;display:flex}@media (min-width:768px){.article-card-inner{flex-direction:row}}.article-card-body{flex-grow:1}.article-card-image{background:var(--color-surface-container);flex-shrink:0;width:100%;height:128px;overflow:hidden}@media (min-width:768px){.article-card-image{width:192px}}.article-card-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter var(--transition-slow), transform var(--transition-slow)}.article-card:hover .article-card-image img{filter:grayscale(0);transform:scale(1.03)}.sidebar{flex-shrink:0;width:100%}@media (min-width:768px){.sidebar{width:192px}}.sidebar-sticky{position:sticky;top:80px}.sidebar-title{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) solid var(--color-outline-variant);display:block}.sidebar-link{font-family:var(--font-mono);font-size:var(--text-ui-label);text-transform:uppercase;padding:var(--space-xs);color:var(--color-secondary);border-left:var(--border-thick) solid transparent;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);display:block}.sidebar-link:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.sidebar-link.active{color:var(--color-primary);border-left-color:var(--color-primary)}.back-link{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;color:var(--color-secondary);cursor:pointer;transition:color var(--transition-fast);display:inline-flex}.back-link:hover{color:var(--color-primary)}.back-link svg{width:20px;height:20px}.post-content{gap:var(--space-md);color:var(--color-on-surface);line-height:var(--leading-body-lg);flex-direction:column;display:flex}.post-content p{font-size:var(--text-body-lg);line-height:var(--leading-body-lg);margin:0}.post-content h2{font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-primary);border-bottom:var(--border-thin) solid var(--color-outline-variant);padding-bottom:var(--space-xs);margin-top:var(--space-sm)}.post-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--weight-bold)}.post-content strong{font-weight:var(--weight-bold)}.post-content blockquote{margin:var(--space-sm) 0;border-left:var(--border-thick) solid var(--color-primary);padding:var(--space-xs) var(--space-gutter);font-style:italic;font-size:var(--text-body-lg);color:var(--color-secondary)}.post-content ul,.post-content ol{padding-left:var(--space-gutter)}.post-content li{margin-bottom:var(--space-xs)}.post-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.post-content code{font-family:var(--font-mono);font-size:var(--text-code-sm);background:var(--color-code-bg);border:var(--border-thin) solid var(--color-outline-variant);padding:2px 6px}.post-content hr{border:none;border-top:var(--border-thick) solid var(--color-on-surface)}.post-content img{border:var(--border-thick) solid var(--color-on-surface)}.code-block-wrapper{margin:var(--space-sm) 0;border:var(--border-thick) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);overflow:hidden}.code-block-header{background:var(--color-surface-container);padding:var(--space-xs) var(--space-sm);border-bottom:var(--border-thick) solid var(--color-on-surface);justify-content:space-between;align-items:center;display:flex}.code-block-lang{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;font-weight:var(--weight-bold);color:var(--color-on-surface-variant)}.code-block-copy{font-family:var(--font-mono);font-size:var(--text-meta);cursor:pointer;color:var(--color-secondary);text-transform:uppercase;transition:color var(--transition-fast);background:0 0;border:none;padding:0}.code-block-copy:hover{color:var(--color-primary)}.code-block-body{padding:var(--space-gutter);border-left:6px solid var(--color-primary-container);background:var(--color-code-bg);overflow-x:auto}.post-hero-header{align-items:center;gap:var(--space-gutter);margin-bottom:var(--space-xs);border-bottom:var(--border-thin) solid var(--color-on-surface-variant);padding-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.post-hero-category{color:var(--color-primary);font-weight:var(--weight-bold)}.post-hero-excerpt{font-size:var(--text-body-lg);color:var(--color-secondary);border-left:var(--border-thick) solid var(--color-primary-container);padding-left:var(--space-sm);max-width:90%;margin-top:var(--space-sm);font-style:italic}.post-meta-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-thick) solid var(--color-on-surface);gap:var(--space-gutter);flex-direction:column;display:flex}@media (min-width:768px){.post-meta-footer{flex-direction:row;justify-content:space-between;align-items:center}}.share-buttons{align-items:center;gap:var(--space-sm);display:flex}.share-btn{border:var(--border-thick) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.share-btn:hover{background:var(--color-primary-container)}.reading-progress{height:var(--border-thick);background:var(--color-primary-container);z-index:100;width:0%;transition:width .1s ease-out;position:fixed;top:0;left:0}.newsletter{background:var(--color-on-surface);color:var(--color-background);padding:var(--space-md);border-radius:var(--radius-DEFAULT)}.newsletter .text-headline{color:var(--color-background)}.newsletter .input-underline{color:var(--color-background);border-bottom-color:#ffffff4d}.newsletter .input-underline:focus{border-bottom-color:var(--color-primary-container)}.newsletter .input-underline::placeholder{color:var(--color-surface-variant)}.newsletter .btn-primary{background:var(--color-background);color:var(--color-on-surface);border-color:var(--color-background)}.newsletter .btn-primary:hover{background:var(--color-primary-container);color:var(--color-on-primary-fixed);border-color:var(--color-primary-container)}.newsletter .btn-outline{color:var(--color-background);border-color:var(--color-background)}.footer{background:var(--color-background);border-top:var(--border-thick) solid var(--color-on-surface)}.footer-inner{max-width:var(--container-max);padding:var(--space-md) var(--margin-mobile);justify-content:space-between;align-items:flex-start;gap:var(--space-gutter);flex-direction:column;margin:0 auto;display:flex}@media (min-width:768px){.footer-inner{flex-direction:row}}.footer-brand{gap:var(--space-xs);flex-direction:column;display:flex}.footer-links{gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (min-width:768px){.footer-links{gap:var(--space-gutter)}}.footer-links a{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;color:var(--color-on-surface-variant);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.footer-links a:hover{color:var(--color-primary)}.footer-disclaimer{font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;color:var(--color-on-secondary-fixed-variant);max-width:260px}.tech-item{padding:var(--space-xs) var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:center;display:flex}.tech-item:hover{border-color:var(--color-primary-container);background:var(--color-primary-container);color:var(--color-on-primary-fixed)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.hidden{display:none}.relative{position:relative}.overflow-hidden{overflow:hidden}.text-left{text-align:left}.text-secondary{color:var(--color-secondary)}.text-primary{color:var(--color-primary)}.font-bold{font-weight:var(--weight-bold)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.whitespace-nowrap{white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.z-10{z-index:10}.block{display:block}@media (min-width:768px){.md-flex{display:flex}.md-flex-row{flex-direction:row}.md-hidden{display:none}}.loading-spinner{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;color:var(--color-secondary);justify-content:center;display:flex}.empty-state{text-align:left;padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-meta);text-transform:uppercase;color:var(--color-secondary)}.tech-indicator{background:var(--color-primary-container);width:8px;height:8px;display:inline-block}.prism-overlay{pointer-events:none;z-index:9999;opacity:.03;mix-blend-mode:color-burn;background:linear-gradient(90deg,#ff000080 0%,#00ff0080 50%,#0000ff80 100%);width:100%;height:100%;position:fixed;top:0;left:0}.rgb-split{text-shadow:-1px 0 #f006,1px 0 #0ff6}.chromatic-text{text-shadow:1px 0 #f006,-1px 0 #0ff6}.spectral-glow{z-index:-1;filter:blur(8px);opacity:0;border-radius:inherit;background:linear-gradient(45deg,red,#0f0,#00f,red) 0 0/400%;transition:opacity .3s;animation:10s linear infinite spectral-move;position:absolute;inset:-2px}.spectral-glow-parent:hover .spectral-glow{opacity:.12}@keyframes spectral-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.prism-border{border:var(--border-thick) solid transparent;background-clip:padding-box;position:relative}.prism-border:after{content:"";z-index:-1;border-radius:inherit;opacity:.15;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);animation:3s linear infinite spectral-move;position:absolute;inset:-2px}.spectral-overlay{position:relative;overflow:hidden}.spectral-overlay:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;background:linear-gradient(105deg,#0000 40%,#ff00000d 45%,#00ff000d 50%,#0000ff0d 55%,#0000 60%);animation:8s linear infinite spectral-shimmer;position:absolute;inset:0}@keyframes spectral-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mosaic-card{border-top:var(--border-thick) solid var(--color-on-surface);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:background-color .3s;position:relative}.mosaic-card:hover{background-color:#10ff4305}.mosaic-card-inner{gap:var(--space-gutter);flex-direction:column;display:flex}@media (min-width:768px){.mosaic-card-inner{flex-direction:row}}.mosaic-card-body{flex-grow:1}.mosaic-card-image{background:var(--color-surface-container);border-radius:var(--radius-lg);flex-shrink:0;width:100%;height:128px;overflow:hidden}@media (min-width:768px){.mosaic-card-image{width:192px;height:128px}}.mosaic-card-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s,transform .5s}.mosaic-card:hover .mosaic-card-image img{filter:grayscale(0);transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:.6s ease-out both fadeInUp}@media (prefers-reduced-motion:reduce){.animate-in{opacity:1;animation:none}}.card-interactive{transition:transform var(--transition-base), border-color var(--transition-base)}.card-interactive:hover{border-color:var(--color-primary-container);transform:translateY(-2px)}.timeline-card{transition:transform var(--transition-base), border-color var(--transition-base)}.timeline-card:hover{border-left-color:var(--color-primary);transform:translate(4px)}@keyframes btnPulse{0%{box-shadow:0 0 0 0 var(--color-primary-container)}70%{box-shadow:0 0 0 6px #10ff4300}to{box-shadow:0 0 #10ff4300}}.btn-primary:not(:disabled):hover{animation:1.5s infinite btnPulse}.nav-link,.nav-active{position:relative}.nav-link:after{content:"";height:var(--border-thick);background:var(--color-primary-container);transition:left var(--transition-fast), right var(--transition-fast);position:absolute;bottom:0;left:50%;right:50%}.nav-link:hover:after,.nav-active:after{left:0;right:0}.sidebar-link{transition:padding-left var(--transition-fast), background var(--transition-fast), color var(--transition-fast)}.sidebar-link:hover{padding-left:var(--space-sm)}.post-card{transition:transform var(--transition-base), background-color var(--transition-base)}.post-card:hover{transform:translateY(-1px)}.tag,.chip,.filter-pill{transition:transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.tag:hover,.chip:hover,.filter-pill:hover{transform:translateY(-2px)}.tech-item{transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast)}.tech-item:hover{border-color:var(--color-primary-container);background:var(--color-primary-container);color:var(--color-on-primary-fixed);transform:translateY(-3px)}@keyframes logoReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.topbar-logo{animation:.5s ease-out logoReveal}.text-display{animation:.7s ease-out both fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}img[data-zoom]:hover{transition:transform var(--transition-slow);transform:scale(1.02)}.back-link svg{transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-4px)}.share-btn .material-symbols-outlined{transition:transform var(--transition-base)}.share-btn:hover .material-symbols-outlined{transform:scale(1.2)}.code-block-copy{transition:color var(--transition-fast), transform var(--transition-fast)}.code-block-copy:active{transform:scale(.9)}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.reading-progress{animation:2s ease-in-out infinite progressPulse}.mobile-menu.open{animation:.2s ease-out both slideInLeft}.newsletter .input-underline{transition:border-color var(--transition-fast), padding-left var(--transition-fast)}.newsletter .input-underline:focus{padding-left:var(--space-xs)}:focus-visible{outline:var(--border-thick) solid var(--color-primary-container);outline-offset:2px}.skeleton{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-low) 50%, var(--color-surface-container) 75%);border-radius:var(--radius-DEFAULT);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:var(--space-xs)}.skeleton-text-sm{width:60%;height:12px}.skeleton-title{width:80%;height:24px;margin-bottom:var(--space-sm)}.skeleton-image{height:128px}button:active,.btn-primary:active,.btn-outline:active{transform:scale(.98)}@media (max-width:768px){.hide-mobile{display:none!important}.text-display{font-size:var(--text-headline-lg-mobile)}}.newsletter-success{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-ui-label);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-primary-container);padding:var(--space-sm);display:flex}.post-content pre{font-family:var(--font-mono);font-size:var(--text-code-sm);line-height:var(--leading-code);margin:0;overflow-x:auto}.post-content pre code{font-size:inherit;background:0 0;border:none;padding:0}.profile-trigger{border:var(--border-thick) solid var(--color-on-surface);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.profile-trigger:hover{border-color:var(--color-primary-container)}.profile-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.profile-initials{background:var(--color-primary-container);width:28px;height:28px;color:var(--color-on-primary-fixed);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.profile-dropdown{background:var(--color-surface-container-lowest);border:var(--border-thick) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);width:280px;box-shadow:none;z-index:100;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0}.profile-header{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--border-thin) solid var(--color-on-surface);display:flex}.profile-avatar-lg{object-fit:cover;background:var(--color-primary-container);width:48px;height:48px;color:var(--color-on-primary-fixed);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.profile-name{font-family:var(--font-mono);font-size:var(--text-ui-label);color:var(--color-on-surface);font-weight:700}.profile-email{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:2px;overflow:hidden}.profile-actions{padding:var(--space-xs)}.profile-action{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-DEFAULT);font-family:var(--font-mono);font-size:var(--text-ui-label);color:var(--color-on-surface);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.profile-action:hover{background:var(--color-surface-container)}.profile-action .material-symbols-outlined{font-size:18px}.mobile-profile{padding:var(--space-sm);gap:var(--space-sm);border-top:var(--border-thin) solid var(--color-on-surface);margin-top:var(--space-xs);flex-direction:column;display:flex}.mobile-profile-info{align-items:center;gap:var(--space-sm);display:flex}.comments-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-thick) solid var(--color-on-surface)}.comments-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.comments-title{font-family:var(--font-mono);font-size:var(--text-ui-label);text-transform:uppercase;color:var(--color-on-surface);font-weight:700}.comments-count{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-secondary)}.comment-form{margin-bottom:var(--space-md)}.comment-form textarea{width:100%;min-height:100px;padding:var(--space-sm);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body-md);resize:vertical;transition:border-color var(--transition-fast);outline:none}.comment-form textarea:focus{border-color:var(--color-primary-container);border-width:var(--border-thick)}.comment-form textarea::placeholder{color:var(--color-secondary)}.comment-form-actions{margin-top:var(--space-sm);justify-content:flex-end;display:flex}.comment-login-prompt{padding:var(--space-md);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT);background:var(--color-surface-container);text-align:center;margin-bottom:var(--space-md)}.comment-login-prompt p{font-family:var(--font-mono);font-size:var(--text-ui-label);color:var(--color-secondary);margin-bottom:var(--space-sm)}.comments-list{gap:var(--space-md);flex-direction:column;display:flex}.comment{padding:var(--space-md);border:var(--border-thin) solid var(--color-on-surface);border-radius:var(--radius-DEFAULT)}.comment-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-avatar-placeholder{background:var(--color-primary-container);width:32px;height:32px;color:var(--color-on-primary-fixed);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.comment-author{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-on-surface);font-weight:600}.comment-date{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-secondary);margin-left:auto}.comment-body{font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body-md);color:var(--color-on-surface);white-space:pre-wrap}.comment-empty{text-align:center;padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-secondary)}