*,:after,:before{box-sizing:border-box;margin:0}:root{--bg:#fff;--surface:#fff;--border:#111;--text:#111;--text-secondary:#444;--text-muted:#888;--table-header:#f8f8f8;--row-border:#eee;--row-hover:#fcfcfc;--active-btn-bg:#111;--active-btn-text:#fff;--petrol-color:#22c55e;--diesel-color:#eab308;--up-color:#dc2626;--down-color:#16a34a;--brent-color:#2563eb;--neutral-color:#444;--radius:0px;--radius-lg:0px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Bricolage Grotesque",sans-serif;--font-mono:"JetBrains Mono","SF Mono",SFMono-Regular,ui-monospace,monospace}html.dark{--bg:#0c0c0c;--surface:#111;--border:#222;--text:#e5e5e5;--text-secondary:#a3a3a3;--text-muted:#666;--table-header:#181818;--row-border:#1a1a1a;--row-hover:#161616;--active-btn-bg:#e5e5e5;--active-btn-text:#0a0a0a;--petrol-color:#4ade80;--diesel-color:#facc15;--brent-color:#60a5fa;--up-color:#f87171;--down-color:#4ade80;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;text-transform:uppercase}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--surface);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{gap:16px;height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.header-inner,.header-left{align-items:center;display:flex}.header-left{gap:40px}.header-title{color:inherit;text-decoration:none}.header-title h1{font-size:20px;font-weight:800;margin:0}.header-nav{border:1.5px solid var(--border);display:flex;gap:0}.header-nav a{border-right:1.5px solid var(--border);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .1s}.header-nav a:last-child{border-right:none}.header-nav a.active,.header-nav a:hover{background:var(--text);color:var(--bg)}.header-actions{align-items:center;display:flex;gap:12px}.github-link,.theme-toggle{align-items:center;background:transparent;border:2px solid var(--border);color:var(--text);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .1s;width:38px}.github-link:hover,.theme-toggle:hover{background:var(--text);color:var(--bg)}.page-footer{align-items:flex-start;border-top:2px solid var(--border);color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:11px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:40px 24px;text-transform:uppercase;width:100%}.page-footer p{max-width:400px}.page-footer a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){.header-inner{height:auto;padding:16px 24px}.header-inner,.header-left{align-items:stretch;flex-direction:column}.header-left{gap:16px}.header-nav{width:100%}.header-nav a{flex:1;text-align:center}.page-footer{flex-direction:column;gap:16px;text-align:left}}