.fourier-hud{color:var(--ink-2);text-transform:none;font-feature-settings:"tnum";opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);pointer-events:none;justify-items:end;row-gap:.15rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.fourier-hud.on{opacity:1;transform:none}.fh-k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.fh-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:56px;line-height:1}.fh-sub{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px}.is-still .fourier-hud,.is-still .fourier-hint{display:none}.fourier-hint{letter-spacing:.06em;text-transform:none;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair), 0 1px 0 #ffffffb3 inset;opacity:0;transition:opacity .5s var(--out), transform .5s var(--out);pointer-events:none;background:#f7f4eeb3;border-radius:999px;margin:0;padding:.42rem .85rem;font-size:11px;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%,.4rem)}.fourier-drawable .fourier-hint{opacity:1;transform:translate(-50%)}.fourier-drawing .fourier-hint{opacity:0}.fourier-drawable #scene{cursor:crosshair}@media (width>=900px){.fourier-hint{left:calc(50% + var(--col) / 2)}}@media (width<=899px){.fourier-hud{right:var(--gutter);grid-template-columns:auto auto;align-items:baseline;column-gap:.6rem;top:3.9rem;bottom:auto}.fh-n{font-size:30px}.fh-sub{grid-column:1/-1}.fourier-hint{left:var(--gutter);top:4.1rem;bottom:auto;transform:translateY(.4rem)}.fourier-drawable .fourier-hint{transform:none}}.fourier-fig{box-shadow:0 0 0 1px var(--hair), 0 1px 0 #fff9 inset, 0 30px 60px -40px #16140f59;background:#ffffff52;border-radius:1.1rem;margin:1.6rem 0 0;padding:1rem 1.1rem .95rem}.ff-cap{text-transform:none;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:11px;display:flex}.ff-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre;font-weight:500}.fourier-fig canvas,.fourier-fig svg{width:100%;max-width:27rem;height:auto;font-family:var(--mono);margin:.5rem auto 0;display:block;overflow:visible}.fourier-fig canvas{aspect-ratio:380/300}.ff-chips{text-transform:none;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem;font-size:11px;display:flex}.ff-key{color:var(--muted);letter-spacing:.06em;margin-right:.35rem}.ff-chip{min-width:2.4rem;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair);cursor:pointer;transition:background .3s var(--out), color .3s var(--out), transform .2s var(--out);background:#fff6;border:0;border-radius:999px;padding:.3rem .6rem}.ff-chip:active{transform:scale(.97)}.ff-chip[aria-pressed=true]{color:var(--paper-hi);background:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ff-axis{stroke:var(--hair);stroke-width:1px}.ff-square{fill:none;stroke:var(--muted);stroke-width:1.1px;stroke-dasharray:3 2.5}.ff-jumpline{stroke:var(--hair);stroke-width:1px}.ff-bracket{fill:none;stroke:var(--muted);stroke-width:1px}.ff-sum{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.ff-peak{stroke:var(--accent);stroke-width:1px}.ff-peakdot{fill:var(--accent);stroke:var(--paper-hi);stroke-width:1.5px}.ff-over{fill:var(--accent);font-size:11px}.ff-small{fill:var(--muted);font-size:10.5px}