:root{--bg:#0b0c0f;--surface:#13141a;--surface2:#1c1d26;--border:hsla(0,0%,100%,.07);--border-accent:hsla(0,0%,100%,.15);--text:#e8e6e0;--text-muted:#9b9a94;--text-dim:#595852;--accent:#c8f542;--accent-dim:rgba(200,245,66,.12);--accent-glow:rgba(200,245,66,.24);--red:#ff5b4a;--blue:#4a9eff;--amber:#ffb347}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Literata,Georgia,serif;font-size:17px;line-height:1.7;margin:0}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.035'/%3E%3C/svg%3E");content:"";inset:0;opacity:.45;pointer-events:none;position:fixed;z-index:1}footer,header,main,section{position:relative;z-index:2}blockquote,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}img{height:auto;max-width:100%}a{color:inherit;text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:82px}.site-nav-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0fd1;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;z-index:100}.site-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:18px 40px}.nav-logo{color:var(--accent);font-family:Syne,sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.nav-links{display:flex;gap:6px;list-style:none;margin:0;padding:0}.nav-links a{border-radius:6px;color:var(--text-muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;padding:8px 14px;text-transform:uppercase;transition:color .2s,background .2s}.nav-links a.active,.nav-links a:hover{background:var(--surface2);color:var(--text)}.nav-links a.active{color:var(--accent)}.home-page{overflow:hidden}.hero{align-items:center;display:flex;min-height:calc(100vh - 82px);padding:70px 40px 60px;position:relative}.hero:before{background-image:linear-gradient(rgba(200,245,66,.03) 1px,transparent 0),linear-gradient(90deg,rgba(200,245,66,.03) 1px,transparent 0);background-size:60px 60px;inset:0}.hero:after,.hero:before{content:"";position:absolute}.hero:after{background:radial-gradient(circle,rgba(200,245,66,.07) 0,transparent 70%);height:700px;left:-180px;top:-200px;width:700px}.hero-inner{margin:0 auto;max-width:1100px;width:100%;z-index:1}.hero-tag,.section-label{align-items:center;color:var(--accent);display:flex;font-family:DM Mono,monospace;font-size:11px;gap:10px;letter-spacing:.2em;text-transform:uppercase}.hero-tag{margin-bottom:28px}.hero-tag:before{background:var(--accent);content:"";height:1px;width:28px}.hero-name{font-family:Syne,sans-serif;font-size:clamp(52px,8vw,110px);font-weight:800;letter-spacing:-.03em;line-height:.92;margin-bottom:32px}.hero-name .line2{color:transparent;display:block;-webkit-text-stroke:1px hsla(45,15%,89%,.3)}.hero-desc{color:var(--text-muted);font-size:19px;font-style:italic;font-weight:300;margin-bottom:44px;max-width:560px}.hero-desc strong{color:var(--text);font-style:normal;font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;padding:13px 24px;text-transform:uppercase;transition:all .2s}.btn-icon{margin-right:8px}.btn-primary{background:var(--accent);color:#0b0c0f;font-weight:500}.btn-primary:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{background:var(--surface2);border-color:var(--border-accent);color:var(--text-muted)}.btn-ghost:hover{border-color:#fff3;color:var(--text);transform:translateY(-1px)}.support-btn-wrap{display:inline-flex;position:relative}.support-btn-canvas{border-radius:12px;inset:-3px;pointer-events:none;position:absolute;z-index:0}.support-btn{position:relative;z-index:1;--neon:#c8f542;text-shadow:0 0 12px rgba(200,245,66,.42);transition:color .25s ease,border-color .25s ease,transform .2s ease}.support-btn:focus-visible,.support-btn:hover{background:#c8f54214;border-color:#c8f542cc;color:var(--neon);text-shadow:0 0 8px rgba(200,245,66,.66),0 0 18px rgba(200,245,66,.34)}.hero-stats{display:flex;flex-direction:column;gap:30px;position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:1}.stat-item{text-align:right}.stat-number{font-family:Syne,sans-serif;font-size:34px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;margin-top:4px;text-transform:uppercase}.scroll-indicator{align-items:center;animation:bob 2s ease-in-out infinite;bottom:34px;display:flex;flex-direction:column;gap:8px;left:50%;opacity:.42;position:absolute;transform:translate(-50%)}.scroll-indicator span{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.scroll-arrow{background:linear-gradient(to bottom,var(--text-muted),transparent);height:32px;width:1px}.section{margin:0 auto;max-width:1100px;padding:100px 40px}.section-label{margin-bottom:48px}.section-label:after{background:var(--border);content:"";flex:1;height:1px}.about-grid{display:grid;gap:80px;grid-template-columns:1fr 1fr}.about-text h2{font-family:Syne,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:24px}.about-text p{color:var(--text-muted);font-size:16px;margin-bottom:16px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag{background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.05em;padding:6px 12px}.about-right{display:flex;flex-direction:column;gap:20px}.focus-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,transform .2s}.focus-card:hover{border-color:var(--border-accent);transform:translate(4px)}.focus-card-icon{color:var(--accent);font-family:DM Mono,monospace;font-size:20px;font-weight:600;margin-bottom:12px}.focus-card h3{font-family:Syne,sans-serif;font-size:16px;font-weight:600;margin-bottom:6px}.focus-card p{color:var(--text-muted);font-size:14px;line-height:1.55}.reads-preview{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s}.reads-preview:hover{border-color:var(--border-accent)}.reads-preview-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.reads-preview-header h3{font-family:Syne,sans-serif;font-size:15px;font-weight:600}.reads-preview-header a,.reads-preview-header span{color:var(--accent);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em}.reads-preview-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:14px 24px}.reads-preview-item:last-child{border-bottom:0}.reads-preview-item-title{color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reads-preview-item-stars{color:var(--amber);font-size:11px;white-space:nowrap}.reads-shell{margin:0 auto;max-width:1200px;padding:0 40px 80px}.reads-hero{padding:60px 0 46px}.page-title{font-family:Syne,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:16px}.page-subtitle{color:var(--text-muted);font-size:18px;font-style:italic;font-weight:300;max-width:560px}.reads-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.reading-list-status{color:var(--text-muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.04em;margin:-8px 0 16px}.reading-list-status--error{color:var(--red)}.filter-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;padding:7px 14px;text-transform:uppercase;transition:all .16s}.filter-btn.active,.filter-btn:hover{background:var(--surface2);border-color:var(--border-accent);color:var(--text)}.filter-btn.active{border-color:#c8f54252;color:var(--accent)}.reads-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.reads-table{border-collapse:collapse;width:100%}.reads-table thead tr{background:var(--surface)}.reads-table td,.reads-table th{padding:14px 20px;text-align:left}.reads-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.reads-table tbody tr{border-bottom:1px solid var(--border);transition:background .16s}.reads-table tbody tr:last-child{border-bottom:0}.reads-table tbody tr:hover{background:var(--surface)}.reads-table tbody tr[role=link]{cursor:pointer}.reads-table tbody tr[role=link]:focus-visible{outline:2px solid rgba(200,245,66,.55);outline-offset:-2px}.reads-table td{font-size:14px}.reads-table td a{color:var(--text)}.reads-table td a:hover{color:var(--accent)}.type-badge{border-radius:3px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.type-article{background:#4a9eff1f;color:var(--blue)}.type-video{background:#ff5b4a1f;color:var(--red)}.type-tool{background:#c8f5421f;color:var(--accent)}.type-book,.type-default,.type-podcast{background:var(--surface2);color:var(--text-muted)}.stars-cell{color:var(--amber);font-size:13px}.date-cell{color:var(--text-muted);font-family:DM Mono,monospace;font-size:12px}.blog-index,.blog-post,.content-shell{margin:0 auto;max-width:960px;padding:56px 40px 80px}.blog-index h1,.blog-post h1,.content-shell h1{font-family:Syne,sans-serif;font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.02}.blog-index-header,.blog-post-header,.content-header{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:26px}.blog-post-list{display:grid;gap:12px;list-style:none;margin:20px 0 0;padding:0}.blog-post-list a{border-bottom:1px solid hsla(0,0%,100%,.14);color:var(--text);display:inline-flex;padding:10px 0}.blog-post-list a:hover{border-bottom-color:#c8f54266;color:var(--accent)}.blog-index-year{color:var(--accent);font-size:12px;letter-spacing:.12em}.blog-index-year,.blog-post-meta{font-family:DM Mono,monospace;text-transform:uppercase}.blog-post-meta{color:var(--text-muted);font-size:11px;letter-spacing:.1em;margin-top:10px}.blog-post{display:grid;gap:30px}.blog-post li,.blog-post p{color:var(--text-muted);font-size:16px}.blog-post h2,.blog-post h3{color:var(--text);font-family:Syne,sans-serif;letter-spacing:-.01em}.blog-post h2{font-size:30px;margin:8px 0 12px}.blog-post h3{font-size:22px;margin:8px 0}.blog-post b,.blog-post strong{color:var(--text);font-weight:500}.blog-post em{font-style:italic}.blog-post a{color:var(--accent);text-decoration:underline;text-decoration-color:#c8f54273}.blog-post a:hover{text-decoration-color:var(--accent)}.blog-post ol,.blog-post ul{display:grid;gap:10px;padding-left:1.3rem}.blog-post .section-block{display:grid;gap:16px}.blog-post .toc{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.blog-post .toc ul{padding-left:1rem}.blog-post .post-image{border:1px solid var(--border);border-radius:10px;display:block;margin:8px auto}.content-shell{display:grid;gap:24px}.content-shell li,.content-shell p{color:var(--text-muted)}.content-shell ul{display:grid;gap:8px;list-style:disc;padding-left:1.2rem}.content-shell a{color:var(--accent)}.site-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:28px 40px;z-index:2}.footer-links a,.site-footer p{color:var(--text-muted);font-family:DM Mono,monospace;font-size:12px}.footer-links{display:flex;gap:16px;list-style:none;margin:0;padding:0}.footer-links a:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .6s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.34s}.delay-4{animation-delay:.46s}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media(max-width:900px){.site-nav{padding:14px 20px}main{padding-top:72px}.blog-index,.blog-post,.content-shell,.hero,.reads-shell,.section{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-top:50px}.hero-stats{display:none}.about-grid{gap:42px;grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;padding:22px 20px}.reads-table-wrap{overflow-x:auto}.reads-table{min-width:660px}}