@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@700;800;900&display=swap");::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f0f0f0;border-left:1px solid #ccc}::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid #b0223a}*{scrollbar-width:auto;scrollbar-color:var(--accent) #f0f0f0}:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-card:#f5f5f5;--bg-hover:#f0f0f0;--border:#e8e8e8;--border-light:#ddd;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#999;--accent:#e8364f;--accent-dim:rgba(232,54,79,.06);--accent-border:rgba(232,54,79,.25);--pink:#e8364f;--green:#16a34a;--tag-bg:#f0f0f0;--tag-text:#555;--code-bg:#f5f5f5;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius:12px;--radius-sm:8px;--transition:150ms ease;--sidebar-width:220px;--right-panel-width:340px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body,html{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);line-height:1.6;display:flex;flex-direction:column}a,body{color:var(--text-primary)}a{text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}.ticker-bar{width:100%;height:24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow:hidden;z-index:200;display:flex;align-items:center;flex-shrink:0}.ticker-track{white-space:nowrap;animation:ticker-scroll 120s linear infinite;height:100%;width:max-content}.ticker-item,.ticker-track{display:inline-flex;align-items:center}.ticker-item{gap:5px;padding:0 16px;font-size:.65rem;font-weight:500;font-family:var(--font-sans);letter-spacing:0}.ticker-symbol{color:var(--text-secondary);font-weight:600}.ticker-price{color:var(--text-muted)}.ticker-change{font-size:.6rem;font-weight:600}.ticker-change.up{color:#16a34a}.ticker-change.down{color:#dc2626}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.site-header{border-bottom:1px solid var(--border);background:var(--bg-primary);z-index:100;flex-shrink:0}.site-header .header-nav{transition:max-height .3s ease,opacity .3s ease,padding .3s ease;max-height:50px;opacity:1;overflow:visible}.site-header.nav-hidden .header-nav{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border:none;overflow:hidden;pointer-events:none}.site-header.nav-hidden{border-bottom:none}.header-top{justify-content:space-between;padding:8px 32px;border-bottom:1px solid var(--border)}.header-social,.header-top{display:flex;align-items:center}.header-social{gap:16px}.header-social a{color:var(--text-primary);display:flex;align-items:center;transition:color var(--transition)}.header-social a:hover{color:var(--accent)}.header-logo{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.header-logo span{color:var(--accent)}.header-actions{gap:20px}.header-actions,.header-search{display:flex;align-items:center}.header-search{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px}.header-search:hover{color:var(--accent)}.header-menu-label{font-size:.78rem;font-weight:700;letter-spacing:1.5px;color:var(--text-primary);cursor:pointer}.header-menu-label:hover{color:var(--accent)}.header-nav{display:flex;align-items:center;justify-content:center;gap:0;padding:0 32px;overflow-x:auto}.header-nav>.nav-dropdown>a,.header-nav>a{display:block;padding:10px 28px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);white-space:nowrap;transition:color var(--transition)}.header-nav>a:first-child{color:var(--accent);font-weight:700}.header-nav>.nav-dropdown>a:hover,.header-nav>a:hover{color:var(--accent)}.nav-dropdown{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:12px;min-width:calc(100% - 24px);background:var(--bg-primary);border:1px solid var(--border);border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:300}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:8px 16px;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);white-space:nowrap;transition:color var(--transition),background var(--transition)}.nav-dropdown-menu a:hover{color:var(--accent);background:var(--bg-secondary)}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;overflow:hidden}.ad-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:4px}.ad-placeholder{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.ad-leaderboard{width:100%;max-width:728px;height:90px;margin:20px auto}.ad-in-feed{width:100%;height:90px;margin:8px 0}.ad-in-article{width:100%;max-width:680px;height:120px;margin:32px auto}.ad-sidebar{width:100%;max-width:200px;height:150px}.tweet-embeds{display:flex;flex-direction:column;gap:16px;width:100%;max-width:220px}.tweet-card{display:block;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:border-color var(--transition)}.tweet-card:hover{border-color:var(--accent);color:var(--text-primary)}.tweet-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tweet-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.tweet-card-names{flex:1 1;min-width:0}.tweet-username{display:block;font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tweet-handle{display:block;font-size:.65rem;color:var(--text-muted)}.tweet-x-icon{flex-shrink:0}.tweet-text{font-size:.7rem;line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.site-main{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.feed-layout{display:flex;max-width:1100px;margin:0 auto}.feed-column{flex:1 1;min-width:0;border-right:1px solid var(--border)}.feed-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50}.tab{padding:16px 20px;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:color var(--transition)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--accent);border-radius:2px}.feed-card{padding:24px;border-bottom:1px solid var(--border);transition:background var(--transition)}.feed-card:hover{background:var(--bg-secondary)}.feed-card-source{display:flex;align-items:center;gap:10px;margin-bottom:12px}.source-avatar{width:36px;height:36px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff}.source-info{display:flex;flex-direction:column}.source-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.source-time{font-size:.75rem;color:var(--text-muted)}.feed-card-body{display:block;margin-bottom:12px}.feed-card-title{font-size:1.1rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.2px}.feed-card-body:hover .feed-card-title{color:var(--accent)}.feed-card-excerpt{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.feed-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.post-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--tag-text);background:var(--tag-bg);padding:3px 10px;border-radius:4px;transition:all var(--transition)}.post-tag:hover{background:var(--accent-dim);color:var(--accent)}.post-tag{color:#666}.post-tag.small{font-size:.65rem;padding:2px 8px}.feed-card-footer{display:flex;align-items:center;gap:12px}.reading-time{font-size:.78rem;color:var(--text-muted)}.dev-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#16a34a;background:rgba(22,163,74,.08);padding:2px 8px;border-radius:4px}.right-panel{width:var(--right-panel-width);flex-shrink:0;padding:20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.panel-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h3{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.panel-more{font-size:.75rem;color:var(--accent);cursor:pointer}.tldr-item{padding:14px 0;border-bottom:1px solid var(--border)}.tldr-item:last-child{border-bottom:none;padding-bottom:0}.tldr-item:first-child{padding-top:0}.tldr-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.35;display:block;margin-bottom:6px}.tldr-title:hover{color:var(--accent)}.tldr-summary{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin-bottom:8px}.tldr-tags{gap:4px}.tldr-tags,.trending-tags{display:flex;flex-wrap:wrap}.trending-tags{gap:8px}.trending-tag{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-hover);padding:6px 14px;border-radius:20px;border:1px solid var(--border);transition:all var(--transition)}.trending-tag:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.empty-state{text-align:center;padding:80px 24px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--text-secondary)}.article-page-wrap{min-height:100vh;display:flex;gap:0}.article-sidebar-left{width:300px;flex-shrink:0;opacity:.15;transition:opacity .3s ease}.article-sidebar-left:hover{opacity:1;position:relative}.sidebar-ads-fixed{position:fixed;top:120px;bottom:20px;width:300px;overflow-y:auto;overflow-x:hidden;padding:60px 16px 60px 56px;scrollbar-width:none}.sidebar-ads-fixed::-webkit-scrollbar{display:none}.article-sidebar-right{width:300px;flex-shrink:0;opacity:.15;transition:opacity .3s ease}.article-sidebar-right:hover{opacity:1}.sidebar-right-fixed{position:fixed;top:180px;width:260px;padding:0 16px}.article-tldr-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.tldr-card-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.tldr-card-text{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin-bottom:16px}.tldr-card-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.article-page{max-width:720px;flex:1 1;margin:0 auto;padding:40px 32px 80px}.article-topbar{gap:20px;margin-bottom:40px;position:relative}.article-back,.article-topbar{display:flex;align-items:center;justify-content:center}.article-back{position:absolute;left:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.article-back:hover{border-color:var(--text-muted);color:var(--text-primary)}.article-category{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--bg-primary);background:#e8364f;padding:4px 14px;border-radius:3px}.article-category:hover{color:#fff}.article-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:900;line-height:1.12;letter-spacing:-.5px;text-align:center;margin-bottom:24px;color:var(--text-primary)}.article-byline{text-align:center;margin-bottom:40px;font-size:.88rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px}.article-byline strong{color:var(--text-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.article-date{font-size:.82rem;color:var(--text-muted)}.article-image{margin:0 -32px 32px;border-radius:var(--radius);overflow:hidden}.article-image img{width:100%;height:auto;display:block;object-fit:cover;max-height:440px}.article-lead{font-size:1.2rem;font-weight:600;line-height:1.55;color:var(--text-primary);margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.article-body{font-size:1.05rem;line-height:1.85;color:var(--text-secondary)}.article-body h2{font-size:1.4rem;margin:40px 0 16px}.article-body h2,.article-body h3{color:var(--text-primary);font-weight:700}.article-body h3{font-size:1.15rem;margin:32px 0 12px}.article-body p{margin-bottom:22px}.article-body strong{color:var(--text-primary);font-weight:600}.article-body a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--accent)}.article-body code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);padding:2px 8px;border-radius:4px;color:var(--text-secondary)}.article-pullquote{margin:48px 0;padding:32px 40px;border-left:none;border-top:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);text-align:center}.article-pullquote h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:16px}.article-pullquote p{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1.5;color:var(--text-primary);margin:0}.article-source{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted);font-style:italic}.article-tags{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}.article-tag{font-size:.78rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);padding:6px 14px;border-radius:20px;border:1px solid var(--border);transition:all var(--transition)}.article-tag:hover{border-color:var(--accent-border);color:var(--accent)}.article-subscribe{margin-top:48px;padding:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.article-subscribe h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.article-subscribe p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.post-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag-header{margin:48px 0 32px;padding:0 24px 24px;border-bottom:1px solid var(--border)}.tag-header h1{font-size:1.8rem;font-weight:800}.post-feed{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;padding:0 24px}.post-card{padding:20px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column}.post-card-title{font-size:1.1rem;font-weight:700;line-height:1.35;margin-bottom:6px}.post-card-title a{color:var(--text-primary)}.post-card-title a:hover{color:var(--accent)}.post-card-excerpt{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:12px;flex:1 1}.post-card-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--text-muted)}.subscribe-form{margin:40px 24px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:680px}.subscribe-form h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}.subscribe-form p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.subscribe-input-wrap{display:flex;gap:10px;max-width:400px;margin:0 auto}.subscribe-input-wrap input[type=email]{flex:1 1;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);outline:none;transition:border-color var(--transition)}.subscribe-input-wrap input[type=email]:focus{border-color:var(--accent)}.subscribe-input-wrap button{padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition)}.subscribe-input-wrap button:hover{background:var(--accent)}@media (max-width:1100px){.right-panel{display:none}}@media (max-width:768px){.header-top{padding:12px 16px}.header-nav{padding:0 16px}.header-nav>.nav-dropdown>a,.header-nav>a{padding:12px 14px;font-size:.72rem}.nav-dropdown-menu{position:static;box-shadow:none;border:none;border-top:1px solid var(--border)}.header-social{gap:12px}.header-logo{font-size:1.4rem}.article-sidebar-left,.article-sidebar-right{display:none}.article-title{font-size:1.8rem}.article-page{padding:24px 20px 60px}.article-lead{font-size:1.05rem}.article-pullquote{padding:24px 20px;margin:32px 0}.article-pullquote p{font-size:1.05rem}.subscribe-input-wrap{flex-direction:column}}