/* Resenence — the acquisition door ("Start With What You Know"), BRIEF 97 Lane A-page. This stylesheet is loaded AFTER styles.css (web/anchor.html) and reuses its tokens, fonts and generic components (.panel, .row, .actions, .muted, button, label, input/textarea, .banner, .rail) exactly as the expression door does — see docs/design/SURFACES.md for what each of the five surfaces (ground/wash/card/booth/nightfall) is for. This door has no instruments (no audio, no pitch, no ruler), so it never uses the booth surface: every panel here sits on the card, with wash for insets (the drop-style form blocks) — the same "mids working, deeps for text, lights for tints" rules, just with no dark screen anywhere on this page. Six steps, one hue each, continuing the same spectrum PAGE.md assigns the expression door's five (violet/blue/cyan/teal/seafoam) with ginkgo added for the sixth (result) — the guide's own accent-timing hue, used here for a HEADING role rather than a warning, exactly as the take clock already borrows it on the expression door. */ /* ---- reuse-compatibility decoys (see the HTML comment beside them): never shown, never take space. */ #step-import, #step-understand, #step-study, #step-record, #step-result, #refDrop, #refFile, #importBtn, #refUrl, #refUrlBtn, #refMicBtn, #refMicStop, #scoreBtn { display: none !important; } /* ⚑ styles.css's `button { display: inline-flex; ... }` (an author rule) beats the UA stylesheet's `[hidden] { display: none }` at equal specificity, so a plain `