/** * Rooster One: FiboSearch's box as Rooster Zero's header search (AIEO_FiboSearch_Header; the owner, 10 Nov 2026: * "It is supposed to be the fibosearch box"). Loaded only where the box is printed. * * The theme's one field recipe on FiboSearch's markup: the field's height, line, ground, radius from the Shape roles, * the checkout's focus (a muted border and a half-pixel inset), the placeholder in the muted text, 16 px text on a * phone; beside it the theme's Lucide search as the header's icon button (the theme's own recipe draws it: the box's * button carries `rooster-action rooster-action--search`), or the theme's solid button in the popover. Every colour is * a token, so the box reads in both schemes, on the page's ground and in a contrast row (the theme's always-dark * section); no colour of its own, not even a token's fallback (the owner's rule; NoOwnColoursTest): the browser's pair * (Canvas, CanvasText) or a mix of the text colour. In the header its field's look is the shop's where it chose one * (the Header tab's "Header search field" card, contract C11). The sheet is complete without FiboSearch's own sheet, * which may arrive later (AIEO_Perf), so the first paint is the final one. * * FiboSearch's suggestions (one panel for the page, which it appends to the body) are moved under the box while one * of its fields is in use (assets/js/aieo-fibosearch.js), so they hang from the field as the theme's suggestions do: * under it by the theme's 6 px, as wide as the field and its button, in the field's palette, the hovered row in the * accent's wash, the theme's panel radius and shadow. * * A bridge over a plugin's unlayered rules, as the theme's are (src/scss/_fields.scss): layered, every declaration * !important, so FiboSearch's sheet, its personalised colours (an inline