﻿@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--c-text-primary: #1a1a1a;--c-text-secondary: #555555;--c-text-tertiary: #888888;--c-bg: #fefefe;--c-bg-subtle: #f8f8f8;--c-border: #e8e8e8;--c-border-strong: #1a1a1a;--c-accent: #c44536;--c-accent-hover: #a33a2d;--c-saffron: #FF9933;--c-marigold: #EAA221;--c-peacock: #006D77;--c-magenta: #D81159;--c-cream: #FFF8E7;--c-henna: #8B4513;--font-mono: "IBM Plex Mono", monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--line-height-loose: var(--leading-loose);--max-width: 720px;--container-padding: clamp(1rem, 5vw, 2rem);--transition: 150ms ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-text-primary: #ffffff;--c-text-secondary: #a0a0a0;--c-text-tertiary: #707070;--c-bg: #000000;--c-bg-subtle: #0a0a0a;--c-border: #2a2a2a;--c-border-strong: #ffffff}}:root[data-theme=dark]{--c-text-primary: #ffffff;--c-text-secondary: #a0a0a0;--c-text-tertiary: #707070;--c-bg: #000000;--c-bg-subtle: #0a0a0a;--c-border: #2a2a2a;--c-border-strong: #ffffff}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--c-text-primary);background:var(--c-bg);min-height:100vh;display:flex;flex-direction:column;transition:color var(--transition),background-color var(--transition)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--c-text-primary);outline-offset:2px}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--space-16)}@media (max-width: 640px){.section{padding-block:var(--space-12)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.container-content,.container-narrow,.container-wide{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}.container-full{max-width:100%}.container-full>*{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}h1,h2,h3,h4,h5,h6,p,li,a,span,div{font-family:var(--font-mono);color:var(--c-text-primary);transition:color var(--transition)}h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);letter-spacing:-.02em}@media (max-width: 640px){h1{font-size:var(--text-2xl)}}h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin:var(--space-12) 0 var(--space-4);letter-spacing:-.01em}h3{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-normal);margin:var(--space-8) 0 var(--space-3)}h4,h5,h6{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-normal);margin:var(--space-6) 0 var(--space-2)}p{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);max-width:65ch}p:last-child{margin-bottom:0}em{font-style:italic}strong{font-weight:var(--weight-bold)}small,.text-sm{font-size:var(--text-sm);color:var(--c-text-secondary)}.text-xs{font-size:var(--text-xs);color:var(--c-text-tertiary)}ul,ol{margin:var(--space-4) 0;padding-left:var(--space-6)}ul li,ol li{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}ul li:last-child,ol li:last-child{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}code{font-family:var(--font-mono);font-size:.875em;background:var(--c-bg-subtle);color:var(--c-accent);padding:.15em .4em;border-radius:2px;border:1px solid color-mix(in srgb, var(--c-accent) 20%, rgba(0,0,0,0))}pre,pre.z-code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);background:#1d2021 !important;color:#ebdbb2;padding:var(--space-4);border:1px solid #3c3836;border-radius:2px;overflow-x:auto;margin:var(--space-6) 0;border-left:3px solid var(--c-marigold)}pre code,pre.z-code code{background:rgba(0,0,0,0);color:inherit;padding:0;border:none}pre span,pre code span,pre.z-code span,pre.z-code code span{color:#ebdbb2}.z-punctuation{color:#a89984 !important}blockquote{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--c-text-secondary);border-left:2px solid var(--c-text-primary);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic}hr{border:none;border-top:1px solid var(--c-border);margin:var(--space-12) 0}::selection{background:var(--c-text-primary);color:var(--c-bg)}.header-main,.header-enhanced{position:sticky;top:0;z-index:40;background:var(--c-bg);border-bottom:1px solid var(--c-border);padding:var(--space-3) 0;transition:background-color var(--transition),border-color var(--transition)}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.nav-brand,.nav-brand-enhanced{position:relative;white-space:nowrap}.nav-brand::before,.nav-brand-enhanced::before{content:"॰";color:var(--c-marigold);font-weight:var(--weight-bold);position:absolute;right:100%;margin-right:.35em}.header-nav,.header-nav-enhanced{display:flex;justify-content:center;align-items:center;gap:var(--space-4)}@media (max-width: 640px){.header-nav,.header-nav-enhanced{display:none;position:absolute;top:100%;left:0;right:0;background:var(--c-bg);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:0;flex-direction:column;align-items:stretch;gap:0}.header-nav.mobile-menu-open,.header-nav-enhanced.mobile-menu-open{display:flex}.header-nav .nav-item,.header-nav-enhanced .nav-item{width:100%;justify-content:center;padding:var(--space-4);border-bottom:1px solid var(--c-border)}.header-nav .nav-item:last-child,.header-nav-enhanced .nav-item:last-child{border-bottom:none}}.nav-item::before{content:"[";color:var(--c-text-tertiary)}.nav-item::after{content:"]";color:var(--c-text-tertiary)}.nav-item:hover,.nav-item.active,.nav-item[aria-current=page]{color:var(--c-marigold)}.nav-item:hover::before,.nav-item:hover::after,.nav-item.active::before,.nav-item.active::after,.nav-item[aria-current=page]::before,.nav-item[aria-current=page]::after{color:var(--c-marigold)}.footer-main{margin-top:auto;padding:var(--space-8) 0 var(--space-6);border-top:1px solid var(--c-border);transition:border-color var(--transition)}.footer-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-tertiary);text-align:center}.footer-content::before{content:"/* ";color:var(--c-text-tertiary)}.footer-content::after{content:" */";color:var(--c-text-tertiary)}.footer-content p{display:inline}.main-content{padding-top:var(--space-8);padding-bottom:var(--space-8)}.container,.container-content,.container-narrow,.container-wide,.container-full,.content-container,.content-container-narrow{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}.grid,.grid-auto,.feature-grid,.content-grid,.content-grid-responsive,.social-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 768px){.grid,.grid-auto,.feature-grid,.content-grid,.content-grid-responsive,.social-cards-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.grid,.grid-auto,.feature-grid,.content-grid,.content-grid-responsive,.social-cards-grid{grid-template-columns:repeat(3, 1fr)}}.grid-1{grid-template-columns:1fr !important}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2, 1fr)}}a{color:inherit;text-decoration:underline;text-underline-offset:.2em;transition:opacity var(--transition)}a:hover{opacity:.6}a:focus-visible{outline:2px solid var(--c-text-primary);outline-offset:2px}.link-plain{text-decoration:none}.link-arrow::after,.link-cta::after,.cta-link::after{content:" →";transition:transform var(--transition);display:inline-block}.link-arrow:hover::after,.link-cta:hover::after,.cta-link:hover::after{transform:translateX(4px)}button,.button,.btn{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) var(--space-4);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-primary);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}button:hover,.button:hover,.btn:hover{border-color:var(--c-text-primary);background:var(--c-bg-subtle)}button:focus-visible,.button:focus-visible,.btn:focus-visible{outline:2px solid var(--c-text-primary);outline-offset:2px}button:disabled,.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.button-primary,.btn-primary{background:var(--c-text-primary);color:var(--c-bg);border-color:var(--c-text-primary)}.button-primary:hover,.btn-primary:hover{opacity:.8}.card-base,.card,.card-interactive,.content-preview,.filter-panel{background:var(--c-bg);border:1px solid var(--c-border);padding:var(--space-6);margin-bottom:var(--space-6);transition:border-color 150ms ease}.card-base:hover,.card:hover,.card-interactive:hover,.content-preview:hover,.filter-panel:hover{border-color:var(--c-text-primary)}.card-content{display:flex;flex-direction:column;gap:var(--space-3)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:var(--leading-relaxed)}.filter-heading{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.filter-panel{padding:var(--space-4)}.filter-panel:hover{border-color:var(--c-border)}.feature-card,.feature-item{padding:var(--space-6);text-align:center}.feature-icon{width:48px;height:48px;margin:0 auto var(--space-4) auto;display:block;color:var(--c-text-primary);stroke-width:1.5}.feature-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--c-text-primary)}.feature-description{font-size:var(--text-base);color:var(--c-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.fun-fact-card{padding:var(--space-6);margin:var(--space-8) auto;max-width:500px;text-align:center;border:1px solid var(--c-border)}.fun-fact-card p{margin:0;font-style:italic;color:var(--c-text-secondary)}.avatar--handdrawn{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-4) auto;display:block}.nav,.nav-horizontal{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}@media (max-width: 640px){.nav,.nav-horizontal{gap:var(--space-4)}}.nav-item{display:flex}.nav a,.nav-item a,a.nav-item{color:var(--c-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition)}.nav a:hover,.nav-item a:hover,a.nav-item:hover{color:var(--c-text-primary)}.nav a.active,.nav-item a.active,a.nav-item.active{color:var(--c-text-primary);font-weight:var(--weight-bold)}.nav-brand,.nav-brand-enhanced{font-weight:var(--weight-bold);color:var(--c-text-primary);text-decoration:none}.mobile-menu-toggle,#mobile-menu-toggle{display:none;background:rgba(0,0,0,0);border:1px solid var(--c-border);padding:var(--space-2);cursor:pointer;color:var(--c-text-primary)}.mobile-menu-toggle:hover,#mobile-menu-toggle:hover{background:var(--c-bg-subtle)}@media (max-width: 640px){.mobile-menu-toggle,#mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px}}.tag,.tag-base,.tag-item{display:inline-block;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);text-decoration:none;color:var(--c-text-secondary);transition:border-color var(--transition),color var(--transition)}.tag:hover,.tag-base:hover,.tag-item:hover{border-color:var(--c-accent);color:var(--c-accent)}.tags-list,.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-4) 0}.theme-toggle{background:rgba(0,0,0,0);border:1px solid var(--c-border);padding:var(--space-2);cursor:pointer;color:var(--c-text-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.theme-toggle:hover{background:var(--c-bg-subtle)}.theme-toggle:focus-visible{outline:2px solid var(--c-text-primary);outline-offset:2px}.theme-toggle span{display:flex;align-items:center;justify-content:center}.theme-toggle .theme-icon-light{display:none}.theme-toggle .theme-icon-dark{display:flex}:root[data-theme=light] .theme-toggle .theme-icon-light{display:flex}:root[data-theme=light] .theme-toggle .theme-icon-dark{display:none}.progress-container-bottom{position:fixed;bottom:0;left:0;width:100%;height:1px;background:var(--c-border);z-index:1000}.progress-bar{height:100%;background:var(--c-text-primary);width:0%;transition:width .1s ease}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.muted{color:var(--c-text-muted)}.w-full{width:100%}.rounded{border-radius:var(--radius)}.text-content{max-width:min(65ch,100%);line-height:var(--line-height-relaxed)}.responsive-spacing{margin-bottom:clamp(1rem,3vw,2rem)}.responsive-padding{padding:clamp(1rem,2vw,1.5rem)}.flex-center{display:flex;align-items:center;justify-content:center;gap:.5rem}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 640px){.hidden-mobile{display:none}}@media (min-width: 641px){.hidden-desktop{display:none}}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s var(--transition) both}.toc-content ul,.toc-content ol{list-style:none;padding-left:0;margin:0}.toc-content ul ul,.toc-content ol ol{padding-left:var(--space-md);margin-top:var(--space-xs)}.toc-content li{margin-bottom:var(--space-xs)}.toc-content a{color:var(--c-text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition)}.toc-content a:hover{color:var(--c-text-primary)}.content-readable h1,.content-readable h2,.content-readable h3,.content-readable h4,.content-readable h5,.content-readable h6{margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.content-readable h1:first-child,.content-readable h2:first-child,.content-readable h3:first-child,.content-readable h4:first-child,.content-readable h5:first-child,.content-readable h6:first-child{margin-top:0}.content-readable p{margin-bottom:var(--space-md)}.content-readable p:last-child{margin-bottom:0}.content-readable ul,.content-readable ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.content-readable ul li,.content-readable ol li{margin-bottom:var(--space-xs)}.content-readable img{max-width:100%;height:auto;border-radius:var(--radius);margin:var(--space-lg) 0}.content-readable table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:var(--font-size-sm)}.content-readable table th,.content-readable table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--c-border-light)}.content-readable table th{font-weight:var(--font-weight-semibold);color:var(--c-text-main);background:var(--c-bg-tertiary)}.content-readable table td{color:var(--c-text-secondary)}.content-readable hr{border:none;height:1px;background:var(--c-border-light);margin:var(--space-xl) 0}.handdrawn-border{border:1px solid var(--c-border);border-radius:2px;background:var(--c-bg-subtle);padding:var(--space-6)}.handdrawn-border:hover{border-color:var(--c-border-strong)}@media (max-width: 768px){:root{--font-size-base: 1rem;--font-size-sm: 0.9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-md: 1.2rem;--space-lg: 1.8rem;--space-xl: 2.4rem;--margin-left: 0}.container,.content,.container-content,.container-wide,.container-narrow{padding-inline:1rem}.hero-enhanced::before{display:none !important}.feature-item-card{padding-left:0}.feature-item-card::before{position:static;display:inline-block;margin-right:var(--space-xs);left:auto;top:auto}h1{font-size:var(--font-size-2xl);line-height:1.3}h2{font-size:var(--font-size-xl);margin:var(--space-md) 0 var(--space-sm) 0}h3{font-size:var(--font-size-lg)}h3::before{position:static;display:inline;left:auto;margin-right:.5em}.avatar-image{width:64px;height:64px}.now-card{padding:var(--space-md);transform:rotate(-.25deg);margin-inline:-.5rem}:root[data-theme=dark] .now-card{margin-inline:0;border-top-width:20px}:root[data-theme=dark] .now-card::before{top:-15px;font-size:7px}}@media (max-width: 768px) and (prefers-color-scheme: dark){:root:not([data-theme=light]) .now-card{margin-inline:0;border-top-width:20px}:root:not([data-theme=light]) .now-card::before{top:-15px;font-size:7px}}@media (max-width: 768px){.now-list li{font-size:var(--font-size-sm);line-height:var(--line-height-loose)}}@media (max-width: 768px){.hero-description{padding:var(--space-sm);font-size:var(--font-size-sm)}}@media (max-width: 768px){.footer-links{flex-wrap:wrap;gap:var(--space-sm)}}@media (max-width: 768px){a:not(.tag):not(.tag-item):not(.tag-index-item),button{min-height:44px;display:inline-flex;align-items:center}}@media (max-width: 768px){.tag,.tag-item{display:inline-block;min-height:auto}}@media (max-width: 768px){.nav-item a{padding:var(--space-sm) 0}}@media (max-width: 400px){:root{--font-size-2xl: 1.75rem;--space-md: 1rem;--space-lg: 1.5rem}.container,.content,.container-content,.container-wide,.container-narrow{padding-inline:.875rem}.now-card{padding:var(--space-sm)}h1::after{font-size:.9em}}@media (min-width: 769px) and (max-width: 1024px){:root{--max-content: 720px}.container,.content,.container-content{padding-inline:2rem}}.skip-to-content{position:absolute;top:-100px;left:var(--space-md);z-index:10000;background:var(--c-text-primary);color:var(--c-bg-main);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;border:2px solid var(--c-accent-hover);transition:top var(--transition)}.skip-to-content:focus{top:var(--space-sm);outline:2px solid var(--c-bg-main);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}h1::after{animation:none !important}:root[data-theme=dark] body{animation:none !important}}@media (prefers-reduced-motion: reduce) and (prefers-color-scheme: dark){:root:not([data-theme=light]) body{animation:none !important}}@media (prefers-reduced-motion: reduce){.nav-brand:hover::after{animation:none !important}}@media (prefers-reduced-motion: reduce){a,button,input,select,textarea{transition:color .01ms,background .01ms,border-color .01ms !important}}:focus-visible{outline:2px solid var(--c-text-primary);outline-offset:3px;outline-style:dashed;box-shadow:none}a:focus-visible,button:focus-visible{position:relative;outline:2px dashed var(--c-text-primary);outline-offset:3px}a:focus-visible::before,button:focus-visible::before{content:"▌";position:absolute;left:-1em;color:var(--c-text-primary);animation:blink 1s infinite}@media (prefers-reduced-motion: reduce){a:focus-visible::before,button:focus-visible::before{animation:none;opacity:1}}.nav-item a:focus-visible::before{content:">> ";left:-2em;animation:none;opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px dashed var(--c-text-primary);outline-offset:2px;border-color:var(--c-text-primary)}.theme-toggle:focus-visible{outline:2px dashed var(--c-text-primary);outline-offset:4px}.theme-toggle:focus-visible::before{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){:root{--c-text-main: #000000;--c-bg-main: #ffffff;--c-accent: #0000ff;--c-ruled-line: rgba(0, 0, 0, 0.3);--c-margin-line: #ff0000}:root[data-theme=dark]{--c-text-main: #ffffff;--c-bg-main: #000000;--c-accent: #ffff00;--c-ruled-line: rgba(255, 255, 255, 0.3)}a{text-decoration:underline}button{border:2px solid currentColor}}a{text-decoration:none;color:inherit;transition:color var(--transition)}.text-body a,.text-content a,article p a,article li a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.text-body a:hover,.text-content a:hover,article p a:hover,article li a:hover{color:var(--c-accent);text-decoration-color:var(--c-accent)}.nav-item a,.nav-brand,.tag,.card a,.card-title a,.content-preview-title a,.read-more-link,.back-link{text-decoration:none}.ascii-logo{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1;color:var(--c-text-muted);white-space:pre;letter-spacing:0;display:none}@media (max-width: 768px){.ascii-logo{font-size:.5rem}}body{background-image:repeating-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0) 2px, rgba(128,128,128,.02) 2px, rgba(128,128,128,.02) 4px)}.energy-glow{transition:all .3s ease}.energy-glow:hover{box-shadow:0 0 20px rgba(234,162,33,.3),0 0 40px rgba(234,162,33,.1);transform:translateY(-2px)}.btn-retro{position:relative;display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--c-border);background:rgba(0,0,0,0);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-primary);text-decoration:none;cursor:pointer;transition:all .2s ease;overflow:hidden}.btn-retro::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, var(--c-marigold) 1.5px, rgba(0,0,0,0) 1.5px);background-size:6px 6px;opacity:0;transition:opacity .2s ease}.btn-retro:hover{border-color:var(--c-marigold);color:var(--c-marigold)}.btn-retro:hover::before{opacity:.2}.btn-retro:active{transform:scale(.98)}.rangoli-divider{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--c-text-tertiary)}.rangoli-divider::before,.rangoli-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), var(--c-border) 20%, var(--c-border) 80%, rgba(0,0,0,0))}.rangoli-divider .rangoli-symbol{font-size:var(--text-base);color:var(--c-marigold);animation:rangoli-pulse 3s ease-in-out infinite}@keyframes rangoli-pulse{0%, 100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-section{padding:var(--space-24) 0;text-align:center;position:relative;z-index:1;min-height:80vh;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.hero-section{padding:var(--space-16) 0;min-height:auto}}.hero-card{max-width:500px;margin:0 auto;position:relative;z-index:2}.avatar-frame{position:relative;display:inline-block;margin-bottom:var(--space-8);padding-top:var(--space-6)}.avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--c-marigold);transition:all .3s ease;position:relative;z-index:2}.avatar:hover{border-color:var(--c-accent);transform:scale(1.05)}.hero-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}@media (max-width: 640px){.hero-title{font-size:var(--text-2xl)}}.hero-description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--c-text-secondary);margin-bottom:var(--space-6)}.hero-description .highlight{color:var(--c-accent);font-weight:var(--weight-medium)}.hero-links{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.section-features,.features-section{padding:var(--space-16) 0;border-top:1px solid var(--c-border)}@media (max-width: 640px){.section-features,.features-section{padding:var(--space-12) 0}}.feature-grid-enhanced{display:flex;flex-direction:column;gap:var(--space-12)}.feature-item-card h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.feature-item-card p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--c-text-secondary)}.feature-icon-enhanced{display:inline-block;margin-right:var(--space-2)}.feature-icon-enhanced svg{width:16px;height:16px;vertical-align:middle}.section-posts{padding:var(--space-16) 0;border-top:1px solid var(--c-border)}@media (max-width: 640px){.section-posts{padding:var(--space-12) 0}}.section-header-enhanced{margin-bottom:var(--space-8)}.section-title-prominent{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--text-sm);color:var(--c-text-secondary)}.content-grid-enhanced{display:flex;flex-direction:column;gap:var(--space-8)}.content-preview-enhanced{padding-bottom:var(--space-8);border-bottom:1px solid var(--c-border)}.content-preview-enhanced:last-child{border-bottom:none}.content-preview-enhanced h3{font-size:var(--text-lg);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.content-preview-enhanced h3 a{color:inherit;text-decoration:none}.content-preview-enhanced h3 a:hover{opacity:.6}.content-preview-enhanced .meta{font-size:var(--text-xs);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.content-preview-enhanced p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--c-text-secondary)}.section-now,.now-section{padding:var(--space-16) 0;border-top:1px solid var(--c-border)}@media (max-width: 640px){.section-now,.now-section{padding:var(--space-12) 0}}.now-card{border:1px solid var(--c-border);padding:var(--space-6)}.now-card h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border)}.now-title{margin:0}.now-content{margin-bottom:var(--space-4)}.now-list{list-style:disc;padding-left:var(--space-4);margin-bottom:var(--space-4)}.now-list li{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.now-meta{padding-top:var(--space-3);border-top:1px solid var(--c-border)}.now-updated{font-size:var(--text-xs);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.now-page{padding:var(--space-16) 0}.now-page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--c-border)}.now-page-header h1{margin-bottom:var(--space-2)}.now-page-subtitle{font-size:var(--text-sm);color:var(--c-text-secondary)}.now-page-content h2{margin:var(--space-12) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border)}.now-page-content h3{margin:var(--space-8) 0 var(--space-3)}.now-page-footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--c-border)}.now-page-note{font-size:var(--text-sm);color:var(--c-text-secondary)}.blog-filters{margin-bottom:var(--space-8)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.filter-label{color:var(--c-text-tertiary);margin-right:var(--space-2)}.filter-link{color:var(--c-text-secondary);text-decoration:none;padding:var(--space-1) var(--space-2)}.filter-link:hover{color:var(--c-text-primary)}.filter-link.active{color:var(--c-text-primary);text-decoration:underline;text-underline-offset:3px}.blog-list{display:flex;flex-direction:column;width:100%;align-items:stretch}.blog-item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--c-border);max-width:none;margin:0}.blog-item time{font-size:var(--text-sm);color:var(--c-text-tertiary);font-family:var(--font-mono);min-width:6.5em;flex-shrink:0}.blog-item-title{color:var(--c-text-primary);text-decoration:none}.blog-item-title:hover{color:var(--c-accent)}.tags-index{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tag-index-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);text-decoration:none;color:var(--c-text-primary);transition:border-color 150ms ease,color 150ms ease}.tag-index-item:hover{border-color:var(--c-accent);color:var(--c-accent)}.tag-index-item .tag-name{font-size:var(--text-sm)}.tag-index-item .tag-count{font-size:var(--text-xs);color:var(--c-text-tertiary);font-family:var(--font-mono)}.projects-list{display:flex;flex-direction:column}.project-item{padding:var(--space-4) 0;border-bottom:1px solid var(--c-border);max-width:none;margin:0}.project-name{font-size:var(--text-base);font-weight:var(--weight-medium);margin:0 0 var(--space-2) 0;padding:0;border:none;display:flex;align-items:center;gap:var(--space-3)}.project-name a{color:var(--c-text-primary);text-decoration:none}.project-name a:hover{color:var(--c-accent)}.project-status{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--c-text-tertiary);padding:var(--space-1) var(--space-2);border:1px solid var(--c-border)}.project-archived{opacity:.7}.project-links{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.project-link{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--c-border);transition:border-color 150ms ease,color 150ms ease}.project-link:hover{border-color:var(--c-accent);color:var(--c-accent)}.project-desc{font-size:var(--text-sm);color:var(--c-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.project-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm)}.project-meta a{color:var(--c-text-tertiary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.project-meta a:hover{color:var(--c-accent)}.starred-context{font-size:var(--text-sm);color:var(--c-text-secondary);font-style:italic;margin-bottom:var(--space-2)}.starred-context::before{content:"→ ";color:var(--c-marigold)}.starred-context-section{margin:var(--space-6) 0;padding:var(--space-4);background:var(--c-bg-subtle);border-left:2px solid var(--c-marigold)}.starred-context-section h2{font-size:var(--text-base);margin:0 0 var(--space-2)}.starred-context-section p{margin:0}.projects-subsection-link{margin:var(--space-6) 0 var(--space-8);padding:var(--space-6);background:rgba(0,0,0,0);border:1px solid var(--c-border);border-left:3px solid var(--c-marigold);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:border-color 150ms ease,background 150ms ease;text-decoration:none}.projects-subsection-link:hover{border-color:var(--c-marigold);background:var(--c-bg-subtle)}.projects-subsection-link:hover .subsection-title{color:var(--c-accent)}.projects-subsection-link:hover .subsection-arrow{transform:translateX(4px)}.projects-subsection-link .subsection-content{display:flex;flex-direction:column;gap:var(--space-2)}.projects-subsection-link .subsection-title{font-weight:var(--weight-medium);color:var(--c-text-primary);transition:color 150ms ease}.projects-subsection-link .subsection-desc{font-size:var(--text-sm);color:var(--c-text-secondary)}.projects-subsection-link .subsection-arrow{font-size:var(--text-lg);color:var(--c-marigold);transition:transform 150ms ease}.back-nav{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--c-border)}.back-nav a{font-size:var(--text-sm);color:var(--c-text-secondary);text-decoration:none}.back-nav a:hover{color:var(--c-accent)}.section-nav{margin-top:var(--space-4)}.section-nav a{font-size:var(--text-sm);color:var(--c-text-secondary);text-decoration:none}.section-nav a:hover{color:var(--c-accent)}.blog-archive-link{text-align:right;margin-bottom:var(--space-2)}.archive-link{font-size:var(--text-sm);color:var(--c-text-secondary);text-decoration:none;font-family:var(--font-mono)}.archive-link:hover{color:var(--c-accent)}.archive-year{margin-bottom:var(--space-8)}.archive-year-header{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--c-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--c-border);font-family:var(--font-mono)}.blog-pagination{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;padding-top:var(--space-6);margin-top:var(--space-2);border-top:1px solid var(--c-border)}.blog-pagination a{color:var(--c-text-secondary);text-decoration:none}.blog-pagination a:hover{color:var(--c-accent)}.blog-pagination .page-info{color:var(--c-text-tertiary);font-family:var(--font-mono)}.post-content,.content,article{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--container-padding)}.content-container .post-content,.content-container-narrow .post-content,.content-container .content,.content-container-narrow .content,.content-container article,.content-container-narrow article{padding-inline:0}.post-content h1,.content h1,article h1{margin-bottom:var(--space-6)}.post-content h2,.content h2,article h2{margin:var(--space-12) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border)}.post-content h3,.content h3,article h3{margin:var(--space-8) 0 var(--space-3)}.post-content p,.content p,article p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.post-content ul,.post-content ol,.content ul,.content ol,article ul,article ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.post-content ul li,.post-content ol li,.content ul li,.content ol li,article ul li,article ol li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.post-content img,.content img,article img{max-width:100%;height:auto;margin:var(--space-6) 0;border:1px solid var(--c-border)}.post-content blockquote,.content blockquote,article blockquote{margin:var(--space-6) 0;padding-left:var(--space-4);border-left:2px solid var(--c-text-primary);color:var(--c-text-secondary);font-style:italic}.post-footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--c-border)}.back-link{font-size:var(--text-sm);color:var(--c-text-secondary);text-decoration:none}.back-link:hover{color:var(--c-accent)}.read-more-link{display:inline-block;font-size:var(--text-lg);color:var(--c-text-tertiary);text-decoration:none;transition:color var(--transition),transform var(--transition);margin-top:auto}.read-more-link:hover{color:var(--c-accent);transform:translateX(4px)}.content-preview-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--c-text-tertiary);font-family:var(--font-mono);margin-bottom:var(--space-3)}.content-preview-meta .read-time::before{content:"·";margin-right:var(--space-2)}.empty-state{text-align:center;padding:var(--space-16) 0;color:var(--c-text-tertiary)}.empty-state a{color:var(--c-text-secondary)}.contact-page{max-width:42rem}.contact-content{margin-top:var(--space-8)}.contact-primary{text-align:center;padding:var(--space-12) 0;border-bottom:1px solid var(--c-border)}.contact-intro{font-size:var(--text-lg);color:var(--c-text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.contact-email{display:inline-block;font-size:var(--text-xl);font-family:var(--font-mono);color:var(--c-text-primary);text-decoration:none;padding:var(--space-4) var(--space-6);border:2px solid var(--c-marigold);transition:background 150ms ease,color 150ms ease}.contact-email:hover{background:var(--c-marigold);color:var(--c-bg)}.contact-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--c-text-tertiary)}.contact-links{padding:var(--space-8) 0}.contact-links h2{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);border:none;padding:0}.link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.link-list li{display:flex;align-items:baseline;gap:var(--space-3)}.link-list a{color:var(--c-text-primary);text-decoration:none;font-weight:var(--weight-medium)}.link-list a:hover{color:var(--c-accent)}.link-list .link-desc{font-size:var(--text-sm);color:var(--c-text-tertiary)}