*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #F5F5F0;--text: #1A1A1A;--accent: #5F6F85;--border: #1A1A1A;--border-light: rgba(26, 26, 26, .1);--white-overlay: rgba(255, 255, 255, .4)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.47;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;width:100%}a{color:inherit;text-decoration:none}button,a,[role=link]{touch-action:manipulation}.font-mono{font-family:JetBrains Mono,monospace}.site-header{width:100%;max-width:820px;margin:0 auto;padding:16px 20px 8px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.site-header-brand{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent)}.site-header-mark{width:8px;height:8px;background:var(--text);border-radius:1px}.site-header-nav{grid-column:1 / -1;grid-row:2;display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.site-header-link,.language-switcher a,.footer-links a{min-height:36px;display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.site-header-link{padding:0 10px;border:1px solid var(--border-light);border-radius:2px;white-space:nowrap}.language-switcher{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;border:1px solid var(--border);border-radius:2px}.language-switcher a{min-width:42px;justify-content:center;color:var(--text)}.language-switcher a+a{border-left:1px solid var(--border)}.language-switcher-active{background:var(--text);color:var(--bg)!important}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page-header{padding:24px 24px 32px;display:flex;flex-direction:column;align-items:flex-start}.page-header-name{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:0;margin-bottom:12px}.page-header-handle{display:flex;align-items:center;gap:8px}.page-header-dot{width:8px;height:8px;background:var(--text);border-radius:1px}.page-header-mono{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--accent)}.page-header-bio{margin-top:16px;font-size:15px;line-height:1.6;color:#1a1a1acc}.subpage-header{padding:24px 24px 20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start}.subpage-title{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:0;margin-bottom:12px}.subpage-subtitle{font-size:14px;line-height:1.6;color:#1a1a1a99}.back-nav{display:flex;align-items:center;gap:8px;background:none;border:none;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);cursor:pointer;min-height:44px;padding:0 4px;margin-bottom:32px}.back-nav i{font-size:18px;color:var(--text);transition:transform .2s ease}.back-nav:active i{transform:translate(-4px)}.home-section{padding:0 24px;margin:0 0 28px}.home-intro{margin-top:-4px}.home-section h2{font-size:18px;line-height:1.2;font-weight:700;letter-spacing:0;margin-bottom:12px}.home-section h3{font-size:15px;line-height:1.25;font-weight:700;letter-spacing:0;margin-bottom:8px}.home-section p{font-size:15px;line-height:1.65;color:#1a1a1ac7}.home-section p+p{margin-top:12px}.home-card-list{display:grid;border-top:1px solid var(--border)}.home-list-link{min-height:56px;padding:13px 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:18px;color:inherit}.home-list-link span{font-size:15px;line-height:1.35;font-weight:560}.home-list-link svg{flex:0 0 auto;color:var(--accent)}.home-focus-grid{display:grid;grid-template-columns:1fr;gap:10px}.home-focus-card{border:1px solid var(--border);border-radius:4px;padding:16px;background:var(--white-overlay)}.home-video .content-card{margin:0}.home-video-list{display:grid;grid-template-columns:1fr;gap:12px}.hub-intro{margin-top:24px}.hub-grid{display:grid;grid-template-columns:1fr;gap:12px}.hub-card{border:1px solid var(--border);border-radius:4px;padding:18px;background:var(--white-overlay)}.hub-card p{margin-bottom:14px}.hub-links{display:flex;flex-direction:column;border-top:1px solid var(--border-light)}.hub-links a{min-height:44px;padding:10px 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.hub-links a:last-child{border-bottom:none}.hub-note{border:1px solid var(--border);border-radius:4px;padding:18px;background:var(--white-overlay)}.blog-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px;padding:0 16px}.blog-card{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:4px;background:var(--white-overlay);color:inherit;text-decoration:none;overflow:hidden}.blog-card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border-light);background:#1a1a1a0f}.blog-card-body{padding:18px}.blog-card h2{font-size:22px;line-height:1.18;letter-spacing:0;margin:0 0 10px}.blog-card p{font-size:15px;line-height:1.55;color:#1a1a1abd;margin:0 0 14px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.blog-card-tags span{border:1px solid var(--border-light);border-radius:3px;padding:4px 7px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.blog-card-link{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.blog-article{display:flex;flex-direction:column;gap:28px;padding:0 16px}.blog-article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-bottom:14px}.blog-article-meta span{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.blog-article section{border-top:1px solid var(--border-light);padding-top:24px}.blog-article h2{font-size:24px;line-height:1.18;letter-spacing:0;margin-bottom:12px}.blog-article p,.blog-article li{font-size:17px;line-height:1.7;color:#1a1a1acc}.blog-article a:not(.youtube-source-card):not(.blog-card):not(.cta-btn):not(.cta-btn-secondary){color:#315e8a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.blog-article a:not(.youtube-source-card):not(.blog-card):not(.cta-btn):not(.cta-btn-secondary):hover{color:var(--text)}.blog-article code:not(pre code){padding:.1em .32em;border:1px solid var(--border-light);border-radius:3px;background:#ffffff8c;font-family:JetBrains Mono,monospace;font-size:.86em;color:var(--text)}.blog-article ul,.blog-article ol{padding-left:22px}.blog-article li+li{margin-top:8px}.blog-article blockquote{margin:18px 0 0;padding:16px 18px;border-left:3px solid var(--text);background:#ffffff7a}.blog-article blockquote p{margin:0;font-size:18px;color:var(--text)}.blog-article cite{display:block;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);font-style:normal;text-transform:uppercase;letter-spacing:.08em}.generated-blog-post .subpage-header{margin-bottom:0}.generated-blog-body{display:flex;flex-direction:column;gap:28px}.generated-blog-body h2,.generated-blog-body h3{scroll-margin-top:80px}.generated-blog-body h3{font-size:19px;line-height:1.22;letter-spacing:0;margin-bottom:8px}.generated-blog-body pre{margin:0;overflow-x:auto;padding:16px;border:1px solid var(--border);border-radius:4px;background:#ffffff8c}.generated-blog-body pre code{padding:0;border:0;background:transparent;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;white-space:pre}.article-quote{border-left-color:#5f6f859e}.youtube-source-card{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:4px;background:var(--white-overlay);color:inherit;text-decoration:none;overflow:hidden}.youtube-source-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border-light)}.youtube-source-card div{padding:16px;display:grid;gap:8px}.youtube-source-card strong{font-size:18px;line-height:1.25}.youtube-source-card span{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.youtube-source-label{font-size:10px}.article-callout{border:1px solid var(--border);border-radius:4px;background:#ffffff80;padding:16px}.article-callout-take{border-color:#5f6f855c}.article-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:4px}.article-table{width:100%;min-width:620px;border-collapse:collapse;background:#fff6}.article-table th,.article-table td{padding:12px;border-bottom:1px solid var(--border-light);text-align:left;vertical-align:top;font-size:14px;line-height:1.45}.article-table th{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.article-table tr:last-child td{border-bottom:none}.copy-block{border:1px solid var(--border);border-radius:4px;background:#1a1a1a0a;overflow:hidden}.copy-block-header{min-height:42px;padding:0 12px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.copy-block-header span,.copy-block-header button{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.copy-block-header button{min-height:30px;border:1px solid var(--border-light);border-radius:3px;background:#ffffff8f;padding:0 10px;cursor:pointer}.copy-block pre{margin:0;padding:16px;overflow-x:auto}.copy-block code{font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;white-space:pre}.related-links{display:grid;gap:8px}.related-links a{min-height:38px;display:flex;align-items:center;border-bottom:1px solid var(--border-light)}.nav-border{border-top:1px solid var(--border);margin-bottom:28px}.nav-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);background:none;width:100%;min-height:64px;text-align:left;font-family:inherit;color:inherit}.nav-row:active{background:var(--text);color:var(--bg)}.nav-row:active .nav-row-subtitle{color:#f5f5f0b3}.nav-row-content{display:flex;flex-direction:column;gap:4px}.nav-row-title{font-size:17px;font-weight:600;letter-spacing:0}.nav-row-subtitle{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.nav-row-right{display:flex;align-items:center;gap:8px}.nav-row-badge{font-family:JetBrains Mono,monospace;font-size:10px;border:1px solid var(--border);padding:2px 6px;border-radius:2px}.section-label{padding:32px 24px 0;display:flex;align-items:flex-end;gap:16px}.section-label span{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);white-space:nowrap}.section-label-line{display:none}.content-card{margin:16px 16px 0;padding:20px;border:1px solid var(--border);border-radius:4px;background:var(--white-overlay);cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;display:block;min-height:120px}.content-card:active{background:var(--text);color:var(--bg);border-color:var(--text)}.content-card:active .content-card-meta span,.content-card:active .content-card-desc,.content-card:active .content-card-link{color:#f5f5f0b3}.content-card-thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:3px;margin-bottom:14px;border:1px solid var(--border-light);background:#1a1a1a0f}.content-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.content-card-meta span{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent)}.content-card-dot{width:4px;height:4px;background:var(--text);border-radius:50%;opacity:.3}.content-card-title{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:0;margin-bottom:8px}.content-card-link{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.content-card-desc{font-size:14px;color:#1a1a1ab3;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-item{padding:24px;border-bottom:1px solid var(--border-light);cursor:pointer;min-height:72px;transition:background .2s ease;text-decoration:none;color:inherit;display:block}.post-item:active{background:var(--text);color:var(--bg)}.post-item:active .post-item-meta span,.post-item:active .post-item-subtitle{color:#f5f5f0b3}.post-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.post-item-meta span{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent)}.post-item-dot{width:4px;height:4px;background:var(--text);border-radius:50%;opacity:.3}.post-item-title{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:0;margin-bottom:4px}.post-item-subtitle{font-size:14px;color:#1a1a1ab3;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-item-readmore{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:12px}.filter-bar{position:sticky;top:0;z-index:10;background:#f5f5f0e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px;display:flex;gap:8px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;min-height:44px;padding:10px 14px;border:1px solid var(--border-light);border-radius:2px;background:none;cursor:pointer;white-space:nowrap;color:var(--text);transition:all .2s ease}.filter-btn-active{background:var(--text);color:var(--bg);border-color:var(--text)}.course-entry{display:block;padding:24px;border-bottom:1px solid var(--border-light);cursor:pointer;min-height:72px;transition:background .2s ease;text-decoration:none;color:inherit}.course-entry:active{background:var(--text);color:var(--bg)}.course-entry:active .course-entry-context{color:#f5f5f0b3}.course-entry-quote{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:0;margin-bottom:4px}.course-entry-context{font-size:13px;color:var(--accent);line-height:1.4}.course-section{margin:16px 16px 0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.course-section .course-entry:last-child{border-bottom:none}.subsection-header{padding:16px 24px 8px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--bg);border-bottom:1px solid var(--border-light)}.subsection-label{padding:20px 24px 8px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.twitter-section{margin:16px 16px 0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.twitter-entry{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);min-height:56px;text-decoration:none;color:inherit;transition:background .2s ease}.twitter-entry:last-child{border-bottom:none}.twitter-entry:active{background:var(--text);color:var(--bg)}.twitter-entry:active .twitter-entry-desc{color:#f5f5f0b3}.twitter-entry-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.twitter-entry-handle{font-family:JetBrains Mono,monospace;font-weight:500;font-size:14px}.twitter-entry-desc{font-size:13px;color:var(--accent)}.info-card{margin:16px 16px 0;padding:20px 24px;border:1px solid var(--border);border-radius:4px}.info-card p{font-size:14px;line-height:1.8}.info-card-price{font-size:28px;font-weight:700;letter-spacing:0;margin-bottom:8px}.cta-btn{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 32px);margin:24px 16px 0;padding:20px 24px;border-radius:4px;font-weight:700;font-size:16px;text-align:left;cursor:pointer;border:none;background:var(--text);color:var(--bg);font-family:inherit;min-height:64px;transition:all .2s ease;text-decoration:none}.cta-btn:active{background:#333;transform:translateY(1px)}.cta-btn-secondary{border:1px solid var(--border);background:var(--white-overlay);color:var(--text)}.cta-btn-secondary:active{background:var(--text);color:var(--bg)}.link-btn{display:block;margin:16px auto;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-bottom:1px solid rgba(95,111,133,.3);min-height:44px;padding:8px 0 4px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.link-btn:active{color:var(--text)}.about-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin:16px 16px 0;border:1px solid var(--border);border-radius:4px;cursor:pointer;min-height:72px;text-decoration:none;color:inherit;transition:all .2s ease}.about-card:active{background:var(--text);color:var(--bg)}.about-card:active .nav-row-subtitle{color:#f5f5f0b3}.footer{padding:48px 24px;display:flex;flex-direction:column;align-items:center;margin-top:auto}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:20px}.footer-links a{min-height:28px}.footer-socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:32px}.footer-socials a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:color .2s ease;font-size:24px;line-height:1}.footer-socials a:active{color:var(--accent)}.footer-copy{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.toc-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;min-height:52px;border-bottom:1px solid var(--border-light);cursor:pointer;font-size:15px;font-weight:500;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit;color:inherit;transition:background .2s ease}.toc-row:last-child{border-bottom:none}.toc-row:active{background:var(--text);color:var(--bg)}.load-more{padding:48px 24px;display:flex;justify-content:center}::-webkit-scrollbar{width:4px;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc}html,body{overscroll-behavior-y:contain}.experience-card{padding:20px 24px;border-bottom:1px solid var(--border-light)}.experience-header{display:flex;flex-direction:column;gap:2px}.experience-title{font-weight:600;font-size:15px}.experience-company{font-size:14px;color:var(--accent);font-weight:500}.experience-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--muted);font-family:JetBrains Mono,monospace}.experience-desc{margin-top:10px;font-size:14px;line-height:1.5;color:var(--text);opacity:.8}.experience-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer}.mt-16{margin-top:16px}.mb-32{margin-bottom:32px}.px-24{padding-left:24px;padding-right:24px}@media(min-width:480px){.page-header{padding:32px 32px 36px}.subpage-header{padding:28px 32px 22px}.home-section{padding-left:32px;padding-right:32px}.nav-row{padding:22px 32px}.content-card,.course-section,.twitter-section,.info-card,.about-card{margin-left:24px;margin-right:24px}.blog-list,.blog-article{padding-left:24px;padding-right:24px}}@media(min-width:768px){html{font-size:17px}.site-header{grid-template-columns:auto 1fr auto;padding:22px 32px 10px}.site-header-nav{grid-column:auto;grid-row:auto;justify-content:center}.language-switcher{grid-column:auto;grid-row:auto}.back-nav{display:none}.page{max-width:720px;margin:0 auto}.page-header-name,.subpage-title{font-size:40px}.page-header-bio{font-size:16px}.home-section h2{font-size:20px}.home-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{grid-template-columns:minmax(220px,.72fr) 1fr}.blog-card-no-thumb{grid-template-columns:1fr}.blog-card-thumb{height:100%;border-right:1px solid var(--border-light);border-bottom:none}.youtube-source-card{grid-template-columns:minmax(260px,.72fr) 1fr}.youtube-source-card img{height:100%;border-right:1px solid var(--border-light);border-bottom:none}.content-card-title{font-size:21px}.post-item{padding:28px 32px}}@media(min-width:1024px){.site-header{padding-left:40px;padding-right:40px}.page{max-width:820px}.page-header{padding:48px 40px 40px}.subpage-header{padding:40px 40px 28px}.home-section,.blog-list,.blog-article{padding-left:40px;padding-right:40px}.page-header-name,.subpage-title{font-size:48px}.nav-row{padding:24px 40px}}