:root{--font-serif:"Playfair Display", "Times New Roman", Georgia, serif;--font-body:"Source Serif Pro", Georgia, serif;--font-sans:"IBM Plex Sans", -apple-system, system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-aleph-subscript:"STIX Two Text", "Source Serif Pro", Georgia, serif;--color-paper:#fcfaf7;--color-paper-rgb:252, 250, 247;--color-paper-dark:#f5f2ed;--color-ink-dark:#1a1a1a;--color-ink-dark-rgb:26, 26, 26;--color-ink-medium:#333;--color-ink-medium-rgb:51, 51, 51;--color-ink-light:#666;--color-ink-light-rgb:102, 102, 102;--color-code-bg:#1a1a1a12;--color-code-border:#1a1a1a1f;--color-accent:#d32f2f;--color-accent-hover:#b71c1c;--color-accent-rgb:211, 47, 47;--color-accent-light:rgba(var(--color-accent-rgb), .08)}.blog-container{--color-paper-dark:#f5f2ed;--color-paper-overlay:rgba(var(--color-paper-rgb), .7);--color-paper-light:#f8f6f3;--color-white:#fff;--color-white-overlay:#ffffff80;--color-white-accent-overlay:#ffffff4d;--color-highlight:#ffeb3b;--main-bg-color:var(--color-paper);--text-color:var(--color-ink-medium);--accent-color:var(--color-accent);--secondary-color:#555;--border-color:#ddd;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--gap-xs:.15rem;--gap-sm:.2rem;--gap-md:.25rem;--gap-lg:.35rem;--gap-xl:.4rem;--font-xs:.55rem;--font-sm:.6rem;--font-md:.65rem;--font-base:.7rem;--font-lg:.75rem;--font-xl:.9rem;--font-2xl:.95rem;--font-title-sm:1.4rem;--font-title-md:1.5rem;--font-title-lg:1.75rem;--font-title-xl:clamp(1.5rem, 3.5vw, 2.25rem);--btn-padding-xs:.18rem .32rem;--btn-padding-sm:.2rem .4rem;--btn-padding-md:.25rem .5rem;--btn-padding-lg:.3rem .6rem;--btn-padding-xl:.35rem .75rem;--shadow-soft:0 2px 10px #0000000d;--shadow-medium:0 4px 20px #0000001a;--shadow-card:8px 10px 40px #00000026, 4px 5px 20px #0000001f, 2px 3px 12px #00000014;--shadow-card-hover:8px 12px 48px #0000002e, 4px 6px 24px #00000026, 2px 4px 16px #0000001a;--border-radius:8px;--border-radius-sm:4px;--border-width:1px;--border-width-accent:3px;--content-width:900px;--container-max-width:1000px;--transition-speed:.3s;--transition-speed-slow:.4s;--transition-easing:cubic-bezier(.4, 0, .2, 1);--opacity-disabled:.8;--opacity-meta:.85;--opacity-border:.08;--height-3d-desktop:500px;--height-3d-tablet:400px;--height-3d-mobile:350px;background-color:var(--color-paper);color:var(--color-ink-dark);font-family:var(--font-serif);max-width:var(--container-max-width);margin:var(--space-md) auto;box-shadow:none;border-radius:0;padding:0;line-height:1.6;position:relative}.blog-content{padding:var(--space-md) var(--space-lg) var(--space-sm);max-width:100%;margin:0 auto}.blog-header-compact{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px dotted var(--color-ink-light)}.blog-header-top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.blog-header-left{flex:1;min-width:0}.blog-header-right{flex-shrink:0}.blog-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-variant-caps:small-caps;font-size:var(--font-base);color:var(--color-ink-medium);justify-content:space-between;margin-bottom:.15rem;display:flex}.blog-title{font-family:var(--font-serif);font-size:var(--font-title-xl);color:var(--color-ink-dark);text-align:left;letter-spacing:.01em;margin:0;font-weight:700;line-height:1.2}.blog-header-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.blog-categories-inline{gap:var(--gap-xl);flex-wrap:wrap;flex-shrink:0;display:flex}.search-input-inline{border:var(--border-width) solid var(--color-ink-light);min-width:180px;max-width:300px;font-size:var(--font-xl);font-family:var(--font-serif);background-color:var(--color-paper);color:var(--color-ink-dark);transition:border-color var(--transition-speed) ease;border-radius:0;flex:1;padding:.5rem .75rem}.search-input-inline::placeholder{color:var(--color-ink-light);font-style:italic}.search-input-inline:focus{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--border-width) var(--color-accent);outline:none}.category-button,.tag-button,.view-toggle-button{border:var(--border-width) solid var(--color-ink-light);color:var(--color-ink-medium);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);background-color:#0000;border-radius:0;width:auto;margin:0}.category-button,.tag-button{letter-spacing:.05em}.category-button{padding:var(--btn-padding-xl);font-weight:400;font-size:var(--font-base);position:relative}.category-button:before{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-speed) var(--transition-easing);position:absolute;bottom:0;left:0}.category-button:hover,.category-button.active{background-color:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.category-button:hover:before,.category-button.active:before{width:100%}.category-button.active{background-color:var(--color-accent);color:var(--color-white)}.category-button.active:before{background-color:var(--color-white-accent-overlay)}.tag-button{padding:var(--btn-padding-lg);font-size:var(--font-base);white-space:nowrap;flex-shrink:0;width:auto;min-width:-moz-fit-content;min-width:fit-content}.tag-button:hover,.tag-button.active{background-color:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.tag-button.active{background-color:var(--color-accent);color:var(--color-white)}.blog-tags-section{gap:var(--gap-lg);margin-bottom:var(--space-md);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.view-toggle{gap:var(--gap-md);display:flex}.view-toggle-button{background-color:var(--color-paper);font-size:var(--font-lg);justify-content:center;align-items:center;min-width:2.5rem;padding:.4rem .5rem;display:flex}.view-toggle-button:hover,.view-toggle-button.active{background-color:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.view-toggle-button.active{background-color:var(--color-accent);color:var(--color-white)}.toggle-icon{font-size:var(--font-xl)}.blog-posts-3d{height:var(--height-3d-desktop);margin-bottom:2rem;position:relative}.canvas-container{background-color:var(--main-bg-color);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);width:100%;height:100%;overflow:hidden}.view-instructions{text-align:center;color:var(--secondary-color);background-color:var(--color-paper-overlay);font-size:var(--font-xl);z-index:10;pointer-events:none;padding:.5rem;position:absolute;bottom:15px;left:0;right:0}.loading-posts{height:100%;color:var(--secondary-color);justify-content:center;align-items:center;font-style:italic;display:flex}.blog-posts-list{gap:var(--space-md);padding:0 .5rem;display:grid}.blog-post-item{padding:var(--space-md);border:var(--border-width) solid var(--color-ink-light);border-left:var(--border-width-accent) solid var(--color-accent);background-color:var(--color-paper);transition:all var(--transition-speed-slow) var(--transition-easing);box-shadow:var(--shadow-card);border-bottom:1px dotted rgba(0, 0, 0, var(--opacity-border));border-radius:0;margin-bottom:0;position:relative;overflow:hidden}.blog-post-item:before{content:"";width:var(--border-width-accent);background-color:var(--color-accent);opacity:1;height:100%;transition:width var(--transition-speed) var(--transition-easing);position:absolute;top:0;left:0}.blog-post-item:hover{box-shadow:var(--shadow-card-hover);border-left-color:var(--color-accent);background-color:var(--color-white-overlay);transform:translate(3px)translateY(-1px)}.blog-post-item:hover:before{width:4px}.post-title{font-family:var(--font-serif);font-size:var(--font-title-md);letter-spacing:-.02em;transition:letter-spacing var(--transition-speed) ease;margin-bottom:.25rem;font-weight:700;line-height:1.3}.post-title a{color:var(--color-ink-dark);transition:color var(--transition-speed) var(--transition-easing);text-decoration:none;position:relative}.post-title a:after{content:"";width:0;height:var(--border-width);background-color:var(--color-accent);transition:width var(--transition-speed) var(--transition-easing);position:absolute;bottom:-2px;left:0}.post-title a:hover{color:var(--color-accent)}.post-title a:hover:after{width:100%}.blog-post-item:hover .post-title{letter-spacing:-.01em}.post-meta{gap:var(--space-sm);color:var(--color-ink-medium);font-size:var(--font-lg);margin-bottom:var(--space-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:var(--opacity-meta);transition:opacity var(--transition-speed) ease;font-style:normal;font-variant-caps:small-caps;display:flex}.blog-post-item:hover .post-meta{opacity:1}.post-description{margin-bottom:var(--space-sm);color:var(--text-color);line-height:1.6;font-size:var(--font-2xl);transition:color var(--transition-speed) ease}.blog-post-item:hover .post-description{color:var(--color-ink-dark)}.post-tags{gap:var(--gap-lg);flex-wrap:wrap;display:flex}.post-tag{color:var(--color-ink-medium);padding:var(--btn-padding-sm) .45rem;border:var(--border-width) solid var(--color-ink-light);font-size:var(--font-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-speed) var(--transition-easing);opacity:var(--opacity-disabled);background-color:#0000;border-radius:0}.post-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-light);opacity:1;transform:translateY(-1px)}.search-snippet{background-color:var(--color-accent-light);margin:var(--space-sm) 0;border-left:var(--border-width-accent) solid var(--color-accent);border-radius:var(--border-radius-sm);font-size:var(--font-xl);color:var(--color-ink-medium);padding:.5rem .75rem;font-style:italic;line-height:1.5}.search-highlight{background-color:var(--color-highlight);color:var(--color-ink-dark);border-radius:2px;padding:.1em .2em;font-style:normal;font-weight:600}.no-posts-message{text-align:center;color:var(--secondary-color);background-color:var(--color-paper-light);border-radius:var(--border-radius);border:var(--border-width) dashed var(--border-color);padding:3rem;font-style:italic}.no-posts-reset{color:var(--color-accent,#d32f2f);font-style:normal;font-size:inherit;cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;text-decoration:underline;display:inline-block}@media (max-width:768px){.blog-container{margin:var(--space-sm) auto;padding:0}.blog-content{padding:var(--space-sm) var(--space-md)}.blog-header-top{gap:var(--space-sm);flex-direction:column}.blog-header-right{align-self:flex-end}.blog-header-controls{align-items:stretch;gap:var(--space-sm);flex-direction:column}.search-input-inline{min-width:100%}.blog-title{font-size:var(--font-title-lg)}.blog-categories-inline{gap:var(--gap-sm);flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:0;overflow-x:visible}.category-button{padding:var(--btn-padding-sm);font-size:var(--font-sm);white-space:nowrap;letter-spacing:.03em;flex-shrink:1}.blog-tags-section{padding-bottom:var(--gap-md);gap:var(--gap-md);overflow-x:auto}.tag-button{padding:var(--btn-padding-md);font-size:var(--font-md)}.blog-posts-3d{height:var(--height-3d-tablet)}.post-title{font-size:var(--font-title-sm)}.blog-post-item{padding:var(--space-md)}}@media (max-width:480px){.blog-container{margin:var(--space-xs) auto}.blog-content{padding:var(--space-xs) var(--space-sm)}.blog-title{font-size:var(--font-title-md)}.blog-header-controls{gap:var(--space-xs);flex-direction:column}.blog-categories-inline{gap:var(--gap-xs);flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:visible}.category-button{padding:var(--btn-padding-xs);font-size:var(--font-xs);white-space:nowrap;letter-spacing:.02em;flex-shrink:1}.search-input-inline{width:100%}.blog-posts-3d{height:var(--height-3d-mobile);margin:0 .75rem 1.5rem}.blog-posts-list{padding:0 .75rem}.blog-post-item{margin-bottom:var(--space-sm);padding:1.25rem}.view-toggle{width:100%;margin-top:var(--space-sm);justify-content:space-between}.view-toggle-button{margin:0 var(--gap-md);flex:1;justify-content:center}.search-input{padding:.75rem}.post-description{padding:0 var(--gap-md)}.no-posts-message{padding:2rem var(--space-sm);margin:0 .75rem}.blog-tags-section{gap:var(--gap-sm)}.tag-button{padding:var(--btn-padding-sm) .45rem;font-size:var(--font-sm);letter-spacing:.03em}}