:root{--color-bg:#faf7f2;--color-bg-subtle:#f5f1ea;--color-bg-muted:#ebe6dd;--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-text:#2c2825;--color-text-secondary:#5c5651;--color-text-muted:#8a847d;--color-text-faint:#b5afa7;--color-accent:#c45d3e;--color-accent-hover:#a84a2f;--color-accent-subtle:rgba(196, 93, 62, 0.1);--color-secondary:#d4a574;--color-sage:#6b8f71;--color-border:#e5e0d8;--color-border-strong:#d4cec4;--color-code-bg:#f0ebe3;--color-code-text:#c45d3e;--font-display:'Spectral', 'Georgia', serif;--font-body:'Literata', 'Georgia', serif;--font-mono:'IBM Plex Mono', 'Menlo', monospace;--text-xs:clamp(0.7rem, 0.65rem + 0.25vw, 0.8rem);--text-sm:clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);--text-base:clamp(1rem, 0.95rem + 0.25vw, 1.1rem);--text-lg:clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);--text-xl:clamp(1.4rem, 1.2rem + 1vw, 2rem);--text-2xl:clamp(1.8rem, 1.5rem + 1.5vw, 2.75rem);--text-3xl:clamp(2.5rem, 2rem + 2.5vw, 4rem);--text-display:clamp(3rem, 2.5rem + 3vw, 5.5rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:10rem;--content-width:720px;--wide-width:1000px;--max-width:1400px;--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--transition-fast:200ms var(--ease-out-expo);--transition-base:400ms var(--ease-out-expo);--transition-slow:700ms var(--ease-out-expo);--shadow-sm:0 1px 2px rgba(44, 40, 37, 0.05);--shadow-md:0 4px 12px rgba(44, 40, 37, 0.08);--shadow-lg:0 12px 40px rgba(44, 40, 37, 0.12)}[data-theme=dark],.dark{--color-bg:#0a0c10;--color-bg-subtle:#0d1117;--color-bg-muted:#161b22;--color-surface:#161b22;--color-surface-raised:#21262d;--color-text:#f4ede4;--color-text-secondary:#e8dfd4;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--color-accent:#e07a5f;--color-accent-hover:#ff8a70;--color-accent-subtle:rgba(224, 122, 95, 0.15);--color-secondary:#d4a574;--color-sage:#81968f;--color-border:#30363d;--color-border-strong:#484f58;--color-code-bg:#161b22;--color-code-text:#f2cc8f;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.5)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.75;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::selection{background:var(--color-accent);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}h1{font-size:var(--text-3xl);font-weight:500}h2{font-size:var(--text-2xl);margin-top:var(--space-3xl);margin-bottom:var(--space-lg)}h3{font-size:var(--text-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}h4,h5,h6{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-lg);font-feature-settings:'liga' 1,'kern' 1}article>p:first-of-type,.post-content>p:first-of-type{font-size:var(--text-lg);color:var(--color-text-secondary)}article>p:first-of-type::first-letter,.post-content>p:first-of-type::first-letter{font-family:var(--font-display);font-size:3.5em;font-weight:500;float:left;line-height:.8;margin-right:.1em;margin-top:.1em;color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}strong,b{font-weight:600;color:var(--color-text)}em,i{font-style:italic}small{font-size:var(--text-sm);color:var(--color-text-muted)}ul,ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}li{margin-bottom:var(--space-sm)}li::marker{color:var(--color-accent)}blockquote{position:relative;font-family:var(--font-display);font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);font-style:italic;font-weight:400;color:var(--color-text-secondary);padding:var(--space-lg)var(--space-2xl);margin:var(--space-2xl)0;border-left:3px solid var(--color-accent);background:var(--color-bg-subtle)}blockquote p:last-child{margin-bottom:0}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-code-bg);color:var(--color-code-text);padding:.2em .5em;border-radius:4px;border:1px solid var(--color-border)}pre{position:relative;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:var(--retro-charcoal);color:var(--retro-cream);padding:0;border-radius:8px;border:1px solid var(--color-border-strong);overflow:hidden;margin:var(--space-xl)0;box-shadow:var(--shadow-md)}pre::before{content:'';display:block;height:32px;background:linear-gradient(180deg,#2d3548 0%,#252b3b 100%);border-bottom:1px solid rgba(255,255,255,5%);position:relative}pre::after{content:'';position:absolute;top:10px;left:12px;width:12px;height:12px;background:#ff5f57;border-radius:50%;box-shadow:20px 0 #febc2e,40px 0 #28c840}pre code{display:block;background:0 0;color:inherit;padding:var(--space-lg);border:none;overflow-x:auto;-webkit-overflow-scrolling:touch}pre code .prompt,pre code::first-line{color:var(--retro-green)}[data-theme=dark] pre{background:#0d1117;border-color:var(--color-border)}[data-theme=dark] pre::before{background:linear-gradient(180deg,#161b22 0%,#0d1117 100%)}pre code::-webkit-scrollbar,.code-block::-webkit-scrollbar{height:8px}pre code::-webkit-scrollbar-track,.code-block::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}pre code::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}pre code::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.code-wrapper{position:relative;margin:var(--space-xl)0}.code-block-inner{display:flex;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;background:var(--retro-charcoal);border-radius:8px;border:1px solid var(--color-border-strong);overflow:hidden;box-shadow:var(--shadow-md)}[data-theme=dark] .code-block-inner{background:#0d1117;border-color:var(--color-border)}.code-line-numbers{display:flex;flex-direction:column;padding:var(--space-md)0;background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.1);user-select:none;flex-shrink:0}.code-line-numbers span{padding:0 var(--space-md);color:var(--color-text-muted);text-align:right;min-width:3ch;opacity:.5}.code-content{flex:1;padding:var(--space-md)var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.code-line{white-space:pre;color:var(--retro-cream)}[data-theme=dark] .code-line{color:var(--color-text)}.sh-prompt{color:var(--retro-green);font-weight:600}.sh-command{color:var(--retro-teal)}.sh-option{color:var(--retro-yellow)}.sh-path{color:var(--retro-orange)}.sh-string{color:var(--retro-pink)}.sh-url{color:var(--retro-purple)}.code-toolbar{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.code-wrapper:hover .code-toolbar{opacity:1}.code-toolbar button{padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--retro-cream);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.code-toolbar button:hover{background:rgba(255,255,255,.2);border-color:var(--retro-green);color:var(--retro-green)}.code-toolbar button.active,.code-toolbar button.copied{background:rgba(0,210,106,.2);border-color:var(--retro-green);color:var(--retro-green)}.code-wrapper.wrapped .code-line{white-space:pre-wrap;word-break:break-word;padding-left:2em;text-indent:-2em;position:relative}.code-wrapper.wrapped .code-content{border-left:2px solid var(--retro-teal);padding-left:calc(var(--space-lg) - 2px)}.code-line-numbers .wrap-indicator{display:flex;align-items:center;justify-content:flex-end;color:var(--retro-teal);padding:0 var(--space-md);opacity:.85;font-size:.9em;height:1.7em}.code-content{color:#f8f8f2}.code-line .k,.code-line .kc,.code-line .kd,.code-line .kp,.code-line .kr,.code-line .kt{color:#66d9ef}.code-line .kn{color:#f92672}.code-line .na,.code-line .nc,.code-line .nd,.code-line .ne,.code-line .nf,.code-line .nx{color:#a6e22e}.code-line .no{color:#66d9ef}.code-line .nt{color:#f92672}.code-line .s,.code-line .sa,.code-line .sb,.code-line .sc,.code-line .dl,.code-line .sd,.code-line .s2,.code-line .sh,.code-line .si,.code-line .sx,.code-line .sr,.code-line .s1,.code-line .ss,.code-line .ld{color:#e6db74}.code-line .se{color:#ae81ff}.code-line .m,.code-line .mb,.code-line .mf,.code-line .mh,.code-line .mi,.code-line .il,.code-line .mo,.code-line .l{color:#ae81ff}.code-line .o,.code-line .ow{color:#f92672}.code-line .c,.code-line .ch,.code-line .cm,.code-line .c1,.code-line .cs,.code-line .cp,.code-line .cpf{color:#75715e}.code-line .gd{color:#f92672}.code-line .ge{font-style:italic}.code-line .gi{color:#a6e22e}.code-line .gs{font-weight:700}.code-line .gu{color:#75715e}.code-line .err{color:#960050;background-color:#1e0010}hr{border:none;height:1px;background:var(--color-border);margin:var(--space-3xl)0}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-lg)}.container--wide{max-width:var(--wide-width)}.site-header{position:sticky;top:0;z-index:100;padding:var(--space-lg)0;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.site-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;transition:font-size var(--transition-fast)}.site-title a{display:block;color:var(--retro-teal);text-decoration:none}.site-title a:hover{color:var(--retro-teal);text-decoration:none;opacity:.85}.site-logo{display:block;transition:all var(--transition-fast)}.site-logo--full{height:70px;width:auto}.site-logo--compact{display:none;height:36px;width:auto}.site-nav{display:flex;align-items:center;gap:var(--space-xl)}.site-nav a{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.site-nav a:hover{color:var(--color-text);text-decoration:none}.site-nav a.active{color:var(--color-accent)}.theme-toggle{background:0 0;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast),width var(--transition-fast),height var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle svg{width:18px;height:18px;transition:width var(--transition-fast),height var(--transition-fast)}.site-header{transition:padding var(--transition-fast),box-shadow var(--transition-fast)}.site-header.scrolled{padding:var(--space-sm)0;box-shadow:var(--shadow-sm)}.site-header.scrolled .site-title{font-size:var(--text-base)}.site-header.scrolled .site-logo--full{display:none}.site-header.scrolled .site-logo--compact{display:block}.site-header.scrolled .theme-toggle{width:32px;height:32px}.site-header.scrolled .theme-toggle svg{width:16px;height:16px}main{min-height:70vh;padding:var(--space-2xl)0 var(--space-4xl)}.post{animation:fadeIn .5s var(--ease-out-expo)both}.post-header{margin-top:var(--space-xl);margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.post-date{color:var(--color-sage)}.post-categories{display:flex;gap:var(--space-sm)}.post-categories a{color:var(--color-text-muted);padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border);border-radius:4px;transition:all var(--transition-fast)}.post-categories a:hover{color:var(--color-accent);border-color:var(--color-accent);text-decoration:none}.post-title{font-size:var(--text-3xl);margin:0}.language-toggle{display:inline-flex;gap:2px;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-muted);border-radius:20px;padding:2px}.language-toggle a{color:var(--color-text-muted);padding:var(--space-xs)var(--space-md);border-radius:16px;transition:all var(--transition-fast)}.language-toggle a:hover{color:var(--color-text);text-decoration:none}.language-toggle a.active{color:#fff;background:var(--color-accent)}.post-content{animation:fadeIn .6s var(--ease-out-expo).1s both}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-xl)0;box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.post-content img:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(44,40,37,.15)}.post-content figure{margin:var(--space-3xl)0}.post-content figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-md)}.post-archive h1,.archive h1{font-size:var(--text-display);margin-top:var(--space-xl);margin-bottom:var(--space-3xl)}.page-header{margin-top:var(--space-xl);margin-bottom:var(--space-2xl)}.page-header h1{font-size:var(--text-display)}.post-list{list-style:none;padding:0}.post-list-item{padding:var(--space-xl)0;border-bottom:1px solid var(--color-border);transition:transform var(--transition-fast)}.post-list-item:first-child{padding-top:0}.post-list-item:last-child{border-bottom:none}.post-list-item:hover{transform:translateX(4px)}.post-list-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;margin:var(--space-sm)0}.post-list-title a{color:var(--color-text)}.post-list-title a:hover{color:var(--color-accent);text-decoration:none}.post-list-excerpt{color:var(--color-text-muted);margin:var(--space-sm)0 0;font-size:var(--text-sm)}ul.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-3xl);padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--text-sm)}ul.pagination li{margin:0}ul.pagination a,ul.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}ul.pagination a:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}ul.pagination li.active a,ul.pagination li.active span{background:var(--color-accent);border-color:var(--color-accent);color:#fff}ul.pagination li.disabled a,ul.pagination li.disabled span{opacity:.4;cursor:not-allowed;pointer-events:none}.next-read{margin-top:var(--space-4xl);padding:var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md)}.next-read__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-md)}.next-read__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;margin:0}.next-read__title a{color:var(--color-text)}.next-read__title a:hover{color:var(--color-accent)}.home-intro{padding:var(--space-4xl)0;border-bottom:1px solid var(--color-border)}.home-intro__greeting{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md)}.home-intro h1{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.home-intro__bio{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-xl)}.home-intro__links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.home-intro__links a{font-family:var(--font-mono);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.home-intro__links svg{width:18px;height:18px}.section-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-xl);margin-top:var(--space-3xl)}.view-all{margin-top:var(--space-2xl)}.view-all a{font-family:var(--font-mono);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.view-all a:hover{gap:var(--space-md)}.site-footer{margin-top:var(--space-lg);padding:var(--space-lg)0;border-top:1px solid var(--color-border)}.site-footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.site-footer p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-accent)}.footer-links{display:flex;gap:var(--space-lg)}.footer-nav{font-family:var(--font-mono);font-size:var(--text-xs)}.footer-sep{color:var(--color-text-muted);margin:0 var(--space-xs)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){:root{--space-4xl:6rem}.site-header__inner{flex-direction:column;align-items:center;gap:var(--space-sm)}.site-logo--full{display:none}.site-logo--compact{display:block}.site-nav{gap:var(--space-lg)}.post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.home-intro{padding:var(--space-2xl)0}blockquote{padding:var(--space-md)var(--space-lg)}article>p:first-of-type::first-letter,.post-content>p:first-of-type::first-letter{font-size:2.5em}.container{padding-left:calc(var(--space-lg) + 1rem)}.site-header{padding-left:var(--space-md);padding-right:var(--space-md)}.site-header.scrolled .site-header__inner{flex-direction:row;justify-content:space-between}.site-header.scrolled .site-nav{gap:var(--space-md)}.hide-mobile{display:none}}.post-content img,.post img,article img{cursor:zoom-in;transition:opacity .2s ease}.post-content img:hover,.post img:hover,article img:hover{opacity:.9}.image-zoom-overlay{position:fixed;inset:0;z-index:1000;background:0 0;backdrop-filter:blur(0);transition:background .3s ease,backdrop-filter .3s ease;cursor:zoom-out}.image-zoom-overlay.active{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}[data-theme=dark] .image-zoom-overlay.active{background:rgba(0,0,0,.92)}.image-zoom-overlay img{position:absolute;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.image-zooming{opacity:0!important}.error-page{text-align:center;padding:var(--space-4xl)0}.error-content{max-width:600px;margin:0 auto}.error-code{font-family:var(--font-mono);font-size:clamp(6rem,20vw,10rem);font-weight:700;line-height:1;color:var(--retro-teal);opacity:.3;margin-bottom:var(--space-lg)}.error-page h1{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-md)}.error-message{color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.error-terminal{text-align:left;background:var(--color-code-bg);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-2xl);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;color:var(--color-text-muted)}.term-prompt{color:var(--retro-teal);font-weight:600}.term-error{color:var(--color-accent)}.term-dir{color:var(--color-sage)}.term-file{color:var(--color-text-muted)}.term-cursor{color:var(--retro-teal);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.error-nav{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.error-link{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm)var(--space-lg);border:1px solid var(--color-border);border-radius:4px;transition:all var(--transition-fast)}.error-link:hover{border-color:var(--retro-teal);color:var(--retro-teal);text-decoration:none}@media print{body{background:#fff;color:#000}.site-header,.site-footer,.next-read,.language-toggle,.theme-toggle{display:none}a{color:inherit;text-decoration:underline}}html[lang=el]{--text-base:clamp(1rem, 0.95rem + 0.25vw, 1.15rem)}html[lang=el] h1,html[lang=el] h2,html[lang=el] h3{letter-spacing:0}:root{--retro-green:#00d26a;--retro-yellow:#ffd23f;--retro-orange:#ff6b35;--retro-teal:#3ec1d3;--retro-purple:#9d4edd;--retro-pink:#ff6b9d;--retro-cream:#f8f4e3;--retro-dark:#1a1a2e;--retro-charcoal:#16213e}[data-theme=dark]{--retro-cream:#0f0f1a;--retro-dark:#f8f4e3}.typo-home{position:relative;min-height:80vh;padding-bottom:var(--space-4xl)}.panic-badge{position:fixed;left:.75rem;top:50%;transform:rotate(-90deg)translateY(-50%);transform-origin:center center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.3em;white-space:nowrap;color:var(--color-text-secondary);opacity:.35;pointer-events:none;user-select:none;z-index:100}[data-theme=dark] .panic-badge{color:var(--color-text-secondary);opacity:.3}@media(max-width:768px){.panic-badge{left:-1rem;font-size:.6rem;letter-spacing:.1em}}.typo-hero{text-align:center;padding:var(--space-2xl)var(--space-lg)var(--space-md);position:relative;overflow:hidden}.hero-stack{margin-bottom:var(--space-lg);position:relative;z-index:1}.stack-label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.stack-name{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:1;margin:0;padding-bottom:.15em;letter-spacing:-.03em;color:var(--retro-dark);position:relative;display:inline-block}.stack-name::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--retro-orange) 0%,var(--retro-orange) 20%,var(--retro-yellow) 20%,var(--retro-yellow) 40%,var(--retro-green) 40%,var(--retro-green) 60%,var(--retro-teal) 60%,var(--retro-teal) 80%,var(--retro-purple) 80%,var(--retro-purple) 100% );border-radius:0}.stack-title{display:flex;justify-content:center;align-items:center;margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-base)}.title-bracket{color:var(--retro-teal);font-weight:700;font-size:1.2em;display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s ease}.title-bracket:first-child{margin-right:.3em}.title-bracket:last-child{margin-left:.3em}.title-bracket.squeeze:first-child{transform:translateX(8px)scaleX(1.3);color:var(--retro-orange)}.title-bracket.squeeze:last-child{transform:translateX(-8px)scaleX(1.3);color:var(--retro-orange)}.title-rotator{display:inline-block;position:relative;height:1.5em;overflow:hidden;vertical-align:middle;transition:width .4s cubic-bezier(.4,0,.2,1)}.title-text{position:absolute;left:50%;top:50%;white-space:nowrap;color:var(--color-text-secondary);letter-spacing:.05em;opacity:0;transform:translate(-50%,-50%)scale(.9);transition:opacity .35s ease,transform .35s cubic-bezier(.4,0,.2,1),color .25s ease,text-shadow .25s ease}.title-text.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.title-text.entering{color:var(--retro-yellow);text-shadow:0 0 25px rgba(255,210,63,.6)}.title-text.exit{opacity:0;transform:translate(-50%,-50%)scale(1.05);color:var(--retro-teal);text-shadow:0 0 30px rgba(62,193,211,.8)}.title-measure{position:absolute;visibility:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.05em}.hero-desc{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-lg);line-height:1.6;position:relative;z-index:1}.hero-nav{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;position:relative;z-index:1}.nav-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;padding:var(--space-sm)var(--space-md);border:2px solid transparent;border-radius:4px;transition:all .2s ease}.nav-icon{color:var(--retro-green);font-weight:700;transition:transform .2s ease}.nav-label{text-transform:lowercase}.nav-link:hover{border-color:var(--retro-green);background:rgba(0,210,106,.1);text-decoration:none}.nav-link:hover .nav-icon{transform:translateX(3px)}.nav-link:nth-child(2) .nav-icon{color:var(--retro-yellow)}.nav-link:nth-child(2):hover{border-color:var(--retro-yellow);background:rgba(255,210,63,.1)}.nav-link:nth-child(3) .nav-icon{color:var(--retro-orange)}.nav-link:nth-child(3):hover{border-color:var(--retro-orange);background:rgba(255,107,53,.1)}.nav-link:nth-child(4) .nav-icon{color:var(--retro-purple)}.nav-link:nth-child(4):hover{border-color:var(--retro-purple);background:rgba(157,78,221,.1)}.typo-posts{padding:var(--space-md)var(--space-lg)var(--space-lg);max-width:var(--content-width);margin:0 auto}.section-head{display:flex;align-items:baseline;gap:var(--space-md);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.head-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;color:var(--retro-purple);background:rgba(157,78,221,.1);padding:var(--space-xs)var(--space-sm);border-radius:4px}.post-table{display:flex;flex-direction:column;gap:0}.post-row{display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-lg);align-items:baseline;padding:var(--space-md)0;border-bottom:1px dashed var(--color-border);transition:all .2s ease}.post-row:hover{background:var(--color-bg-subtle);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.row-index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--retro-teal);min-width:2ch}.row-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.row-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;margin:0}.row-title a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.row-title a:hover{color:var(--retro-orange)}.post-row:nth-child(1) .row-index{color:var(--retro-green)}.post-row:nth-child(2) .row-index{color:var(--retro-yellow)}.post-row:nth-child(3) .row-index{color:var(--retro-orange)}.post-row:nth-child(4) .row-index{color:var(--retro-teal)}.post-row:nth-child(5) .row-index{color:var(--retro-purple)}.view-more{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;margin-top:var(--space-2xl);padding:var(--space-md)var(--space-lg);background:var(--retro-charcoal);border-radius:6px;transition:all .2s ease}[data-theme=dark] .view-more{background:var(--color-surface-raised)}.more-prompt{color:var(--retro-green);font-weight:700}.more-cmd{color:var(--retro-cream)}[data-theme=dark] .more-cmd{color:var(--color-text)}.more-cursor{color:var(--retro-green);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.view-more:hover{background:var(--retro-dark);transform:translateY(-2px);text-decoration:none}[data-theme=dark] .view-more:hover{background:var(--color-bg-muted)}.view-more:hover .more-cmd{color:var(--retro-yellow)}.typo-footer-deco{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-md)}.deco-char{font-family:var(--font-mono);font-size:var(--text-2xl);line-height:1}.deco-char:nth-child(1){color:var(--retro-orange)}.deco-char:nth-child(2){color:var(--retro-green)}.deco-char:nth-child(3){color:var(--retro-teal)}@media(max-width:768px){.stack-name{font-size:clamp(2.5rem,14vw,4rem)}.hero-nav{flex-direction:column;gap:var(--space-sm)}.post-row{grid-template-columns:auto 1fr;gap:var(--space-md)}.row-date{display:none}.view-more{font-size:var(--text-xs);padding:var(--space-sm)var(--space-md)}}.contact-page{max-width:600px;margin:0 auto;padding:var(--space-xl)0}.contact-header{text-align:center;margin-bottom:var(--space-2xl)}.contact-header h1{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-md)}.contact-intro{color:var(--color-text-secondary);font-size:var(--text-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-form .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-form label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact-form input,.contact-form textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-md);border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-text-muted)}.contact-form textarea{resize:vertical;min-height:150px}.submit-btn{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;padding:var(--space-md)var(--space-xl);background:var(--color-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease;align-self:flex-start}.submit-btn:hover{background:var(--color-accent-hover)}.submit-btn:active{transform:scale(.98)}.thank-you-page{max-width:600px;margin:0 auto;padding:var(--space-4xl)0;text-align:center}.thank-you-content{background:var(--color-bg-subtle);padding:var(--space-2xl);border-radius:12px;border:1px solid var(--color-border)}.thank-you-icon{font-size:3rem;color:var(--color-sage);margin-bottom:var(--space-md)}.thank-you-content h1{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-md)}.thank-you-content p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.back-home{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.back-home:hover{text-decoration:underline}