:root,[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#fbfbfb;--bg-hover:#f2f2f2;--text-primary:#242424;--text-secondary:#6b6b6b;--text-muted:#8a8a8a;--border-light:#f2f2f2;--border-medium:#e6e6e6;--tag-bg:#f2f2f2;--tag-text:#242424;--accent-color:#242424;--accent-link:#1a8917;--quote-border:#242424;--avatar-border:#e6e6e6;--card-bg:transparent;--card-hover-bg:#fafafa;--header-bg:rgba(255,255,255,0.92);--header-border:#f2f2f2}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#181818;--bg-hover:#222222;--text-primary:#f2f2f2;--text-secondary:#a3a3a3;--text-muted:#737373;--border-light:#242424;--border-medium:#333333;--tag-bg:#242424;--tag-text:#e5e5e5;--accent-color:#ffffff;--accent-link:#34d399;--quote-border:#525252;--avatar-border:#333333;--card-bg:transparent;--card-hover-bg:#181818;--header-bg:rgba(18,18,18,0.92);--header-border:#242424}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}.blog-shell{min-height:100vh;display:flex;flex-direction:column}.blog-nav{position:sticky;top:0;z-index:50;background-color:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--header-border);transition:background-color .25s ease,border-color .25s ease}.nav-inner{max-width:1040px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand-group{display:flex;align-items:baseline;gap:12px}.brand-title{font-family:Newsreader,Charter,Georgia,serif;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);transition:opacity .2s ease}.brand-title:hover{opacity:.8}.brand-tagline{font-size:13px;color:var(--text-muted);font-weight:400}@media (max-width:640px){.brand-tagline{display:none}}.nav-actions{gap:16px}.nav-actions,.theme-toggle-btn{display:flex;align-items:center}.theme-toggle-btn{background:transparent;border:1px solid var(--border-medium);border-radius:9999px;width:38px;height:38px;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--text-secondary)}.blog-content{flex:1 1;max-width:1040px;width:100%;margin:0 auto;padding:40px 24px 80px}.hero-section{padding-bottom:36px;border-bottom:1px solid var(--border-light);margin-bottom:40px}.hero-title{font-family:Newsreader,Charter,Georgia,serif;font-size:46px;font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:12px}.hero-subtitle{font-size:17px;color:var(--text-secondary);max-width:620px;line-height:1.5}.feed-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid var(--border-light)}.feed-header-left{display:flex;align-items:center;gap:10px}.feed-section-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.feed-count-badge{font-size:12px;font-weight:600;color:var(--text-muted);background-color:var(--bg-hover);padding:2px 8px;border-radius:9999px}.view-toggle-group{background-color:var(--bg-hover);border:1px solid var(--border-medium);border-radius:8px;padding:3px;gap:2px}.view-toggle-btn,.view-toggle-group{display:inline-flex;align-items:center}.view-toggle-btn{gap:6px;padding:5px 11px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.view-toggle-btn.active,.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background-color:var(--bg-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=dark] .view-toggle-btn.active{box-shadow:0 1px 3px rgba(0,0,0,.4)}.view-toggle-label{line-height:1}.article-feed{display:flex;flex-direction:column}.feed-item-wrapper{border-bottom:1px solid var(--border-light)}.feed-item{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;padding:32px 0;transition:all .2s ease;cursor:pointer;text-decoration:none;color:inherit;width:100%}.feed-item-wrapper:first-child .feed-item{padding-top:0}.feed-item:hover .post-item-title{color:var(--accent-link)}.feed-item-left{flex:1 1;min-width:0;display:flex;flex-direction:column}.author-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:var(--text-secondary)}.author-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--avatar-border)}.author-name{font-weight:600;color:var(--text-primary)}.meta-dot{color:var(--text-muted)}.post-item-title{font-family:Newsreader,Charter,Georgia,serif;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-item-title a{transition:color .15s ease}.post-item-title a:hover{color:var(--accent-link)}.post-item-excerpt{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.feed-item-footer{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.category-tag{background:var(--tag-bg);color:var(--tag-text);font-size:12px;font-weight:500;padding:4px 10px;border-radius:9999px;text-transform:capitalize;letter-spacing:.02em;transition:background-color .2s ease}.reading-time{font-size:13px;color:var(--text-muted)}.feed-item-thumb-wrap{flex-shrink:0;width:160px;height:110px;border-radius:6px;overflow:hidden;background-color:var(--bg-hover)}.feed-item-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.feed-item:hover .feed-item-thumb{transform:scale(1.03)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:28px;padding-top:16px}.grid-card,.grid-card-wrapper{display:flex}.grid-card{flex-direction:column;width:100%;border-radius:12px;border:1px solid var(--border-medium);background-color:var(--bg-primary);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.grid-card:hover{transform:translateY(-4px);border-color:var(--text-muted);box-shadow:0 14px 28px -8px rgba(0,0,0,.08)}[data-theme=dark] .grid-card:hover{box-shadow:0 14px 28px -8px rgba(0,0,0,.45);border-color:#555}.grid-card-media{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--bg-hover)}.grid-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.grid-card:hover .grid-card-img{transform:scale(1.04)}.grid-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-hover) 100%);position:relative}.grid-placeholder-initial{font-family:Newsreader,Charter,Georgia,serif;font-size:48px;font-weight:600;color:var(--text-muted);opacity:.35}.grid-placeholder-tag{position:absolute;bottom:12px;left:12px;background:var(--bg-primary);color:var(--text-secondary);font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid var(--border-medium);text-transform:uppercase;letter-spacing:.04em}.grid-card-content{display:flex;flex-direction:column;flex:1 1;padding:20px 20px 18px}.grid-author-row{margin-bottom:12px;font-size:12.5px}.grid-card-title{font-family:Newsreader,Charter,Georgia,serif;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.grid-card:hover .grid-card-title{color:var(--accent-link)}.grid-card-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.grid-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-muted)}@media (max-width:640px){.feed-item{gap:16px;padding:24px 0}.post-item-title{font-size:19px}.post-item-excerpt{display:none}.feed-item-thumb-wrap{width:100px;height:75px}.article-grid{grid-template-columns:1fr;gap:20px}.view-toggle-label{display:none}.view-toggle-btn{padding:6px 8px}}.reader-shell{max-width:720px;margin:0 auto;padding-top:10px}.article-back-nav{margin-bottom:28px}.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.back-btn:hover{color:var(--text-primary)}.reader-header{margin-bottom:32px}.reader-title{font-family:Newsreader,Charter,Georgia,serif;font-size:42px;font-weight:700;line-height:1.18;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:24px}@media (max-width:640px){.reader-title{font-size:32px;line-height:1.25}}.reader-author-bar{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.reader-author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--avatar-border)}.reader-author-meta{display:flex;flex-direction:column;gap:2px}.reader-author-name{font-size:15px;font-weight:600;color:var(--text-primary)}.reader-meta-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.reader-hero-image-wrap{width:100%;margin:32px 0 40px;border-radius:8px;overflow:hidden}.reader-hero-image{width:100%;height:auto;max-height:480px;object-fit:cover;display:block}.reader-body{font-family:Newsreader,Charter,Georgia,serif;font-size:20px;line-height:1.85;color:var(--text-primary);letter-spacing:-.003em}.reader-p{margin-bottom:28px}.reader-body strong{font-weight:700;color:var(--text-primary)}.reader-body em{font-style:italic}.article-link{color:var(--accent-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .2s ease}.article-link:hover{opacity:.8}.article-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;padding:2px 6px;border-radius:4px;background-color:var(--bg-hover);color:var(--text-primary)}.reader-heading{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:26px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--text-primary);margin:44px 0 16px}.reader-quote{border-left:3px solid var(--quote-border);padding:4px 0 4px 24px;margin:36px 0;font-family:Newsreader,Charter,Georgia,serif;font-style:italic;font-size:24px;line-height:1.6;color:var(--text-primary)}.reader-inline-img-wrap{margin:40px 0;text-align:center}.reader-inline-img{max-width:100%;height:auto;border-radius:6px;display:block;margin:0 auto}.reader-caption{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:13px;color:var(--text-muted);margin-top:10px}.reader-footer{margin-top:60px;padding-top:36px;border-top:1px solid var(--border-light)}.author-bio-card{display:flex;align-items:center;gap:18px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:24px;margin-bottom:32px}.bio-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.bio-content h4{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.bio-content p{font-size:14px;color:var(--text-secondary);line-height:1.45}.original-source-text{font-size:13px;color:var(--text-muted)}.original-source-text a{color:var(--accent-link);word-break:break-all}.minimal-footer{border-top:1px solid var(--border-light);padding:32px 24px;text-align:center;font-size:13px;color:var(--text-muted)}