:root{--bg-color: #08090a;--bg-subtle: #101214;--bg-card: rgba(16, 18, 20, .6);--bg-hover: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .15);--text-primary: #ededed;--text-secondary: #999999;--text-muted: #666666;--accent-primary: #10b981;--accent-muted: rgba(16, 185, 129, .12);--code-bg: #0f1113;--canvas-opacity: 1;--vine-stem: rgba(0, 255, 170, .9);--vine-leaf: rgba(0, 255, 153, .95);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-color: #fafafa;--bg-subtle: #f2f2f4;--bg-card: rgba(255, 255, 255, .7);--bg-hover: rgba(0, 0, 0, .03);--border-color: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .15);--text-primary: #111111;--text-secondary: #666666;--text-muted: #999999;--accent-primary: #059669;--accent-muted: rgba(5, 150, 105, .08);--code-bg: #f4f4f6;--canvas-opacity: .45;--vine-stem: rgba(0, 0, 0, .18);--vine-leaf: rgba(5, 150, 105, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;position:relative;overflow-x:hidden;line-height:1.6}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:var(--canvas-opacity);transition:opacity var(--transition-normal)}.app-container{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:90;padding:2rem 0 1.5rem;background:linear-gradient(180deg,var(--bg-color) 80%,rgba(0,0,0,0) 100%)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem;letter-spacing:-.01em}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-primary);display:inline-block}.header-right{display:flex;align-items:center;gap:1rem}.main-nav{display:flex;align-items:center;gap:1.25rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:400;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{font-weight:500}.theme-toggle-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:color var(--transition-fast)}.theme-toggle-btn:hover{color:var(--text-primary)}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}#main-content{flex:1;padding:2rem 0 5rem}.section{display:none;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.section.active-section{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-minimal{margin-bottom:4rem}.hero-name{font-family:var(--font-heading);font-size:2.2rem;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2;margin-bottom:.8rem}.hero-bio{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;font-weight:400;margin-bottom:1.5rem}.hero-bio strong{color:var(--text-primary);font-weight:500}.hero-links-minimal{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;font-family:var(--font-mono)}.hero-links-minimal a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem}.hero-links-minimal a:hover{color:var(--text-primary)}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.6rem;margin-bottom:1.75rem;margin-top:3.5rem}.section-num{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.05em}.section-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.minimal-list{display:flex;flex-direction:column;gap:.25rem}.minimal-item{display:block;text-decoration:none;padding:1rem;margin:0 -1rem;border-radius:8px;transition:background var(--transition-fast);cursor:pointer}.minimal-item:hover{background:var(--bg-hover)}.item-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.item-title{font-size:1rem;font-weight:500;color:var(--text-primary);display:inline-flex;align-items:center;gap:.4rem}.item-arrow{font-size:.85rem;color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.minimal-item:hover .item-arrow{transform:translate(2px,-2px);color:var(--text-primary)}.item-meta{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.item-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.item-tags{display:flex;gap:.4rem;margin-top:.5rem}.tag-mini{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg-subtle);padding:.1rem .45rem;border-radius:4px;border:1px solid var(--border-color)}.featured-box{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;transition:border-color var(--transition-fast)}.featured-box:hover{border-color:var(--border-hover)}.featured-box.ma-featured{border-color:#10b98140;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(16,185,129,.03) 100%)}.featured-badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);margin-bottom:.5rem}.featured-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.featured-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.featured-action{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-primary);font-family:var(--font-mono);font-size:.85rem;text-decoration:none;font-weight:500}.featured-action:hover{text-decoration:underline}.reader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-link{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--text-primary)}.article-header-minimal{margin-bottom:2.5rem}.article-title-minimal{font-family:var(--font-heading);font-size:2.1rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary);margin-bottom:.6rem}.article-meta-minimal{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);display:flex;gap:.75rem}.markdown-body{font-size:1rem;line-height:1.75;color:var(--text-secondary)}.markdown-body h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:2rem 0 .75rem}.markdown-body p{margin-bottom:1.25rem}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;margin:1.5rem 0;color:var(--text-primary)}.markdown-body code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:.15em .35em;border-radius:4px;color:var(--accent-primary)}.markdown-body pre code{background:transparent;padding:0;color:inherit}.canvas-controls-pill{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.4rem;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:999px;padding:.3rem .6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.pill-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:inherit;cursor:pointer;display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:999px;transition:color var(--transition-fast)}.pill-btn:hover{color:var(--text-primary)}.dot-live{width:6px;height:6px;border-radius:50%;background:var(--accent-primary)}.dot-live.paused{background:var(--text-muted)}.site-footer-minimal{border-top:1px solid var(--border-color);padding:2.5rem 0 2rem;margin-top:5rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.footer-left{display:flex;align-items:center;gap:.5rem}.footer-right a{color:var(--text-muted);text-decoration:none}.footer-right a:hover{color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;max-width:560px;width:100%;padding:2rem;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.modal-close-btn:hover{color:var(--text-primary)}