:root{color-scheme:light dark;--bg: #0f1115;--bg-elevated: #171a21;--fg: #eef1f6;--muted: #9aa3b2;--accent: #ff6b9d;--accent-bf: #5b9dff;--border: rgba(154, 163, 178, .18);--max: 720px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:light){:root{--bg: #faf7f8;--bg-elevated: #ffffff;--fg: #1a1520;--muted: #5c6470;--border: rgba(26, 21, 32, .1)}}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}[data-app=bf] a{color:var(--accent-bf)}.blog-shell{min-height:100vh;display:flex;flex-direction:column}.blog-header{border-bottom:1px solid var(--border);background:var(--bg-elevated)}.blog-header-inner{max-width:calc(var(--max) + 48px);margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-kicker{margin:0 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.blog-site-title{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.blog-site-title a{color:var(--fg);text-decoration:none}.blog-app-link{font-size:.9rem;font-weight:600;white-space:nowrap}.blog-main{flex:1;max-width:calc(var(--max) + 48px);margin:0 auto;padding:32px 24px 48px;width:100%}.blog-footer{border-top:1px solid var(--border);padding:20px 24px;text-align:center;color:var(--muted);font-size:.875rem}.blog-intro{margin:0 0 28px;color:var(--muted);font-size:1.05rem}.blog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}.blog-list-item{padding-bottom:28px;border-bottom:1px solid var(--border)}.blog-list-item:last-child{border-bottom:none;padding-bottom:0}.blog-list-date{margin:0 0 6px;font-size:.8rem;color:var(--muted)}.blog-list-item h2{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.02em}.blog-list-excerpt{margin:0 0 10px;color:var(--muted)}.blog-read-more{font-size:.9rem;font-weight:600}.blog-empty{padding:48px 0;text-align:center;color:var(--muted)}.blog-empty h2{margin:0 0 8px;color:var(--fg)}.blog-article-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 24px;font-size:.85rem;color:var(--muted)}.blog-article-body{font-size:1.05rem}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{line-height:1.25;letter-spacing:-.02em;margin:1.6em 0 .6em}.blog-article-body h1{font-size:2rem;margin-top:0}.blog-article-body h2{font-size:1.35rem}.blog-article-body p{margin:0 0 1em}.blog-article-body ul,.blog-article-body ol{margin:0 0 1em;padding-left:1.25em}.blog-article-body li{margin-bottom:.35em}.blog-article-body strong{font-weight:600}.store-links{display:flex;flex-wrap:wrap;gap:10px}.store-links a{border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--fg);white-space:nowrap}.store-links a:hover{border-color:var(--accent);text-decoration:none}[data-app=bf] .store-links a:hover{border-color:var(--accent-bf)}.store-links--footer{justify-content:center;margin:0 0 16px}.blog-article-cta{margin-top:40px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.blog-article-cta-title{margin:0 0 14px;font-weight:700;font-size:1.05rem}