:root{--bg:#ffffff;--surface:#ffffff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#ff0000;--brand-dark:#c90000;--soft:#f8fafc;--shadow:0 22px 60px rgba(15,23,42,.10)}
[data-theme="dark"]{--bg:#080b12;--surface:#111827;--text:#f8fafc;--muted:#a3aab8;--line:#253044;--soft:#0f172a;--shadow:0 22px 60px rgba(0,0,0,.38)}
html{scroll-behavior:smooth}body{background:var(--bg)!important;color:var(--text)!important}.premium-surface{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}.premium-soft{background:var(--soft)!important}.premium-muted{color:var(--muted)!important}.premium-line{border-color:var(--line)!important}.premium-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.premium-card:hover{transform:translateY(-6px)}.premium-nav{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text)}.reading-progress{position:fixed;top:0;left:0;height:4px;background:var(--brand);width:0;z-index:9999}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:9998;display:none;align-items:flex-start;justify-content:center;padding:6rem 1rem}.search-overlay.is-open{display:flex}.search-panel{width:min(800px,100%);background:var(--surface);color:var(--text);border-radius:2rem;box-shadow:0 30px 100px rgba(0,0,0,.35);border:1px solid var(--line);padding:1.25rem}.search-panel input{width:100%;border:1px solid var(--line);border-radius:1.25rem;padding:1rem 1.25rem;background:var(--soft);color:var(--text);font-weight:800}.install-app{position:fixed;right:1rem;bottom:6.25rem;z-index:120;display:none}.install-app.show{display:block}.skeleton{background:linear-gradient(90deg,var(--soft),var(--line),var(--soft));background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}@media(max-width:768px){.premium-hero-title{font-size:3.4rem!important}.mobile-bottom-nav{display:flex}.desktop-only{display:none!important}}@media(min-width:769px){.mobile-bottom-nav{display:none!important}}.mobile-bottom-nav{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:70;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.5rem;justify-content:space-around;padding:.75rem}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.75rem;font-weight:900;color:var(--text);display:grid;gap:.2rem;place-items:center}.blog-content{color:var(--text)}.blog-content p,.blog-content li{color:var(--text)}.blog-content blockquote{color:var(--muted)!important}.blog-content table{background:var(--surface)}.blog-content td,.blog-content th{border-color:var(--line)!important}.blog-content img{height:auto}.fade-up{animation:fadeUp .55s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:769px){.install-app{bottom:1rem}}
@media(max-width:768px){body{padding-bottom:5.75rem}.install-app{left:1rem;right:1rem;width:calc(100% - 2rem);text-align:center}.mobile-bottom-nav{z-index:100}}
.pwa-help{position:fixed;left:1rem;right:1rem;bottom:6.25rem;z-index:130;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.25rem;padding:1rem;display:none}.pwa-help.show{display:block}.pwa-help button{font-weight:900}

/* PWA install button fix */
.install-app{bottom:6.75rem!important;z-index:2147483000!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
@media(max-width:768px){.install-app{left:1rem!important;right:1rem!important;width:calc(100% - 2rem)!important;bottom:6.9rem!important;text-align:center!important}.pwa-help{bottom:10.9rem!important;z-index:2147483001!important}.mobile-bottom-nav{z-index:1000!important}}
@media(min-width:769px){.install-app{bottom:1rem!important}.pwa-help{max-width:420px;left:auto!important;right:1rem!important;bottom:5rem!important}}