header[data-tone=dark]{--f-field:#081a52;--f-field-2:#0d246f;--f-ink:#eaf0ff;--f-ink-2:#b9c6ee;--f-ink-3:#8ea0d4;--f-border:#ffffff1f;--f-border-strong:#ffffff2e;--f-elev:#0e2a73;--honey:#ffa000;--mandarin:#ff5900}header[data-tone=dark] .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}header[data-tone=dark]{z-index:20;background:color-mix(in srgb, var(--f-field) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--f-border);color:var(--f-ink);position:sticky;top:0}header[data-tone=dark] .bar{flex-wrap:wrap;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:12px 24px;display:flex}header[data-tone=dark] .brand{flex-shrink:1;align-items:center;gap:14px;min-width:0;margin-right:auto;display:flex}header[data-tone=dark] .brand>div{min-width:0}header[data-tone=dark] .brand-logo{border-radius:8px;align-items:center;text-decoration:none;transition:opacity .15s;display:inline-flex}header[data-tone=dark] .brand-logo:hover{opacity:.88}header[data-tone=dark] .brand-logo:focus-visible{outline:2px solid var(--honey);outline-offset:3px}header[data-tone=dark] .divider{background:var(--f-border-strong);width:1px;height:40px}header[data-tone=dark] .brand h1{letter-spacing:-.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:21px;font-weight:800;line-height:1.05;overflow:hidden}header[data-tone=dark] .brand p{color:var(--f-ink-3);overflow-wrap:anywhere;max-width:46ch;margin:3px 0 0;font-size:12px;font-weight:600}header[data-tone=dark] .filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}header[data-tone=dark] .shell-nav{align-items:center;gap:2px;margin-right:14px;display:flex}header[data-tone=dark] .shell-nav a{color:var(--f-ink-3);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}header[data-tone=dark] .shell-nav a:hover{color:var(--f-ink);background:var(--tint-1)}header[data-tone=dark] .shell-nav a.on{color:var(--f-ink);background:var(--f-elev);box-shadow:inset 0 0 0 1px var(--f-border)}header[data-tone=dark] .shell-nav a:focus-visible{outline:2px solid var(--honey);outline-offset:2px}header[data-tone=dark] .seg{border:1px solid var(--f-border-strong);border-radius:10px;display:inline-flex;overflow:hidden}header[data-tone=dark] .seg a,header[data-tone=dark] .seg button{font:inherit;color:var(--f-ink-2);cursor:pointer;background:0 0;border:0;align-items:center;padding:7px 14px;font-size:12.5px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}header[data-tone=dark] .seg a:hover:not(.on),header[data-tone=dark] .seg button:hover:not(.on){background:var(--tint-2);color:#fff}header[data-tone=dark] .seg a.on,header[data-tone=dark] .seg button.on{color:#fff;font-weight:700}header[data-tone=dark] #team-seg a.on,header[data-tone=dark] #team-seg button.on{background:var(--mandarin)}header[data-tone=dark] .dash-auth,header[data-tone=dark] .dash-theme{align-items:center;display:inline-flex}@media (max-width:640px){header[data-tone=dark] .bar{padding:10px 14px}header[data-tone=dark] .filters{justify-content:space-between;width:100%}header[data-tone=dark] #team-seg a,header[data-tone=dark] #team-seg button{min-height:44px}header[data-tone=dark] .dash-theme button{min-width:44px;min-height:44px}}[data-theme=light] header[data-tone=dark]{--f-field:#fff8ec;--f-field-2:#fffdf8;--f-ink:#0d246f;--f-ink-2:#3a4a7a;--f-ink-3:#6b779c;--f-border:#0d246f1f;--f-border-strong:#0d246f2e;--f-elev:#fff;background:color-mix(in srgb, var(--f-field) 88%, transparent)}[data-theme=light] header[data-tone=dark] .brand h1{color:var(--f-ink)}
