.instrument-header.svelte-y5zdl4{z-index:20;color:#fff;background:linear-gradient(90deg, var(--blue) 0 76%, var(--signal) 76%) bottom / 100% .25rem no-repeat, var(--ink);justify-content:space-between;align-items:center;gap:2rem;min-height:4.25rem;padding:1rem clamp(1.15rem,4vw,4rem) 1.2rem;display:flex;position:relative}.instrument-header.overlay.svelte-y5zdl4{background:linear-gradient(90deg, var(--blue) 0 76%, var(--signal) 76%) bottom / 100% .25rem no-repeat, #0b0d10d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0 0 auto}.instrument-wordmark.svelte-y5zdl4,nav.svelte-y5zdl4 a:where(.svelte-y5zdl4),nav.svelte-y5zdl4 button:where(.svelte-y5zdl4){color:inherit;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:900;text-decoration:none}.instrument-wordmark.svelte-y5zdl4{letter-spacing:-.025em;font-size:.88rem}nav.svelte-y5zdl4{align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}nav.svelte-y5zdl4 a:where(.svelte-y5zdl4),nav.svelte-y5zdl4 button:where(.svelte-y5zdl4){background:linear-gradient(var(--blue-bright), var(--blue-bright)) bottom / 0 .2rem no-repeat;cursor:pointer;border:0;padding:.35rem 0;transition:background-size .15s}nav.svelte-y5zdl4 a:where(.svelte-y5zdl4):hover,nav.svelte-y5zdl4 button:where(.svelte-y5zdl4):hover{background-size:100% .2rem}@media (width<=34rem){.optional.svelte-y5zdl4{display:none}}