:root{--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-text-light: #2c3e50;--color-text-light-rgb: 44, 62, 80;--color-bg-light: #ffffff;--color-link-light: #2c3e50;--color-accent-light: #00a8a8;--color-border-light: rgba(44, 62, 80, .1);--color-code-bg-light: #f7f9fc;--color-text-dark: #e0e0e0;--color-text-dark-rgb: 224, 224, 224;--color-bg-dark: #1a1a1a;--color-link-dark: #e0e0e0;--color-accent-dark: #00d4d4;--color-border-dark: rgba(224, 224, 224, .1);--color-code-bg-dark: rgba(255, 255, 255, .02)}[data-theme=light]{--color-text: var(--color-text-light);--color-text-rgb: var(--color-text-light-rgb);--color-bg: var(--color-bg-light);--color-link: var(--color-link-light);--color-accent: var(--color-accent-light);--color-border: var(--color-border-light);--color-code-bg: var(--color-code-bg-light)}[data-theme=dark]{--color-text: var(--color-text-dark);--color-text-rgb: var(--color-text-dark-rgb);--color-bg: var(--color-bg-dark);--color-link: var(--color-link-dark);--color-accent: var(--color-accent-dark);--color-border: var(--color-border-dark);--color-code-bg: var(--color-code-bg-dark)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);margin:0;min-height:100%;line-height:1.6;font-size:16px;transition:background-color .3s ease,color .3s ease}a{color:var(--color-link);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;margin-top:1.5em;margin-bottom:.5em;color:var(--color-text)}.post-list{list-style:none;padding:0;margin:0}.post-list li{margin-bottom:1.5rem}.post-list li a{color:var(--color-text);font-size:1rem;line-height:1.4;display:block;margin-bottom:.25rem}.post-list li time{display:block;font-size:.875rem;color:rgba(var(--color-text-rgb),.6);font-family:var(--font-mono)}article time{font-size:.9em;color:rgba(var(--color-text-rgb),.7)}.top-bar{height:8px;background-color:var(--color-accent);position:fixed;top:0;left:0;right:0;z-index:1000;transition:background-color .3s ease}.container{max-width:650px;margin:0 auto;padding:60px 20px 40px;overflow:visible}header{margin-bottom:60px;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:30px}.logo{font-family:Courier New,monospace;display:flex;align-items:center;font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.logo-j{color:#f06}.logo-x{color:#ffd93d}.logo-parens{color:#00d4d4;font-weight:600}nav{display:flex;gap:30px}nav a{color:var(--color-text);font-size:1rem;font-weight:500;opacity:.8;transition:opacity .2s ease}nav a:hover{opacity:1}.page-title{font-size:1.875rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.page-subtitle{font-size:1.125rem;color:rgba(var(--color-text-rgb),.7);margin-bottom:2rem;font-weight:400}.theme-toggle-header{width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;margin-left:2rem;flex-shrink:0}.theme-toggle-header:hover{transform:scale(1.05);border-color:var(--color-accent);background:rgba(var(--color-text-rgb),.05)}.theme-toggle-header:active{transform:scale(.95)}.theme-toggle-header .theme-icon{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.theme-toggle-header{width:36px;height:36px;font-size:1rem;margin-left:1rem}}pre{padding:1em;overflow-x:auto;background-color:var(--color-code-bg);border-radius:4px;margin:1.5rem 0;border:1px solid var(--color-border);transition:background-color .3s ease}code{font-family:var(--font-mono);font-size:.9em}hr{border:none;border-top:1px solid rgba(var(--color-text-rgb),.1);margin:2em 0}.post-content{line-height:1.7;font-size:1rem;overflow:visible;position:relative}article{overflow:visible;position:relative}.post-content p{margin-bottom:1.5rem}.post-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.post-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:rgba(var(--color-text-rgb),.8)}.post-content .mermaid,.post-content pre.mermaid,.post-content .mermaid-diagram{display:flex;justify-content:center;align-items:center;margin:2rem auto;text-align:center;max-width:100%;overflow-x:auto}.post-content .mermaid svg,.post-content .mermaid-diagram svg{max-width:100%;height:auto;margin:0 auto;display:block}.post-content div:has(>.mermaid),.post-content div:has(>.mermaid-diagram){display:flex;justify-content:center;width:100%}.post-content table{border-collapse:separate;border-spacing:0;margin:3rem auto;font-size:.95rem;background:var(--color-code-bg);border:1px solid transparent;border-radius:12px;overflow:visible;width:100%;max-width:100%;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.post-content table:before{content:"";position:absolute;inset:-1px;border-radius:12px;background:linear-gradient(135deg,#0f0,#00d4d4,#f06);opacity:0;transition:opacity .4s ease,filter .4s ease;z-index:-1;filter:blur(8px);pointer-events:none}.post-content table:after{content:"";position:absolute;inset:0;border-radius:12px;background:var(--color-bg);z-index:-1;pointer-events:none}.post-content table:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(var(--color-text-rgb),.08);box-shadow:0 4px 8px #0000000a,0 12px 24px #00000014,0 20px 40px #0000001f}.post-content table:hover:before{opacity:.6;filter:blur(6px)}[data-theme=light] .post-content table:before{background:linear-gradient(135deg,#00a8a8,#00d4d4,#f06)}[data-theme=light] .post-content table:hover:before{opacity:.5;filter:blur(6px)}@media (min-width: 1024px){.post-content table{position:relative;width:max-content;max-width:min(900px,calc(100vw - 8rem));margin-left:50%;transform:translate(-50%)}.post-content table:hover{transform:translate(-50%) translateY(-6px) scale(1.02)}.post-content{overflow-x:visible}}@media (min-width: 1440px){.post-content table{max-width:min(1100px,calc(100vw - 10rem))}}@media (min-width: 768px) and (max-width: 1023px){.post-content table{width:100%;max-width:100%}}.post-content thead{background:#00d4d41a;border-bottom:2px solid var(--color-accent);border-radius:11px 11px 0 0}.post-content thead th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(0,212,212,.3)}.post-content tbody tr{border-bottom:1px solid rgba(var(--color-text-rgb),.05);transition:background-color .2s ease}.post-content tbody tr:hover{background:#00d4d408}.post-content tbody tr:last-child{border-bottom:none}.post-content td{padding:.75rem 1rem;color:rgba(var(--color-text-rgb),.9);vertical-align:top;line-height:1.6}.post-content td:first-child,.post-content th:first-child{font-weight:500;color:var(--color-text)}@media (max-width: 767px){.post-content table{font-size:.85rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin-left:0}.post-content td,.post-content th{padding:.5rem .75rem;white-space:nowrap}}.post-content table.striped tbody tr:nth-child(2n){background:rgba(var(--color-text-rgb),.02)}.post-content table.compact td,.post-content table.compact th{padding:.5rem .75rem}.post-content table.highlight tbody tr:hover{background:#00d4d414;cursor:pointer}.post-content table.wide{width:max-content!important;max-width:calc(100vw - 2rem)!important}@media (min-width: 1024px){.post-content table.wide{position:relative;margin-left:50%;transform:translate(-50%);max-width:min(1200px,calc(100vw - 6rem))!important}.post-content table.wide:hover{transform:translate(-50%) translateY(-6px) scale(1.02)}}@media (min-width: 1440px){.post-content table.wide{max-width:min(1400px,calc(100vw - 8rem))!important}}.table-wrapper{overflow-x:auto;margin:2rem -1rem;padding:0 1rem}@media (min-width: 1024px){.table-wrapper{overflow-x:visible;margin:2rem 0;padding:0}}.post-content table code{background:#00d4d41a;padding:2px 6px;border-radius:3px;font-size:.85em;color:var(--color-accent)}.post-content table:not(:has(thead)) tr:first-child{background:#00d4d41a;font-weight:600}.post-content table:not(:has(thead)) tr:first-child td{padding:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(0,212,212,.3);color:var(--color-text)}.post-content table strong{color:var(--color-text);font-weight:600}.post-content table a{color:var(--color-accent);text-decoration:none;border-bottom:1px dotted var(--color-accent)}.post-content table a:hover{border-bottom-style:solid}@media (max-width: 768px){.container{padding:40px 20px}header{margin-bottom:40px}.logo-section{gap:20px}nav{gap:20px}nav a{font-size:.9rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:1rem}}