html[data-hub-theme]{--th-bg:#0b1120;--th-bg-soft:#0f172a;--th-panel:#151f32;--th-panel-2:#111c2e;--th-border:#1e293b;--th-text:#e2e8f0;--th-muted:#94a3b8;--th-accent:#38bdf8;color-scheme:dark}
html[data-hub-theme=ocean]{--th-bg:#061826;--th-bg-soft:#092238;--th-panel:#0d2a40;--th-panel-2:#0a2235;--th-border:#1c4c68;--th-text:#e0f2fe;--th-muted:#8fb7cc;--th-accent:#22d3ee}
html[data-hub-theme=violet]{--th-bg:#160f28;--th-bg-soft:#20143a;--th-panel:#291b46;--th-panel-2:#21173a;--th-border:#4c3470;--th-text:#f3e8ff;--th-muted:#b9a5cf;--th-accent:#c084fc}
html[data-hub-theme=forest]{--th-bg:#071a16;--th-bg-soft:#0b241d;--th-panel:#103126;--th-panel-2:#0c291f;--th-border:#225846;--th-text:#e5fff4;--th-muted:#94bfae;--th-accent:#34d399}
html[data-hub-theme=light]{--th-bg:#f8fafc;--th-bg-soft:#eef2f7;--th-panel:#ffffff;--th-panel-2:#f1f5f9;--th-border:#cbd5e1;--th-text:#172033;--th-muted:#52627a;--th-accent:#0284c7;color-scheme:light}
html[data-hub-theme]:not([data-hub-theme=midnight]) body{background-color:var(--th-bg)!important;color:var(--th-text)!important;background-image:linear-gradient(to right,color-mix(in srgb,var(--th-border) 22%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--th-border) 22%,transparent) 1px,transparent 1px)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) header,
html[data-hub-theme]:not([data-hub-theme=midnight]) footer,
html[data-hub-theme]:not([data-hub-theme=midnight]) #sidebar-container{background-color:var(--th-bg)!important;border-color:var(--th-border)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .bg-hub-900,
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="bg-[#0B1120]"],
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="bg-[#0b1120]"],
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="bg-[#0d1425]"]{background-color:var(--th-bg)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .bg-hub-800,
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="bg-[#151F32]"],
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="bg-[#151f32]"],
html[data-hub-theme]:not([data-hub-theme=midnight]) .glass-panel,
html[data-hub-theme]:not([data-hub-theme=midnight]) .panel,
html[data-hub-theme]:not([data-hub-theme=midnight]) .seo-upgrade-card{background:var(--th-panel)!important;border-color:var(--th-border)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .glass-panel-darker,
html[data-hub-theme]:not([data-hub-theme=midnight]) .metric,
html[data-hub-theme]:not([data-hub-theme=midnight]) .status{background:var(--th-panel-2)!important;border-color:var(--th-border)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .border-hub-700,
html[data-hub-theme]:not([data-hub-theme=midnight]) [class*="border-[#1e293b]"]{border-color:var(--th-border)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .text-hub-accent{color:var(--th-accent)!important}
html[data-hub-theme]:not([data-hub-theme=midnight]) .panel{--panel:var(--th-panel);--panel2:var(--th-panel-2);--line:var(--th-border);--text:var(--th-text);--muted:var(--th-muted);--accent:var(--th-accent)}
.theme-menu{position:fixed;right:1rem;top:4.25rem;z-index:90;width:min(20rem,calc(100vw - 2rem));padding:.75rem;background:rgba(15,23,42,.98);border:1px solid #334155;border-radius:.85rem;box-shadow:0 24px 70px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.theme-menu[hidden]{display:none}.theme-menu-title{display:flex;align-items:center;justify-content:space-between;color:#e2e8f0;font-size:.78rem;font-weight:700;margin-bottom:.6rem}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.theme-option{display:flex;align-items:center;gap:.55rem;padding:.55rem;border:1px solid #334155;border-radius:.55rem;background:#111827;color:#cbd5e1;font-size:.76rem;cursor:pointer;text-align:left}.theme-option:hover,.theme-option.active{border-color:#38bdf8;color:#fff}.theme-option.active{box-shadow:0 0 0 2px rgba(56,189,248,.12)}.theme-swatch{width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.theme-menu.standalone{top:auto;bottom:4.75rem}.theme-floating-btn{position:fixed;right:1rem;bottom:1rem;z-index:91;width:3rem;height:3rem;border-radius:999px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.35);cursor:pointer}.theme-floating-btn:hover{border-color:#38bdf8;color:#38bdf8}
html[data-hub-theme=light] .theme-menu{background:rgba(255,255,255,.98);border-color:#cbd5e1;box-shadow:0 24px 70px rgba(15,23,42,.18)}html[data-hub-theme=light] .theme-menu-title{color:#172033}html[data-hub-theme=light] .theme-option{background:#f8fafc;border-color:#cbd5e1;color:#334155}
html[data-hub-theme=light] .theme-floating-btn{background:#fff;border-color:#cbd5e1;color:#334155}
html[data-hub-theme=light] .text-white,
html[data-hub-theme=light] .text-slate-100,
html[data-hub-theme=light] .text-slate-200,
html[data-hub-theme=light] .text-slate-300{color:#172033!important}
html[data-hub-theme=light] .text-slate-400,
html[data-hub-theme=light] .text-slate-500,
html[data-hub-theme=light] .text-slate-600{color:#52627a!important}
html[data-hub-theme=light] input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),
html[data-hub-theme=light] textarea,
html[data-hub-theme=light] select{background:#fff!important;color:#172033!important;border-color:#b8c5d6!important}
html[data-hub-theme=light] .code,
html[data-hub-theme=light] .css-code-display,
html[data-hub-theme=light] [class*="bg-[#0f172a]"]{background:#e8eef6!important;color:#172033!important;border-color:#c3cfde!important}
html[data-hub-theme=light] .seo-upgrade h2,
html[data-hub-theme=light] .seo-upgrade h3,
html[data-hub-theme=light] .seo-upgrade summary,
html[data-hub-theme=light] .panel h2,
html[data-hub-theme=light] .panel h3{color:#172033!important}
html[data-hub-theme=light] .hero h1,
html[data-hub-theme=light] .metric b{color:#172033!important}
html[data-hub-theme=light] .seo-upgrade p,
html[data-hub-theme=light] .seo-upgrade li,
html[data-hub-theme=light] .seo-upgrade-answer{color:#52627a!important}
@media(max-width:420px){.theme-options{grid-template-columns:1fr}.theme-menu{max-height:calc(100vh - 5rem);overflow:auto}}