commit 5ab2096fc4b1a30316be9a51f7a7ff8d73910802
Author: Me Here <me@here>
Date:   Mon Jun 8 11:43:14 2026 -0500

    PolyMeter — slim main: landing chooser + mobile app + notation editor
    
    Clean, dependency-light front page. Only three things ship here:
    - index.html  — two-button landing: Mobile -> mobile.html, Desktop -> pm_e-2.html
    - mobile.html — touch-first PWA (+ mobile-sessions.html practice journal)
    - pm_e-2.html — engraved-notation editor
    
    build.sh/deploy.sh trimmed to just these; deploy mirrors dist/ to the web root
    with rsync --delete. README/CLAUDE.md rewritten for the slim scope.
    
    The full project (PM_E-1 editor, embeddable widget, all hardware form-factor
    pages, Pico firmware editions, the Rust port, and the KiCad/SPICE hardware
    design) is preserved on the `concepts` branch.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0ca36a7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+# Build output — assembled from index.html + assets/ by build.sh
+dist/
+tools/
+
+# Python build artifacts
+__pycache__/
+*.pyc
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..0bebffd
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,48 @@
+# CLAUDE.md
+
+This file guides Claude Code (claude.ai/code) when working in this repository.
+
+This is the **slim `main` branch** of VARASYS PolyMeter — a polymetric groove-trainer /
+metronome. Only three things ship here:
+
+- `index.html` — the landing chooser: two buttons, **Mobile** → `mobile.html` and
+  **Desktop** → `pm_e-2.html`.
+- `mobile.html` — the touch-first phone/tablet **PWA** (+ `mobile-sessions.html`, its practice
+  journal). Installable, works offline via `mobile-sw.js` + `manifest.webmanifest`.
+- `pm_e-2.html` — the engraved-notation editor.
+
+The **full project** (the PM_E-1 editor, the embeddable widget, every hardware form-factor page,
+the Pico **firmware** editions, the **Rust** port, and the **KiCad/SPICE hardware** design) lives
+on the **`concepts`** branch. Pull anything back from there if it needs to return to the front page.
+
+## Commands
+
+```sh
+./build.sh    # assemble the self-contained pages into dist/ (git-ignored)
+./deploy.sh   # build, stamp version, mirror dist/ to the Caddy web root, smoke-test
+```
+
+There's no test suite on this branch (the track-format conformance suite lives on `concepts`).
+
+## Build system
+
+Every deployed page is **one self-contained `.html` file, zero runtime dependencies** — no
+framework, no CDN, no audio samples (all voices are synthesized in Web Audio). Pages share code
+through build markers that `build.sh` resolves:
+
+- `/*@BUILD:include:src/<file>@*/` inlines a shared partial (`engine.js`, `setlists.js`,
+  `base.css`, `chrome.js`, `header.html`/`footer.html`, `notation.js`, `midiout.js`).
+- `@BUILD:favicon@` / `@BUILD:logo-*@` / `@BUILD:bravura@` inline base64 blobs from `assets/`.
+
+`build.sh` asserts no `@BUILD:` markers survive. **`dist/` is generated and git-ignored — never
+edit it by hand.** Edit the source `*.html` in the repo root and the partials in `src/`;
+`deploy.sh` always builds first, then mirrors `dist/` to the web root with `rsync --delete`
+(so anything no longer built is removed from the live site).
+
+State (set lists, practice log, theme) lives in `localStorage`; nothing is uploaded — share
+links encode everything in the URL hash (`#p=` patch, `#sl=` base64url set list). Source files
+keep an `APP_VERSION` placeholder; only the deployed copy is stamped (from `VERSION`).
+
+## License
+
+GNU AGPL v3 (`LICENSE`).
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..be3f7b2
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..5ace263
--- /dev/null
+++ b/README.md
@@ -0,0 +1,43 @@
+# VARASYS PolyMeter
+
+A **polymetric groove trainer & metronome**. Stack as many "meter lanes" as you like —
+each its own little metronome with a grouping, subdivision, drum voice and a per‑step
+pattern with accents. Layering lanes produces polymeter and true ratio polyrhythm.
+
+**Live:** https://metronome.varasys.io · **Source:** https://codeberg.org/VARASYS/metronome
+
+## What ships here
+
+The landing page (`/`) is a simple chooser with two doors:
+
+- **Mobile** → `mobile.html` — the touch‑first phone/tablet app (tap a beat, set the tempo,
+  practice). It's an installable **PWA** that works fully offline, with a practice journal
+  (`mobile-sessions.html`).
+- **Desktop** → `pm_e-2.html` — the engraved‑notation editor: build rhythms on a staff with
+  full keyboard control. Best on a large screen.
+
+Every **deployed page is a single, self‑contained `.html` file** with **zero runtime
+dependencies** — no framework, no CDN, nothing fetched at runtime. `build.sh` inlines a shared
+engine, the seed set lists, base styling and the brand assets (`assets/`) into each page. Every
+voice is **synthesized** in Web Audio (no audio samples). State (set lists, the practice log,
+theme) lives in `localStorage`; share links encode everything in the URL hash — nothing is
+uploaded.
+
+## Build & deploy
+
+```sh
+./build.sh    # assemble the self-contained pages into dist/ (git-ignored)
+./deploy.sh   # build, stamp version, mirror dist/ to the Caddy web root, smoke-test
+```
+
+## The `concepts` branch
+
+This `main` branch is intentionally lean. The **full project** — the PM_E‑1 editor, the
+embeddable widget, the whole gallery of hardware **form‑factor concepts**, the Raspberry Pi
+Pico **firmware** editions, the **Rust** port, and the **KiCad/SPICE hardware** design — lives
+on the [`concepts`](https://codeberg.org/VARASYS/metronome/src/branch/concepts) branch. It can
+be promoted back to the front page at any time.
+
+## License
+
+[GNU AGPL v3](./LICENSE) © VARASYS.
diff --git a/VERSION b/VERSION
new file mode 100644
index 0000000..fcae301
--- /dev/null
+++ b/VERSION
@@ -0,0 +1 @@
+0.0.68
diff --git a/assets/bravura.woff2.b64 b/assets/bravura.woff2.b64
new file mode 100644
index 0000000..bc83293
--- /dev/null
+++ b/assets/bravura.woff2.b64
@@ -0,0 +1 @@
+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
diff --git a/assets/favicon.b64 b/assets/favicon.b64
new file mode 100644
index 0000000..76dbb67
--- /dev/null
+++ b/assets/favicon.b64
@@ -0,0 +1 @@
+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iNyIgZmlsbD0iIzFDMjgzRiIvPjxwYXRoIGQ9Ik0xMiA2aDhsNCAyMUg4eiIgZmlsbD0iIzBBQjNGNyIvPjxwYXRoIGQ9Ik0xNiAyNEwxOS42IDkiIHN0cm9rZT0iIzFDMjgzRiIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIvPjxyZWN0IHg9IjE2LjQiIHk9IjEzLjIiIHdpZHRoPSI0LjQiIGhlaWdodD0iMi44IiByeD0iMC42IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTMgMTguNiAxNC42KSIgZmlsbD0iIzFDMjgzRiIvPjwvc3ZnPgo=
\ No newline at end of file
diff --git a/assets/icon-180.png b/assets/icon-180.png
new file mode 100644
index 0000000..591653d
Binary files /dev/null and b/assets/icon-180.png differ
diff --git a/assets/icon-192.png b/assets/icon-192.png
new file mode 100644
index 0000000..17357e3
Binary files /dev/null and b/assets/icon-192.png differ
diff --git a/assets/icon-512.png b/assets/icon-512.png
new file mode 100644
index 0000000..c02d04a
Binary files /dev/null and b/assets/icon-512.png differ
diff --git a/assets/logo-dark.b64 b/assets/logo-dark.b64
new file mode 100644
index 0000000..0682847
--- /dev/null
+++ b/assets/logo-dark.b64
@@ -0,0 +1 @@
+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
\ No newline at end of file
diff --git a/assets/logo-light.b64 b/assets/logo-light.b64
new file mode 100644
index 0000000..58e5749
--- /dev/null
+++ b/assets/logo-light.b64
@@ -0,0 +1 @@
+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
diff --git a/assets/logo-side-dark.b64 b/assets/logo-side-dark.b64
new file mode 100644
index 0000000..ebbab66
--- /dev/null
+++ b/assets/logo-side-dark.b64
@@ -0,0 +1 @@
+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
\ No newline at end of file
diff --git a/assets/logo-side-light.b64 b/assets/logo-side-light.b64
new file mode 100644
index 0000000..97cd680
--- /dev/null
+++ b/assets/logo-side-light.b64
@@ -0,0 +1 @@
+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
\ No newline at end of file
diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..69e82a2
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,49 @@
+#!/usr/bin/env bash
+# Assemble the deployed single-file pages from source + shared partials + assets/.
+#
+# Each page is a source that shares code via markers:
+#   /*@BUILD:include:src/<file>@*/   inlines a shared partial (engine, seed lists, base CSS, header/footer/chrome)
+#   @BUILD:favicon@ / @BUILD:logo-*@ / @BUILD:bravura@   inline base64 assets
+# This resolves them so each built page in dist/ is one self-contained file
+# (zero deps, works fully offline). deploy.sh runs this first. dist/ is generated —
+# don't edit or commit it.
+#
+# NOTE: this is the slim `main` branch — only the landing chooser, the mobile app
+# (+ its practice journal) and the pm_e-2 notation editor ship. The full
+# multi-form-factor project (all device pages, firmware, Rust, hardware) lives on
+# the `concepts` branch.
+set -euo pipefail
+cd "$(dirname "${BASH_SOURCE[0]}")"
+rm -rf dist && mkdir -p dist   # start clean so no stale artifact survives into deploy's rsync --delete
+
+python3 - <<'PY'
+import pathlib, re
+A = pathlib.Path("assets")
+
+def build(name):
+    src = pathlib.Path(name).read_text()
+    # 1) inline shared partials (function-replacement: no backslash/group interpretation)
+    src = re.sub(r"/\*@BUILD:include:([^@]+)@\*/",
+                 lambda m: pathlib.Path(m.group(1)).read_text().rstrip("\n"), src)
+    # 2) inline base64 assets (all voices are synthesized — no audio samples)
+    src = src.replace("@BUILD:favicon@",    (A / "favicon.b64").read_text().strip())
+    src = src.replace("@BUILD:logo-dark@",  (A / "logo-dark.b64").read_text().strip())
+    src = src.replace("@BUILD:logo-light@", (A / "logo-light.b64").read_text().strip())
+    src = src.replace("@BUILD:logo-side-dark@",  (A / "logo-side-dark.b64").read_text().strip())
+    src = src.replace("@BUILD:logo-side-light@", (A / "logo-side-light.b64").read_text().strip())
+    src = src.replace("@BUILD:bravura@",    (A / "bravura.woff2.b64").read_text().strip())   # SMuFL music font subset (PM_E-2 notation)
+    assert "@BUILD:" not in src, f"unresolved build marker(s) remain in {name}"
+    out = pathlib.Path("dist") / name
+    out.write_text(src)
+    return out.stat().st_size
+
+for name in ("index.html", "mobile.html", "mobile-sessions.html", "pm_e-2.html"):
+    print("built %s (%dKB)" % (name, build(name) // 1024))
+
+# PWA support files for mobile.html (the phone/tablet app): manifest, service worker, icons.
+for f in ("manifest.webmanifest", "mobile-sw.js"):
+    pathlib.Path("dist/" + f).write_text(pathlib.Path(f).read_text())
+for f in ("icon-192.png", "icon-512.png", "icon-180.png"):
+    pathlib.Path("dist/" + f).write_bytes((A / f).read_bytes())
+print("copied PWA files (manifest.webmanifest, mobile-sw.js, icon-{192,512,180}.png)")
+PY
diff --git a/deploy.sh b/deploy.sh
new file mode 100755
index 0000000..574c159
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,63 @@
+#!/usr/bin/env bash
+# Deploy the metronome to the Caddy web root that serves
+# https://metronome.varasys.io
+#
+# Caddy config: /var/lib/caddy/Caddyfile  (metronome.varasys.io:8443 block)
+# Bind-mount:   /etc/containers/systemd/caddy.container
+#
+# The web root is bind-mounted read-only into the Caddy container and served by
+# file_server, which picks up changes immediately — so a plain file copy is all
+# that's needed (no container restart). The web root is mirrored from dist/ with
+# `rsync --delete`, so anything no longer built is removed from the live site.
+set -euo pipefail
+
+SRC_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+DEST_DIR="/var/lib/caddy/www/metronome"
+DIST_DIR="$SRC_DIR/dist"
+
+[[ -f "$SRC_DIR/index.html" ]] || { echo "error: $SRC_DIR/index.html not found" >&2; exit 1; }
+[[ -d "$DEST_DIR" ]] || { echo "error: web root $DEST_DIR is missing — is Caddy set up?" >&2; exit 1; }
+
+# Assemble the self-contained pages (inlines assets/ into dist/). dist/ is git-ignored.
+"$SRC_DIR/build.sh"
+[[ -f "$DIST_DIR/index.html" ]] || { echo "error: build did not produce $DIST_DIR/index.html" >&2; exit 1; }
+
+# --- compute build version ---------------------------------------------------
+# Formal build: clean tree on a commit tagged v<VERSION>  -> "X.Y.Z"
+# Dev build:    anything else                             -> "X.Y.Z-dev.<utc-ts>.<sha>[.dirty]"
+VER="$(cat "$SRC_DIR/VERSION" 2>/dev/null || echo 0.0.0)"
+cd "$SRC_DIR"
+if git rev-parse --git-dir >/dev/null 2>&1; then
+  tag="$(git describe --exact-match --tags HEAD 2>/dev/null || true)"
+  dirty=""; [[ -n "$(git status --porcelain 2>/dev/null)" ]] && dirty=".dirty"
+  if [[ "$tag" == "v$VER" && -z "$dirty" ]]; then
+    BUILD="$VER"                                            # formal release
+  else
+    BUILD="$VER-dev.$(date -u +%Y%m%dT%H%M%SZ).g$(git rev-parse --short HEAD 2>/dev/null || echo nogit)$dirty"
+  fi
+else
+  BUILD="$VER-dev.$(date -u +%Y%m%dT%H%M%SZ)"               # not a git checkout
+fi
+
+# stamp the version into the built copies only (source keeps the APP_VERSION placeholder)
+for f in index.html mobile.html mobile-sessions.html pm_e-2.html; do
+  [[ -f "$DIST_DIR/$f" ]] || continue
+  tmp="$(mktemp)"
+  sed "s|const APP_VERSION = \"[^\"]*\";|const APP_VERSION = \"$BUILD\";|" "$DIST_DIR/$f" > "$tmp"
+  mv "$tmp" "$DIST_DIR/$f"
+done
+
+# Mirror dist/ -> web root, deleting anything that's no longer built (old pages, firmware, …)
+rsync -a --delete "$DIST_DIR/" "$DEST_DIR/"
+echo "deployed v$BUILD -> $DEST_DIR"
+for f in index.html mobile.html mobile-sessions.html pm_e-2.html; do
+  echo "  $f ($(stat -c '%s' "$DEST_DIR/$f") bytes)"
+done
+
+# Smoke test: Caddy serves on :8443 with tls internal; resolve the host
+# to localhost so SNI matches the site block.
+if command -v curl >/dev/null 2>&1; then
+  code=$(curl -sk --resolve metronome.varasys.io:8443:127.0.0.1 \
+    https://metronome.varasys.io:8443/ -o /dev/null -w '%{http_code}' || echo "??")
+  echo "smoke test: metronome.varasys.io -> HTTP $code"
+fi
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..810a333
--- /dev/null
+++ b/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+<title>VARASYS PolyMeter</title>
+<meta name="theme-color" content="#eef3f9" media="(prefers-color-scheme: light)" />
+<meta name="theme-color" content="#05070a" media="(prefers-color-scheme: dark)" />
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,@BUILD:favicon@" />
+<script>
+  (function(){ try{
+    var p = localStorage.getItem("metronome.theme");
+    if (p!=="light" && p!=="dark" && p!=="system") p = "system";
+    document.documentElement.dataset.theme = p==="system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;
+  } catch(e){ document.documentElement.dataset.theme = "dark"; } })();
+</script>
+<style>
+  :root{ --bg1:#12151c; --bg2:#05070a; --txt:#e7edf5; --muted:#8b96a5; --link:#6cb6ff;
+    --card:#161b22; --card-bd:#2a313c; --cyan:#0AB3F7; }
+  :root[data-theme="light"]{ --bg1:#eef3f9; --bg2:#cfd9e6; --txt:#10202f; --muted:#5c6776; --link:#1769c4;
+    --card:#ffffff; --card-bd:#d2dae4; --cyan:#0AB3F7; }
+  html,body{ height:100%; }
+  body{ margin:0; color:var(--txt);
+    background:radial-gradient(circle at 50% -10%, var(--bg1), var(--bg2));
+    font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-text-size-adjust:100%; }
+  [data-theme="light"] .logo-dark{ display:none; } [data-theme="dark"] .logo-light{ display:none; }
+  main{ min-height:100%; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center;
+    gap:clamp(20px,4vmin,40px); padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom)); text-align:center; }
+  .logo{ height:clamp(34px,7vmin,56px); width:auto; }
+  .tagline{ color:var(--muted); font-size:clamp(13px,2.4vmin,17px); letter-spacing:.01em; margin:-6px 0 0; max-width:30ch; line-height:1.4; }
+  .choices{ display:flex; flex-wrap:wrap; gap:clamp(16px,3vmin,28px); justify-content:center; width:100%; max-width:620px; }
+  .choice{ flex:1 1 240px; min-width:0; max-width:300px; text-decoration:none; color:var(--txt);
+    background:linear-gradient(180deg, rgba(127,139,154,.07), transparent), var(--card);
+    border:1px solid var(--card-bd); border-radius:18px; padding:clamp(22px,4vmin,34px) 20px;
+    display:flex; flex-direction:column; align-items:center; gap:10px;
+    box-shadow:0 6px 22px rgba(0,0,0,.18); transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease; }
+  .choice:hover, .choice:focus-visible{ border-color:var(--cyan); transform:translateY(-3px); box-shadow:0 12px 30px rgba(10,179,247,.18); outline:none; }
+  .choice:active{ transform:translateY(0); }
+  .choice .ic{ font-size:clamp(34px,7vmin,52px); line-height:1; }
+  .choice .lbl{ font-size:clamp(19px,3.4vmin,26px); font-weight:700; letter-spacing:.01em; }
+  .choice .sub{ font-size:clamp(11px,2vmin,13px); color:var(--muted); line-height:1.4; }
+  footer{ color:var(--muted); font-size:12px; line-height:1.7; }
+  footer a{ color:var(--link); text-decoration:none; }
+  footer a:hover{ text-decoration:underline; }
+</style>
+</head>
+<body>
+  <main>
+    <img class="logo logo-dark" src="data:image/png;base64,@BUILD:logo-dark@" alt="VARASYS PolyMeter" />
+    <img class="logo logo-light" src="data:image/png;base64,@BUILD:logo-light@" alt="VARASYS PolyMeter" />
+    <p class="tagline">A polymetric groove trainer &amp; metronome. Pick how you want to play.</p>
+    <div class="choices">
+      <a class="choice" href="/mobile.html">
+        <span class="ic" aria-hidden="true">📱</span>
+        <span class="lbl">Mobile</span>
+        <span class="sub">Touch-first phone &amp; tablet app — tap a beat, set the tempo, practice. Installable, works offline.</span>
+      </a>
+      <a class="choice" href="/pm_e-2.html">
+        <span class="ic" aria-hidden="true">🎼</span>
+        <span class="lbl">Desktop</span>
+        <span class="sub">Engraved-notation editor — build rhythms on a staff with full keyboard control. Best on a big screen.</span>
+      </a>
+    </div>
+    <footer>
+      VARASYS PolyMeter · <a href="https://codeberg.org/VARASYS/metronome" target="_blank" rel="noopener">source on Codeberg</a>
+    </footer>
+  </main>
+</body>
+</html>
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 0000000..be658a3
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,18 @@
+{
+  "name": "VARASYS PolyMeter",
+  "short_name": "PolyMeter",
+  "description": "Polymetric groove-trainer & metronome — touch-first, full-screen.",
+  "id": "/mobile.html",
+  "start_url": "/mobile.html?standalone=1",
+  "scope": "/mobile",
+  "display": "standalone",
+  "display_override": ["standalone", "fullscreen"],
+  "orientation": "any",
+  "background_color": "#05070a",
+  "theme_color": "#0b0d11",
+  "categories": ["music", "productivity", "utilities"],
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}
diff --git a/mobile-sessions.html b/mobile-sessions.html
new file mode 100644
index 0000000..0ecb743
--- /dev/null
+++ b/mobile-sessions.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+<title>VARASYS PolyMeter — Practice sessions</title>
+<link rel="manifest" href="/manifest.webmanifest" />
+<meta name="theme-color" content="#eef3f9" media="(prefers-color-scheme: light)" />
+<meta name="theme-color" content="#05070a" media="(prefers-color-scheme: dark)" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+<meta name="apple-mobile-web-app-title" content="PolyMeter" />
+<link rel="apple-touch-icon" href="/icon-180.png" />
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,@BUILD:favicon@" />
+<script>
+  (function(){ try{
+    var p = localStorage.getItem("metronome.theme");
+    if (p!=="light" && p!=="dark" && p!=="system") p = "system";
+    document.documentElement.dataset.theme = p==="system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;
+  } catch(e){ document.documentElement.dataset.theme = "dark"; } })();
+</script>
+<style>
+  /*@BUILD:include:src/base.css@*/
+  :root{
+    --bg1:#12151c; --bg2:#05070a; --txt:#e7edf5; --muted:#8b96a5; --link:#6cb6ff;
+    --panel-bg:#161b22; --panel-bd:#2a313c; --field-bg:#0e1116; --field-bd:#222a36;
+    --cyan:#0AB3F7; --amber:#ffd166; --row:#0e1218;
+  }
+  :root[data-theme="light"]{
+    --bg1:#eef3f9; --bg2:#cfd9e6; --txt:#10202f; --muted:#5c6776; --link:#1769c4;
+    --panel-bg:#ffffff; --panel-bd:#d2dae4; --field-bg:#f1f4f8; --field-bd:#cdd6e0; --row:#f4f7fb;
+  }
+  html,body{ height:100%; }
+  body{ margin:0; min-height:100%; color:var(--txt); background:radial-gradient(circle at 50% -10%, var(--bg1), var(--bg2));
+    font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-text-size-adjust:100%; overscroll-behavior-y:none; }
+  .wrap{ max-width:760px; margin:0 auto;
+    padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); }
+  header{ display:flex; align-items:center; gap:12px; position:sticky; top:0; z-index:5; padding:8px 0 10px;
+    background:linear-gradient(180deg, var(--bg1) 70%, transparent); }
+  .back{ flex:0 0 auto; display:flex; align-items:center; gap:6px; text-decoration:none; color:var(--txt);
+    background:rgba(127,139,154,.14); border:1px solid var(--panel-bd); border-radius:10px; padding:9px 13px; font-size:15px; }
+  header h1{ flex:1 1 auto; font-size:18px; margin:0; }
+  .icon{ flex:0 0 auto; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
+    font-size:17px; cursor:pointer; color:var(--txt); background:rgba(127,139,154,.14); border:1px solid var(--panel-bd); }
+
+  .card{ background:var(--panel-bg); border:1px solid var(--panel-bd); border-radius:14px; padding:14px; margin-bottom:14px; }
+  .seclabel{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:6px 2px 8px; }
+
+  /* current-track aggregate (compare across sessions) */
+  #trackAgg .ta-head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:4px; }
+  #taSel{ flex:1 1 auto; min-width:0; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd);
+    border-radius:10px; padding:9px 8px; font-size:16px; font-weight:600; }
+  .stat{ font-size:13px; color:var(--muted); margin:4px 0 12px; }
+  .stat b{ color:var(--txt); }
+
+  table{ width:100%; border-collapse:collapse; font-size:14px; }
+  th,td{ text-align:left; padding:8px 8px; border-bottom:1px solid var(--panel-bd); }
+  th{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:600; }
+  td.num,th.num{ text-align:right; font-variant-numeric:tabular-nums; }
+  tr:nth-child(even) td{ background:var(--row); }
+  tfoot td{ font-weight:700; border-top:2px solid var(--panel-bd); border-bottom:none; }
+
+  /* session list — collapsible */
+  details.sess{ background:var(--panel-bg); border:1px solid var(--panel-bd); border-radius:14px; margin-bottom:12px; overflow:hidden; }
+  details.sess > summary{ list-style:none; cursor:pointer; padding:13px 14px; display:flex; flex-direction:column; gap:3px; }
+  details.sess > summary::-webkit-details-marker{ display:none; }
+  summary .when{ font-size:15px; font-weight:600; display:flex; align-items:center; gap:9px; }
+  summary .when::before{ content:"▸"; color:var(--muted); font-size:13px; transition:transform .15s; }
+  details[open] > summary .when::before{ transform:rotate(90deg); }
+  summary .sstat{ font-size:12px; color:var(--muted); padding-left:22px; }
+  summary .sstat b{ color:var(--txt); }
+  .sbody{ padding:2px 14px 14px; }
+  .sbody .brow{ display:flex; justify-content:flex-end; margin-bottom:10px; }
+  .del{ background:transparent; border:1px solid var(--panel-bd); color:var(--muted); border-radius:9px; padding:6px 11px; font-size:12px; cursor:pointer; }
+  .del:hover{ color:#ff7a7a; border-color:#ff7a7a; }
+  textarea.note{ width:100%; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:10px;
+    padding:10px; font-family:inherit; font-size:14px; resize:vertical; min-height:46px; margin-bottom:12px; }
+
+  .empty{ text-align:center; color:var(--muted); padding:60px 16px; }
+  .empty .big{ font-size:46px; opacity:.5; }
+  .foot{ text-align:center; color:var(--muted); font-size:12px; margin-top:24px; }
+  .foot img{ height:16px; vertical-align:middle; opacity:.85; }
+  [data-theme="light"] .logo-dark{ display:none; } [data-theme="dark"] .logo-light{ display:none; }
+</style>
+</head>
+<body>
+<div class="wrap">
+  <header>
+    <a class="back" href="/mobile.html">‹ Metronome</a>
+    <h1>Practice sessions</h1>
+    <div class="icon" id="themeBtn" title="Theme" aria-label="Theme">◐</div>
+  </header>
+
+  <div id="trackAgg" class="card" style="display:none">
+    <div class="seclabel">This track — across all sessions</div>
+    <div class="ta-head"><select id="taSel"></select></div>
+    <div class="stat" id="taStat"></div>
+    <table id="taTable"></table>
+  </div>
+
+  <div class="seclabel" id="listLabel" style="display:none">Sessions</div>
+  <div id="list"></div>
+
+  <div class="foot">
+    <img class="logo-dark" src="data:image/png;base64,@BUILD:logo-dark@" alt="VARASYS" /><img class="logo-light" src="data:image/png;base64,@BUILD:logo-light@" alt="VARASYS" />
+    &nbsp;PolyMeter <span id="appVersion"></span>
+  </div>
+</div>
+
+<script>
+const APP_VERSION = "v0.0.1-dev";
+const $ = (id) => document.getElementById(id);
+const LS_SESSIONS = "metronome.sessions", LS_CURTRACK = "metronome.curtrack";
+function lsGet(k,fb){ try{ const v=localStorage.getItem(k); return v?JSON.parse(v):fb; }catch(e){ return fb; } }
+function lsSet(k,v){ try{ localStorage.setItem(k,JSON.stringify(v)); }catch(e){} }
+function lsGetRaw(k){ try{ return localStorage.getItem(k)||""; }catch(e){ return ""; } }
+function fmt(sec){ sec=Math.max(0,Math.round(sec)); const h=Math.floor(sec/3600), m=Math.floor((sec%3600)/60), s=sec%60;
+  return (h?h+":"+String(m).padStart(2,"0"):m)+":"+String(s).padStart(2,"0"); }
+function esc(s){ return String(s).replace(/[&<>"]/g,(c)=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c])); }
+function whenLong(ms){ const d=new Date(ms);
+  const wd=d.toLocaleDateString(undefined,{weekday:"short"}), mo=d.toLocaleDateString(undefined,{month:"short"});
+  const t=d.toLocaleTimeString(undefined,{hour:"numeric",minute:"2-digit"});
+  return wd+" "+mo+" "+d.getDate()+" at "+t; }                                 // "Fri Jun 16 at 2:46 PM"
+function whenShort(ms){ const d=new Date(ms);
+  return d.toLocaleDateString(undefined,{month:"short",day:"numeric"})+" · "+d.toLocaleTimeString(undefined,{hour:"numeric",minute:"2-digit"}); }
+function bpmRange(b){ if(!b.length) return "—"; const lo=Math.min(...b), hi=Math.max(...b); return lo===hi?String(lo):lo+"–"+hi; }
+
+/* per-track aggregate of one session's segments → one row per track */
+function aggregate(seg){
+  const by={};
+  (seg||[]).forEach((s)=>{ const k=s.name||"(unnamed)"; const a=by[k]||(by[k]={name:k,sec:0,plays:0,bpms:[]}); a.sec+=s.sec; a.plays++; if(s.bpm) a.bpms.push(s.bpm); });
+  return Object.values(by).sort((x,y)=>y.sec-x.sec);
+}
+/* one track across all sessions → one row per session that included it (newest first) */
+function trackRows(name){
+  const out=[];
+  lsGet(LS_SESSIONS,[]).forEach((s)=>{
+    let sec=0, plays=0, bpms=[];
+    (s.segments||[]).forEach((g)=>{ if((g.name||"(unnamed)")===name){ sec+=g.sec; plays++; if(g.bpm) bpms.push(g.bpm); } });
+    if(sec>0) out.push({ at:s.at, sec, plays, bpms });
+  });
+  return out;
+}
+function allTrackNames(){ const set=new Set(); lsGet(LS_SESSIONS,[]).forEach((s)=>(s.segments||[]).forEach((g)=>set.add(g.name||"(unnamed)"))); return [...set].sort((a,b)=>a.localeCompare(b)); }
+
+/* ----- top: current-track comparison across sessions ----- */
+let selTrack=null;
+function renderTrackAgg(){
+  const names=allTrackNames();
+  if(!names.length){ $("trackAgg").style.display="none"; return; }
+  $("trackAgg").style.display="";
+  const cur=lsGetRaw(LS_CURTRACK).replace(/^"|"$/g,"");          // stored JSON-encoded string
+  if(selTrack===null) selTrack = names.includes(cur) ? cur : names[0];
+  if(!names.includes(selTrack)) selTrack=names[0];
+  // selector
+  const sel=$("taSel"); sel.innerHTML="";
+  names.forEach((n)=>{ const o=document.createElement("option"); o.value=n; o.textContent=n+(n===cur?"  (current)":""); sel.appendChild(o); });
+  sel.value=selTrack;
+  // stats + per-session table
+  const rows=trackRows(selTrack);
+  const totSec=rows.reduce((a,r)=>a+r.sec,0), totPlays=rows.reduce((a,r)=>a+r.plays,0), allb=rows.flatMap((r)=>r.bpms);
+  $("taStat").innerHTML = rows.length+" session"+(rows.length===1?"":"s")+" · total <b>"+fmt(totSec)+"</b> · "+totPlays+" play"+(totPlays===1?"":"s")+" · "+bpmRange(allb)+" bpm";
+  $("taTable").innerHTML =
+    '<thead><tr><th>Session</th><th class="num">Time</th><th class="num">Plays</th><th class="num">BPM</th></tr></thead><tbody>'+
+    (rows.length ? rows.map((r)=>'<tr><td>'+esc(whenShort(r.at))+'</td><td class="num">'+fmt(r.sec)+'</td><td class="num">'+r.plays+'</td><td class="num">'+bpmRange(r.bpms)+'</td></tr>').join("")
+                 : '<tr><td colspan="4" style="color:var(--muted)">No sessions for this track yet.</td></tr>')+
+    '</tbody>';
+}
+$("taSel").addEventListener("change",(e)=>{ selTrack=e.target.value; renderTrackAgg(); });
+
+/* ----- session list (collapsible) ----- */
+function renderList(){
+  const sessions=lsGet(LS_SESSIONS,[]);
+  const list=$("list"); list.innerHTML="";
+  if(!sessions.length){
+    $("listLabel").style.display="none";
+    list.innerHTML='<div class="empty"><div class="big">&#119070;</div><p>No practice sessions yet.<br>On the metronome, press <b>Practice</b> to start a session, then <b>Stop</b> when you\'re done — it\'ll be saved here.</p></div>';
+    return;
+  }
+  $("listLabel").style.display="";
+  sessions.forEach((s)=>{
+    const rows=aggregate(s.segments), practiced=rows.reduce((a,r)=>a+r.sec,0);
+    const d=document.createElement("details"); d.className="sess";
+    d.innerHTML =
+      '<summary><span class="when">'+esc(whenLong(s.at))+'</span>'+
+      '<span class="sstat">Total <b>'+fmt(s.clockSec)+'</b> · practiced <b>'+fmt(practiced)+'</b> · '+rows.length+' track'+(rows.length===1?"":"s")+'</span></summary>'+
+      '<div class="sbody">'+
+        '<div class="brow"><button class="del">Delete session</button></div>'+
+        '<textarea class="note" placeholder="Add a note about this session — what you worked on, how it felt…">'+esc(s.note||"")+'</textarea>'+
+        '<table><thead><tr><th>Track</th><th class="num">Time</th><th class="num">Plays</th><th class="num">BPM</th></tr></thead><tbody>'+
+          rows.map((r)=>'<tr><td>'+esc(r.name)+'</td><td class="num">'+fmt(r.sec)+'</td><td class="num">'+r.plays+'</td><td class="num">'+bpmRange(r.bpms)+'</td></tr>').join("")+
+        '</tbody><tfoot><tr><td>Total</td><td class="num">'+fmt(practiced)+'</td><td class="num">'+rows.reduce((a,r)=>a+r.plays,0)+'</td><td class="num"></td></tr></tfoot></table>'+
+      '</div>';
+    d.querySelector(".note").addEventListener("input",(e)=>saveNote(s.at, e.target.value));
+    d.querySelector(".del").addEventListener("click",()=>{
+      if(!confirm("Delete this practice session? This can't be undone.")) return;
+      lsSet(LS_SESSIONS, lsGet(LS_SESSIONS,[]).filter((x)=>x.at!==s.at)); render();
+    });
+    list.appendChild(d);
+  });
+}
+let saveTimer=null;
+function saveNote(at, text){
+  clearTimeout(saveTimer);
+  saveTimer=setTimeout(()=>{ const arr=lsGet(LS_SESSIONS,[]); const it=arr.find((x)=>x.at===at); if(it){ it.note=text; lsSet(LS_SESSIONS,arr); } }, 300);
+}
+
+function render(){ renderTrackAgg(); renderList(); }
+
+/*@BUILD:include:src/chrome.js@*/
+render();
+</script>
+</body>
+</html>
diff --git a/mobile-sw.js b/mobile-sw.js
new file mode 100644
index 0000000..dacb8e6
--- /dev/null
+++ b/mobile-sw.js
@@ -0,0 +1,52 @@
+/* Service worker for the PolyMeter mobile app (mobile.html).
+ *
+ * Deliberately minimal and non-intrusive: it only manages its OWN app-shell URLs
+ * (the page, manifest, icons). For every other request it does NOT call
+ * respondWith(), so the rest of the site behaves exactly as if no SW existed.
+ *
+ * Strategy for the shell: network-first, fall back to cache. The page is a single
+ * self-contained file that is version-stamped on deploy, so when the device is
+ * online it always gets the freshest build; offline it still launches from cache.
+ */
+const CACHE = "polymeter-mobile-v2";
+const SHELL = [
+  "/mobile.html",
+  "/mobile-sessions.html",
+  "/manifest.webmanifest",
+  "/icon-192.png",
+  "/icon-512.png",
+  "/icon-180.png",
+];
+const SHELL_PATHS = new Set(SHELL);
+
+self.addEventListener("install", (e) => {
+  self.skipWaiting();
+  e.waitUntil(caches.open(CACHE).then((c) => c.addAll(SHELL)).catch(() => {}));
+});
+
+self.addEventListener("activate", (e) => {
+  e.waitUntil(
+    caches.keys()
+      .then((keys) => Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k))))
+      .then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener("fetch", (e) => {
+  const req = e.request;
+  if (req.method !== "GET") return;
+  const url = new URL(req.url);
+  if (url.origin !== self.location.origin) return;
+  // Treat any navigation to /mobile.html (with or without ?standalone=1 etc.) as the shell.
+  const path = url.pathname;
+  if (!SHELL_PATHS.has(path)) return;          // not ours — let the browser handle it
+
+  e.respondWith(
+    fetch(req)
+      .then((res) => {
+        if (res && res.ok) { const copy = res.clone(); caches.open(CACHE).then((c) => c.put(path, copy)); }
+        return res;
+      })
+      .catch(() => caches.match(path).then((hit) => hit || caches.match("/mobile.html")))
+  );
+});
diff --git a/mobile.html b/mobile.html
new file mode 100644
index 0000000..28d2748
--- /dev/null
+++ b/mobile.html
@@ -0,0 +1,951 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no" />
+<title>VARASYS PolyMeter — Mobile</title>
+
+<link rel="manifest" href="/manifest.webmanifest" />
+<meta name="theme-color" content="#eef3f9" media="(prefers-color-scheme: light)" />
+<meta name="theme-color" content="#05070a" media="(prefers-color-scheme: dark)" />
+<meta name="mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+<meta name="apple-mobile-web-app-title" content="PolyMeter" />
+<link rel="apple-touch-icon" href="/icon-180.png" />
+<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,@BUILD:favicon@" />
+
+<script>
+  window.EMBED = /[?&]embed=1/.test(location.search);
+  if (window.EMBED) document.documentElement.dataset.embed = "1";
+</script>
+<script>
+  (function(){ try{
+    var p = localStorage.getItem("metronome.theme");
+    if (p!=="light" && p!=="dark" && p!=="system") p = "system";
+    document.documentElement.dataset.theme = p==="system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;
+  } catch(e){ document.documentElement.dataset.theme = "dark"; } })();
+</script>
+<style>
+  /*@BUILD:include:src/base.css@*/
+  :root{
+    --bg1:#12151c; --bg2:#05070a;
+    --txt:#e7edf5; --muted:#8b96a5; --link:#6cb6ff;
+    --panel-bg:#161b22; --panel-bd:#2a313c; --field-bg:#0e1116; --field-bd:#222a36;
+    --cyan:#0AB3F7; --amber:#ffd166;
+    --led-off:#1b2330; --ring:#2a3340; --glow:rgba(10,179,247,.55); --aglow:rgba(255,209,102,.55); --poly:#bb8cff; --staff:rgba(199,208,219,.17);
+    --btn1:#2b323d; --btn2:#1b212a; --btn-bd:#39424f; --chip-bg:#1b2230; --chip-bd:#2c3545;
+  }
+  :root[data-theme="light"]{
+    --bg1:#eef3f9; --bg2:#cfd9e6;
+    --txt:#10202f; --muted:#5c6776; --link:#1769c4;
+    --panel-bg:#ffffff; --panel-bd:#d2dae4; --field-bg:#f1f4f8; --field-bd:#cdd6e0;
+    --led-off:#c4cedb; --ring:#c9d4e1; --glow:rgba(10,179,247,.40); --aglow:rgba(230,160,30,.45); --poly:#7a3df0; --staff:rgba(28,40,63,.15);
+    --btn1:#ffffff; --btn2:#e7edf4; --btn-bd:#c8d2de; --chip-bg:#eef2f7; --chip-bd:#d3dbe5;
+  }
+  html,body{ height:100%; }
+  body{ margin:0; overflow:hidden; color:var(--txt);
+    background:radial-gradient(circle at 50% -12%, var(--bg1), var(--bg2));
+    font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;
+    touch-action:manipulation; overscroll-behavior:none; }
+  /* Content is capped to --maxw and centered, so phone→tablet is the SAME layout,
+     just larger (no flex re-flow). Generous margins; even more in full-screen. */
+  #app{ position:fixed; inset:0; overflow:hidden; display:flex; flex-direction:column; align-items:center; --maxw:600px; --pad:14px;
+    padding:max(12px,env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right))
+            max(12px,env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left)); }
+  #top, #mid{ width:100%; max-width:var(--maxw); }
+  :fullscreen #app, html:fullscreen #app{ --pad:30px; padding-top:max(24px,env(safe-area-inset-top)); padding-bottom:max(18px,env(safe-area-inset-bottom)); }
+  @media (display-mode:standalone){ #app{ --pad:26px; padding-top:max(20px,env(safe-area-inset-top)); padding-bottom:max(16px,env(safe-area-inset-bottom)); } }
+
+  /* ---- top ---- */
+  /* the logo + header-icon row is always a full-width bar at the very top, in
+     both orientations — it never joins the side-by-side landscape header flow */
+  #top{ flex:0 0 auto; display:flex; flex-direction:column; gap:11px; }
+  #brandrow{ flex:0 0 auto; display:flex; align-items:center; gap:10px; width:100%; }
+  #logoLink{ display:inline-flex; opacity:.9; }
+  .brandlogo{ height:clamp(21px,4.2vmin,30px); width:auto; display:block; }
+  .hicons{ display:flex; align-items:center; gap:8px; margin-left:auto; }
+  .hicons .icon{ width:36px; height:36px; font-size:16px; }
+  .sels{ width:100%; display:flex; gap:8px; align-items:flex-end; }
+  .sel{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:3px; }
+  .sel > span{ font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding-left:3px; }
+  .sel select{ width:100%; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:10px; padding:10px 8px; font-size:15px; }
+  .trow{ display:flex; align-items:center; gap:10px; }
+  .vol{ width:100%; display:flex; align-items:center; gap:12px; color:var(--muted); min-width:0; }
+  .vol input{ flex:1 1 auto; min-width:0; accent-color:var(--cyan); }
+  .dyn{ flex:0 0 auto; font-family:Georgia,"Times New Roman",serif; font-style:italic; font-weight:700; font-size:17px; color:var(--muted); line-height:1; }
+  .icon{ flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
+    font-size:18px; line-height:1; cursor:pointer; color:var(--txt); background:rgba(127,139,154,.14); border:1px solid var(--panel-bd); }
+  .icon:active{ background:rgba(127,139,154,.30); }
+
+  /* ---- middle: pulse + track panel + lanes + transport, centered as one block ---- */
+  #mid{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:clamp(18px,4.2vmin,34px); padding-top:clamp(8px,1.8vmin,16px); }
+  #stage{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; width:100%; }
+  /* tempo plate: [TAP] [big BPM] [thumbwheel] — flashes on the beat */
+  #pulse{ position:relative; width:100%; padding:clamp(8px,1.8vmin,14px); border-radius:16px;
+    display:flex; flex-direction:row; align-items:stretch; gap:clamp(8px,2vmin,16px);
+    border:1px solid var(--ring); background:linear-gradient(180deg, rgba(127,139,154,.06), transparent);
+    transition:box-shadow .12s ease-out, border-color .12s ease-out, background .12s ease-out; }
+  #pulse.hit{ border-color:var(--cyan); box-shadow:0 0 22px var(--glow); background:rgba(10,179,247,.07); }
+  #pulse.hit.acc{ border-color:var(--amber); box-shadow:0 0 26px var(--aglow); background:rgba(255,209,102,.08); }
+  .tapbtn{ flex:0 0 auto; align-self:stretch; min-width:clamp(58px,16vmin,100px); border-radius:12px;
+    background:linear-gradient(180deg,var(--btn1),var(--btn2)); border:1px solid var(--btn-bd); color:var(--txt);
+    font-size:clamp(13px,2.8vmin,18px); font-weight:600; letter-spacing:.14em; cursor:pointer;
+    transition:box-shadow .1s ease-out, border-color .1s ease-out, color .1s ease-out;
+    box-shadow:0 3px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06); }
+  /* TAP button glows in time with the beat (rides the #pulse flash) */
+  #pulse.hit .tapbtn{ border-color:var(--cyan); color:var(--cyan);
+    box-shadow:0 3px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06), 0 0 16px var(--glow), inset 0 0 12px var(--glow); }
+  #pulse.hit.acc .tapbtn{ border-color:var(--amber); color:var(--amber);
+    box-shadow:0 3px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px var(--aglow), inset 0 0 14px var(--aglow); }
+  .tapbtn:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06); }
+  #bpm{ flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:.82; cursor:pointer; min-width:0; }
+  #bpmNum{ font-size:clamp(44px,15vmin,120px); font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
+  #bpmlab{ font-size:clamp(9px,1.8vmin,13px); letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:.5em; opacity:.85; }
+  #bpmIn{ display:none; flex:1 1 auto; min-width:0; text-align:center; font:inherit; font-size:clamp(40px,13vmin,108px); font-weight:800;
+    background:transparent; color:var(--txt); border:none; border-bottom:2px solid var(--cyan); outline:none; font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
+  #bpmIn::-webkit-outer-spin-button, #bpmIn::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
+  /* thumbwheel encoder — drag up/down to scrape the tempo */
+  #wheel{ flex:0 0 auto; align-self:stretch; width:clamp(30px,7.5vmin,46px); border-radius:11px; cursor:ns-resize; touch-action:none; overflow:hidden;
+    border:1px solid var(--btn-bd);
+    background:repeating-linear-gradient(to bottom, rgba(0,0,0,.22) 0 1px, transparent 1px 5px),
+      linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0) 18%, rgba(255,255,255,.16) 50%, rgba(0,0,0,0) 82%, rgba(0,0,0,.55)),
+      linear-gradient(to right, rgba(0,0,0,.18), rgba(255,255,255,.10) 50%, rgba(0,0,0,.18)),
+      var(--field-bg);
+    box-shadow:inset 0 10px 9px -8px rgba(0,0,0,.75), inset 0 -10px 9px -8px rgba(0,0,0,.75), inset 0 0 4px rgba(0,0,0,.3); }
+  #wheel:active{ border-color:var(--cyan); }
+  #meterline{ font-size:clamp(12px,2.1vmin,16px); color:var(--muted); text-align:center; min-height:1.2em; letter-spacing:.02em; }
+
+  /* ---- editable lanes (scroll if many) + track panel below ---- */
+  #detail{ flex:0 1 auto; width:100%; display:flex; flex-direction:column; gap:8px; padding:2px 0; min-height:0; }
+  #lanes{ display:flex; flex-direction:column; gap:6px; max-height:34vh; overflow-y:auto; }
+  #trackpanel{ width:100%; background:var(--chip-bg); border:1px solid var(--chip-bd); border-radius:10px; padding:8px 11px; display:flex; flex-direction:column; gap:8px; font-size:12px; color:var(--muted); }
+  #trackpanel .tp-row{ display:flex; align-items:center; gap:8px 18px; flex-wrap:nowrap; }
+  #trackpanel label{ display:flex; align-items:center; gap:6px; white-space:nowrap; }
+  #trackpanel .tp-chk{ color:var(--txt); }
+  #trackpanel .tp-chk input{ width:18px; height:18px; accent-color:var(--cyan); flex:0 0 auto; }
+  #trackpanel .tp-loop{ color:var(--muted); }
+  #trackpanel input[type=number]{ width:46px; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:7px; padding:5px 6px; font-size:13px; -moz-appearance:textfield; }
+  #trackpanel input[type=number]::-webkit-outer-spin-button, #trackpanel input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
+  #trackpanel select{ background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:7px; padding:5px 6px; font-size:13px; }
+  #trackpanel .tp-sub{ display:flex; align-items:center; gap:6px; flex-wrap:nowrap; white-space:nowrap; color:var(--muted); }
+  #trackpanel .tp-sub.off{ display:none; }
+  #trackpanel .tp-str{ display:flex; gap:6px; }
+  #trackpanel .tp-str input{ flex:1 1 auto; min-width:0; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:7px; padding:6px 8px; font-family:"Courier New",monospace; font-size:11px; }
+  #trackpanel .tp-btn{ flex:0 0 auto; background:linear-gradient(180deg,var(--btn1),var(--btn2)); color:var(--txt); border:1px solid var(--btn-bd); border-radius:7px; padding:0 12px; font-size:12px; cursor:pointer; }
+  #trackpanel .tp-msg{ color:#5fd08a; margin-left:auto; }
+  .lane{ display:flex; align-items:center; gap:8px; }
+  /* dim only the label + pads of a muted lane, so the mute toggle stays crisp */
+  .lane.off .lmeta, .lane.off .pads{ opacity:.45; }
+  .lmute{ flex:0 0 auto; width:clamp(28px,5.4vmin,36px); height:clamp(28px,5.4vmin,36px); border-radius:8px; padding:0;
+    display:flex; align-items:center; justify-content:center; cursor:pointer;
+    background:var(--chip-bg); border:1px solid var(--chip-bd); color:var(--cyan); }
+  .lmute:active{ background:rgba(127,139,154,.22); }
+  .lmute.muted{ color:var(--muted); background:transparent; }
+  .lmute svg{ width:62%; height:62%; }
+  .lane.poly .lmute{ color:var(--poly); }
+  .lane.poly .lmute.muted{ color:var(--muted); }
+  .lmeta{ flex:0 0 auto; width:36%; max-width:168px; min-width:94px; display:flex; align-items:center; gap:5px; text-align:left;
+    background:var(--chip-bg); border:1px solid var(--chip-bd); color:var(--txt); border-radius:8px; padding:5px 8px;
+    font-size:clamp(10px,1.8vmin,13px); font-family:"Courier New",monospace; cursor:pointer; }
+  .lmeta .ln-name{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .lmeta .lg{ flex:0 0 auto; color:var(--muted); }
+  .lmeta .rhythm{ flex:0 0 auto; color:var(--txt); display:block; }
+  .lmeta .polybadge{ flex:0 0 auto; color:var(--poly); font-weight:700; letter-spacing:.01em; }
+  .lane.poly .lmeta{ border-left:3px solid var(--poly); padding-left:6px; }
+  .lmeta .rh-host{ flex:0 0 auto; display:flex; align-items:center; padding:2px 3px; margin:-2px -1px; border-radius:5px; cursor:pointer; }
+  .lmeta .rh-host:active{ background:rgba(127,139,154,.22); }
+  /* graphic note-value picker */
+  .noterow{ display:flex; gap:8px; flex-wrap:wrap; }
+  .noterow .notebtn{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:56px; padding:9px 6px;
+    background:var(--field-bg); border:1px solid var(--field-bd); border-radius:10px; color:var(--txt); cursor:pointer; }
+  .noterow .notebtn.active{ border-color:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }
+  .noterow .notebtn .rhythm{ height:22px; width:auto; }
+  .noterow .notebtn small{ font-size:10px; color:var(--muted); letter-spacing:.02em; }
+  /* beats line up in columns across lanes; sub-beats sit inside the beat cell, smaller */
+  .pads{ flex:1 1 auto; display:flex; gap:7px; overflow-x:auto; padding-bottom:2px; min-width:0; align-items:center; }
+  .beatcell{ flex:1 1 0; min-width:0; display:flex; gap:2px; align-items:center; }
+  .pad{ flex:1 1 0; min-width:5px; border:1px solid var(--chip-bd); background:var(--led-off); cursor:pointer; padding:0; }
+  .pad.beat{ height:clamp(20px,3.8vmin,28px); border-radius:5px; }
+  .pad.sub{ height:clamp(11px,2.3vmin,16px); border-radius:3px; }
+  .pad.gs{ border-color:var(--amber); }
+  .pad.on{ background:var(--cyan); }
+  .pad.acc{ background:var(--amber); }
+  .pad.ghost{ background:var(--cyan); opacity:.42; }
+  .lane.poly .pad.on{ background:var(--poly); }
+  .lane.poly .pad.ghost{ background:var(--poly); opacity:.42; }
+  .pad.cur{ outline:2px solid var(--txt); outline-offset:-1px; box-shadow:0 0 8px var(--glow); }
+  .addlane{ align-self:flex-start; background:transparent; border:1px dashed var(--chip-bd); color:var(--muted); border-radius:8px; padding:5px 11px; font-size:12px; cursor:pointer; }
+  .chips{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
+  .chip.feat{ font-size:clamp(10px,1.8vmin,13px); color:var(--muted); background:var(--chip-bg); border:1px solid var(--chip-bd); border-radius:7px; padding:3px 8px; white-space:nowrap; }
+  .chip.feat.r{ border-color:var(--cyan); color:var(--cyan); } .chip.feat.g{ border-color:var(--amber); color:var(--amber); }
+
+  /* ---- transport: tempo row (−10/−/+/+10) then nav+play row (prev/play/practice/next) ---- */
+  /* grows to fill freed space; SHRINKS (rather than the page scrolling) when the panel expands */
+  #transport{ flex:0 1 auto; min-height:0; max-height:clamp(200px,46vh,310px); margin-top:auto; display:flex; flex-direction:column; align-items:stretch; width:100%; padding-top:6px; gap:clamp(5px,1.2vmin,9px); }
+  .tgrid{ display:grid; width:100%; flex:1 1 auto; min-height:0; gap:clamp(7px,1.7vmin,14px);
+    grid-template-columns:1fr 1.5fr 1.5fr 1fr; grid-template-rows:1fr 1fr; grid-template-areas:"dn10 dn up up10" "prev play prac next"; }
+  .tbtn{ background:linear-gradient(180deg,var(--btn1),var(--btn2)); color:var(--txt); border:1px solid var(--btn-bd);
+    border-radius:13px; height:auto; min-height:66px; font-size:clamp(16px,4vmin,27px); cursor:pointer;
+    box-shadow:0 3px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; }
+  .journal{ flex:0 0 auto; width:100%; height:clamp(30px,6vmin,42px); border-radius:11px; cursor:pointer;
+    background:rgba(127,139,154,.10); border:1px solid var(--panel-bd); color:var(--muted); font-size:13px;
+    display:flex; align-items:center; justify-content:center; gap:8px; }
+  .journal.rec{ background:rgba(192,57,43,.12); border-color:#c0392b; color:var(--txt); cursor:default; }
+  .journal .dotrec{ width:9px; height:9px; border-radius:50%; background:#e0493a; box-shadow:0 0 8px #e0493a; display:none; }
+  .journal.rec .dotrec{ display:inline-block; }
+  .tbtn small{ font-size:clamp(8px,1.5vmin,11px); letter-spacing:.1em; color:inherit; opacity:.85; }
+  .tbtn:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); }
+  #bDn10{grid-area:dn10} #bPrev{grid-area:prev} #bNext{grid-area:next} #bUp10{grid-area:up10}
+  #bDown{grid-area:dn} #bPlay{grid-area:play} #bPrac{grid-area:prac} #bUp{grid-area:up}
+  .tbtn.play{ background:linear-gradient(180deg,#1f7a4d,#155f3b); border-color:#2e7d32; color:#eafff3; }
+  .tbtn.play.on{ background:linear-gradient(180deg,#b23b3b,#8f2d2d); border-color:#c0392b; color:#fff; }
+  .tbtn.prac{ background:linear-gradient(180deg,#1c87b8,#136488); border-color:#1f9bd0; color:#eaf8ff; }
+  .tbtn.prac.on{ background:linear-gradient(180deg,#c8922a,#9c6f12); border-color:#e0a93a; color:#fff; }
+
+  /* landscape (phone AND tablet): header stays a full-width column (logo+icons
+     row, then volume row); the body becomes a 2-column grid — tempo + transport
+     on the left, selector + settings + lanes on the right */
+  @media (orientation:landscape){
+    #app{ --maxw:1060px; }
+    /* fr columns (not 40%/60%) so the column gap is subtracted before sizing —
+       percentages + gap summed past 100% and overhung the right edge */
+    #mid{ display:grid; align-items:stretch; gap:clamp(12px,2.6vh,22px) clamp(16px,3vw,38px); padding-top:0;
+      grid-template-columns:minmax(0,2fr) minmax(0,3fr); grid-template-rows:auto auto 1fr auto;
+      grid-template-areas:"stage sels" "stage panel" "stage detail" "transport detail"; }
+    #stage, .sels, #trackpanel, #detail, #transport{ min-width:0; }
+    #stage{ grid-area:stage; align-self:center; justify-content:center; }
+    .sels{ grid-area:sels; align-self:start; }
+    #trackpanel{ grid-area:panel; align-self:start; }
+    #detail{ grid-area:detail; align-self:stretch; width:auto; max-width:none; max-height:none; min-height:0; overflow-y:auto; }
+    #transport{ grid-area:transport; align-self:end; max-height:none; margin-top:0; }
+    .tbtn{ min-height:0; height:clamp(34px,10vmin,54px); }
+  }
+
+  [data-theme="light"] .logo-dark{ display:none; } [data-theme="dark"] .logo-light{ display:none; }
+
+  /* ---- bottom sheet (lane editor) ---- */
+  #scrim{ position:fixed; inset:0; background:rgba(0,0,0,.55); opacity:0; pointer-events:none; transition:opacity .2s; z-index:40; }
+  #scrim.open{ opacity:1; pointer-events:auto; }
+  #laneSheet, #trackSheet, #saveSheet, #noteSheet, #shareSheet{ position:fixed; left:0; right:0; bottom:0; z-index:50; max-height:88vh; overflow-y:auto;
+    background:var(--panel-bg); border-top:1px solid var(--panel-bd); border-radius:18px 18px 0 0; transform:translateY(110%);
+    transition:transform .26s cubic-bezier(.2,.8,.2,1);
+    padding:12px max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
+  #laneSheet.open, #trackSheet.open, #saveSheet.open, #noteSheet.open, #shareSheet.open{ transform:none; }
+  #laneSheet .grab, #trackSheet .grab, #saveSheet .grab, #noteSheet .grab, #shareSheet .grab{ width:42px; height:5px; border-radius:3px; background:var(--panel-bd); margin:0 auto 12px; }
+  #laneSheet h2, #trackSheet h2, #saveSheet h2, #noteSheet h2, #shareSheet h2{ margin:0 0 10px; font-size:16px; }
+  #laneSheet label, #trackSheet label, #saveSheet label, #shareSheet label{ display:block; font-size:12px; color:var(--muted); margin:10px 0 5px; }
+  #laneSheet select, #trackSheet select, #saveSheet select,
+  #laneSheet input[type=text], #trackSheet input[type=text], #trackSheet input[type=number], #saveSheet input[type=text], #shareSheet input[type=text]{
+    width:100%; background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:10px; padding:11px; font-size:15px; }
+  #laneSheet .lrow, #trackSheet .lrow, #saveSheet .lrow, #shareSheet .lrow{ display:flex; gap:12px; margin-top:10px; flex-wrap:wrap; align-items:center; }
+  #laneSheet .half, #trackSheet .half{ display:block; flex:1 1 120px; margin:0; }
+  #laneSheet .chk, #trackSheet .chk{ display:flex; align-items:center; gap:8px; font-size:14px; color:var(--txt); margin-top:16px; }
+  #laneSheet .chk input, #trackSheet .chk input{ width:20px; height:20px; accent-color:var(--cyan); flex:0 0 auto; }
+  #trackSheet .lrow.off{ display:none; }
+  .lfoot{ display:flex; justify-content:space-between; align-items:center; margin-top:18px; }
+  .lbtn{ cursor:pointer; color:var(--txt); background:linear-gradient(180deg,var(--btn1),var(--btn2)); border:1px solid var(--btn-bd); border-radius:10px; padding:10px 16px; font-size:14px; }
+  .lbtn.danger{ background:transparent; color:#ff7a7a; border-color:#ff7a7a; }
+  .seg{ display:flex; gap:8px; margin-bottom:6px; }
+  .seg button{ flex:1 1 0; padding:9px; border:1px solid var(--field-bd); background:var(--field-bg); color:var(--muted); border-radius:9px; font-size:14px; cursor:pointer; }
+  .seg button.active{ border-color:var(--cyan); color:var(--txt); }
+  .seclbl{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:4px 0 8px; }
+  .savemsg{ font-size:12px; color:#5fd08a; align-self:center; }
+  .liblbl{ font-size:12px; color:var(--muted); margin:14px 0 4px; }
+  .libhint{ font-size:12px; color:var(--muted); padding:6px 2px; line-height:1.4; }
+  .librow{ display:flex; align-items:center; gap:4px; padding:4px 0; border-bottom:1px solid var(--panel-bd); }
+  .librow.active .libname{ color:var(--cyan); font-weight:600; }
+  .libname{ flex:1 1 auto; min-width:0; text-align:left; background:transparent; border:none; color:var(--txt); font-size:14px; padding:7px 2px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .ibtn{ flex:0 0 auto; width:32px; height:32px; border-radius:7px; background:var(--chip-bg); border:1px solid var(--chip-bd); color:var(--txt); font-size:13px; cursor:pointer; }
+  .ibtn:disabled{ opacity:.3; }
+
+  /* ---- help tour (coachmarks) ---- */
+  #tour{ position:fixed; inset:0; z-index:200; display:none; }
+  #tour.open{ display:block; }
+  #tourHole{ position:absolute; border-radius:12px; box-shadow:0 0 0 9999px rgba(0,0,0,.66); border:2px solid var(--cyan); transition:all .2s ease; pointer-events:none; }
+  #tourBox{ position:absolute; background:var(--panel-bg); border:1px solid var(--panel-bd); border-radius:12px; padding:14px; box-shadow:0 14px 44px rgba(0,0,0,.5); }
+  #tourBox h3{ margin:0 0 6px; font-size:15px; }
+  #tourBox p{ margin:0 0 12px; font-size:13px; color:var(--muted); line-height:1.45; }
+  #tourBox .trow{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
+  .tdots{ font-size:12px; color:var(--muted); }
+</style>
+</head>
+<body>
+
+<div id="app">
+  <div id="top">
+    <div id="brandrow">
+      <a id="logoLink" href="https://codeberg.org/VARASYS/metronome" target="_blank" rel="noopener" title="VARASYS PolyMeter — source on Codeberg"><img class="brandlogo logo-dark" src="data:image/png;base64,@BUILD:logo-side-dark@" alt="VARASYS PolyMeter" /><img class="brandlogo logo-light" src="data:image/png;base64,@BUILD:logo-side-light@" alt="VARASYS PolyMeter" /></a>
+      <div class="hicons" id="utilrow">
+        <div class="icon" id="shareBtn" title="Share / paste" aria-label="Share or paste"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="M8 7l4-4 4 4"/><path d="M5 12v8h14v-8"/></svg></div>
+        <div class="icon" id="helpBtn" title="Help" aria-label="Help">?</div>
+        <div class="icon" id="themeBtn" title="Theme" aria-label="Theme">◐</div>
+        <div class="icon" id="fsBtn" title="Full screen" aria-label="Full screen">⛶</div>
+      </div>
+    </div>
+    <div class="vol" id="volrow"><span class="dyn" aria-hidden="true">p</span><input id="vol" type="range" min="0" max="100" value="85" aria-label="Volume" /><span class="dyn" aria-hidden="true">f</span></div>
+  </div>
+
+  <div id="mid">
+    <div id="stage">
+      <div id="pulse">
+        <button id="bTapBtn" class="tapbtn" title="Tap tempo">TAP</button>
+        <div id="bpm"><span id="bpmNum">120</span><span id="bpmlab">BPM</span></div>
+        <input id="bpmIn" type="number" inputmode="numeric" min="30" max="300" />
+        <div id="wheel" title="Drag to set tempo" aria-label="Tempo wheel"></div>
+      </div>
+      <div id="meterline"></div>
+    </div>
+    <div class="sels">
+      <label class="sel"><span>Set list</span><select id="slSel"></select></label>
+      <label class="sel"><span>Track</span><select id="trkSel"></select></label>
+      <div class="icon" id="saveBtn" title="Save &amp; library" aria-label="Save and library"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 4 H15 L19 8 V20 H5 Z"/><path d="M8.5 4 V8 H13.5 V4"/><rect x="8" y="13" width="8" height="7"/></svg></div>
+    </div>
+    <div id="trackpanel">
+      <div class="tp-row">
+        <label class="tp-chk"><input type="checkbox" id="ipRepeat" /> Repeat</label>
+        <label class="tp-chk"><input type="checkbox" id="ipRamp" /> Tempo ramp</label>
+        <label class="tp-chk"><input type="checkbox" id="ipGap" /> Practice gaps</label>
+      </div>
+      <div class="tp-sub off" id="ipRepeatRow">Play <input id="ipBars" type="number" inputmode="numeric" min="1" max="999" /> bars, then <select id="ipEnd"><option value="stop">stop</option><option value="next">next track</option><option value="prev">prev track</option></select></div>
+      <div class="tp-sub off" id="ipRampRow"><input id="ipRampStart" type="number" min="30" max="300" /> → +<input id="ipRampAmt" type="number" min="1" max="50" /> bpm / <input id="ipRampEvery" type="number" min="1" max="64" /> bars</div>
+      <div class="tp-sub off" id="ipGapRow"><input id="ipGapPlay" type="number" min="1" max="32" /> play / <input id="ipGapMute" type="number" min="1" max="32" /> mute bars</div>
+    </div>
+    <div id="detail">
+      <div id="lanes"></div>
+    </div>
+    <div id="transport">
+      <div class="tgrid">
+        <button class="tbtn" id="bDn10" title="Tempo −10">−10</button>
+        <button class="tbtn" id="bDown" title="Tempo −1">−</button>
+        <button class="tbtn" id="bUp" title="Tempo +1">+</button>
+        <button class="tbtn" id="bUp10" title="Tempo +10">+10</button>
+        <button class="tbtn" id="bPrev" title="Previous track">⏮</button>
+        <button class="tbtn play" id="bPlay" title="Play / Stop">▶<small>PLAY</small></button>
+        <button class="tbtn prac" id="bPrac" title="Practice — logs your time to the practice log">⦿<small>PRACTICE</small></button>
+        <button class="tbtn" id="bNext" title="Next track">⏭</button>
+      </div>
+      <button id="bJournal" class="journal"><span class="dotrec"></span><span id="jText">Journal →</span></button>
+    </div>
+  </div>
+</div>
+
+<!-- lane editor sheet -->
+<div id="scrim"></div>
+<div id="laneSheet">
+  <div class="grab"></div>
+  <h2>Edit lane</h2>
+  <label for="lsSound">Sound</label><select id="lsSound"></select>
+  <label for="lsGroup">Grouping — beats per bar (e.g. 4, or 2+2+3)</label><input id="lsGroup" type="text" inputmode="text" autocomplete="off" />
+  <label>Note value</label><div id="lsNotes" class="noterow"></div>
+  <div class="lrow">
+    <label class="chk"><input type="checkbox" id="lsPoly" /> Polymeter</label>
+    <label class="chk"><input type="checkbox" id="lsMute" /> Mute lane</label>
+  </div>
+  <label for="lsGain">Lane volume <span id="lsGainVal" style="color:var(--txt)">0 dB</span></label>
+  <input id="lsGain" type="range" min="-18" max="6" step="1" style="width:100%;accent-color:var(--cyan)" />
+  <div class="lfoot"><button id="lsDel" class="lbtn danger">Delete lane</button><button id="lsDone" class="lbtn">Done</button></div>
+</div>
+
+<!-- share sheet: share a track or set list as a link, or paste a string to load -->
+<div id="shareSheet">
+  <div class="grab"></div>
+  <h2>Share</h2>
+  <div class="seg" id="shareSeg"><button data-k="p" class="active">This track</button><button data-k="sl">This set list</button></div>
+  <label>Shareable link</label>
+  <input id="shareLink" type="text" readonly onfocus="this.select()" />
+  <div class="lrow"><button id="shareCopy" class="lbtn">Copy link</button><button id="shareCopyT" class="lbtn">Copy text</button><span id="shareMsg" class="savemsg"></span></div>
+  <label for="sharePaste">Or paste a track string / link to load</label>
+  <input id="sharePaste" type="text" autocomplete="off" placeholder="v1;t120;kick:4;…  or a #p=/#sl= link" />
+  <div class="lfoot"><button id="shareLoad" class="lbtn">Load</button><button id="shareDone" class="lbtn">Done</button></div>
+</div>
+
+<!-- save & library sheet -->
+<div id="saveSheet">
+  <div class="grab"></div>
+  <h2>Save &amp; library</h2>
+  <div class="seclbl">Save current track</div>
+  <label for="saveName">Track name</label>
+  <input id="saveName" type="text" autocomplete="off" />
+  <label for="saveTo">Save to set list</label>
+  <select id="saveTo"></select>
+  <input id="saveNewName" type="text" autocomplete="off" placeholder="New set list name" style="display:none;margin-top:8px" />
+  <div class="lrow">
+    <button id="saveUpd" class="lbtn">Update</button>
+    <button id="saveNew" class="lbtn">Save as new track</button>
+    <span id="saveMsg" class="savemsg"></span>
+  </div>
+  <div class="seclbl" style="margin-top:20px">Manage library</div>
+  <div id="libBody"></div>
+  <div class="lfoot"><span></span><button id="saveDone" class="lbtn">Done</button></div>
+</div>
+
+<!-- guided help tour -->
+<div id="tour">
+  <div id="tourHole"></div>
+  <div id="tourBox">
+    <h3 id="tourTitle"></h3><p id="tourText"></p>
+    <div class="trow"><span class="tdots" id="tourDots"></span>
+      <span><button id="tourSkip" class="lbtn" style="padding:8px 12px">Skip</button>
+            <button id="tourPrev" class="lbtn" style="padding:8px 12px">Back</button>
+            <button id="tourNext" class="lbtn" style="padding:8px 14px">Next</button></span></div>
+  </div>
+</div>
+
+<script>
+const APP_VERSION = "v0.0.1-dev";
+const $ = (id) => document.getElementById(id);
+const LS_SESSIONS="metronome.sessions", LS_SETLISTS="metronome.setlists", LS_STATE="metronome.mobile.state", LS_TOURED="metronome.mobile.toured", LS_CURTRACK="metronome.curtrack";
+function lsGet(k,fb){ try{ const v=localStorage.getItem(k); return v?JSON.parse(v):fb; }catch(e){ return fb; } }
+function lsSet(k,v){ try{ localStorage.setItem(k,JSON.stringify(v)); }catch(e){} }
+function esc(s){ return String(s).replace(/[&<>"]/g,(c)=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c])); }
+function fmt(sec){ sec=Math.max(0,Math.round(sec)); const h=Math.floor(sec/3600), m=Math.floor((sec%3600)/60), s=sec%60;
+  return (h?h+":"+String(m).padStart(2,"0"):m)+":"+String(s).padStart(2,"0"); }
+
+/* ========================= ENGINE ============================================ */
+const SAMPLES = {};
+/*@BUILD:include:src/engine.js@*/
+/*@BUILD:include:src/setlists.js@*/
+const state={ bpm:120, volume:0.85, running:false };
+let meters=[];
+let ramp={on:false,startBpm:80,amount:5,everyBars:4}, trainer={on:false,playBars:2,muteBars:2};
+let segBars=0, segBarCount=0, pendingAdvance=false, curEnd=null, curRep=null;
+let masterBeat=0, masterBeatTime=0, muteWindows=[];
+
+function setBpm(v){ state.bpm=Math.max(30,Math.min(300,Math.round(v))); }
+function advanceMaster(ahead){
+  const mbpb=masterBeatsPerBar();
+  while(masterBeatTime<ahead){
+    if(masterBeat%mbpb===0){
+      const barIndex=Math.floor(masterBeat/mbpb);
+      if(barIndex>0&&ramp.on&&(barIndex%ramp.everyBars===0)) setBpm(state.bpm+ramp.amount);
+      if(trainer.on){ const cyc=trainer.playBars+trainer.muteBars; if(cyc>0&&(barIndex%cyc)>=trainer.playBars) muteWindows.push({start:masterBeatTime,end:masterBeatTime+mbpb*(60/state.bpm)}); }
+      segBarCount=barIndex;
+      if(segBars>0&&barIndex>=segBars&&!pendingAdvance&&curEnd!=null){ pendingAdvance=true; }   // loop (null) keeps playing
+    }
+    masterBeat++; masterBeatTime+=60/state.bpm;
+  }
+  if(audioCtx) muteWindows=muteWindows.filter(w=>w.end>audioCtx.currentTime-1);
+}
+function scheduler(){
+  const ahead=audioCtx.currentTime+SCHEDULE_AHEAD;
+  advanceMaster(ahead);
+  for(const m of meters){ while(m.nextTime<ahead){ scheduleMeterTick(m,m.nextTime); m.nextTime+=laneStepDur(m,m.tick); m.tick++; } }
+  if(pendingAdvance){ pendingAdvance=false; setTimeout(handleEnd,0); }
+}
+function handleEnd(){   // fires after segBars bars when an end action is set (loop = no action)
+  if(curEnd==="stop"){ if(sessionActive&&state.running) pauseTrack(); else stopAudio(); }
+  else if(typeof curEnd==="number") gotoItem(idx+curEnd,true);   // +1 next track, -1 prev track
+}
+
+/* ========================= PLAYER ============================================= */
+let setlist=null, idx=0, slKey="", transientTitle=null, savedLists=[];
+const BUILTIN = SEED_SETLISTS.map((sl) => ({ title: sl.title, items: sl.items.map(([n, p]) => ({ name: n, ...patchToSetup(p) })) }));
+function currentName(){ return setlist ? (setlist.items[idx].name||"") : ""; }
+
+function buildMeters(lanes){
+  return (lanes||[]).map(c=>{
+    const p=parseGroups(c.groupsStr);
+    return {groupsStr:c.groupsStr,groups:p.groups,beatsPerBar:p.beatsPerBar,groupStarts:p.groupStarts,
+      stepsPerBeat:c.stepsPerBeat||1,sound:c.sound,beatsOn:(c.beatsOn||[]).slice(),orns:(c.orns||[]).slice(),poly:!!c.poly,swing:!!c.swing,enabled:c.enabled!==false,gainDb:c.gainDb||0,
+      tick:0,nextTime:0,vq:[],vqPtr:0,currentStep:-1,currentBar:0,_padEls:null,_lastPad:-1};
+  });
+}
+function snapshotLanes(){ return meters.map(m=>({groupsStr:m.groupsStr,stepsPerBeat:m.stepsPerBeat,sound:m.sound,beatsOn:m.beatsOn.slice(),orns:(m.orns||[]).slice(),poly:m.poly,swing:m.swing,enabled:m.enabled,gainDb:m.gainDb})); }
+function currentPatch(){ return setupToPatch({bpm:state.bpm,volume:state.volume,lanes:snapshotLanes(),trainer,ramp,bars:segBars,end:curEnd,rep:curRep}); }
+function loadSetup(s){
+  ramp=s.ramp?{...s.ramp}:{on:false,startBpm:80,amount:5,everyBars:4};
+  trainer=s.trainer?{...s.trainer}:{on:false,playBars:2,muteBars:2};
+  segBars=s.bars||0; segBarCount=0; curEnd=s.end; curRep=s.rep;
+  setBpm(s.bpm||120);
+  meters=buildMeters(s.lanes); laneSig=null;
+}
+
+function unlockAudio(){
+  try{ if(navigator.audioSession) navigator.audioSession.type="playback"; }catch(e){}
+  try{ const b=audioCtx.createBuffer(1,1,audioCtx.sampleRate), s=audioCtx.createBufferSource(); s.buffer=b; s.connect(audioCtx.destination); s.start(0); }catch(e){}
+}
+let runStartAt=0;
+function startAudio(){
+  ensureAudio(); unlockAudio(); audioCtx.resume(); state.running=true; runStartAt=Date.now();
+  if(ramp.on) setBpm(ramp.startBpm);
+  const t0=audioCtx.currentTime+0.08;
+  for(const m of meters){ m.tick=0; m.nextTime=t0; m.vq=[]; m.vqPtr=0; m.currentStep=-1; m.currentBar=0; }
+  masterBeat=0; masterBeatTime=t0; muteWindows=[]; pendingAdvance=false; lastBeatKey=-1;
+  schedulerTimer=setInterval(scheduler,LOOKAHEAD_MS); scheduler();
+  requestWake();
+}
+function stopMetronome(){ state.running=false; clearInterval(schedulerTimer); schedulerTimer=null; pendingAdvance=false; for(const m of meters){ m.currentStep=-1; } }
+function stopAudio(){ stopMetronome(); releaseWake(); renderAll(); }
+function startRun(){ startAudio(); renderAll(); }
+
+/* sessions */
+let sessionActive=false, session=null, trackSegStart=null, lastSaved=false;
+function startTrack(){
+  if(!sessionActive){ sessionActive=true; session={at:Date.now(),segments:[]}; lastSaved=false; }
+  startAudio(); trackSegStart={name:currentName(),at:Date.now(),bpm:state.bpm}; renderAll(); renderSessionBar();
+}
+function recordSegment(){ if(!trackSegStart||!session) return; const sec=(Date.now()-trackSegStart.at)/1000;
+  if(sec>=3) session.segments.push({name:trackSegStart.name,at:trackSegStart.at,sec,bpm:state.bpm}); trackSegStart=null; }
+function pauseTrack(){ recordSegment(); stopMetronome(); releaseWake(); renderAll(); renderSessionBar(); }
+function endSession(){
+  if(state.running){ recordSegment(); stopMetronome(); releaseWake(); }
+  if(session){ const endedAt=Date.now(), clockSec=(endedAt-session.at)/1000;
+    if(session.segments.length && clockSec>=5){ const arr=lsGet(LS_SESSIONS,[]); arr.unshift({at:session.at,endedAt,clockSec,note:"",segments:session.segments}); lsSet(LS_SESSIONS,arr); lastSaved=true; } }
+  session=null; sessionActive=false; trackSegStart=null; renderAll(); renderSessionBar();
+}
+function play(){ if(sessionActive) endSession(); else if(state.running) stopAudio(); else startRun(); }
+function practice(){ if(sessionActive&&state.running){ pauseTrack(); } else { if(state.running&&!sessionActive) stopMetronome(); startTrack(); } }
+
+function gotoItem(i,keepPlaying){
+  if(!setlist||!setlist.items.length) return;
+  const n=setlist.items.length; idx=((i%n)+n)%n;
+  const wasRunning=state.running||keepPlaying;
+  if(state.running){ if(sessionActive) recordSegment(); stopMetronome(); }
+  loadSetup(setlist.items[idx]);
+  if(wasRunning){ startAudio(); if(sessionActive) trackSegStart={name:currentName(),at:Date.now(),bpm:state.bpm}; }
+  buildSetlistOptions(); buildTrackOptions(); renderAll(); renderSessionBar();
+}
+function loadSetlistObj(sl){
+  if(state.running&&sessionActive) recordSegment();
+  const wasRunning=state.running; if(wasRunning) stopMetronome();
+  setlist=sl; idx=0; loadSetup(sl.items[0]);
+  if(wasRunning){ startAudio(); if(sessionActive) trackSegStart={name:currentName(),at:Date.now(),bpm:state.bpm}; }
+  buildSetlistOptions(); buildTrackOptions(); renderAll(); renderSessionBar();
+}
+
+let taps=[];
+function tapTempo(){ const now=performance.now(); taps=taps.filter(t=>now-t<2000); taps.push(now);
+  if(taps.length>=2){ let s=0; for(let i=1;i<taps.length;i++) s+=taps[i]-taps[i-1]; setBpm(60000/(s/(taps.length-1))); ramp.on=false; renderAll(); } }
+function nudge(d){ ramp.on=false; setBpm(state.bpm+d); renderAll(); }
+
+/* ========================= EDITABLE LANES ==================================== */
+let laneSig=null, editLaneIdx=0;
+function laneSignature(){ return meters.map(m=>m.sound+":"+m.groupsStr+"/"+m.stepsPerBeat+(m.swing?"s":"")+(m.enabled?"":"!")+(m.poly?"~":"")).join("|"); }
+function lvlClass(l){ return l===2?"acc":l===3?"ghost":l===1?"on":""; }
+function padClass(m,k){ const spb=m.stepsPerBeat, isBeat=(k%spb===0), gs=isBeat&&m.groupStarts.has(k/spb), lvl=m.beatsOn[k]|0;
+  return "pad "+(isBeat?"beat":"sub")+(gs?" gs":"")+(lvl?(" "+lvlClass(lvl)):""); }
+// Effective note value a lane actually plays: reduce the subdivision grid to the
+// largest note that lands on every active hit (so a triplet grid that only plays
+// the beat shows a quarter, not a triplet). gcd(stepsPerBeat, all active offsets).
+function gcd(a,b){ a=Math.abs(a); b=Math.abs(b); while(b){ const t=a%b; a=b; b=t; } return a; }
+function laneNoteValue(m){
+  const spb=m.stepsPerBeat; let g=spb, any=false;
+  for(let k=0;k<m.beatsOn.length;k++){ if((m.beatsOn[k]|0)>0){ any=true; g=gcd(g,k); } }
+  if(!any) return 1;
+  return Math.max(1, spb/g);
+}
+// Small engraved rhythm figure (1=quarter, 2=8ths, 3=triplet, 4=16ths, 5/6/7=tuplets). SVG.
+function rhythmSVG(n){
+  n=Math.max(1,n|0);
+  const baseY=15, topY=6, stemH=(baseY-topY-0.5).toFixed(1);
+  const head=(cx)=>'<ellipse cx="'+cx.toFixed(1)+'" cy="'+baseY+'" rx="2.4" ry="1.8" transform="rotate(-20 '+cx.toFixed(1)+' '+baseY+')"/>';
+  const stem=(sx)=>'<rect x="'+(sx-0.45).toFixed(2)+'" y="'+topY+'" width="0.9" height="'+stemH+'"/>';
+  const beam=(x0,x1,y)=>'<rect x="'+x0.toFixed(2)+'" y="'+y+'" width="'+(x1-x0).toFixed(2)+'" height="1.7"/>';
+  const beams = n===1?0 : (n<=3?1:2), tup = (n===3||n>=5)?n:null;
+  const LEFT=3, GAP = n<=2?8 : n<=4?6.5 : 5.5, W=Math.round(LEFT*2 + (n-1)*GAP + 4);
+  let g="", first=0, last=0;
+  for(let i=0;i<n;i++){ const cx=LEFT+i*GAP, sx=cx+2.0; if(i===0) first=sx; last=sx; g+=head(cx)+stem(sx); }
+  if(beams>=1) g+=beam(first-0.45,last+0.45,topY);
+  if(beams>=2) g+=beam(first-0.45,last+0.45,topY+2.6);
+  if(tup) g+='<text x="'+(W/2).toFixed(1)+'" y="3.6" font-size="6" text-anchor="middle" font-style="italic" stroke="none">'+tup+'</text>';
+  return '<svg class="rhythm" viewBox="0 0 '+W+' 18" width="'+W+'" height="16" fill="currentColor" aria-hidden="true">'+g+'</svg>';
+}
+function laneMetaHTML(m){ const eff=laneNoteValue(m);
+  const ref=(meters[0]?meters[0].beatsPerBar:m.beatsPerBar);
+  const poly=m.poly?"<span class='polybadge' title='polyrhythm — "+m.beatsPerBar+" over "+ref+"'>↻"+m.beatsPerBar+":"+ref+"</span>":"";
+  return "<span class='ln-name'>"+esc(m.sound)+"</span><span class='rh-host' title='Note value'>"+rhythmSVG(eff)+"</span><span class='lg'>"+esc(m.groupsStr)+"</span>"+poly; }
+function setLaneMeta(m){ if(!m._meta) return; m._meta.innerHTML=laneMetaHTML(m); }
+// speaker glyphs for the inline per-lane mute toggle
+const SPK_ON='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9v6h4l5 4V5L8 9H4z"/><path d="M16.5 8.5a5 5 0 0 1 0 7"/></svg>';
+const SPK_OFF='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9v6h4l5 4V5L8 9H4z"/><path d="M17 9.5l4 5M21 9.5l-4 5"/></svg>';
+function toggleLaneMute(i){ const m=meters[i]; if(!m) return; m.enabled=!m.enabled; laneSig=null; renderAll(); saveState(); }
+function buildLanes(){
+  const box=$("lanes"); box.innerHTML="";
+  meters.forEach((m,i)=>{
+    const lane=document.createElement("div"); lane.className="lane"+(m.enabled?"":" off")+(m.poly?" poly":"");
+    const mute=document.createElement("button"); mute.className="lmute"+(m.enabled?"":" muted");
+    mute.title=m.enabled?"Mute lane":"Unmute lane"; mute.setAttribute("aria-label",mute.title);
+    mute.innerHTML=m.enabled?SPK_ON:SPK_OFF; mute.onclick=(e)=>{ e.stopPropagation(); toggleLaneMute(i); };
+    const meta=document.createElement("button"); meta.className="lmeta"; m._meta=meta; m._idx=i; setLaneMeta(m);
+    meta.onclick=()=>openLaneSheet(i);
+    const pads=document.createElement("div"); pads.className="pads";
+    const spb=m.stepsPerBeat; m._padEls=new Array(m.beatsPerBar*spb); m._lastPad=-1;
+    for(let b=0;b<m.beatsPerBar;b++){ const cell=document.createElement("div"); cell.className="beatcell";
+      for(let s=0;s<spb;s++){ const k=b*spb+s; const p=document.createElement("button"); p.className="pad"; p.onclick=()=>cyclePad(m,k,p); cell.appendChild(p); m._padEls[k]=p; }
+      pads.appendChild(cell); }
+    lane.appendChild(mute); lane.appendChild(meta); lane.appendChild(pads); box.appendChild(lane);
+  });
+  const add=document.createElement("button"); add.className="addlane"; add.textContent="+ Add lane"; add.onclick=addLane; box.appendChild(add);
+  renderPadLevels();
+}
+function renderPadLevels(){ meters.forEach(m=>{ if(!m._padEls) return;
+  m._padEls.forEach((p,k)=>{ if(p) p.className=padClass(m,k); }); }); }
+function cyclePad(m,k,p){ m.beatsOn[k]=((m.beatsOn[k]|0)+1)%4; if(m.orns) m.orns[k]=0; p.className=padClass(m,k);
+  setLaneMeta(m);   // note value can change as hits are added/removed
+  saveState(); }
+
+/* ---- graphic note-value picker (tap a lane's rhythm icon, or use it in the lane sheet) ---- */
+const NOTE_OPTS=[1,2,3,4,6];
+function noteName(n){ return {1:"quarter",2:"eighth",3:"triplet",4:"sixteenth",6:"sextuplet"}[n]||(n+"-tuplet"); }
+function renderNoteOpts(box, cur, pick){ if(!box) return; box.innerHTML="";
+  NOTE_OPTS.forEach(n=>{ const b=el("button","notebtn"+(n===cur?" active":"")); b.innerHTML=rhythmSVG(n)+"<small>"+noteName(n)+"</small>"; b.onclick=()=>pick(n); box.appendChild(b); }); }
+function setLaneSub(i,n){ const m=meters[i]; if(!m) return;
+  rebuildLane(i,{groupsStr:m.groupsStr,stepsPerBeat:n,swing:m.swing,poly:m.poly,enabled:m.enabled,sound:m.sound,gainDb:m.gainDb,beatsOn:m.beatsOn.slice(),orns:(m.orns||[]).slice()});
+  laneSig=null; renderAll(); saveState(); }
+function refreshLaneSheetNotes(){ const m=meters[editLaneIdx]; if(!m) return;
+  renderNoteOpts($("lsNotes"), m.stepsPerBeat, (n)=>{ setLaneSub(editLaneIdx,n); refreshLaneSheetNotes(); }); }
+function renderPadPlayheads(){ meters.forEach(m=>{ if(!m._padEls) return; const cur=state.running?m.currentStep:-1;
+  if(m._lastPad!==cur){ if(m._lastPad>=0&&m._padEls[m._lastPad]) m._padEls[m._lastPad].classList.remove("cur"); if(cur>=0&&m._padEls[cur]) m._padEls[cur].classList.add("cur"); m._lastPad=cur; } }); }
+function rebuildLane(i,cfg){
+  const p=parseGroups(cfg.groupsStr), spb=Math.max(1,cfg.stepsPerBeat||1), steps=p.beatsPerBar*spb;
+  let on=cfg.beatsOn, orns=cfg.orns||[];
+  if(!on||on.length!==steps){ on=Array.from({length:steps},(_,k)=>((k%spb)===0&&p.groupStarts.has(k/spb))?2:1); orns=on.map(()=>0); }
+  const old=meters[i]||{};
+  meters[i]=Object.assign(old,{groupsStr:cfg.groupsStr,groups:p.groups,beatsPerBar:p.beatsPerBar,groupStarts:p.groupStarts,
+    stepsPerBeat:spb,sound:cfg.sound,beatsOn:on,orns:orns,poly:!!cfg.poly,swing:!!cfg.swing,enabled:cfg.enabled!==false,gainDb:cfg.gainDb||0,
+    currentStep:-1,_padEls:null,_lastPad:-1});
+}
+function addLane(){ meters.push(buildMeters([{groupsStr:"4",stepsPerBeat:1,sound:"beep",beatsOn:[2,1,1,1],orns:[0,0,0,0],poly:false,swing:false,enabled:true,gainDb:0}])[0]); laneSig=null; renderAll(); saveState(); }
+
+/* lane settings sheet */
+(function(){ const sel=$("lsSound"); VOICES.forEach(([k,lab])=>{ const o=document.createElement("option"); o.value=k; o.textContent=lab; sel.appendChild(o); }); })();
+function gainLabel(db){ return (db>0?"+":"")+db+" dB"; }
+function openLaneSheet(i){ editLaneIdx=i; const m=meters[i]; if(!m) return;
+  $("lsSound").value=m.sound; $("lsGroup").value=m.groupsStr; $("lsPoly").checked=!!m.poly; $("lsMute").checked=!m.enabled;
+  $("lsGain").value=m.gainDb||0; $("lsGainVal").textContent=gainLabel(m.gainDb||0); refreshLaneSheetNotes();
+  $("saveSheet").classList.remove("open"); $("shareSheet").classList.remove("open"); $("scrim").classList.add("open"); $("laneSheet").classList.add("open"); }
+function closeSheets(){ ["laneSheet","saveSheet","shareSheet","scrim"].forEach(id=>$(id).classList.remove("open")); }
+const closeLaneSheet=closeSheets;
+function applyLane(){ const m=meters[editLaneIdx]; if(!m) return;
+  let grp=($("lsGroup").value||"").trim()||"4";
+  rebuildLane(editLaneIdx,{groupsStr:grp,stepsPerBeat:m.stepsPerBeat,swing:m.swing,
+    poly:$("lsPoly").checked,enabled:!$("lsMute").checked,sound:$("lsSound").value,gainDb:parseInt($("lsGain").value,10)||0,beatsOn:m.beatsOn.slice(),orns:(m.orns||[]).slice()});
+  laneSig=null; renderAll(); saveState(); refreshLaneSheetNotes(); }
+["lsSound","lsPoly","lsMute"].forEach(id=>$(id).addEventListener("change",applyLane));
+$("lsGain").addEventListener("input",()=>{ const m=meters[editLaneIdx]; if(!m) return; m.gainDb=parseInt($("lsGain").value,10)||0; $("lsGainVal").textContent=gainLabel(m.gainDb); saveState(); });   // live, no rebuild
+$("lsGroup").addEventListener("change",applyLane);
+$("lsDone").onclick=closeLaneSheet;
+$("lsDel").onclick=()=>{ if(meters.length<=1){ closeLaneSheet(); return; } meters.splice(editLaneIdx,1); laneSig=null; renderAll(); saveState(); closeLaneSheet(); };
+$("scrim").onclick=closeSheets;
+
+/* ---- inline track panel: repeat/end, ramp, gap, copy/paste string (above lanes) ---- */
+function clampInt(v,lo,hi,def){ v=parseInt(v,10); if(isNaN(v)) return def; return Math.max(lo,Math.min(hi,v)); }
+function flashIp(msg){ $("ipMsg").textContent=msg; setTimeout(()=>{ if($("ipMsg").textContent===msg) $("ipMsg").textContent=""; },1600); }
+function buildTrackPanel(){
+  if(document.activeElement&&document.activeElement.closest&&document.activeElement.closest("#trackpanel")) return;   // don't fight the user mid-edit
+  const rep=segBars>0;
+  $("ipRepeat").checked=rep; $("ipRepeatRow").classList.toggle("off",!rep);
+  $("ipBars").value=segBars||4;
+  $("ipEnd").value = curEnd==="stop"?"stop":(curEnd===-1?"prev":"next");
+  $("ipRamp").checked=ramp.on; $("ipGap").checked=trainer.on;
+  $("ipRampStart").value=ramp.startBpm||80; $("ipRampAmt").value=ramp.amount||5; $("ipRampEvery").value=ramp.everyBars||4;
+  $("ipGapPlay").value=trainer.playBars||2; $("ipGapMute").value=trainer.muteBars||2;
+  $("ipRampRow").classList.toggle("off",!ramp.on); $("ipGapRow").classList.toggle("off",!trainer.on);
+}
+function applyTrackPanel(){
+  if($("ipRepeat").checked){ segBars=Math.max(1,parseInt($("ipBars").value,10)||4); const e=$("ipEnd").value; curEnd = e==="stop"?"stop":(e==="prev"?-1:1); }
+  else { segBars=0; curEnd=null; }   // no Repeat = loop forever
+  $("ipRepeatRow").classList.toggle("off",!$("ipRepeat").checked);
+  ramp.on=$("ipRamp").checked; ramp.startBpm=clampInt($("ipRampStart").value,30,300,80); ramp.amount=clampInt($("ipRampAmt").value,1,50,5); ramp.everyBars=clampInt($("ipRampEvery").value,1,64,4);
+  trainer.on=$("ipGap").checked; trainer.playBars=clampInt($("ipGapPlay").value,1,32,2); trainer.muteBars=clampInt($("ipGapMute").value,1,32,2);
+  $("ipRampRow").classList.toggle("off",!ramp.on); $("ipGapRow").classList.toggle("off",!trainer.on);
+  saveState();
+}
+["ipRepeat","ipBars","ipEnd","ipRamp","ipGap","ipRampStart","ipRampAmt","ipRampEvery","ipGapPlay","ipGapMute"].forEach(id=>$(id).addEventListener("change",applyTrackPanel));
+
+/* ---- save & library: user set lists/tracks (same store + format as the editor) ---- */
+function userSetlists(){ return lsGet(LS_SETLISTS,[]); }
+function saveUserSetlists(a){ lsSet(LS_SETLISTS,a); savedLists=a; }
+function curSetupObj(){ return { bpm:state.bpm, lanes:snapshotLanes(), trainer:{...trainer}, ramp:{...ramp}, countMs:0, bars:segBars, rep:curRep, end:curEnd }; }
+function flashSave(msg){ $("saveMsg").textContent=msg; setTimeout(()=>{ if($("saveMsg").textContent===msg) $("saveMsg").textContent=""; },1800); }
+function el(tag,cls,txt){ const e=document.createElement(tag); if(cls) e.className=cls; if(txt!=null) e.textContent=txt; return e; }
+function ibtn(label,fn,dis){ const b=el("button","ibtn",label); b.disabled=!!dis; b.onclick=(e)=>{ e.stopPropagation(); fn(); }; return b; }
+
+function selectUserList(i){ const arr=userSetlists(); if(!arr[i]) return; slKey="s"+i; transientTitle=null;
+  loadSetlistObj({title:arr[i].title,items:(arr[i].items||[]).map(it=>({...it}))}); renderLibrary(); }
+function selectUserTrack(i,j){ slKey="s"+i; transientTitle=null; savedLists=userSetlists();
+  setlist={title:savedLists[i].title,items:savedLists[i].items.map(it=>({...it}))}; idx=Math.max(0,Math.min(j,setlist.items.length-1));
+  loadSetup(setlist.items[idx]); buildSetlistOptions(); buildTrackOptions(); renderAll(); saveState(); }
+
+function doSaveAsNew(){
+  const name=($("saveName").value||"My track").trim(); const arr=userSetlists(); let i;
+  if($("saveTo").value==="__new"){ const t=($("saveNewName").value||"My set list").trim(); arr.push({title:t,description:"",items:[]}); i=arr.length-1; }
+  else { i=+$("saveTo").value.slice(1); if(!arr[i]) return; }
+  arr[i].items.push({name, ...curSetupObj()}); saveUserSetlists(arr);
+  selectUserTrack(i, arr[i].items.length-1); $("saveNewName").value=""; buildSaveTo(); renderLibrary(); flashSave("Saved ✓");
+}
+function doUpdate(){
+  if(slKey[0]!=="s") return; const arr=userSetlists(), i=+slKey.slice(1); if(!arr[i]||!arr[i].items[idx]) return;
+  const oldName=arr[i].items[idx].name||"this track"; const nm=($("saveName").value||oldName).trim();
+  if(!confirm('Overwrite "'+oldName+'" with the current settings?')) return;
+  arr[i].items[idx]={name:nm, ...curSetupObj()}; saveUserSetlists(arr);
+  setlist.items[idx]={name:nm, ...curSetupObj()}; lastCur=null; buildTrackOptions(); renderInfo(); renderLibrary(); flashSave("Updated ✓");
+}
+function moveList(i,dir){ const arr=userSetlists(), j=i+dir; if(j<0||j>=arr.length) return; const t=arr[i]; arr[i]=arr[j]; arr[j]=t; saveUserSetlists(arr);
+  if(slKey==="s"+i) slKey="s"+j; else if(slKey==="s"+j) slKey="s"+i; buildSetlistOptions(); renderLibrary(); saveState(); }
+function moveTrack(i,j,dir){ const arr=userSetlists(), sl=arr[i], k=j+dir; if(!sl||k<0||k>=sl.items.length) return; const t=sl.items[j]; sl.items[j]=sl.items[k]; sl.items[k]=t; saveUserSetlists(arr);
+  if(slKey==="s"+i){ if(idx===j) idx=k; else if(idx===k) idx=j; setlist.items=sl.items.map(it=>({...it})); buildTrackOptions(); renderInfo(); } renderLibrary(); saveState(); }
+function renameList(i){ const arr=userSetlists(); if(!arr[i]) return; const n=prompt("Rename set list:",arr[i].title||""); if(n==null) return; arr[i].title=n.trim()||arr[i].title; saveUserSetlists(arr);
+  if(slKey==="s"+i&&setlist) setlist.title=arr[i].title; buildSetlistOptions(); renderLibrary(); saveState(); }
+function renameTrack(i,j){ const arr=userSetlists(); if(!arr[i]||!arr[i].items[j]) return; const n=prompt("Rename track:",arr[i].items[j].name||""); if(n==null) return; arr[i].items[j].name=n.trim()||arr[i].items[j].name; saveUserSetlists(arr);
+  if(slKey==="s"+i){ setlist.items[j].name=arr[i].items[j].name; if(idx===j){ lastCur=null; } buildTrackOptions(); renderInfo(); } renderLibrary(); saveState(); }
+function deleteTrack(i,j){ const arr=userSetlists(), sl=arr[i]; if(!sl||!sl.items[j]) return; if(!confirm('Delete track "'+(sl.items[j].name||"")+'"?')) return; sl.items.splice(j,1); saveUserSetlists(arr);
+  if(slKey==="s"+i){ if(!sl.items.length){ deleteListResolved(i); return; } if(idx>=sl.items.length) idx=sl.items.length-1; else if(idx>j) idx--; selectUserTrack(i,idx); } renderLibrary(); }
+function deleteList(i){ const arr=userSetlists(); if(!arr[i]) return; if(!confirm('Delete set list "'+(arr[i].title||"")+'" and all its tracks?')) return; deleteListResolved(i); }
+function deleteListResolved(i){ const arr=userSetlists(); arr.splice(i,1); saveUserSetlists(arr);
+  if(slKey==="s"+i){ slKey="b0"; setlist=BUILTIN[0]; idx=0; loadSetup(setlist.items[0]); buildSetlistOptions(); buildTrackOptions(); renderAll(); saveState(); }
+  else if(slKey[0]==="s"){ const k=+slKey.slice(1); if(k>i) slKey="s"+(k-1); buildSetlistOptions(); }
+  buildSaveTo(); renderLibrary(); }
+function newList(){ const n=prompt("New set list name:","My set list"); if(n==null) return; const arr=userSetlists(); arr.push({title:n.trim()||"My set list",description:"",items:[]}); saveUserSetlists(arr); buildSaveTo(); renderLibrary(); }
+
+function buildSaveTo(){ savedLists=userSetlists(); const sel=$("saveTo"); sel.innerHTML="";
+  savedLists.forEach((sl,i)=>sel.appendChild(opt("s"+i,(sl.title||("Set list "+(i+1)))+" ("+(sl.items?sl.items.length:0)+")")));
+  sel.appendChild(opt("__new","+ New set list…"));
+  sel.value = slKey[0]==="s" ? slKey : (savedLists.length?"s0":"__new");
+  $("saveNewName").style.display = sel.value==="__new" ? "block":"none"; }
+$("saveTo").onchange=()=>{ $("saveNewName").style.display = $("saveTo").value==="__new" ? "block":"none"; };
+
+function renderLibrary(){ savedLists=userSetlists(); const box=$("libBody"); box.innerHTML="";
+  box.appendChild(el("div","liblbl","Your set lists"));
+  if(!savedLists.length) box.appendChild(el("div","libhint","None yet — “Save as new track” creates one."));
+  savedLists.forEach((sl,i)=>{ const row=el("div","librow"+(slKey==="s"+i?" active":""));
+    const nm=el("button","libname",(sl.title||"set list")+" ("+(sl.items?sl.items.length:0)+")"); nm.onclick=()=>selectUserList(i); row.appendChild(nm);
+    row.appendChild(ibtn("↑",()=>moveList(i,-1),i===0)); row.appendChild(ibtn("↓",()=>moveList(i,1),i===savedLists.length-1));
+    row.appendChild(ibtn("✎",()=>renameList(i))); row.appendChild(ibtn("✕",()=>deleteList(i))); box.appendChild(row); });
+  const addL=el("button","addlane","+ New set list"); addL.onclick=newList; box.appendChild(addL);
+  if(slKey[0]==="s"){ const i=+slKey.slice(1), sl=savedLists[i]; if(sl){
+    box.appendChild(el("div","liblbl","Tracks in “"+(sl.title||"set list")+"”"));
+    sl.items.forEach((it,j)=>{ const row=el("div","librow"+(idx===j?" active":""));
+      const nm=el("button","libname",(j+1)+". "+(it.name||"track")); nm.onclick=()=>{ gotoItem(j,state.running); renderLibrary(); }; row.appendChild(nm);
+      row.appendChild(ibtn("↑",()=>moveTrack(i,j,-1),j===0)); row.appendChild(ibtn("↓",()=>moveTrack(i,j,1),j===sl.items.length-1));
+      row.appendChild(ibtn("✎",()=>renameTrack(i,j))); row.appendChild(ibtn("✕",()=>deleteTrack(i,j))); box.appendChild(row); });
+    const addT=el("button","addlane","+ Add current track here"); addT.onclick=()=>{ $("saveTo").value="s"+i; doSaveAsNew(); }; box.appendChild(addT);
+  }} else { box.appendChild(el("div","libhint","This set list is built-in (read-only). “Save as new track” copies your edits into one of your own set lists.")); }
+}
+function openSaveSheet(){
+  $("saveName").value=currentName()||"My track"; buildSaveTo();
+  const upd=$("saveUpd"); if(slKey[0]==="s"){ upd.style.display=""; upd.textContent='Update “'+(currentName()||"track")+'”'; } else upd.style.display="none";
+  $("saveMsg").textContent=""; renderLibrary();
+  $("laneSheet").classList.remove("open"); $("shareSheet").classList.remove("open"); $("scrim").classList.add("open"); $("saveSheet").classList.add("open"); }
+$("saveNew").onclick=doSaveAsNew; $("saveUpd").onclick=doUpdate; $("saveDone").onclick=closeSheets; $("saveBtn").onclick=openSaveSheet;
+
+/* ---- share: a track or set list as a link, or paste a string to load ---- */
+function setlistToCode(sl){ return b64u(JSON.stringify({t:sl.title||"",d:sl.description||"",i:(sl.items||[]).map(it=>({n:it.name,p:setupToPatch(it)}))})); }
+function shareSetlistObj(){ return {title:setlist?setlist.title:"Set list", description:"", items:(setlist?setlist.items:[]).map((it,i)=> i===idx?{name:it.name, ...curSetupObj()}:it)}; }
+let shareKind="p";
+function shareText(){ return shareKind==="p" ? currentPatch() : setlistToCode(shareSetlistObj()); }
+function shareUrl(){ return location.origin+location.pathname+"#"+shareKind+"="+(shareKind==="p"?encodeURIComponent(currentPatch()):setlistToCode(shareSetlistObj())); }
+function refreshShare(){ $("shareLink").value=shareUrl(); $("shareSeg").querySelectorAll("button").forEach(b=>b.classList.toggle("active",b.dataset.k===shareKind)); }
+function flashShare(m){ $("shareMsg").textContent=m; setTimeout(()=>{ if($("shareMsg").textContent===m) $("shareMsg").textContent=""; },1600); }
+function copyText(s, ok){ if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(s).then(ok,()=>{}); } else { const t=$("shareLink"); t.value=s; t.select(); try{ document.execCommand("copy"); ok(); }catch(e){} refreshShare(); } }
+function openShareSheet(){ shareKind="p"; refreshShare(); $("sharePaste").value=""; $("shareMsg").textContent="";
+  ["laneSheet","saveSheet"].forEach(id=>$(id).classList.remove("open")); $("scrim").classList.add("open"); $("shareSheet").classList.add("open"); }
+$("shareSeg").querySelectorAll("button").forEach(b=>b.onclick=()=>{ shareKind=b.dataset.k; refreshShare(); });
+$("shareCopy").onclick=()=>copyText(shareUrl(),()=>flashShare("Link copied ✓"));
+$("shareCopyT").onclick=()=>copyText(shareText(),()=>flashShare("Copied ✓"));
+$("shareLoad").onclick=()=>{ const v=($("sharePaste").value||"").trim(); if(!v){ flashShare("Paste a string or link"); return; }
+  if(loadFromHash(/[#?&](p|sl)=/.test(v)?v:("#p="+v))){ closeSheets(); } else flashShare("✗ not valid"); };
+$("shareDone").onclick=closeSheets;
+$("shareBtn").onclick=openShareSheet;
+
+/* ========================= SET-LIST / TRACK DROPDOWNS ======================== */
+function opt(v,t){ const o=document.createElement("option"); o.value=v; o.textContent=t; return o; }
+function og(label){ const g=document.createElement("optgroup"); g.label=label; return g; }
+function buildSetlistOptions(){
+  savedLists=lsGet(LS_SETLISTS,[]);
+  const sel=$("slSel"); sel.innerHTML="";
+  if(slKey===""){ sel.appendChild(opt("", transientTitle||"Loaded")); }
+  const g1=og("Built-in"); BUILTIN.forEach((sl,i)=>g1.appendChild(opt("b"+i, sl.title+" ("+sl.items.length+")"))); sel.appendChild(g1);
+  if(savedLists.length){ const g2=og("Your set lists"); savedLists.forEach((sl,i)=>g2.appendChild(opt("s"+i,(sl.title||("Set list "+(i+1)))+" ("+(sl.items?sl.items.length:0)+")"))); sel.appendChild(g2); }
+  sel.value=slKey;
+}
+function buildTrackOptions(){ const sel=$("trkSel"); sel.innerHTML="";
+  if(setlist) setlist.items.forEach((it,i)=>sel.appendChild(opt(String(i),(i+1)+". "+(it.name||("Track "+(i+1)))))); sel.value=String(idx); }
+$("slSel").onchange=(e)=>{ const v=e.target.value; let sl=null;
+  if(v[0]==="b") sl=BUILTIN[+v.slice(1)]; else if(v[0]==="s"){ const s=savedLists[+v.slice(1)]; if(s) sl={title:s.title,items:(s.items||[]).map(it=>({...it}))}; }
+  if(sl){ slKey=v; transientTitle=null; loadSetlistObj(sl); } };
+$("trkSel").onchange=(e)=>{ gotoItem(+e.target.value, state.running); };
+
+/* ========================= RENDER ============================================ */
+let lastCur=null;
+function renderInfo(){
+  if(!editingBpm) $("bpmNum").textContent=state.bpm;
+  const ts=$("trkSel"); if(ts && ts.value!==String(idx)) ts.value=String(idx);
+  const nm=currentName(); if(nm!==lastCur){ lastCur=nm; lsSet(LS_CURTRACK,nm); }
+  const sig=laneSignature(); if(sig!==laneSig){ laneSig=sig; buildLanes(); } else renderPadLevels();
+  buildTrackPanel(); updateStatus();
+}
+function endLabel(){ if(curEnd==null) return "loop"; if(curEnd==="stop") return "stop"; if(curEnd===1) return "next";
+  if(typeof curEnd==="number"&&curEnd>0) return "+"+curEnd; return String(curEnd); }
+function updateStatus(){ const m=meters[0]; let s="";
+  if(m){ s=m.beatsPerBar+" beats"+(m.groups.length>1?" · "+m.groups.join("+"):"")+(m.swing?" · swing":""); }
+  if(state.running&&m){ const bar=segBars>0?((m.currentBar|0)%segBars+1):((m.currentBar|0)+1);
+    s+=" · bar "+bar+(segBars>0?(" / "+segBars):"")+" · "+fmt((Date.now()-runStartAt)/1000); }
+  else if(segBars>0){ s+=" · "+segBars+" bars"; }
+  $("meterline").textContent=s; }
+function renderTransport(){
+  const onAny=sessionActive||state.running;
+  $("bPlay").innerHTML=(onAny?"■<small>STOP</small>":"▶<small>PLAY</small>"); $("bPlay").classList.toggle("on",onAny);
+  const pr=state.running&&sessionActive;
+  $("bPrac").innerHTML=(pr?"❚❚<small>PAUSE</small>":"⦿<small>PRACTICE</small>"); $("bPrac").classList.toggle("on",pr); }
+function renderSessionBar(){ const bar=$("bJournal"), n=lsGet(LS_SESSIONS,[]).length;   // the Journal button doubles as live session status
+  if(sessionActive){ bar.classList.add("rec"); const segs=session.segments.length+(trackSegStart?1:0);
+    $("jText").textContent="Recording "+fmt((Date.now()-session.at)/1000)+" · "+segs+" track"+(segs===1?"":"s"); }
+  else { bar.classList.remove("rec"); $("jText").textContent=(lastSaved?"✓ saved · ":"")+"Journal"+(n?(" ("+n+")"):"")+" →"; } }
+function renderAll(){ renderInfo(); renderTransport(); saveState(); }
+
+let lastBeatKey=-1, pulseTimer=null;
+function pulseHit(acc){ const p=$("pulse"); p.classList.remove("hit","acc"); void p.offsetWidth; p.classList.add("hit"); if(acc) p.classList.add("acc");
+  clearTimeout(pulseTimer); pulseTimer=setTimeout(()=>p.classList.remove("hit","acc"),130); }
+let lastTimeUpd=0;
+function draw(){
+  if(audioCtx&&state.running){ const now=audioCtx.currentTime-(audioCtx.outputLatency||audioCtx.baseLatency||0);
+    for(const m of meters){ while(m.vqPtr<m.vq.length&&m.vq[m.vqPtr].time<=now){ m.currentStep=m.vq[m.vqPtr].step; m.currentBar=m.vq[m.vqPtr].bar; m.vqPtr++; } } }
+  renderPadPlayheads();
+  const m=meters[0];
+  if(state.running&&m&&m.currentStep>=0){ const beat=Math.floor(m.currentStep/m.stepsPerBeat);
+    if(m.currentStep%m.stepsPerBeat===0){ const key=m.currentBar*1000+beat; if(key!==lastBeatKey){ lastBeatKey=key; pulseHit(m.groupStarts.has(beat)); } } }
+  const t=performance.now();
+  if(t-lastTimeUpd>200){ lastTimeUpd=t; if(state.running) updateStatus(); if(sessionActive) renderSessionBar(); }
+  requestAnimationFrame(draw);
+}
+
+/* ========================= BPM: tap=tap-tempo · hold=type · drag=scrub ======== */
+let editingBpm=false;
+function openBpmEdit(){ editingBpm=true; const i=$("bpmIn"); $("bpm").style.display="none"; i.style.display="block"; i.value=state.bpm; i.focus(); i.select(); }
+function closeBpmEdit(commit){ const i=$("bpmIn"); if(commit){ const v=parseInt(i.value,10); if(v){ ramp.on=false; setBpm(v); } } editingBpm=false; i.style.display="none"; $("bpm").style.display=""; renderAll(); }
+$("bpmIn").addEventListener("keydown",(e)=>{ if(e.key==="Enter"){ closeBpmEdit(true); } else if(e.key==="Escape"){ closeBpmEdit(false); } });
+$("bpmIn").addEventListener("blur",()=>{ if(editingBpm) closeBpmEdit(true); });
+$("bTapBtn").onclick=tapTempo;                 // TAP button (left of the BPM) — tap to set
+$("bpm").onclick=()=>{ if(!editingBpm) openBpmEdit(); };   // tap the number to type
+(function(){ const w=$("wheel"); let dragging=false, startY=0, startBpm=120;   // thumbwheel (right) — drag to scrub
+  w.addEventListener("pointerdown",(e)=>{ dragging=true; startY=e.clientY; startBpm=state.bpm; w.setPointerCapture(e.pointerId); e.preventDefault(); });
+  w.addEventListener("pointermove",(e)=>{ if(!dragging) return; ramp.on=false; setBpm(startBpm+(startY-e.clientY)*0.5); renderAll(); });
+  w.addEventListener("pointerup",(e)=>{ dragging=false; try{w.releasePointerCapture(e.pointerId);}catch(_){} });
+  w.addEventListener("pointercancel",()=>{ dragging=false; });
+})();
+
+/* ========================= PERSIST / RESTORE STATE =========================== */
+let saveTimer=null;
+function saveState(){ clearTimeout(saveTimer); saveTimer=setTimeout(()=>{ try{
+  lsSet(LS_STATE,{slKey,transientTitle,idx,name:currentName(),patch:currentPatch(),volume:state.volume}); }catch(e){} },350); }
+function restoreState(){
+  const st=lsGet(LS_STATE,null); if(!st||!st.patch) return false;
+  try{
+    if(st.volume!=null) state.volume=st.volume;
+    savedLists=lsGet(LS_SETLISTS,[]); let sl=null, key=st.slKey;
+    if(key&&key[0]==="b") sl=BUILTIN[+key.slice(1)];
+    else if(key&&key[0]==="s"){ const s=savedLists[+key.slice(1)]; if(s) sl={title:s.title,items:(s.items||[]).map(it=>({...it}))}; }
+    if(sl){ slKey=key; transientTitle=null; setlist=sl; idx=Math.max(0,Math.min(st.idx||0, sl.items.length-1)); }
+    else { slKey=""; transientTitle=st.transientTitle||st.name||"Restored"; setlist={title:transientTitle,items:[{name:st.name||"Track",...patchToSetup(st.patch)}]}; idx=0; }
+    loadSetup(patchToSetup(st.patch));     // active setup carries the user's edits + tempo
+    return true;
+  }catch(e){ return false; }
+}
+
+/* ========================= HASH SHARE-LINK LOADING =========================== */
+function loadFromHash(text){
+  let payload=text, kind=null; const m=text.match(/[#?&](p|sl)=([^&\s]+)/);
+  if(m){ kind=m[1]; payload=m[2]; } try{ payload=decodeURIComponent(payload); }catch(e){}
+  try{
+    if(kind==="sl" || (kind!=="p" && !/[;:]/.test(payload))){ const sl=codeToSetlist(payload); if(!sl.items.length) throw 0;
+      slKey=""; transientTitle=sl.title||"Shared set list"; loadSetlistObj(sl); return true; }
+    const setup=patchToSetup(payload); if(!setup.lanes.length) throw 0;
+    slKey=""; transientTitle="Shared patch"; loadSetlistObj({title:"Shared patch",items:[{name:"Patch",...setup}]}); return true;
+  }catch(e){ return false; }
+}
+
+/* ========================= HELP TOUR ========================================= */
+const TOUR=[
+  {sel:"#brandrow,#volrow", title:"Controls", text:"The ↑ share menu, ? to replay this tour, ◐ light/dark theme, ⛶ full screen, and the full-width volume slider (soft p → loud f)."},
+  {sel:"#pulse", title:"Tempo", text:"Tap the BPM to tap-tempo, press-and-hold to type an exact value, the TAP button to tap it out, or drag the wheel up/down to scrub."},
+  {sel:".sels", title:"Pick what to play", text:"Choose a set list and the track within it. Tracks are your practice items — name them for whatever you're working on, even if two share the same beat."},
+  {sel:"#saveBtn", title:"Save & library", text:"Save the current track — “Save as new”, or “Update” one of yours. The same sheet is your library: make set lists and rename / reorder / delete tracks. It all lives with the full editor too."},
+  {sel:"#trackpanel", title:"Track settings", text:"Optional per-track extras: Repeat for N bars then stop / next / prev track, a tempo ramp, and practice gaps."},
+  {sel:"#lanes", title:"Edit the beat", text:"Each lane is a row of pads that blink on the beat — tap a pad to cycle rest → beat → accent → ghost. The speaker button at the left of each lane mutes/unmutes it. Tap a lane's label to set its note value (eighths, triplets, sixteenths…), sound, grouping or polymeter. “+ Add lane” for more."},
+  {sel:"#bDn10,#bDown,#bUp,#bUp10", title:"Nudge the tempo", text:"Step the BPM up or down while it keeps playing: −10 / −1 / +1 / +10. Great for settling on a comfortable speed or pushing it faster as you improve."},
+  {sel:"#bPrev,#bNext", title:"Previous / next track", text:"⏮ and ⏭ move to the previous or next track in the current set list. If the metronome is running it carries straight on into the new track."},
+  {sel:"#bPrac", title:"Practice = a timed session", text:"Play just runs the metronome. Practice times your playing and logs it (not audio): it starts a session clock and Play becomes Stop — start/pause each track, then Stop to save the session."},
+  {sel:"#bJournal", title:"Practice journal", text:"Opens your saved practice sessions — notes and a per-track breakdown across days. While Practice is recording, this shows the live session timer."},
+];
+let tstep=0;
+function startTour(){ tstep=0; $("tour").classList.add("open"); showTour(); }
+function endTour(){ $("tour").classList.remove("open"); lsSet(LS_TOURED,1); }
+function showTour(){
+  while(tstep<TOUR.length && !document.querySelector(TOUR[tstep].sel)) tstep++;
+  if(tstep>=TOUR.length){ endTour(); return; }
+  const s=TOUR[tstep], pad=6, hole=$("tourHole");
+  // sel may match several elements (e.g. a row of buttons) — highlight their union
+  let r=null; document.querySelectorAll(s.sel).forEach(el=>{ const b=el.getBoundingClientRect();
+    r = r ? {left:Math.min(r.left,b.left),top:Math.min(r.top,b.top),right:Math.max(r.right,b.right),bottom:Math.max(r.bottom,b.bottom)} : {left:b.left,top:b.top,right:b.right,bottom:b.bottom}; });
+  r.width=r.right-r.left; r.height=r.bottom-r.top;
+  hole.style.left=(r.left-pad)+"px"; hole.style.top=(r.top-pad)+"px"; hole.style.width=(r.width+2*pad)+"px"; hole.style.height=(r.height+2*pad)+"px";
+  $("tourTitle").textContent=s.title; $("tourText").textContent=s.text; $("tourDots").textContent=(tstep+1)+" / "+TOUR.length;
+  $("tourPrev").style.visibility=tstep?"visible":"hidden"; $("tourNext").textContent=(tstep===TOUR.length-1)?"Done":"Next";
+  const box=$("tourBox"), bw=Math.min(290, innerWidth-24); box.style.width=bw+"px"; box.style.left="0px"; box.style.top="-9999px";
+  const bh=box.offsetHeight;
+  const left=Math.max(12, Math.min(r.left, innerWidth-bw-12));
+  const top=(r.bottom+12+bh < innerHeight) ? r.bottom+12 : Math.max(12, r.top-12-bh);
+  box.style.left=left+"px"; box.style.top=top+"px";
+}
+$("tourNext").onclick=()=>{ if(tstep>=TOUR.length-1) endTour(); else { tstep++; showTour(); } };
+$("tourPrev").onclick=()=>{ if(tstep>0){ tstep--; showTour(); } };
+$("tourSkip").onclick=endTour;
+$("helpBtn").onclick=startTour;
+addEventListener("resize",()=>{ if($("tour").classList.contains("open")) showTour(); });
+
+/* ========================= WIRING ============================================ */
+$("bPlay").onclick=play; $("bPrac").onclick=practice;
+$("bPrev").onclick=()=>gotoItem(idx-1,state.running); $("bNext").onclick=()=>gotoItem(idx+1,state.running);
+$("bUp").onclick=()=>nudge(+1);  $("bDown").onclick=()=>nudge(-1);
+$("bUp10").onclick=()=>nudge(+10); $("bDn10").onclick=()=>nudge(-10);
+$("vol").oninput=(e)=>{ state.volume=(+e.target.value)/100; if(masterGain) masterGain.gain.value=state.volume; saveState(); };
+$("bJournal").addEventListener("click",()=>{ if(!sessionActive) location.href="/mobile-sessions.html"; });   // mid-session: just shows the live timer
+
+/*@BUILD:include:src/chrome.js@*/
+
+/* ========================= FULLSCREEN + WAKE LOCK ============================ */
+const docEl=document.documentElement;
+const reqFS=docEl.requestFullscreen||docEl.webkitRequestFullscreen, exitFS=document.exitFullscreen||document.webkitExitFullscreen;
+const fsEl=()=>document.fullscreenElement||document.webkitFullscreenElement;
+let wakeLock=null;
+async function requestWake(){ try{ if(navigator.wakeLock) wakeLock=await navigator.wakeLock.request("screen"); }catch(e){} }
+function releaseWake(){ try{ wakeLock&&wakeLock.release(); }catch(e){} wakeLock=null; }
+function toggleFS(){ if(fsEl()){ if(exitFS) try{ exitFS.call(document); }catch(e){} } else if(reqFS){ try{ reqFS.call(docEl); }catch(e){} } }
+$("fsBtn").onclick=toggleFS;
+if(window.EMBED) $("fsBtn").style.display="none";
+document.addEventListener("visibilitychange",()=>{ if(document.visibilityState==="visible"&&state.running) requestWake(); });
+
+/* PWA */
+let deferredPrompt=null;
+addEventListener("beforeinstallprompt",(e)=>{ e.preventDefault(); deferredPrompt=e; });
+if(!window.EMBED && "serviceWorker" in navigator){ addEventListener("load",()=>{ navigator.serviceWorker.register("/mobile-sw.js").catch(()=>{}); }); }
+addEventListener("beforeunload",(e)=>{ if(sessionActive){ e.preventDefault(); e.returnValue=""; } });
+
+/* keyboard (desktop testing) */
+addEventListener("keydown",(e)=>{ const tag=(e.target&&e.target.tagName)||""; if(tag==="INPUT"||tag==="TEXTAREA"||tag==="SELECT") return;
+  const k=e.key;
+  if(k===" "||e.code==="Space"){ e.preventDefault(); play(); }
+  else if(k==="p"||k==="P"){ e.preventDefault(); practice(); }
+  else if(k==="ArrowRight"){ e.preventDefault(); gotoItem(idx+1,state.running); }
+  else if(k==="ArrowLeft"){ e.preventDefault(); gotoItem(idx-1,state.running); }
+  else if(k==="ArrowUp"){ e.preventDefault(); nudge(e.shiftKey?10:1); }
+  else if(k==="ArrowDown"){ e.preventDefault(); nudge(e.shiftKey?-10:-1); }
+  else if(k==="f"||k==="F") toggleFS();
+});
+
+/* ========================= INIT ============================================== */
+if(location.hash && /(p|sl)=/.test(location.hash)) loadFromHash(location.hash);
+else restoreState();
+if(!setlist){ slKey="b0"; setlist=BUILTIN[0]; idx=0; loadSetup(setlist.items[0]); }
+buildSetlistOptions(); buildTrackOptions();
+$("vol").value=Math.round(state.volume*100); if(masterGain) masterGain.gain.value=state.volume;
+renderAll(); renderSessionBar();
+requestAnimationFrame(draw);
+if(!window.EMBED && !lsGet(LS_TOURED,0)) setTimeout(()=>{ if(!$("tour").classList.contains("open")) startTour(); }, 700);
+</script>
+</body>
+</html>
diff --git a/pm_e-2.html b/pm_e-2.html
new file mode 100644
index 0000000..5adb9f4
--- /dev/null
+++ b/pm_e-2.html
@@ -0,0 +1,1833 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>PM_E‑2 — PolyMeter Editor (Notation)</title>
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,@BUILD:favicon@">
+<script>
+  /* ?embed=1 → strip site chrome (base.css [data-embed]) + auto-size to the host */
+  (function(){ if(!/[?&]embed=1/.test(location.search)) return;
+    document.documentElement.dataset.embed="1";
+    function ph(){ try{ parent.postMessage({type:"varasys-h",h:Math.ceil(document.documentElement.getBoundingClientRect().height)},"*"); }catch(e){} }
+    addEventListener("load",ph); addEventListener("resize",ph); setTimeout(ph,300); setTimeout(ph,1000);
+  })();
+</script>
+<script>
+  // Set theme before first paint (avoids a flash). Preference is system|light|dark
+  // (default system → follows the OS); "system" resolves to the OS scheme here.
+  (function () {
+    try {
+      var p = localStorage.getItem("metronome.theme");
+      if (p !== "light" && p !== "dark" && p !== "system") p = "system";
+      var eff = p === "system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;
+      document.documentElement.dataset.theme = eff;
+    } catch (e) { document.documentElement.dataset.theme = "dark"; }
+  })();
+</script>
+<!--
+  Stackable Metronome — a polymetric groove trainer / metronome.
+  Copyright (C) 2026 Varasys
+  SPDX-License-Identifier: AGPL-3.0-or-later
+
+  This program is free software: you can redistribute it and/or modify it
+  under the terms of the GNU Affero General Public License as published by
+  the Free Software Foundation, either version 3 of the License, or (at your
+  option) any later version. It is distributed WITHOUT ANY WARRANTY; without
+  even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
+  PURPOSE. See the GNU Affero General Public License for more details. You
+  should have received a copy of the license along with this program (see the
+  LICENSE file); if not, see <https://www.gnu.org/licenses/>.
+-->
+<!--
+  The full browser app for the Stackable Metronome. (The play-only Pi Pico
+  hardware build is mocked up separately as the "player" — see player.html.)
+
+  DESIGN: a basic metronome (tempo / volume / start-stop) PLUS an arbitrary
+  number of "meter lanes". Each lane is its own little metronome with a
+  grouping (e.g. 2+2+3), a subdivision, and a sound. All lanes share the global
+  tempo; layering lanes with different groupings/subdivisions is what creates
+  polymeter / polyrhythm — no special "voice" or ratio mode required.
+
+  Functions marked PORTS TO FIRMWARE carry over to the RP2040 with little change.
+  Web Audio's look-ahead scheduler stands in for the hardware timer.
+-->
+<style>
+  /*@BUILD:include:src/base.css@*/
+  :root {
+    --bg:#14171c; --bg2:#1b212b; --panel:#1d222b; --panel-2:#242b36; --edge:#333d4b;
+    --txt:#c7d0db; --muted:#7f8b9a; --hot:#ffd166; --led-off:#2b323d; --ring:#ffffff;
+  }
+  :root[data-theme="light"] {
+    --bg:#e9edf2; --bg2:#f6f8fb; --panel:#ffffff; --panel-2:#eef2f7; --edge:#d2dae4;
+    --txt:#1e2630; --muted:#5c6776; --hot:#a9760a; --led-off:#cdd6e0; --ring:#16202c;
+  }
+  body {
+    margin:0; padding:24px; min-height:100vh;
+    background: radial-gradient(circle at 50% -10%, var(--bg2), var(--bg));
+    color: var(--txt);
+  }
+  h1 { font-size:18px; font-weight:600; letter-spacing:.5px; margin:0 0 2px; }
+  .sub { color:var(--muted); font-size:12px; margin-bottom:18px; }
+  .kbd-legend { color:var(--muted); font-size:13px; font-family:"Courier New",monospace; text-align:left; line-height:1.75; }
+  .kbd-legend span { white-space:nowrap; }   /* wrap only between shortcut groups, never mid-token */
+  .appheader-ctrls { margin-left:auto; }      /* push controls right on wide; narrow media query resets to left */
+  #app { display:flex; gap:18px; max-width:none; margin:0 auto; align-items:flex-start; justify-content:center; }
+  /* Logo lives in the device's top-left corner (not the header); header fills + keeps just nav. */
+  .site-head, .site-foot { max-width:none; }
+  .site-head .brand { display:none; }
+  .site-head { justify-content:flex-end; }
+  .devbrand { line-height:0; }
+  .devbrand .brand-logo { height:30px; }
+  .device { flex:1 1 auto; min-width:0; max-width:none; background:linear-gradient(180deg, var(--panel), var(--bg));
+    border:1px solid var(--edge); border-radius:16px; padding:18px; box-shadow:0 18px 50px rgba(0,0,0,.5); }
+  .row { display:flex; gap:18px; flex-wrap:wrap; }
+  .card { background:var(--panel-2); border:1px solid var(--edge); border-radius:12px; padding:13px; flex:1; min-width:240px; }
+  .card h2 { font-size:11px; text-transform:uppercase; letter-spacing:1.4px; color:var(--muted); margin:0 0 14px; }
+  /* Top display panel: compact, evenly spaced. A flex column with a small,
+     uniform gap replaces the old per-element margins (which stacked into big gaps). */
+  .display { background:#0a0d11; border:1px solid #000; border-radius:8px; padding:10px 14px; text-align:center; box-shadow:inset 0 2px 10px rgba(0,0,0,.7);
+    display:flex; flex-direction:column; align-items:center; gap:6px; }
+  .display .big { font-family:"Courier New",monospace; font-weight:700; font-size:72px; color:#ffd166; letter-spacing:2px; line-height:1.0; text-shadow:0 0 12px rgba(255,209,102,.5); }
+  .display .dtimers { font-family:"Courier New",monospace; font-size:24px; color:#4dd0e1; margin:0; display:flex; gap:8px 16px; justify-content:center; flex-wrap:wrap; line-height:1.1; }
+  .display .dtimers[hidden] { display:none; }
+  .display .ctx { font-family:"Courier New",monospace; font-size:18px; color:#4dd0e1; min-height:20px; line-height:1.2; }
+  .display .ctx.muted-cue { color:#ffb454; }
+  /* Gap-trainer indicator in the display: persistent green "GAP p/m" while armed;
+     turns amber while the current bars are muted (count-along cue). */
+  .display .gap-ind { color:#5fd08a; font-size:20px; }
+  .display .gap-ind.muting { color:#ffb454; }
+  /* PM_E-2: inactive function slots stay visible but dimmed (always-on status row) */
+  .display .dtimers .off { opacity:.28; }
+  .knob { margin-bottom:10px; }
+  .knob label { display:flex; justify-content:space-between; font-size:12px; margin-bottom:5px; }
+  .knob label b { color:#fff; font-variant-numeric:tabular-nums; }
+  input[type=range] { width:100%; accent-color:var(--hot); }
+  .btnrow { display:flex; gap:10px; flex-wrap:wrap; }
+  /* VARASYS brand lockup — show the tagline variant that matches the theme */
+  .brand-logo { height:40px; width:auto; display:block; }
+  .brand-light { display:none; }
+  :root[data-theme="light"] .brand-dark  { display:none; }
+  :root[data-theme="light"] .brand-light { display:block; }
+  button { background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:9px 14px; font-size:13px; cursor:pointer; transition:.12s; }
+  button:hover { border-color:var(--muted); }
+  button.primary { background:#2e7d32; border-color:#2e7d32; color:#fff; font-weight:600; }
+  button.primary.on { background:#c0392b; border-color:#c0392b; }
+  button.add { background:#2c3a4d; border-color:#3b5168; color:#cfe3ff; font-weight:600; }
+  .seg { display:inline-flex; border:1px solid var(--edge); border-radius:8px; overflow:hidden; }
+  .seg button { border:none; border-radius:0; padding:8px 10px; }
+  .seg button.active { background:var(--hot); color:#000; }
+  input[type=text].txt { background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:8px; font-size:13px; font-family:"Courier New",monospace; }
+  .checkrow, .mini-check { display:flex; align-items:center; gap:8px; font-size:13px; }
+  .mini-check { color:var(--muted); }
+  /* LED strip */
+  .strip { display:flex; gap:6px; flex-wrap:wrap; }
+  .led { width:30px; height:30px; border-radius:7px; background:var(--led-off); border:1px solid #000; position:relative;
+    display:flex; align-items:center; justify-content:center; font-size:9px; color:#4a5562; cursor:default; transition:background .04s, box-shadow .04s; }
+  .led.on { background:var(--lc,#888); box-shadow:0 0 8px var(--lc); color:rgba(0,0,0,.55); }
+  .led.accent { box-shadow:0 0 4px #fff, 0 0 14px var(--lc); }
+  .led.accent::after { content:"▲"; position:absolute; top:-1px; font-size:7px; color:#fff; }
+  .led.ghost { opacity:.4; box-shadow:none; }            /* ghost note — lit but faint */
+  .led.ghost::after { content:"·"; position:absolute; top:-4px; font-size:13px; color:#fff; }
+  .led.playhead { outline:2px solid var(--ring); outline-offset:1px; }
+  .led.sub { width:20px; height:20px; opacity:.9; }      /* subdivision step — smaller than a downbeat */
+  .led.beatstart { margin-left:11px; }                   /* extra gap between beats within a group */
+  .led.groupstart { margin-left:16px; }
+  .led.groupstart::before { content:""; position:absolute; left:-9px; top:4px; bottom:4px; width:2px; background:var(--muted); }
+  /* meter lanes — compact single-row controls + strip */
+  #meters { display:flex; flex-direction:column; gap:10px; }
+  .meter-card { background:var(--panel-2); border:1px solid var(--edge); border-radius:12px; padding:9px 14px; }
+  .lane-row { display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-bottom:0; }
+  .lane-row .strip { margin-left:4px; }
+  .lane-title { font-weight:700; font-size:13px; min-width:28px; }
+  .txt.grp { width:80px; text-align:center; }
+  .sum { font-family:"Courier New",monospace; font-size:12px; color:var(--muted); min-width:24px; }
+  .bar { font-family:"Courier New",monospace; font-size:12px; color:var(--hot); min-width:46px; text-align:right; }
+  .cmp { background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:7px 8px; font-size:12px; }
+  .gain { font-size:11px; color:var(--muted); border:1px solid var(--edge); border-radius:8px; padding:6px 7px;
+    cursor:ns-resize; user-select:none; min-width:42px; text-align:center; font-variant-numeric:tabular-nums;
+    touch-action:none; background:var(--panel); }
+  .gain:hover { color:var(--txt); }
+  .gain.boost { color:#5fd08a; border-color:#2f6b48; }
+  .gain.cut { color:#ff9a8a; border-color:#7a3b34; }
+  .meter-card .led { width:26px; height:26px; border-radius:6px; }
+  .meter-card .led.sub { width:17px; height:17px; }
+  .x { background:transparent; border:1px solid var(--edge); color:var(--muted); padding:4px 9px; border-radius:7px; margin-left:auto; }
+  .x:hover { color:#ff9a8a; border-color:#c0392b; }
+  .hint { font-size:11px; color:var(--muted); margin-top:8px; }
+  code { background:#0d1014; padding:1px 5px; border-radius:4px; color:#cfe3ff; }
+
+  /* subtle live program string: shows the current patch; editable + copy/paste.
+     Faded by default so it doesn't compete with the editor; lights up on hover/focus. */
+  .patchbar { display:flex; align-items:center; gap:9px; max-width:1100px; margin:16px auto 0;
+    padding:6px 11px; border:1px solid var(--edge); border-radius:9px; background:var(--panel);
+    opacity:.55; transition:opacity .15s, box-shadow .25s; }
+  .patchbar:hover, .patchbar:focus-within { opacity:1; }
+  .patchbar > label { flex:0 0 auto; font-size:10px; text-transform:uppercase; letter-spacing:.09em; color:var(--muted); }
+  .patchbar input { flex:1; min-width:0; background:transparent; border:0; outline:none; color:var(--txt);
+    font-family:"Courier New",monospace; font-size:12px; padding:3px 0; }
+  .patchbar button { flex:0 0 auto; font-size:11px; padding:4px 10px; }
+  .patchbar.applied { box-shadow:0 0 0 2px var(--cyan) inset; }
+  .patchbar.err input { color:#ff8a7a; }
+  .patch-msg { flex:0 1 auto; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:46%; }
+  .patch-msg.ok { color:#5fd08a; } .patch-msg.bad { color:#ff8a7a; }
+  [data-embed] .patchbar { display:none !important; }
+  .ex-item { display:flex; gap:8px; align-items:center; padding:7px 9px; border:1px solid var(--edge); border-radius:8px; margin-bottom:6px; font-size:13px; background:var(--panel); cursor:pointer; }
+  .ex-item:hover { border-color:var(--muted); }
+  .ex-item.active { border-color:#2e7d32; box-shadow:inset 3px 0 0 #2e7d32; }   /* loaded / playing */
+  .ex-item.cued { outline:2px solid #ffb454; outline-offset:-2px; }             /* cue cursor (coexists with .active) */
+  .ex-item .nm { flex:1; }
+  .ex-item .meta { color:var(--muted); font-family:"Courier New",monospace; font-size:11px; }
+  .ex-item .row-actions { display:none; gap:4px; }
+  .ex-item.active .row-actions, .ex-item:hover .row-actions { display:inline-flex; }
+  .nowplaying { background:var(--panel); border:1px solid var(--edge); border-radius:10px; padding:10px 12px; margin-bottom:12px; }
+  .np-label { font-size:10px; letter-spacing:1.4px; color:var(--muted); text-transform:uppercase; }
+  .np-name { font-size:16px; font-weight:600; margin:2px 0; }
+  .np-sub { font-size:12px; color:var(--muted); font-family:"Courier New",monospace; word-break:break-word; }
+  .np-desc { font-size:12px; color:var(--muted); margin-top:4px; }
+  .iconbtn { padding:3px 8px; font-size:12px; }
+  .log-item { padding:8px 10px; border:1px solid var(--edge); border-radius:8px; margin-bottom:6px; background:var(--panel); }
+  .log-head { font-weight:600; font-size:13px; margin-bottom:5px; display:flex; align-items:center; gap:8px; }
+  .log-head-nm { flex:1; }
+  .hist-row { display:flex; align-items:center; gap:6px; margin:2px 0 0 12px; }
+  .hist-txt { flex:1; font-size:12px; color:var(--muted); font-family:"Courier New",monospace; }
+  .hist-del { display:none; background:transparent; border:none; color:#ff6b5e; cursor:pointer; font-size:12px; line-height:1; padding:2px 4px; border-radius:4px; }
+  .hist-del:hover { background:rgba(255,107,94,.15); }
+  .hist-row:hover .hist-del, .hist-row:focus-within .hist-del { display:inline; }
+  .practice { border-top:1px solid var(--edge); margin-top:16px; padding-top:4px; }
+  /* set-list panel: always shown — sticky beside the metronome on desktop,
+     stacks below it on narrow screens */
+  #routineTray { flex:0 0 340px; align-self:flex-start; position:sticky; top:18px;
+    max-height:calc(100vh - 36px); overflow:auto; background:linear-gradient(180deg, var(--panel), var(--bg));
+    border:1px solid var(--edge); border-radius:14px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
+  .tval { font-family:"Courier New",monospace; font-size:inherit; color:var(--hot); min-width:64px; }
+  .tval.low { color:#ffb454; }
+  .tval.over { color:#ff7b6b; }
+  @media (max-width: 820px) {
+    #app { display:block; }
+    #routineTray { position:static; max-height:none; width:auto; margin-top:18px; }
+  }
+  .tray-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
+  .practice-col { border-left:1px solid var(--edge); padding-left:18px; }
+  .fbox { border:1px solid var(--edge); border-radius:10px; padding:9px 11px; margin-bottom:10px; transition:border-color .15s, background .15s; }
+  .fbox .fhead { display:flex; align-items:center; gap:8px; }
+  .fbox .ftitle { font-weight:600; font-size:12px; }
+  .fbox .fbody { margin-top:8px; }
+  .fbox.on { border-color:#2e7d32; background:rgba(46,125,50,.12); }
+  .fbox.toggleable:not(.on) .fbody { display:none; }   /* hide a feature's parameters until it's enabled */
+  .lane-enable { accent-color:#2e7d32; margin:0 2px; cursor:pointer; }
+  .lane-row.lane-off { opacity:.5; }
+  #themeBtn, #helpBtn { padding:4px 11px; }
+  /* --- responsive --- */
+  @media (max-width: 760px) {
+    body { padding: 12px; }
+    .device { padding: 13px; border-radius:12px; }
+    .row { gap: 14px; }
+    /* when the practice column wraps under the others, swap its side rule for a top one */
+    .practice-col { border-left:none; padding-left:0; border-top:1px solid var(--edge); padding-top:12px; margin-top:4px; }
+  }
+  @media (max-width: 580px) {   /* narrow: stack the header with logo + buttons above the title */
+    .appheader { flex-direction: column-reverse; align-items: flex-start !important; flex-wrap: nowrap !important; }   /* !important beats the inline align-items/flex-wrap */
+    .appheader .appheader-ctrls { margin-left: 0; }
+  }
+  @media (max-width: 620px) {
+    #routineTray { width:100%; }
+    .meter-card .led { width:24px; height:24px; }
+  }
+  .num { width:54px; background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:6px 6px; font-size:13px; text-align:center; }
+  #helpBtn { padding:4px 11px; }
+  .overlay { position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:80; }
+  .overlay[hidden] { display:none; }
+  .overlay-box { background:var(--panel-2); border:1px solid var(--edge); border-radius:14px; padding:16px 20px; width:380px; max-width:92vw; box-shadow:0 20px 60px rgba(0,0,0,.6); }
+  #shareUrl { width:100%; resize:vertical; background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:8px; font-family:"Courier New",monospace; font-size:12px; }
+  .help-about { margin-top:14px; padding-top:12px; border-top:1px solid var(--edge); font-size:12px; color:var(--muted); line-height:1.45; }
+  .help-about p { margin:0 0 8px; }
+  .help-about p:last-child { margin-bottom:0; }
+  .help-about a { color:#6cb6ff; }
+  .kbd-table { width:100%; border-collapse:collapse; font-size:13px; }
+  .kbd-table td { padding:6px 4px; border-bottom:1px solid var(--edge); }
+  .kbd-table tr:last-child td { border-bottom:none; }
+  .kbd-table td:first-child { width:100px; white-space:nowrap; }
+  kbd { background:var(--panel); border:1px solid var(--edge); border-bottom-width:2px; border-radius:5px; padding:2px 7px; font-family:"Courier New",monospace; font-size:12px; color:var(--txt); }
+  .setlist-fields textarea { width:100%; background:var(--panel); color:var(--txt); border:1px solid var(--edge); border-radius:8px; padding:8px; font-size:12px; resize:none; overflow:hidden; min-height:34px; box-sizing:border-box; }
+  .play { background:#2e7d32; border-color:#2e7d32; color:#fff; padding:3px 10px; }
+  .stop { background:#c0392b; border-color:#c0392b; color:#fff; padding:3px 10px; }
+  .menu { position:absolute; top:36px; right:0; background:var(--panel-2); border:1px solid var(--edge); border-radius:10px; padding:6px; display:flex; flex-direction:column; gap:4px; box-shadow:0 12px 30px rgba(0,0,0,.5); z-index:70; min-width:150px; }
+  .menu[hidden] { display:none; }
+  .menu button { text-align:left; }
+  /* embed mode: drop the header + legend, keep the editor */
+  [data-embed] .appheader, [data-embed] .kbd-legend { display:none !important; }
+  /* --- PM_E-2 notation surface --- */
+  @font-face { font-family:"Bravura"; src:url("data:font/woff2;base64,@BUILD:bravura@") format("woff2"); font-display:block; }
+  /* engraved like paper: white sheet, dark ink (theme-independent) */
+  .staffwrap { background:#ffffff; border:1px solid var(--edge); border-radius:12px; padding:6px 10px;
+    box-shadow:0 1px 6px rgba(0,0,0,.28); margin:2px 0; }
+  .staffwrap canvas { width:100%; display:block; cursor:pointer; }
+  .staffwrap.konn canvas { cursor:default; }   /* konnakol is read-only */
+  #konnakolCanvas { height:84px; }
+  #staffCanvas { height:172px; }
+  #tubsCanvas { height:168px; }
+  /* collapsible sections */
+  .sect { margin:8px 0; }
+  .sect > summary { cursor:pointer; list-style:none; font-size:11px; text-transform:uppercase; letter-spacing:1.2px; color:var(--muted); padding:4px 0; user-select:none; }
+  .sect > summary::-webkit-details-marker { display:none; }
+  .sect > summary::before { content:"\25be\00a0"; }                 /* ▾ open */
+  .sect:not([open]) > summary::before { content:"\25b8\00a0"; }     /* ▸ closed */
+  .sect > summary .shint { text-transform:none; letter-spacing:normal; font-size:11px; opacity:.7; }
+  /* the two device controls in the header — matching pills (state shown via colour/border in JS) */
+  .devctrl{ font:inherit; font-size:12px; line-height:1.5; padding:3px 10px; border-radius:7px;
+            border:1px solid var(--edge); background:transparent; color:var(--muted);
+            white-space:nowrap; cursor:pointer; }
+  .devctrl:hover{ border-color:var(--muted); }
+</style>
+</head>
+<body>
+
+/*@BUILD:include:src/header.html@*/
+
+<div id="app">
+<div class="device">
+  <div class="row appheader" style="align-items:center; flex-wrap:wrap; gap:6px 14px; margin-bottom:8px">
+    <a class="brand devbrand" href="/" title="VARASYS — Simplifying Complexity" style="flex:0 0 auto">
+      <img class="brand-logo brand-dark"  src="data:image/png;base64,@BUILD:logo-dark@"  alt="VARASYS — Simplifying Complexity" />
+      <img class="brand-logo brand-light" src="data:image/png;base64,@BUILD:logo-light@" alt="VARASYS — Simplifying Complexity" />
+    </a>
+    <h1 style="margin:0">PM_E‑2 <span style="font-weight:400; opacity:.75">PolyMeter Editor</span> <span style="font-weight:400; opacity:.5; font-size:12px">Notation</span></h1>
+    <div class="appheader-ctrls" style="display:flex; align-items:center; gap:8px">
+      <span id="devBadge" class="devctrl"
+            title="Device link (USB-MIDI). Click to connect — Chrome, Edge or Firefox. Turns green and shows the name while a PM device (PM_K-1 / PM_X-1 / PM_G-1) is plugged in; ◎ means none is detected. This only reports the connection — it does not make sound on its own.">◎ connect device</span>
+      <button id="midiBtn" class="devctrl"
+            title="Device audio — on/off switch. When ON, the notes a connected device sends over USB-MIDI are played through THIS computer's speakers (the device drives the sound, locked to its clock). You can switch it on before plugging in — it doesn't need a device to toggle; plug one in while it's on and it sounds through the computer.">🎹 Device audio</button>
+      <button id="midiOutBtn" class="devctrl"
+            title="MIDI out — on/off switch. When ON, the groove is sent as MIDI notes to external gear (a drum module / e-kit) on the output port chosen at right: GM drum notes on channel 10, scheduled tightly in sync with playback. Independent of the local synth and of Device audio. Web MIDI · Chrome/Edge/Firefox.">🎛 MIDI out</button>
+      <select id="midiOutSel" class="devctrl" title="MIDI output port to drive (your drum module / e-kit)" hidden></select>
+      <label id="midiClkWrap" class="devctrl" hidden style="display:inline-flex; align-items:center; gap:5px"
+             title="Also send 24-PPQN MIDI clock + Start/Stop on this port, so the gear's tempo/sequencer locks to the editor."><input type="checkbox" id="midiClkChk" checked style="margin:0"> clock</label>
+      <button id="helpBtn" title="keyboard shortcuts (?)">?</button>
+    </div>
+  </div>
+  <div class="kbd-legend" style="margin-bottom:12px"><span>Space play</span> <span>· T tap</span> <span>· ←→ tempo</span> <span>· ↑↓ cue</span> <span>· ⏎ commit</span> <span>· N/P step</span> <span>· A add</span> <span>· ? help</span></div>
+
+  <!-- Transport: display + preset/tempo/volume + practice, in three columns -->
+  <div class="row">
+    <div class="card" style="flex:1">
+      <div class="row" style="gap:22px; align-items:flex-start">
+        <div style="flex:0 0 260px; min-width:230px">
+          <div class="display">
+            <div class="big" id="bpmDisplay">120</div>
+            <div class="dtimers" id="dtimers">
+              <span title="elapsed (stopwatch)">⏱ <span id="elapsedVal">0:00</span></span>
+              <span id="rampWrap" class="tval" title="tempo ramp" hidden></span>
+              <span id="gapWrap" class="tval gap-ind" title="gap / mute trainer — plays N bars, mutes M bars" hidden></span>
+              <span id="countWrap" title="time countdown" hidden>⏳ <span id="countVal" class="tval">0:00</span></span>
+              <span id="barWrap" title="bars remaining in this segment" hidden>▦ <span id="barVal" class="tval">0</span></span>
+            </div>
+            <div class="ctx" id="ctxDisplay">&nbsp;</div>
+          </div>
+          <div class="btnrow" style="margin-top:10px"><button class="primary" id="startBtn">▶ Start</button><button id="tapBtn">Tap</button><span id="saveItemWrap" style="display:inline-flex" title="Select a set-list item to enable Save"><button id="saveItemBtn" disabled>💾 Save</button></span></div>
+        </div>
+
+        <div style="flex:1; min-width:200px">
+          <div class="nowplaying">
+            <div class="np-label">Now loaded</div>
+            <div class="np-name" id="npName">Free play</div>
+            <div class="np-sub" id="npSub"></div>
+            <div class="np-desc" id="npDesc"></div>
+          </div>
+          <div class="knob"><label>Tempo (BPM) <b id="bpmVal">120</b></label><input type="range" id="bpm" min="30" max="300" value="120"></div>
+          <div class="knob" style="margin-bottom:0"><label>Master Volume <b id="volVal">70%</b></label><input type="range" id="vol" min="0" max="100" value="70"></div>
+        </div>
+
+        <div class="practice-col" style="flex:1; min-width:215px">
+          <div class="fbox toggleable" id="trainerBox">
+            <label class="fhead"><input type="checkbox" id="trainerOn"><span class="ftitle">Gap / mute trainer</span></label>
+            <div class="fbody row" style="gap:14px; align-items:center">
+              <label style="font-size:12px">Play <input type="number" class="num" id="playBars" min="1" max="16" value="2"></label>
+              <label style="font-size:12px">Mute <input type="number" class="num" id="muteBars" min="0" max="16" value="2"> bars</label>
+            </div>
+          </div>
+          <div class="fbox toggleable" id="rampBox">
+            <label class="fhead"><input type="checkbox" id="rampOn"><span class="ftitle">Tempo ramp</span></label>
+            <div class="fbody row" style="gap:12px 14px; align-items:center; flex-wrap:wrap">
+              <label style="font-size:12px">from <input type="number" class="num" id="rampStart" min="30" max="300" value="80"> BPM</label>
+              <label style="font-size:12px" title="negative ramps down, positive ramps up"><input type="number" class="num" id="rampAmt" min="-30" max="30" value="5"> BPM</label>
+              <label style="font-size:12px">every <input type="number" class="num" id="rampEvery" min="1" max="16" value="4"> bars</label>
+            </div>
+          </div>
+          <div class="fbox toggleable" id="timerBox">
+            <label class="fhead"><input type="checkbox" id="timersOn"><span class="ftitle">Timers</span><span class="hint" style="margin:0">run while playing</span></label>
+            <div class="fbody">
+              <div class="row" style="gap:10px; align-items:center">
+                <label style="font-size:12px">Elapsed (stopwatch)</label>
+                <button class="iconbtn" id="elapsedReset" title="reset elapsed">⟲</button>
+              </div>
+              <div class="row" style="gap:10px; align-items:center; margin-top:6px">
+                <label style="font-size:12px">Countdown <input type="text" class="txt" id="countTime" placeholder="m:ss" title="blank = off · h:mm:ss, m:ss, or plain minutes" style="width:80px; text-align:center"></label>
+                <button class="iconbtn" id="countReset" title="reset countdown">⟲</button>
+              </div>
+              <div class="row" style="gap:10px; align-items:center; margin-top:6px">
+                <label style="font-size:12px">Bars <input type="number" class="num" id="segBarsIn" min="0" max="999" value="0" title="segment length in bars (0 = manual). With Continue on, auto-advances to the next item at the bar boundary." style="width:64px"></label>
+                <span class="hint" style="margin:0">0 = manual</span>
+              </div>
+              <div class="row" style="gap:10px; align-items:center; margin-top:6px">
+                <label style="font-size:12px">At end
+                  <select class="txt" id="endAction" title="What this track does after 'rep' cycles (a cycle = Bars above, else one bar). Loop = the metronome default; explicit choices override the global Continue toggle." style="width:108px">
+                    <option value="loop">loop forever</option>
+                    <option value="next">next track</option>
+                    <option value="stop">stop</option>
+                    <option value="goto">goto ±</option>
+                  </select>
+                </label>
+                <label style="font-size:12px" id="gotoWrap" hidden>by <input type="number" class="num" id="endGoto" min="-99" max="99" value="-1" title="relative track offset: -2 = back two (D.S.), +1 = next" style="width:52px"></label>
+                <label style="font-size:12px" id="repWrap">× <input type="number" class="num" id="endRep" min="1" max="99" value="1" title="cycles before the end-action fires" style="width:52px"></label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- PM_E-2: Lanes config first, then three collapsible notation lenses (beats aligned across all). -->
+  <details class="sect" open>
+    <summary>Lanes <span class="shint">&mdash; add voices; set grouping, subdivision, swing, polyrhythm, gain</span></summary>
+    <div id="meters"></div>
+    <div style="margin-top:10px"><button class="add" id="addMeterBtn" title="add meter lane (A)">+</button></div>
+  </details>
+
+  <div class="hint" style="margin:12px 0 2px">Click a step on the <b>Staff</b> or <b>TUBS</b> grid to cycle <b>accent → normal → ghost → rest</b>; <b>Shift-click</b> cycles <b>flam → drag → roll</b>.</div>
+
+  <details class="sect" open>
+    <summary>Konnakol</summary>
+    <div class="staffwrap konn"><canvas id="konnakolCanvas"></canvas></div>
+  </details>
+  <details class="sect" open>
+    <summary>Staff</summary>
+    <div class="staffwrap"><canvas id="staffCanvas"></canvas></div>
+  </details>
+  <details class="sect" open>
+    <summary>TUBS</summary>
+    <div class="staffwrap tubs"><canvas id="tubsCanvas"></canvas></div>
+  </details>
+
+  <!-- (presets moved into the Transport card; set lists live in the slide-out tray;
+        status now shows under the BPM in the display) -->
+</div>
+
+  <!-- Set-list panel: docked beside the metronome; drawer on narrow screens -->
+  <aside id="routineTray">
+  <div class="tray-head">
+    <h2 style="margin:0">Set Lists</h2>
+    <div style="display:flex; gap:6px; position:relative">
+      <button class="x" id="trayMenuBtn" title="log &amp; backup" style="margin-left:0">⋯</button>
+      <div id="trayMenu" class="menu" hidden>
+        <button id="shareSettingsBtn">🔗 Share settings link</button>
+        <button id="shareSetlistBtn">🔗 Share set-list link</button>
+        <button id="exportBtn">⭳ Export all (file)</button>
+        <button id="importBtn">⭱ Import file…</button>
+        <input type="file" id="importFile" accept="application/json" style="display:none">
+        <button id="saveDeviceBtn" title="Sync your own set lists to the PM_K-1 (the built-in playlists are baked into its firmware)">📟 Save to device</button>
+        <button id="loadDeviceBtn" title="Load a device's programs.json into a new set list">📥 Load from device</button>
+        <button id="updateFwBtn" title="Check &amp; update the PM_K-1 firmware over USB-MIDI (A/B with auto-rollback)">⬆ Update firmware…</button>
+        <button id="clearLogBtn">🗑 Clear log</button>
+        <button id="resetAllBtn" style="color:#ff7b6b">♻ Reset everything…</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- editable set-list selector: rename the active list in place; ▾ switches / creates -->
+  <div class="lane-row" style="margin-bottom:8px; position:relative">
+    <input type="text" class="txt" id="slTitle" placeholder="set list title" style="flex:1; text-align:left">
+    <button id="slMenuBtn" title="switch or create a set list" aria-haspopup="true">▾</button>
+    <button class="x" id="delSetlistBtn" title="delete set list" style="margin-left:0">✕</button>
+    <div id="slMenu" class="menu" hidden style="top:38px; left:0; right:auto; max-height:240px; overflow:auto"></div>
+  </div>
+  <div class="setlist-fields">
+    <textarea id="slDesc" placeholder="description / notes" rows="1"></textarea>
+  </div>
+  <label class="mini-check" title="when a playing item reaches the end of its countdown or its bar-length, auto-advance to the next item (smooth cutover at the next bar) — give items a countdown or bar count to auto-play a whole song/set" style="margin:8px 0 6px"><input type="checkbox" id="continueMode"> Continue — auto-advance (countdown / bars)</label>
+  <div id="itemList"></div>
+  <div class="lane-row" style="margin:10px 0 6px">
+    <input type="text" class="txt" id="itemName" placeholder="item name" style="flex:1; min-width:110px; text-align:left">
+    <button id="addItemBtn">+ Add current settings</button>
+  </div>
+  <div class="hint" style="margin-top:6px"><kbd>Alt+↑/↓</kbd> reorder · 💾 save settings to an item.</div>
+
+  <!-- Practice-log header + "log sessions" toggle. When OFF, played sessions are NOT
+       appended to the practice log (for noodling / adjusting); existing entries are kept.
+       Persisted in localStorage (LS.logging); default ON. -->
+  <div class="practice" style="margin-top:18px">
+    <div class="tray-head" style="margin-bottom:8px">
+      <h2 style="margin:0">Practice log</h2>
+      <label class="mini-check" id="loggingToggle" title="When off, sessions you play are NOT recorded to the practice log — handy while adjusting settings or just playing around. Existing history is kept.">
+        <input type="checkbox" id="logSessions" checked> log sessions
+      </label>
+    </div>
+    <div id="logView"></div>
+  </div>
+</aside>
+</div><!-- /#app -->
+
+/*@BUILD:include:src/footer.html@*/
+
+<!-- Live program string for what's loaded: editable, copy & paste (plain text or base64 set-list code). -->
+<div class="patchbar" id="patchBar" title="Program string for what's loaded — edit and press Enter, or paste a patch / base64 set-list code; it's decoded and checked">
+  <label for="patchField">program</label>
+  <input id="patchField" spellcheck="false" autocomplete="off" autocapitalize="off"
+         placeholder="v1;t120;kick:4;snare:4=.X.X;hat:4/2   (or paste a base64 set-list code)" aria-label="program string (editable)">
+  <span id="patchMsg" class="patch-msg"></span>
+  <button id="patchCopy" title="Copy the program string">Copy</button>
+</div>
+
+<div id="shortcutsOverlay" class="overlay" hidden>
+  <div class="overlay-box">
+    <div class="tray-head"><h2 style="margin:0">Keyboard shortcuts</h2><button class="x" id="shortcutsClose" style="margin-left:0">✕</button></div>
+    <table class="kbd-table">
+      <tr><td><kbd>Space</kbd></td><td>Play / stop (works everywhere except while typing in a text field)</td></tr>
+      <tr><td><kbd>T</kbd></td><td>Tap tempo</td></tr>
+      <tr><td><kbd>←</kbd> <kbd>→</kbd></td><td>Tempo ±1 BPM (<kbd>⇧</kbd> ±10)</td></tr>
+      <tr><td><kbd>A</kbd></td><td>Add meter lane</td></tr>
+      <tr><td><kbd>↑</kbd> <kbd>↓</kbd> <kbd>Home</kbd> <kbd>End</kbd></td><td>Move the cue cursor (crosses set lists)</td></tr>
+      <tr><td><kbd>PgUp</kbd> <kbd>PgDn</kbd></td><td>Cue the previous / next set list</td></tr>
+      <tr><td><kbd>Enter</kbd></td><td>Commit the cued item — switches on the next <b>bar</b> (smooth)</td></tr>
+      <tr><td><kbd>⇧Enter</kbd></td><td>Commit now — switches on the next <b>beat</b> (rude)</td></tr>
+      <tr><td><kbd>N</kbd> / <kbd>P</kbd></td><td>Load next / previous immediately (rude quick-step)</td></tr>
+      <tr><td><kbd>⌥↑</kbd> <kbd>⌥↓</kbd></td><td>Reorder the cued item</td></tr>
+      <tr><td><kbd>1</kbd>–<kbd>9</kbd></td><td>Enable / silence lane 1–9</td></tr>
+      <tr><td><kbd>?</kbd></td><td>This help</td></tr>
+      <tr><td><kbd>Esc</kbd></td><td>Close tray / help · cancel an armed switch</td></tr>
+    </table>
+    <div class="help-about">
+      <p>Source: <a href="https://codeberg.org/VARASYS/metronome" target="_blank" rel="noopener">codeberg.org/VARASYS/metronome</a></p>
+      <p><b>Your set lists, items and practice log live only in this browser</b> (localStorage) — nothing is uploaded. To move or share them, use the set-list <b>⋯</b> menu: <b>Share set-list link</b> copies a link encoding the whole set list (open it elsewhere to import a copy); <b>Share settings link</b> shares just the loaded item; <b>Export all / Import file</b> back up everything as a JSON file.</p>
+      <p>This is a single-page app — save this page (<kbd>Ctrl/⌘+S</kbd>) and open the file to run it fully offline, no server needed. One catch when running from a local <code>file://</code>: it <b>won't auto-save your set list</b> between sessions, so export a backup (set-list <b>⋯</b> menu → <b>Export all</b>) to keep your work.</p>
+    </div>
+  </div>
+</div>
+
+<!-- Share dialog: copyable link -->
+<div id="shareOverlay" class="overlay" hidden>
+  <div class="overlay-box">
+    <div class="tray-head"><h2 id="shareTitle" style="margin:0">Share</h2><button class="x" id="shareClose" title="close" style="margin-left:0">✕</button></div>
+    <textarea id="shareUrl" readonly rows="3"></textarea>
+    <div class="btnrow" style="margin-top:8px"><button id="shareCopy">Copy link</button><button id="shareOpen">Open ↗</button></div>
+    <div class="hint" id="shareNote"></div>
+  </div>
+</div>
+
+<script>
+"use strict";
+
+// Build version. deploy.sh rewrites this line: a clean commit tagged v<VERSION>
+// stamps the formal "X.Y.Z"; any other build stamps "X.Y.Z-dev.<ts>.<sha>[.dirty]".
+// The literal below is the fallback shown when viewing the un-deployed source.
+const APP_VERSION = "0.0.1-dev";
+
+/* =========================================================================
+   STATE
+   ========================================================================= */
+const state = { bpm: 120, volume: 0.7, running: false, rep: null, end: null };
+const trainer = { on: false, playBars: 2, muteBars: 2 };
+const ramp = { on: false, startBpm: 80, amount: 5, everyBars: 4 };
+
+let meters = [];     // array of meter-lane objects
+let meterSeq = 0;    // id counter
+
+
+/* ---- shared engine: audio voices, scheduler primitives, share-language codec.
+     Inlined from src/engine.js by build.sh; identical in player.html. ---- */
+const SAMPLES = {};   // all voices are synthesized (samples removed; 808/909 renders are the kit)
+/*@BUILD:include:src/engine.js@*/
+/*@BUILD:include:src/notation.js@*/
+
+/* =========================================================================
+   SCHEDULER  (PORTS TO FIRMWARE)
+   ========================================================================= */
+// Master clock: counts bars off the FIRST lane, used by trainer + ramp.
+let masterBeatTime = 0, masterBeat = 0;
+let muteWindows = [];   // {start,end} time ranges silenced by the trainer
+
+
+function advanceMaster(ahead) {
+  const mbpb = masterBeatsPerBar();
+  while (masterBeatTime < ahead) {
+    if (masterBeat % mbpb === 0) {
+      const barIndex = Math.floor(masterBeat / mbpb);
+      if (barIndex > 0 && ramp.on && (barIndex % ramp.everyBars === 0)) setBpm(state.bpm + ramp.amount);
+      if (trainer.on) {
+        const cycle = trainer.playBars + trainer.muteBars;
+        if (cycle > 0 && (barIndex % cycle) >= trainer.playBars) {
+          muteWindows.push({ start: masterBeatTime, end: masterBeatTime + mbpb * (60 / state.bpm) });
+        }
+      }
+      segBarCount = barIndex;                    // whole bars elapsed in this segment
+      if (segBars > 0 && barIndex >= segBars && !pendingSwitch && state.running && continueMode) {  // bar-count auto-advance (Continue)
+        const nx = nextLoadedTarget();
+        if (nx) { pendingSwitch = { sl: nx.sl, item: nx.item, atTime: masterBeatTime, reason: "auto" }; break; }  // cut at this downbeat
+      }
+    }
+    masterBeat++;
+    masterBeatTime += 60 / state.bpm;
+  }
+  if (audioCtx) muteWindows = muteWindows.filter((w) => w.end > audioCtx.currentTime - 1);
+}
+
+
+
+function scheduler() {
+  const ahead = audioCtx.currentTime + SCHEDULE_AHEAD;
+  // While a switch is armed, never advance/schedule past its boundary — so no audio
+  // is committed beyond it. advanceMaster may also arm an auto-switch and stop at the boundary.
+  advanceMaster(pendingSwitch ? Math.min(ahead, pendingSwitch.atTime) : ahead);
+  const cap = pendingSwitch ? Math.min(ahead, pendingSwitch.atTime) : ahead;
+  for (const m of meters) {
+    while (m.nextTime < cap) {
+      scheduleMeterTick(m, m.nextTime);
+      m.nextTime += laneStepDur(m, m.tick);   // duration of the step just scheduled (swing makes pairs uneven)
+      m.tick++;
+    }
+  }
+  // Boundary reached → swap to the new segment seamlessly (scheduler keeps running).
+  if (pendingSwitch && masterBeatTime >= pendingSwitch.atTime - 1e-9) performCutover(pendingSwitch);
+  midiOutClock(ahead);   // schedule 24-PPQN MIDI clock ticks across the same look-ahead window
+}
+
+/* =========================================================================
+   TRANSPORT
+   ========================================================================= */
+function start() {
+  ensureAudio(); audioCtx.resume();
+  state.running = true;
+  if (ramp.on) setBpm(ramp.startBpm);   // ramp begins from its start BPM
+  const t0 = audioCtx.currentTime + 0.08;
+  for (const m of meters) { m.tick = 0; m.nextTime = t0; m.vq = []; m.vqPtr = 0; m.currentStep = -1; m.currentBar = 0; }
+  masterBeat = 0; masterBeatTime = t0; muteWindows = [];
+  midiOutStart(t0);   // MIDI clock Start (if MIDI out + clock on)
+  schedulerTimer = setInterval(scheduler, LOOKAHEAD_MS);
+  scheduler(); syncStartBtn();
+}
+function stop() {
+  midiOutStop();   // MIDI clock Stop (if MIDI out + clock on)
+  state.running = false;
+  clearInterval(schedulerTimer); schedulerTimer = null;
+  pendingSwitch = null; segBarCount = 0;          // drop any armed switch so it can't fire on next start
+  for (const m of meters) m.currentStep = -1;
+  syncStartBtn();
+}
+
+/* ----- gap-free cutover -----------------------------------------------------
+   One mechanism, two quantize targets: "beat" (rude/now) and "bar" (smooth).
+   Arming records a future boundary time; the scheduler caps outgoing audio at it
+   and rebuilds the meters there — schedulerTimer never stops, so the downbeat is
+   continuous (this replaces the old gappy stop()+start() switch). */
+function nextBeatBoundaryTime() { return masterBeatTime; }          // time of the next (unscheduled) beat
+function nextBarBoundaryTime() {
+  const mbpb = masterBeatsPerBar();
+  const toNext = ((mbpb - (masterBeat % mbpb)) % mbpb) || mbpb;     // beats until the next downbeat (≥ 1 bar away if on it)
+  return masterBeatTime + toNext * (60 / state.bpm);
+}
+function armSwitch(sl, item, reason, quantize) {
+  if (!setlists[sl] || !setlists[sl].items[item]) return;
+  if (!state.running) { loadItem(item, sl); return; }               // not playing → load immediately
+  let bt = quantize === "bar" ? nextBarBoundaryTime() : nextBeatBoundaryTime();
+  const unit = (quantize === "bar" ? masterBeatsPerBar() : 1) * (60 / state.bpm);
+  while (bt <= audioCtx.currentTime + SCHEDULE_AHEAD) bt += unit;    // defer past already-committed audio
+  pendingSwitch = { sl, item, atTime: bt, reason: reason || "commit" };
+  updateCtx();
+}
+function performCutover(ps) {
+  const bt = ps.atTime;
+  logFinalize();                                   // close out the outgoing segment's log entry
+  pendingSwitch = null;
+  applySetup(setlists[ps.sl].items[ps.item]);      // rebuilds meters, sets bpm/ramp/trainer/segBars, resets segBarCount
+  if (ramp.on) setBpm(ramp.startBpm);              // each segment's ramp starts fresh (like start())
+  setLoaded(ps.sl, ps.item);
+  for (const m of meters) { m.tick = 0; m.nextTime = bt; m.vq = []; m.vqPtr = 0; m.currentStep = -1; m.currentBar = 0; }  // first tick on the boundary
+  masterBeat = 0; masterBeatTime = bt; muteWindows = [];
+  nowPlaying = { at: Date.now(), name: setlists[ps.sl].items[ps.item].name };
+  if (activeSL !== loadedSL) { activeSL = loadedSL; renderSetlists(); } else renderItems();
+  renderLog(); updateCtx();
+}
+function setBpm(v) {
+  state.bpm = Math.max(30, Math.min(300, Math.round(v)));
+  bpm.value = state.bpm; bpmVal.textContent = state.bpm; bpmDisplay.textContent = state.bpm;
+}
+
+/* =========================================================================
+   METER LANES  (dynamic add/remove)
+   ========================================================================= */
+function laneColor(id) { return `hsl(${(id * 67) % 360} 70% 62%)`; }
+
+function addMeter(groupsStr = "4", stepsPerBeat = 4, sound = "beep", beatsOn = null, poly = false, swing = false, gainDb = 0, orns = null) {
+  const id = ++meterSeq;
+  const p = parseGroups(groupsStr);
+  const m = {
+    id, groupsStr, groups: p.groups, beatsPerBar: p.beatsPerBar, groupStarts: p.groupStarts,
+    stepsPerBeat, sound, enabled: true, poly: !!poly, swing: !!swing, gainDb: gainDb || 0, color: laneColor(id),
+    beatsOn: beatsOn ? beatsOn.slice() : [],   // per-STEP dynamics mask (one entry per pad: 0 mute / 1 normal / 2 accent)
+    orns: orns ? orns.slice() : [],            // per-STEP ornament (0 none / 1 flam / 2 drag / 3 roll), parallel to beatsOn
+    tick: 0, nextTime: 0, vq: [], vqPtr: 0, currentStep: -1, currentBar: 0,
+    el: null, stripEl: null, barEl: null,
+  };
+  // Tell recomputeLane the resolution the incoming mask was authored at, so it can
+  // remap/expand it: matches steps → per-step (new), matches beats → legacy per-beat.
+  if (m.beatsOn.length === p.beatsPerBar * stepsPerBeat) { m._maskBpb = p.beatsPerBar; m._maskSpb = stepsPerBeat; }
+  else if (m.beatsOn.length === p.beatsPerBar) { m._maskBpb = p.beatsPerBar; m._maskSpb = 1; }
+  else { m._maskBpb = 0; m._maskSpb = 1; }    // empty/unknown → recompute fills all-on
+  if (state.running) { m.nextTime = audioCtx.currentTime + 0.05; }
+  meters.push(m);
+  buildLaneCard(m);
+  renumberLanes();
+  updateCtx();
+}
+
+function removeMeter(id) {
+  const i = meters.findIndex((m) => m.id === id);
+  if (i < 0) return;
+  meters[i].el.remove();
+  meters.splice(i, 1);
+  renumberLanes();
+  updateCtx();
+}
+
+// lane labels track position (1-based) so number-key shortcuts line up with what's shown
+function renumberLanes() { meters.forEach((m, i) => { if (m.titleEl) m.titleEl.textContent = i + 1; }); }
+function setLaneEnabled(m, on) {
+  m.enabled = on;
+  const cb = m.el && m.el.querySelector(`#m${m.id}_enable`); if (cb) cb.checked = on;
+  if (m.el) m.el.querySelector(".lane-row").classList.toggle("lane-off", !on);
+}
+
+function buildLaneCard(m) {
+  const card = document.createElement("div");
+  card.className = "meter-card";
+  card.innerHTML = `
+    <div class="lane-row">
+      <span class="lane-title" id="m${m.id}_title" style="color:${m.color}">${m.id}</span>
+      <input type="checkbox" class="lane-enable" id="m${m.id}_enable" title="enable / silence this lane" checked>
+      <input type="text" class="txt grp" id="m${m.id}_group" value="${m.groupsStr}" spellcheck="false" title="grouping, e.g. 2+2+3">
+      <span class="sum" id="m${m.id}_sum"></span>
+      <select class="cmp" id="m${m.id}_sub" title="subdivision — sets how many pads each beat splits into; “swing” delays the off-beats">
+        <option value="1">♩ quarter</option><option value="2">♪ eighth</option>
+        <option value="3">3·triplet</option><option value="4">16th</option><option value="6">6·sext</option>
+        <option value="2s">♪ swing 8th</option><option value="4s">swing 16th</option>
+      </select>
+      <select class="cmp" id="m${m.id}_sound" title="sound">${VOICES.map(([v, n]) => `<option value="${v}">${n}</option>`).join("")}</select>
+      <span class="gain" id="m${m.id}_gain" title="lane gain (dB) — drag up/down · scroll · double‑click resets to 0">0 dB</span>
+      <label class="mini-check" title="polyrhythm: fit these beats evenly into lane 1's bar"><input type="checkbox" id="m${m.id}_poly"> poly</label>
+      <button class="x" id="m${m.id}_remove" title="remove lane">✕</button>
+    </div>`;
+  document.getElementById("meters").appendChild(card);
+  m.el = card;
+  m.titleEl = card.querySelector(`#m${m.id}_title`);
+
+  // wire controls
+  const $c = (sel) => card.querySelector(sel);
+  $c(`#m${m.id}_group`).addEventListener("input", (e) => { m.groupsStr = e.target.value; recomputeLane(m); });
+  const sub = $c(`#m${m.id}_sub`); sub.value = m.swing ? (m.stepsPerBeat + "s") : String(m.stepsPerBeat);
+  sub.addEventListener("change", (e) => { const v = e.target.value; m.swing = /s$/.test(v); m.stepsPerBeat = parseInt(v, 10) || 1; recomputeLane(m); });
+  const sel = $c(`#m${m.id}_sound`); sel.value = m.sound;
+  sel.addEventListener("change", (e) => m.sound = e.target.value);
+  // per-lane gain (dB) — drag up/down, scroll, or double-click to reset; applied at
+  // schedule time (no stutter), so no replay is needed when it changes mid-play.
+  const gainEl = $c(`#m${m.id}_gain`);
+  const showGain = () => { const d = m.gainDb || 0; gainEl.textContent = (d > 0 ? "+" : "") + d + " dB";
+    gainEl.classList.toggle("boost", d > 0); gainEl.classList.toggle("cut", d < 0); };
+  const setGain = (d) => { m.gainDb = Math.max(-24, Math.min(6, d)); showGain(); if (typeof refreshPatchField === "function") refreshPatchField(); };
+  showGain();
+  (function () { let down = false, lastY = 0, acc = 0;
+    gainEl.addEventListener("pointerdown", (e) => { down = true; lastY = e.clientY; acc = 0; try { gainEl.setPointerCapture(e.pointerId); } catch (_) {} });
+    gainEl.addEventListener("pointermove", (e) => { if (!down) return; acc += lastY - e.clientY; lastY = e.clientY; while (Math.abs(acc) >= 4) { const d = acc > 0 ? 1 : -1; acc -= d * 4; setGain((m.gainDb || 0) + d); } });
+    gainEl.addEventListener("pointerup", () => down = false);
+    gainEl.addEventListener("pointercancel", () => down = false);
+    gainEl.addEventListener("dblclick", () => setGain(0));
+    gainEl.addEventListener("wheel", (e) => { e.preventDefault(); setGain((m.gainDb || 0) + (e.deltaY < 0 ? 1 : -1)); }, { passive: false });
+  })();
+  const polyCb = $c(`#m${m.id}_poly`); polyCb.checked = m.poly;
+  polyCb.addEventListener("change", (e) => m.poly = e.target.checked);
+  const enCb = $c(`#m${m.id}_enable`); enCb.checked = m.enabled;
+  enCb.addEventListener("change", (e) => setLaneEnabled(m, e.target.checked));
+  card.querySelector(".lane-row").classList.toggle("lane-off", !m.enabled);
+  $c(`#m${m.id}_remove`).addEventListener("click", () => removeMeter(m.id));
+
+  recomputeLane(m);
+}
+
+// Per-step dynamics levels: 0 mute · 1 normal · 2 accent · 3 ghost. (Ghost is the new
+// value 3 so set lists saved at the 3-level stage — 0/1/2 — keep their meaning, no migration.)
+const stepDefault = (s) => (s === 0 ? 2 : 1);              // default: first step of each beat accented, rest normal
+const NEXT_LEVEL = { 2: 1, 1: 3, 3: 0, 0: 2 };            // click cycle: accent → normal → ghost → mute → accent
+function normLevel(v, dflt) {                              // coerce a stored value to a level
+  if (v === true) return dflt === 2 ? 2 : 1;              // legacy boolean "on" → keep accent on downbeats
+  if (v === false) return 0;
+  if (v == null) return dflt;
+  const n = v | 0; return n >= 3 ? 3 : n >= 2 ? 2 : n >= 1 ? 1 : 0;
+}
+function recomputeLane(m) {
+  const p = parseGroups(m.groupsStr);
+  m.groups = p.groups; m.beatsPerBar = p.beatsPerBar; m.groupStarts = p.groupStarts;
+  // Remap the dynamics mask to step resolution (beats × subdivision = one pad each),
+  // preserving levels where they line up and defaulting new pads (first-of-beat accent, rest normal).
+  const spb = m.stepsPerBeat;
+  const prev = m.beatsOn || [], prevOrn = m.orns || [], oldBpb = m._maskBpb || 0, oldSpb = m._maskSpb || 1;
+  const next = [], ornNext = [];
+  for (let b = 0; b < m.beatsPerBar; b++) {
+    for (let s = 0; s < spb; s++) {
+      let val = stepDefault(s), orn = 0;
+      if (b < oldBpb) {                                  // this beat existed before
+        if (oldSpb === spb) { val = normLevel(prev[b * oldSpb + s], stepDefault(s)); orn = prevOrn[b * oldSpb + s] | 0; }   // same resolution → step-for-step
+        else if (s === 0) { val = normLevel(prev[b * oldSpb], 2); orn = prevOrn[b * oldSpb] | 0; }                          // resolution changed → keep the downbeat; new subs default
+      }
+      next.push(val); ornNext.push(orn);
+    }
+  }
+  m.beatsOn = next; m.orns = ornNext; m._maskBpb = m.beatsPerBar; m._maskSpb = spb;
+  m.el.querySelector(`#m${m.id}_sum`).textContent = "=" + m.beatsPerBar;
+}
+
+/* =========================================================================
+   PRESETS  (localStorage)
+   ========================================================================= */
+const LS = { presets: "metronome.presets", setlists: "metronome.setlists", logs: "metronome.logs", seeded: "metronome.seeded", continue: "metronome.continue", timers: "metronome.timers", logging: "metronome.logging" };
+function lsGet(k, fb) { try { const v = localStorage.getItem(k); return v ? JSON.parse(v) : fb; } catch (e) { return fb; } }
+function lsSet(k, v) { try { localStorage.setItem(k, JSON.stringify(v)); return true; } catch (e) { console.warn("localStorage unavailable", e); return false; } }
+
+function snapshotLanes() { return meters.map((m) => ({ groupsStr: m.groupsStr, stepsPerBeat: m.stepsPerBeat, sound: m.sound, enabled: m.enabled, poly: m.poly, swing: !!m.swing, gainDb: m.gainDb || 0, beatsOn: m.beatsOn.slice(), orns: (m.orns || []).slice() })); }
+function applyLanes(lanes) {
+  while (meters.length) removeMeter(meters[0].id);
+  for (const c of lanes) {
+    addMeter(c.groupsStr, c.stepsPerBeat, c.sound, c.beatsOn, c.poly, c.swing, c.gainDb, c.orns);
+    const m = meters[meters.length - 1];
+    setLaneEnabled(m, c.enabled !== undefined ? !!c.enabled : (c.mute === undefined ? true : !c.mute));   // back-compat with old "mute"
+  }
+}
+// (Presets removed — set-list items are now the single "saved setup" mechanism.)
+
+/* =========================================================================
+   SET LISTS + PRACTICE LOG
+   A set list = { title, description, items:[{name, bpm, lanes, ...}] }.
+   ▶ on an item loads its settings and starts; N advances to the next item.
+   Each played item is logged (timestamp, name, duration, BPM, conditions).
+   ========================================================================= */
+let setlists = lsGet(LS.setlists, []);
+let activeSL = 0;        // VIEWED set list (the one shown in the panel)
+let activeItem = -1;     // loaded item index within loadedSL (-1 = none / free play)
+let loadedSL = 0;        // set list the loaded/playing item lives in (may differ from the viewed one)
+let cuedSL = -1, cuedItem = -1;   // cue cursor — non-destructive browse pointer (-1 = none)
+let pendingSwitch = null;         // armed cutover: { sl, item, atTime, reason }
+let segBars = 0;         // bar-length of the loaded segment (0 = manual, no auto-advance)
+let segBarCount = 0;     // whole bars elapsed in the current segment
+let nowPlaying = null;   // { at, name } for duration logging
+let historyName = null;  // item whose past-session history is shown
+let continueMode = lsGet(LS.continue, false);   // auto-advance to next item when countdown ends
+let timersOn = lsGet(LS.timers, true);          // master switch for the elapsed/countdown timers
+let loggingOn = lsGet(LS.logging, true);        // master switch for recording practice-log sessions (default ON)
+
+function currentSetup() { return { bpm: state.bpm, lanes: snapshotLanes(), trainer: { ...trainer }, ramp: { ...ramp }, countMs: timers.totalMs, bars: segBars, rep: state.rep, end: state.end }; }
+function applySetup(s) {
+  setBpm(s.bpm); applyLanes(s.lanes);
+  if (s.trainer) Object.assign(trainer, s.trainer);
+  if (s.ramp) Object.assign(ramp, s.ramp);
+  timers.totalMs = s.countMs || 0; timers.remainingMs = timers.totalMs;   // per-item time countdown
+  segBars = s.bars || 0; segBarCount = 0;                                  // per-item bar-length + counter
+  state.rep = s.rep != null ? s.rep : null; state.end = s.end != null ? s.end : null;   // per-track playback flow (preserved on round-trip)
+  syncPracticeUI(); updateCtx();
+}
+function syncPracticeUI() {
+  $("trainerOn").checked = trainer.on; $("playBars").value = trainer.playBars; $("muteBars").value = trainer.muteBars;
+  $("rampOn").checked = ramp.on; $("rampStart").value = ramp.startBpm; $("rampAmt").value = ramp.amount; $("rampEvery").value = ramp.everyBars;
+  $("countTime").value = timers.totalMs > 0 ? fmtClock(timers.totalMs) : "";
+  $("segBarsIn").value = segBars || 0;
+  syncEndActionUI();
+  refreshFeatureBoxes(); renderTimers();
+}
+// Per-track playback flow control: state.end (null | 'stop' | int offset) + state.rep (cycles).
+function syncEndActionUI() {
+  const end = state.end;
+  const action = end == null ? "loop" : end === "stop" ? "stop" : end === 1 ? "next" : "goto";
+  $("endAction").value = action;
+  $("gotoWrap").hidden = action !== "goto";
+  $("repWrap").hidden = action === "loop";
+  if (action === "goto") $("endGoto").value = typeof end === "number" ? end : -1;
+  $("endRep").value = state.rep && state.rep > 1 ? state.rep : 1;
+}
+function readEndActionUI() {
+  const action = $("endAction").value;
+  $("gotoWrap").hidden = action !== "goto";
+  $("repWrap").hidden = action === "loop";
+  const rep = Math.max(1, parseInt($("endRep").value, 10) || 1);
+  if (action === "loop") { state.end = null; state.rep = null; }
+  else if (action === "next") { state.end = 1; state.rep = rep; }
+  else if (action === "stop") { state.end = "stop"; state.rep = rep; }
+  else { state.end = parseInt($("endGoto").value, 10) || 0; state.rep = rep; }
+  updateCtx();
+}
+function refreshFeatureBoxes() {
+  $("trainerBox").classList.toggle("on", trainer.on);
+  $("rampBox").classList.toggle("on", ramp.on);
+  $("timerBox").classList.toggle("on", timersOn);
+}
+function fmtDur(sec) { sec = Math.round(sec); const m = Math.floor(sec / 60); return m + ":" + String(sec % 60).padStart(2, "0"); }
+function getSL() { return setlists[activeSL]; }                                    // the VIEWED list
+function loadedItem() { const sl = setlists[loadedSL]; return (sl && activeItem >= 0) ? sl.items[activeItem] : null; }
+function saveSetlists() { lsSet(LS.setlists, setlists); }
+
+// --- set list CRUD ---
+function newSetlist() {
+  setlists.push({ title: "Set list " + (setlists.length + 1), description: "", items: [] });
+  activeSL = setlists.length - 1; saveSetlists(); renderSetlists();   // view the new list; loaded item keeps playing in its own
+}
+function deleteSetlist() {
+  if (!setlists.length || !confirm("Delete this set list?")) return;
+  const removed = activeSL;
+  setlists.splice(removed, 1);
+  const adj = (n) => n > removed ? n - 1 : n;
+  if (loadedSL === removed) { activeItem = -1; loadedSL = Math.max(0, removed - 1); } else loadedSL = adj(loadedSL);
+  if (cuedSL === removed) { cuedSL = -1; cuedItem = -1; } else cuedSL = adj(cuedSL);
+  if (pendingSwitch) { if (pendingSwitch.sl === removed) pendingSwitch = null; else pendingSwitch.sl = adj(pendingSwitch.sl); }
+  activeSL = Math.max(0, removed - 1); saveSetlists(); renderSetlists();
+}
+function addItem(name) {
+  const sl = getSL(); if (!sl) return;
+  sl.items.push({ name: name || ("Item " + (sl.items.length + 1)), ...currentSetup() });
+  setLoaded(activeSL, sl.items.length - 1);    // the captured item becomes the loaded one
+  saveSetlists(); renderItems();
+}
+function removeItem(i) {
+  const sl = getSL(); if (!sl) return;
+  sl.items.splice(i, 1);
+  if (activeSL === loadedSL) { if (activeItem === i) activeItem = -1; else if (activeItem > i) activeItem--; }
+  if (activeSL === cuedSL)   { if (cuedItem === i) cuedItem = Math.min(cuedItem, sl.items.length - 1); else if (cuedItem > i) cuedItem--; }
+  saveSetlists(); renderItems();
+}
+function moveItem(i, d) { const sl = getSL(); const j = i + d; if (j < 0 || j >= sl.items.length) return; [sl.items[i], sl.items[j]] = [sl.items[j], sl.items[i]]; saveSetlists(); }
+function moveCuedItem(d) {              // keyboard reorder of the cued item (Alt+↑/↓), within the viewed list
+  const sl = getSL(); if (!sl || !sl.items.length) return;
+  if (cuedSL !== activeSL || cuedItem < 0 || cuedItem >= sl.items.length) {   // no cue here yet → seed it
+    cuedSL = activeSL;
+    cuedItem = (loadedSL === activeSL && activeItem >= 0) ? activeItem : 0;
+  }
+  const j = cuedItem + d; if (j < 0 || j >= sl.items.length) { renderItems(); return; }   // at an edge: just show the cue
+  moveItem(cuedItem, d);
+  if (loadedSL === activeSL) { if (activeItem === cuedItem) activeItem = j; else if (activeItem === j) activeItem = cuedItem; }
+  cuedItem = j; renderItems();
+}
+
+// Record the loaded item + sync the cue + history (state only; no audio, no applySetup).
+function setLoaded(sl, i) {
+  loadedSL = sl; activeItem = i;
+  const it = setlists[sl] && setlists[sl].items[i];
+  if (it) historyName = it.name;
+  cuedSL = sl; cuedItem = i;            // the cue follows the loaded item
+}
+
+// --- load: clicking / N / P loads. While playing this is a gap-free RUDE (next-beat) cutover. ---
+function loadItem(i, sl = activeSL) {
+  if (!setlists[sl] || !setlists[sl].items[i]) return;
+  if (state.running) { armSwitch(sl, i, "load", "beat"); return; }   // playing → next beat, no gap
+  applySetup(setlists[sl].items[i]);
+  setLoaded(sl, i);
+  if (activeSL !== sl) { activeSL = sl; renderSetlists(); } else renderItems();
+  renderLog();
+}
+function nextItem() {                   // N — quick-step within the loaded list (rude when playing)
+  if (activeItem < 0) { loadItem(0, activeSL); return; }
+  const sl = setlists[loadedSL]; if (sl && activeItem + 1 < sl.items.length) loadItem(activeItem + 1, loadedSL);
+}
+function prevItem() { const sl = setlists[loadedSL]; if (sl && activeItem - 1 >= 0) loadItem(activeItem - 1, loadedSL); }
+
+// --- cue cursor (browse without loading); commits via Enter/Shift+Enter ---
+function setCue(sl, item) {
+  if (sl < 0 || sl >= setlists.length || !setlists[sl].items.length) return;
+  cuedSL = sl; cuedItem = Math.max(0, Math.min(item, setlists[sl].items.length - 1));
+  if (activeSL !== sl) { activeSL = sl; renderSetlists(); } else renderItems();   // viewed list follows the cue
+}
+function ensureCue() {                  // seed the cue on first nav (from the loaded item, else the viewed list)
+  if (cuedSL >= 0 && cuedItem >= 0 && setlists[cuedSL] && setlists[cuedSL].items[cuedItem]) return;
+  if (activeItem >= 0 && setlists[loadedSL]) { cuedSL = loadedSL; cuedItem = activeItem; } else { cuedSL = activeSL; cuedItem = 0; }
+}
+function cueNext() { ensureCue(); if (cuedItem + 1 < setlists[cuedSL].items.length) setCue(cuedSL, cuedItem + 1); else for (let j = cuedSL + 1; j < setlists.length; j++) if (setlists[j].items.length) return setCue(j, 0); }
+function cuePrev() { ensureCue(); if (cuedItem - 1 >= 0) setCue(cuedSL, cuedItem - 1); else for (let j = cuedSL - 1; j >= 0; j--) if (setlists[j].items.length) return setCue(j, setlists[j].items.length - 1); }
+function cueFirst() { for (let j = 0; j < setlists.length; j++) if (setlists[j].items.length) return setCue(j, 0); }
+function cueLast() { for (let j = setlists.length - 1; j >= 0; j--) if (setlists[j].items.length) return setCue(j, setlists[j].items.length - 1); }
+function cueSetlist(d) { ensureCue(); for (let j = cuedSL + d; j >= 0 && j < setlists.length; j += d) if (setlists[j].items.length) return setCue(j, 0); }
+
+// The item after the loaded one, crossing into the next non-empty list (for auto-advance). null = end.
+function nextLoadedTarget() {
+  const sl = setlists[loadedSL]; if (!sl || activeItem < 0) return null;
+  if (activeItem + 1 < sl.items.length) return { sl: loadedSL, item: activeItem + 1 };
+  for (let j = loadedSL + 1; j < setlists.length; j++) if (setlists[j].items.length) return { sl: j, item: 0 };
+  return null;
+}
+function updateItem() {                 // Save — overwrite the LOADED item with current settings (keeps its name)
+  const sl = setlists[loadedSL]; if (!sl || activeItem < 0 || !sl.items[activeItem]) return;
+  sl.items[activeItem] = { name: sl.items[activeItem].name, ...currentSetup() };
+  saveSetlists(); renderItems();
+}
+
+// Start/stop go through here so internal restarts don't create stray log entries.
+function toggleTransport() {
+  if (state.running) { logFinalize(); stop(); }
+  else { start(); const it = loadedItem(); if (it) nowPlaying = { at: Date.now(), name: it.name }; }
+  renderItems();
+}
+
+// --- now-playing info on the main screen (replaces the old preset dropdown) ---
+function renderNowPlaying() {
+  const it = loadedItem();               // the LOADED item (may live in a list you're not viewing)
+  $("saveItemBtn").disabled = !it;       // single save button targets the loaded set-list item
+  // A disabled <button> swallows hover, so its title never shows — set it on the wrapper
+  // span too, and explain *why* it's disabled when no item is loaded.
+  const saveTip = it
+    ? "Save the current settings to “" + it.name + "” (set-list item " + (activeItem + 1) + ")"
+    : "Load a set-list item to enable Save — it overwrites that item with your current settings";
+  $("saveItemBtn").title = $("saveItemWrap").title = saveTip;
+  if (!it) {
+    const vsl = getSL();
+    $("npName").textContent = "Free play";
+    $("npSub").textContent = "No set-list item loaded — edit the lanes freely.";
+    $("npDesc").textContent = (vsl && vsl.description) ? "“" + vsl.title + "” — " + vsl.description : "";
+    return;
+  }
+  const lsl = setlists[loadedSL];
+  $("npName").textContent = (activeItem + 1) + ". " + it.name;
+  $("npSub").textContent = it.bpm + " BPM · " + it.lanes.map((l) => l.sound + " " + l.groupsStr + (l.poly ? "~" : "") + (l.enabled === false ? " (off)" : "")).join(" · ");
+  $("npDesc").textContent = ((lsl && lsl.title) || "") + (lsl && lsl.description ? " — " + lsl.description : "");
+}
+
+// --- render ---
+function autoGrow(el) { if (!el) return; el.style.height = "auto"; el.style.height = (el.scrollHeight || 0) + "px"; }
+function buildSlMenu() {                 // the ▾ dropdown: every list + "+ New" as the last item
+  const menu = $("slMenu"); if (!menu) return;
+  menu.innerHTML = "";
+  setlists.forEach((sl, i) => {
+    const b = document.createElement("button");
+    b.textContent = (i === activeSL ? "● " : "") + (sl.title || ("Set list " + (i + 1)));
+    b.onclick = () => { $("slMenu").hidden = true; activeSL = i; renderSetlists(); };   // view only
+    menu.appendChild(b);
+  });
+  const nb = document.createElement("button");
+  nb.textContent = "+ New set list";
+  nb.style.cssText = "border-top:1px solid var(--edge); margin-top:2px; padding-top:6px;";
+  nb.onclick = () => { $("slMenu").hidden = true; newSetlist(); };
+  menu.appendChild(nb);
+}
+function renderSetlists() {
+  const has = setlists.length > 0;
+  $("slTitle").disabled = $("slDesc").disabled = $("addItemBtn").disabled = $("delSetlistBtn").disabled = !has;
+  if (!has) { $("slTitle").value = ""; $("slDesc").value = ""; autoGrow($("slDesc")); buildSlMenu(); renderItems(); return; }
+  if (activeSL >= setlists.length) activeSL = setlists.length - 1;
+  const sl = getSL();
+  $("slTitle").value = sl.title || "";
+  $("slDesc").value = sl.description || ""; autoGrow($("slDesc"));
+  buildSlMenu(); renderItems();
+}
+function renderItems() {
+  const box = $("itemList"); box.innerHTML = ""; const sl = getSL();
+  if (!sl) { box.innerHTML = '<div class="hint">Create a set list, then “Add current settings” to capture items.</div>'; renderNowPlaying(); return; }
+  if (!sl.items.length) { box.innerHTML = '<div class="hint">No items yet — set up the metronome and “Add current settings”.</div>'; renderNowPlaying(); return; }
+  sl.items.forEach((it, i) => {
+    const row = document.createElement("div");
+    row.className = "ex-item"
+      + (activeSL === loadedSL && i === activeItem ? " active" : "")    // loaded/playing (green)
+      + (activeSL === cuedSL && i === cuedItem ? " cued" : "");         // cue cursor (amber)
+    row.title = "Click to load · ↑↓ to cue · Enter to commit · Alt+↑/↓ to reorder";
+    row.innerHTML = `<span class="nm">${i + 1}. ${it.name}${it.bars ? ` <span class="lane-meta">${it.bars} bars</span>` : ""}</span>
+      <span class="meta">${it.bpm} · ${it.lanes.map((l) => l.groupsStr).join("/")}</span>
+      <span class="row-actions">
+        <button class="x iconbtn" data-act="del" title="remove this item">✕</button>
+      </span>`;
+    row.onclick = () => loadItem(i, activeSL);
+    row.querySelector('[data-act=del]').onclick = (e) => { e.stopPropagation(); removeItem(i); };
+    box.appendChild(row);
+  });
+  renderNowPlaying();
+}
+
+// --- practice log (flat entries, one per played item) ---
+function logFinalize() {
+  if (!nowPlaying) return;
+  if (!loggingOn) { nowPlaying = null; return; }   // logging off → discard this session, keep existing history
+  const logs = lsGet(LS.logs, []);
+  logs.unshift({ at: nowPlaying.at, name: nowPlaying.name, durationSec: (Date.now() - nowPlaying.at) / 1000, bpm: state.bpm, lanes: snapshotLanes() });
+  lsSet(LS.logs, logs); nowPlaying = null; renderLog();
+}
+// Show history for the item being (or last) played, so the user can compare
+// today's BPM/duration against previous days for that specific task.
+function renderLog() {
+  const box = $("logView"); box.innerHTML = "";
+  if (!historyName) { box.innerHTML = '<div class="hint">Play a set-list item to see its history — compare BPM &amp; duration across days.</div>'; return; }
+  const entries = lsGet(LS.logs, []).filter((e) => e.name === historyName);
+
+  const head = document.createElement("div"); head.className = "log-head";
+  head.innerHTML = `<span class="log-head-nm">History — ${historyName}</span>`;
+  if (entries.length) {
+    const clr = document.createElement("button"); clr.className = "iconbtn"; clr.textContent = "Clear all";
+    clr.title = "delete all history for this item";
+    clr.onclick = () => clearItemHistory();
+    head.appendChild(clr);
+  }
+  box.appendChild(head);
+
+  if (!entries.length) {
+    const h = document.createElement("div"); h.className = "hint"; h.textContent = "No past sessions for this item yet.";
+    box.appendChild(h); return;
+  }
+  entries.forEach((e) => {
+    const row = document.createElement("div"); row.className = "hist-row";
+    const txt = document.createElement("span"); txt.className = "hist-txt";
+    txt.textContent = `${new Date(e.at).toLocaleString()} · ${fmtDur(e.durationSec)} @ ${e.bpm}bpm`;
+    const del = document.createElement("button"); del.className = "hist-del"; del.textContent = "✕";
+    del.title = "delete this entry";
+    del.onclick = () => deleteHistoryEntry(e.at);
+    row.appendChild(txt); row.appendChild(del); box.appendChild(row);
+  });
+}
+function deleteHistoryEntry(at) {                 // remove one session by its timestamp
+  const logs = lsGet(LS.logs, []).filter((e) => !(e.at === at && e.name === historyName));
+  lsSet(LS.logs, logs); renderLog();
+}
+function clearItemHistory() {                     // clear every session for the current item
+  if (!historyName) return;
+  if (!confirm("Clear all history for “" + historyName + "”? (other items, set lists & presets are kept)")) return;
+  const logs = lsGet(LS.logs, []).filter((e) => e.name !== historyName);
+  lsSet(LS.logs, logs); renderLog();
+}
+function clearLog() { if (confirm("Clear the practice log? (set lists & presets are kept)")) { lsSet(LS.logs, []); renderLog(); } }
+function resetAll() {
+  if (!confirm("Reset EVERYTHING?\n\nThis permanently deletes all saved data on this device — presets, set lists, practice log and theme — and reloads the app to first-run state (demos restored). This cannot be undone.")) return;
+  try { localStorage.clear(); } catch (e) {}
+  location.replace(location.origin + location.pathname);   // reload clean, no hash
+}
+
+// --- backup: export / import everything (presets + set lists + logs) ---
+function exportAll() {
+  const data = { version: 2, exported: new Date().toISOString(), presets: lsGet(LS.presets, {}), setlists: lsGet(LS.setlists, []), logs: lsGet(LS.logs, []) };
+  const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+  const a = document.createElement("a");
+  a.href = URL.createObjectURL(blob);
+  a.download = "metronome-backup-" + new Date().toISOString().slice(0, 10) + ".json";
+  a.click(); URL.revokeObjectURL(a.href);
+}
+function importAll(file) {
+  const reader = new FileReader();
+  reader.onload = () => {
+    try {
+      const d = JSON.parse(reader.result);
+      if (d.presets) lsSet(LS.presets, d.presets);
+      if (d.setlists) { lsSet(LS.setlists, d.setlists); setlists = d.setlists; activeSL = 0; activeItem = -1; }
+      if (d.logs) lsSet(LS.logs, d.logs);
+      renderSetlists(); renderLog();
+      alert("Imported " + Object.keys(d.presets || {}).length + " presets, " + (d.setlists || []).length + " set lists, " + (d.logs || []).length + " log entries.");
+    } catch (e) { alert("Import failed: " + e.message); }
+  };
+  reader.readAsText(file);
+}
+
+/* =========================================================================
+   SHARE LANGUAGE  (compact, human-readable; encodes settings/set lists in URLs)
+   Patch: v1;t<bpm>;vol<pct>;<lane>;…[;tr<play>/<mute>][;rmp<start>/<step>/<every>]
+   Lane:  <sound>:<grouping>[/<sub>][=<pattern x/.>][~ poly][! disabled]
+   ========================================================================= */
+function currentPatch() { return setupToPatch({ bpm: state.bpm, volume: state.volume, lanes: snapshotLanes(), trainer, ramp, rep: state.rep, end: state.end }); }
+function setVolume(pct) {
+  state.volume = Math.max(0, Math.min(1, pct / 100));
+  $("vol").value = Math.round(state.volume * 100); volVal.textContent = Math.round(state.volume * 100) + "%";
+  if (masterGain && audioCtx) masterGain.gain.setTargetAtTime(state.volume, audioCtx.currentTime, 0.01);
+}
+function applyPatch(str) { const s = patchToSetup(str); if (s.volume != null) setVolume(s.volume * 100); applySetup(s); }
+
+function setlistToCode(sl) { return b64u(JSON.stringify({ t: sl.title, d: sl.description, i: sl.items.map((it) => ({ n: it.name, p: setupToPatch(it) })) })); }
+
+function shareLink(hashPart) { return location.origin + location.pathname + "#" + hashPart; }
+function openShare(title, url, note) {
+  $("shareTitle").textContent = title;
+  $("shareUrl").value = url;
+  $("shareNote").textContent = note || "";
+  $("shareOverlay").hidden = false;
+}
+function shareSettings() { openShare("Share settings", shareLink("p=" + currentPatch()), "Encodes tempo, lanes & practice settings."); }
+function shareSetlist() {
+  const sl = getSL(); if (!sl) return alert("No set list selected to share.");
+  openShare("Share “" + (sl.title || "set list") + "”", shareLink("sl=" + setlistToCode(sl)), "Shares the whole set list (each item's settings).");
+}
+
+/* Device (PM_K-1) programs.json — the same grooves the firmware reads.
+   Save: writes the active set list straight onto the CIRCUITPY drive (File System Access,
+   Chrome/Edge) or downloads it to drag on. Load: reads a programs.json into a new set list. */
+// The PM_K-1's built-in playlists are baked into its firmware (they update with firmware and are
+// read-only). "Save to device" syncs only YOUR set lists — i.e. the ones that aren't the built-in demos.
+function userSetlists() {
+  const seed = new Set(SEED_SETLISTS.map((s) => s.title));
+  return setlists.filter((sl) => !seed.has(sl.title));
+}
+function programsJSON() {
+  return JSON.stringify({ setlists: userSetlists().map((sl) => ({
+    title: sl.title || "My set list",
+    programs: sl.items.map((it) => ({ name: it.name, prog: setupToPatch(it) })) })) }, null, 2);
+}
+function _downloadPrograms(json) {
+  const a = document.createElement("a");
+  a.href = URL.createObjectURL(new Blob([json], { type: "application/json" }));
+  a.download = "programs.json"; a.click(); URL.revokeObjectURL(a.href);
+}
+async function saveToDevice() {
+  const uls = userSetlists();
+  if (!uls.length) return alert("No custom set lists to save.\n\nThe built-in playlists (Styles / Practice / Song) are baked into the device firmware — they're always there, update with firmware, and can't be changed. Create your own set list and it'll save here.");
+  const json = programsJSON();
+  // Primary: push to the device over USB-MIDI SysEx (Chromium/Firefox); the firmware writes programs.json.
+  if (await _ensureMidi() && _midiOutputs().length) {
+    const ascii = json.replace(/[\u0080-\uFFFF]/g, (c) => "\\u" + c.charCodeAt(0).toString(16).padStart(4, "0")); // 7-bit-safe JSON
+    const bytes = [0xF0, 0x7D, 0x10];
+    for (let i = 0; i < ascii.length; i++) bytes.push(ascii.charCodeAt(i) & 0x7F);
+    bytes.push(0xF7);
+    _send(_clockSysex()); _send(bytes);
+    const ok = await new Promise((res) => { _saveCb = res; setTimeout(() => { if (_saveCb) { _saveCb = null; res(null); } }, 2500); });
+    if (ok === true) { alert("Saved to device ✓ — " + uls.length + " set list(s) synced (alongside the built-ins)."); return; }
+    _downloadPrograms(json);
+    alert(ok === false
+      ? "The device is in editor mode (drive writable by the computer), so I downloaded programs.json — drag it onto the CIRCUITPY drive."
+      : "No device answered over USB-MIDI — downloaded programs.json. Connect the device (Chromium/Firefox) and try again, or boot it holding button A and drag the file onto the CIRCUITPY drive.");
+    return;
+  }
+  // Universal fallback (any browser / OS): download + drag onto the drive in editor mode (hold A at power-on).
+  _downloadPrograms(json);
+  alert("Downloaded programs.json — boot the device holding button A (editor mode) and drag it onto the CIRCUITPY drive.");
+}
+function importPrograms(text) {
+  try {
+    const d = JSON.parse(text);
+    const lists = Array.isArray(d.setlists) ? d.setlists : [{ title: d.title, programs: d.programs || [] }];
+    let added = 0;
+    for (const sl of lists) {
+      const items = (sl.programs || []).map((p) => ({ name: p.name || "Item", ...patchToSetup(p.prog) }));
+      if (!items.length) continue;
+      setlists.push({ title: sl.title || "Device", description: "", items }); added++;
+    }
+    if (!added) return alert("No programs found in that file.");
+    activeSL = setlists.length - 1; activeItem = 0;
+    saveSetlists(); renderSetlists(); applySetup(setlists[activeSL].items[0]);
+    alert("Loaded " + added + " set list(s) from the device.");
+  } catch (e) { alert("Load failed: " + e.message); }
+}
+async function loadFromDevice() {
+  if (window.showOpenFilePicker) {
+    try {
+      const [h] = await showOpenFilePicker({ types: [{ description: "PolyMeter programs", accept: { "application/json": [".json"] } }] });
+      return importPrograms(await (await h.getFile()).text());
+    } catch (e) { if (e.name === "AbortError") return; }
+  }
+  const inp = document.createElement("input"); inp.type = "file"; inp.accept = ".json,application/json";
+  inp.onchange = () => { if (inp.files[0]) inp.files[0].text().then(importPrograms); };
+  inp.click();
+}
+
+/* Device audio (Phase 3): a connected PM_K-1 sends a USB-MIDI note per click; we voice it through
+   this page's synth, so the device drives sound out the computer's speakers, locked to its clock. */
+let _midiAccess = null, _midiOn = false, _midiFlash = 0, _midiBeat = 0, _saveCb = null, _verCb = null;
+function _midiInputs() { return _midiAccess ? [..._midiAccess.inputs.values()] : []; }
+function _midiOutputs() { return _midiAccess ? [..._midiAccess.outputs.values()] : []; }
+function _isDevicePort(p) {                  // recognise the PM devices' USB-MIDI ports by name;
+  const n = (p.name || "").toLowerCase();   // anything unrecognised triggers a broadcast to all outputs - bad for ACK routing.
+  return n.includes("pico") || n.includes("circuitpython") || n.includes("usb_midi") ||
+         n.includes("pimoroni") || n.includes("explorer") || n.includes("rp2350") || n.includes("varasys") ||
+         // native Rust firmware enumerates as e.g. "PM_G-1 Grid" / "PM_K-1" / "PM_X-1" (VARASYS / PolyMeter)
+         n.includes("pm_g") || n.includes("pm_k") || n.includes("pm_x") ||
+         n.includes("pm-g") || n.includes("pm-k") || n.includes("pm-x") ||
+         n.includes("grid") || n.includes("polymeter");
+}
+function _send(bytes) {   // send only to the PM_K-1 (not loopback ports like "Midi Through", which just echo)
+  const outs = _midiOutputs(), dev = outs.filter(_isDevicePort);
+  for (const o of (dev.length ? dev : outs)) { try { o.send(bytes); } catch (_) {} }
+}
+function _clockSysex() { const d = new Date();   // F0 7D 01 yr-2000 mo dd hh mm ss F7 -> sets the device RTC
+  return [0xF0, 0x7D, 0x01, d.getFullYear() - 2000, d.getMonth() + 1, d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds(), 0xF7]; }
+async function _ensureMidi() {        // MIDI access WITH SysEx (needed to send/receive SysEx); cached
+  if (_midiAccess) return true;
+  if (!navigator.requestMIDIAccess) return false;
+  try { _midiAccess = await navigator.requestMIDIAccess({ sysex: true }); }
+  catch (e) { return false; }
+  _midiAccess.onstatechange = _wireMidi; _wireMidi();
+  return true;
+}
+function _wireMidi() { for (const inp of _midiInputs()) inp.onmidimessage = onDeviceMidi; updateMidiBtn(); updateDevBadge(); populateMidiOutPorts(); }
+function updateDevBadge() {   // header badge: lights green while a PM_K-1 / PM_X-1 is connected over USB-MIDI
+  const el = $("devBadge"); if (!el) return;
+  const dev = _midiAccess ? [..._midiOutputs(), ..._midiInputs()].filter(_isDevicePort) : [];
+  if (dev.length) { el.textContent = "● " + (dev[0].name || "device").slice(0, 18); el.style.color = "#2fe07a"; el.style.borderColor = "#2fe07a"; }
+  else { el.textContent = _midiAccess ? "◎ no device" : "◎ connect device"; el.style.color = "var(--muted)"; el.style.borderColor = "var(--edge)"; }
+}
+function onDeviceMidi(e) {
+  const d = e.data; if (!d) return;
+  if (d[0] === 0xF0 && d[1] === 0x7D) {                            // our SysEx reply
+    const cmd = d[2];
+    if (cmd === 0x03 && _verCb) { const cb = _verCb; _verCb = null; cb(String.fromCharCode(...d.slice(3, d.length - 1))); }   // version
+    else if ((cmd === 0x7F || cmd === 0x7E) && _saveCb) { const cb = _saveCb; _saveCb = null; cb(cmd === 0x7F); }             // ACK/NAK
+    return;
+  }
+  if (_midiOn && (d[0] & 0xf0) === 0x90 && d.length >= 3 && d[2] > 0) {       // Note On -> voice it
+    const v = d[2], gain = v >= 110 ? 1.0 : v >= 70 ? 0.6 : 0.25;            // accent / normal / ghost
+    try { ensureAudio(); playInstrument(GM_NUM[d[1]] || "beep", audioCtx.currentTime, gain); } catch (_) {}
+    const b = $("midiBtn"); if (b) { b.style.boxShadow = "0 0 0 2px #2fe07a"; clearTimeout(_midiFlash); _midiFlash = setTimeout(() => b.style.boxShadow = "", 90); }
+  }
+}
+function _heartbeat(on) {   // while Device audio is on: tell the device a host listens + keep its clock synced
+  clearInterval(_midiBeat); _midiBeat = 0;
+  if (on) { let k = 0; _midiBeat = setInterval(() => {
+    _send([0xFE]);                                  // Active Sensing -> device shows "MIDI" + mutes buzzer
+    if ((k++ % 12) === 0) _send(_clockSysex());     // resync the clock ~every 3s
+  }, 250); }
+}
+function updateMidiBtn() {
+  const b = $("midiBtn"); if (!b) return;
+  if (!_midiOn) {   // off: muted pill, matching the device badge's idle look
+    b.textContent = "🎹 Device audio";
+    b.style.color = "var(--muted)"; b.style.borderColor = "var(--edge)"; b.style.boxShadow = "";
+    return;
+  }
+  const names = _midiInputs().map((i) => i.name || "MIDI");   // on: green, like the connected badge
+  b.textContent = "🎹 " + (names.length ? names[0].slice(0, 16) : "audio on");
+  b.style.color = "#2fe07a"; b.style.borderColor = "#2fe07a";
+}
+async function toggleDeviceAudio() {
+  if (_midiOn) { _midiOn = false; _heartbeat(false); updateMidiBtn(); return; }   // inputs stay bound (for Save ACKs)
+  if (!(await _ensureMidi())) return alert("Playing the device through this computer needs the Web MIDI API — use Chrome, Edge, or Firefox.");
+  ensureAudio(); if (audioCtx && audioCtx.state === "suspended") audioCtx.resume();
+  _midiOn = true; _heartbeat(true); updateMidiBtn();
+  const names = _midiInputs().map((i) => i.name || "MIDI");
+  alert(names.length
+    ? "Device audio ON.\nMIDI input(s): " + names.join(", ") + "\nPress play on the device — the button pulses green per note."
+    : "Armed, but no MIDI input yet. Plug in the PM_K-1 (CircuitPython firmware) — it connects automatically.");
+}
+/*@BUILD:include:src/midiout.js@*/
+function _queryDeviceVersion() {   // ask the device its firmware version (SysEx 0x02 -> reply 0x03)
+  return new Promise((res) => { _verCb = res; _send([0xF0, 0x7D, 0x02, 0xF7]); setTimeout(() => { if (_verCb) { _verCb = null; res(null); } }, 1500); });
+}
+// 0.0.23+ devices reply "<id>;<version>" (e.g. "K;0.0.23", "X;0.0.1"); pre-0.0.23 send bare version -> assume K.
+function _parseDeviceReply(s) {
+  if (!s) return { id: null, version: null };
+  const i = s.indexOf(";");
+  return i >= 0 ? { id: s.slice(0, i), version: s.slice(i + 1) } : { id: "K", version: s };
+}
+const FW_PATHS = { K: { py: "/pico-cp-app.py",       mpy: "/pico-cp-app.mpy",       label: "PM_K-1 Kit" },
+                   X: { py: "/pico-explorer-app.py", mpy: "/pico-explorer-app.mpy", label: "PM_X-1 Explorer" },
+                   G: { py: "/pico-scroll-app.py",   mpy: "/pico-scroll-app.mpy",   label: "PM_G-1 Grid" } };
+async function updateFirmware() {   // A/B firmware update over USB-MIDI: push the precompiled .mpy
+  console.log("[fw] update start");
+  if (!(await _ensureMidi()) || !_midiOutputs().length) {
+    console.log("[fw] no MIDI output (outputs:", _midiOutputs().length, ")");
+    return alert("Connect the device (Chrome/Edge/Firefox), then try again.");
+  }
+  console.log("[fw] MIDI ok; outputs:", _midiOutputs().map((o) => o.name));
+  const reply = await _queryDeviceVersion();
+  const { id: devId, version: dev } = _parseDeviceReply(reply);
+  const paths = FW_PATHS[devId] || FW_PATHS.K;     // unknown id -> assume Kit (pre-0.0.23 firmware)
+  console.log("[fw] device reply:", reply, "-> id:", devId || "(none)", "version:", dev, "paths:", paths.label);
+  let latest = null, b64 = null;
+  for (const base of ["", "https://metronome.varasys.io"]) {
+    try { const t = await (await fetch(base + paths.py, { cache: "no-store" })).text();
+          const m = t.match(/APP_VERSION\s*=\s*["']([^"']+)["']/); if (m) latest = m[1]; } catch (_) {}
+    try { const r = await fetch(base + paths.mpy, { cache: "no-store" });
+          if (r.ok) { b64 = _b64(new Uint8Array(await r.arrayBuffer())); break; } } catch (_) {}
+  }
+  if (!b64) {                                                // offline: let the user pick app.mpy
+    alert("Can't reach the site.\n\nPick the firmware file (app.mpy) to flash — download it from\n" +
+          "metronome.varasys.io" + paths.mpy + ", or use the online editor at metronome.varasys.io/editor.html.");
+    const u8 = await _pickBinary(); if (!u8) return;
+    b64 = _b64(u8); if (!latest) latest = "(picked .mpy)";
+  }
+  if (!latest) latest = "?";
+  console.log("[fw] latest:", latest, "| .mpy base64 length:", b64 && b64.length);
+  const upToDate = dev && dev === latest;
+  if (!confirm(paths.label + " firmware: " + (dev || "unknown") + "\nNew build: " + latest +
+      (upToDate ? "\n\nSame version. Re-install anyway?"
+                : "\n\nUpdate now? The device reboots, runs the new build, and auto-rolls-back if it fails to start."))) {
+    console.log("[fw] confirm returned false (cancelled, OR the browser is suppressing dialogs -> reload the page)");
+    return;
+  }
+  console.log("[fw] pushing", b64.length, "base64 chars...");
+  clearInterval(_midiBeat); _midiBeat = 0;          // pause the Device-audio heartbeat (its MIDI traffic stalls the push)
+  const err = await _pushFirmware(b64);
+  if (_midiOn) _heartbeat(true);                    // resume it afterwards
+  console.log("[fw] push result:", err || "OK");
+  if (err) return alert("Update didn't complete (" + err + ").\n\nThe device kept its working firmware — nothing was installed. " +
+      "Make sure it's plugged in and NOT in editor mode (don't hold A), then retry.");
+  alert("Update sent ✓ — the device verified v" + latest + " and is rebooting into it. It auto-confirms after a few seconds, or rolls back if it won't start.");
+}
+// One ACK/NAK await (the device replies 0x7F=ok / 0x7E=rejected after each SysEx); resolves true/false/null(timeout).
+function _ack(timeout) {
+  return new Promise((res) => { _saveCb = res; setTimeout(() => { if (_saveCb) { _saveCb = null; res(null); } }, timeout); });
+}
+function _b64(u8) { let s = ""; for (let i = 0; i < u8.length; i++) s += String.fromCharCode(u8[i]); return btoa(s); }
+// Push the base64-encoded .mpy in small, flow-controlled chunks: begin(0x21) -> data(0x22)* -> commit(0x23),
+// waiting for each ACK. The device base64-decodes each chunk to /app.new, verifies the .mpy header, then
+// A/B-installs + reboots. CH is small (and a multiple of 4) so a chunk fits the Pico's USB-MIDI RX buffer.
+async function _pushFirmware(b64) {
+  // Diagnostic: list every MIDI output the editor sees + which pass _isDevicePort
+  console.log("[fw] outputs:", _midiOutputs().map(o => ({ name: o.name || "?", match: _isDevicePort(o) })));
+  console.log("[fw] inputs:",  _midiInputs() .map(i => ({ name: i.name || "?", match: _isDevicePort(i) })));
+  console.log("[fw] sending BEGIN (0x21)");
+  _send([0xF0, 0x7D, 0x21, 0xF7]);
+  const beginA = await _ack(5000);
+  console.log("[fw] BEGIN ack:", beginA);
+  if (beginA !== true) return "handshake";
+  const CH = 64, total = Math.ceil(b64.length / CH); let done = 0;
+  const t0 = Date.now();
+  for (let o = 0; o < b64.length; o += CH) {
+    const part = b64.slice(o, o + CH); const msg = [0xF0, 0x7D, 0x22];
+    for (let i = 0; i < part.length; i++) msg.push(part.charCodeAt(i));   // base64 is ASCII
+    msg.push(0xF7);
+    const sendT = Date.now(); _send(msg);
+    const a = await _ack(10000);
+    const ackT = Date.now();
+    if (done < 3 || a !== true) {                                          // log the first few chunks + any failure
+      console.log("[fw] chunk " + (done + 1) + "/" + total + " sent (" + msg.length + " bytes) ack=" + a + " after " + (ackT - sendT) + "ms");
+    }
+    if (a !== true) return "chunk " + (done + 1) + "/" + total + (a === false ? " rejected" : " no-ack");
+    if (++done % 25 === 0) {
+      const el = ((Date.now() - t0) / 1000).toFixed(1);
+      console.log("[fw] pushed " + done + " / " + total + " chunks (" + el + " s)");
+    }
+  }
+  console.log("[fw] all " + total + " chunks sent; committing...");
+  _send([0xF0, 0x7D, 0x23, 0xF7]);
+  return (await _ack(10000)) === true ? null : "verify";
+}
+function _pickBinary() {   // offline fallback: choose an app.mpy -> Uint8Array (or null if cancelled)
+  return new Promise(async (res) => {
+    if (window.showOpenFilePicker) {
+      try { const [h] = await showOpenFilePicker({ types: [{ description: "PM_K-1 firmware (app.mpy)", accept: { "application/octet-stream": [".mpy"] } }] });
+            return res(new Uint8Array(await (await h.getFile()).arrayBuffer())); }
+      catch (e) { if (e.name === "AbortError") return res(null); }
+    }
+    const inp = document.createElement("input"); inp.type = "file"; inp.accept = ".mpy,application/octet-stream";
+    inp.onchange = async () => { inp.files[0] ? res(new Uint8Array(await inp.files[0].arrayBuffer())) : res(null); };
+    inp.oncancel = () => res(null);
+    inp.click();
+  });
+}
+
+// Apply a shared link on load. Returns true if it set the metronome state.
+function applyHashShare() {
+  const h = location.hash || "";
+  try {
+    if (h.startsWith("#p=")) { applyPatch(decodeURIComponent(h.slice(3))); history.replaceState(null, "", location.pathname); return true; }
+    if (h.startsWith("#sl=")) {
+      const sl = codeToSetlist(decodeURIComponent(h.slice(4)));
+      setlists.push(sl); activeSL = setlists.length - 1; saveSetlists(); renderSetlists();
+      if (sl.items[0]) { applySetup(sl.items[0]); activeItem = 0; historyName = sl.items[0].name; }
+      history.replaceState(null, "", location.pathname);
+      alert("Imported set list: " + sl.title + " (" + sl.items.length + " items)");
+      return true;
+    }
+  } catch (e) { console.warn("ignored bad share link", e); }
+  return false;
+}
+
+/*@BUILD:include:src/setlists.js@*/
+
+/* =========================================================================
+   VISUALS
+   ========================================================================= */
+// Render all three notation lenses (Konnakol / Staff / TUBS) from the same groove model each frame.
+function renderViews() {
+  if (typeof NOTATION === "undefined") return;
+  // Continuous master-bar fraction (0..1): interpolate within the current step using its real
+  // onset/next-onset times so the playhead tracks time smoothly (and lands on the beat at onset).
+  let phase = 0;
+  const m0 = meters[0];
+  if (state.running && m0 && m0.currentStep >= 0 && audioCtx) {
+    const now = audioCtx.currentTime - (audioCtx.outputLatency || audioCtx.baseLatency || 0);
+    const steps = (m0.beatsPerBar * m0.stepsPerBeat) || 1;
+    const t0 = (m0.curStepTime != null) ? m0.curStepTime : now;
+    const nx = m0.vq[m0.vqPtr];
+    const t1 = nx ? nx.time : t0 + (60 / state.bpm) / (m0.stepsPerBeat || 1);
+    const g = t1 > t0 ? Math.max(0, Math.min(1, (now - t0) / (t1 - t0))) : 0;
+    phase = (m0.currentStep + g) / steps;
+  }
+  const lanes = meters.map((m, i) => ({
+    idx: i, sound: m.sound, groups: (m.groups || []).slice(), sub: m.stepsPerBeat,
+    swing: !!m.swing, poly: !!m.poly, muted: !m.enabled,
+    levels: (m.beatsOn || []).slice(), orns: (m.orns || []),
+  }));
+  // Shared left gutter so the bar (and every beat) lines up vertically across all three views.
+  // Width = whatever the staff's clef+time-signature needs, vs the TUBS voice labels (whichever is wider).
+  const vis = lanes.filter((l) => !l.muted);
+  const EM = 44, clefW = EM * 0.6, tsDigit = EM * 0.4;            // staff metrics (staffSpace 11)
+  const master = vis.find((l) => !l.poly) || vis[0] || { groups: [4] };
+  const mg = master.groups && master.groups.length ? master.groups : [4];
+  const mbeats = mg.reduce((a, b) => a + b, 0) || 4;
+  const numParts = mg.length > 1 ? mg : [mbeats];
+  const numGlyphs = numParts.reduce((a, n) => a + String(n).length, 0) + (numParts.length - 1);
+  const staffX0 = 14 + clefW + numGlyphs * tsDigit + 14;
+  const labelChars = vis.length ? Math.max(...vis.map((l) => (l.sound || "").length + (l.poly ? 2 : 0) + (/^clave/.test(l.sound || "") ? 7 : 0))) : 6;
+  const tubsX0 = 18 + labelChars * 7 + 8;
+  const gutter = Math.max(96, Math.ceil(staffX0), Math.ceil(tubsX0));
+  const base = { name: (window.npName && npName.textContent) || "", bpm: state.bpm, playing: state.running, phase, lanes, gutter };
+  const k = document.getElementById("konnakolCanvas");
+  const s = document.getElementById("staffCanvas");
+  const t = document.getElementById("tubsCanvas");
+  if (k) NOTATION.draw(k, Object.assign({ view: "konnakol" }, base));
+  if (s) NOTATION.draw(s, Object.assign({ view: "staff" }, base));
+  if (t) NOTATION.draw(t, Object.assign({ view: "tubs" }, base));
+}
+
+// Editing on the Staff or TUBS canvas: click a step to cycle its dynamic (accent→normal→ghost→rest);
+// Shift-click cycles its ornament (none→flam→drag→roll). Each view publishes a hit map (cv._hit).
+function editFromHit(e) {
+  const cv = e.currentTarget, h = cv._hit; if (!h) return;
+  const r = cv.getBoundingClientRect(), cx = e.clientX - r.left, cy = e.clientY - r.top;
+  let idx = -1, step = -1;
+  if (h.kind === "staff") {
+    let best = null, bestD = 1e9;                            // nearest voice row by vertical position
+    for (const L of h.lanes) { const d = Math.abs((h.staffTop + L.p * (h.S / 2)) - cy); if (d < bestD) { bestD = d; best = L; } }
+    if (!best || bestD > h.S * 2.2) return;
+    const sIdx = Math.floor((cx - h.x0) / (h.barW / best.steps));
+    if (sIdx < 0 || sIdx >= best.steps) return;
+    idx = best.idx; step = sIdx;
+  } else if (h.kind === "tubs") {
+    const ri = Math.floor((cy - h.top) / h.rowH); if (ri < 0 || ri >= h.rows.length) return;
+    const row = h.rows[ri], cell = (cx - h.x0) / h.cw, sIdx = Math.round((cell - 0.5) / row.span);
+    if (sIdx < 0 || sIdx >= row.steps) return;
+    if (Math.abs(cell - (sIdx * row.span + 0.5)) > Math.max(0.6, row.span * 0.55)) return;   // clicked a gap
+    idx = row.idx; step = sIdx;
+  }
+  if (idx < 0) return;
+  const m = meters[idx]; if (!m) return;
+  if (e.shiftKey) { while (m.orns.length < m.beatsOn.length) m.orns.push(0); m.orns[step] = ((m.orns[step] | 0) + 1) % 4; }
+  else m.beatsOn[step] = NEXT_LEVEL[m.beatsOn[step] | 0];
+  renderViews();
+  if (typeof refreshPatchField === "function") refreshPatchField();
+}
+["staffCanvas", "tubsCanvas"].forEach((id) => { const cv = document.getElementById(id); if (cv) cv.addEventListener("click", editFromHit); });
+
+function drawLoop() {
+  if (audioCtx) {
+    const raw = audioCtx.currentTime;
+    // playhead follows when the click is HEARD (compensate output latency); timers keep the true clock
+    const now = raw - (audioCtx.outputLatency || audioCtx.baseLatency || 0);
+    for (const m of meters) {
+      while (m.vqPtr < m.vq.length && m.vq[m.vqPtr].time <= now) { m.currentStep = m.vq[m.vqPtr].step; m.currentBar = m.vq[m.vqPtr].bar; m.curStepTime = m.vq[m.vqPtr].time; m.vqPtr++; }
+      if (m.vqPtr > 512) { m.vq = m.vq.slice(m.vqPtr); m.vqPtr = 0; }
+    }
+    updateStatus(raw);
+  }
+  renderViews();
+  tickTimers();
+  requestAnimationFrame(drawLoop);
+}
+
+/* =========================================================================
+   PRACTICE TIMERS — advance only while the metronome is running
+   ========================================================================= */
+const timers = { elapsedMs: 0, totalMs: 0, remainingMs: 0, last: 0 };   // countdown off by default
+function fmtClock(ms) { const neg = ms < 0; const s = Math.round(Math.abs(ms) / 1000); return (neg ? "-" : "") + Math.floor(s / 60) + ":" + String(s % 60).padStart(2, "0"); }
+// Parse a countdown duration: blank = off; "h:mm:ss" / "m:ss" (seconds-last); a plain number = minutes.
+function parseTime(str) {
+  str = (str || "").trim(); if (!str) return 0;
+  if (!str.includes(":")) { const m = parseFloat(str); return isFinite(m) && m > 0 ? Math.round(m * 60000) : 0; }
+  const p = str.split(":").map((x) => parseInt(x, 10) || 0);
+  let h = 0, m = 0, s = 0;
+  if (p.length >= 3) { h = p[0]; m = p[1]; s = p[2]; } else { m = p[0]; s = p[1]; }
+  const ms = ((h * 60 + m) * 60 + s) * 1000;
+  return ms > 0 ? ms : 0;
+}
+function tickTimers() {
+  const now = Date.now();
+  const dt = timers.last ? Math.min(now - timers.last, 1000) : 0;   // clamp so backgrounded gaps don't jump
+  timers.last = now;
+  if (state.running) {
+    timers.elapsedMs += dt;                          // elapsed stopwatch always runs while playing (like the device)
+    if (timersOn && timers.totalMs > 0) {
+      const before = timers.remainingMs;
+      timers.remainingMs -= dt;
+      // time countdown hit 0 → auto-advance (smooth). Bar-length segments use the
+      // bar counter instead (handled in advanceMaster), so only fire when segBars===0.
+      if (before > 0 && timers.remainingMs <= 0 && continueMode && segBars === 0 && !pendingSwitch) {
+        const nx = nextLoadedTarget();
+        if (nx) armSwitch(nx.sl, nx.item, "auto", "bar");
+      }
+      // otherwise it keeps counting past 0 into negative (overtime); never stops the metronome
+    }
+  }
+  renderTimers();
+}
+// PM_E-2 divergence from PM_E-1: every function slot stays in the display row, dimmed (".off")
+// when inactive and lit when on — so all functions are visible at a glance, space-consciously.
+function renderTimers() {
+  $("dtimers").hidden = false;
+  $("elapsedVal").textContent = fmtClock(timers.elapsedMs);
+  // Tempo ramp
+  const rw = $("rampWrap"); rw.hidden = false;
+  if (ramp.on) { rw.classList.remove("off"); rw.textContent = (ramp.amount < 0 ? "↘ " : "↗ ") + (ramp.amount >= 0 ? "+" : "") + ramp.amount + "/" + ramp.everyBars + "b"; }
+  else { rw.classList.add("off"); rw.textContent = "↗ ramp"; }
+  // Gap / mute trainer — "GAP play/mute" when armed; amber while a muted window is active.
+  const gw = $("gapWrap"); gw.hidden = false;
+  if (trainer.on && trainer.muteBars > 0) {
+    gw.classList.remove("off");
+    gw.textContent = "GAP " + trainer.playBars + "/" + trainer.muteBars;
+    const muting = state.running && typeof isMutedAt === "function" && audioCtx && isMutedAt(audioCtx.currentTime);
+    gw.classList.toggle("muting", !!muting);
+  } else { gw.classList.add("off"); gw.classList.remove("muting"); gw.textContent = "GAP off"; }
+  // Time countdown
+  const cw = $("countWrap"), cd = $("countVal"); cw.hidden = false;
+  const cdOff = !timersOn || timers.totalMs <= 0;
+  if (cdOff) { cw.classList.add("off"); cd.textContent = "--"; cd.classList.remove("over", "low"); }
+  else {
+    cw.classList.remove("off");
+    cd.textContent = fmtClock(timers.remainingMs);
+    cd.classList.toggle("over", timers.remainingMs <= 0);                                // overtime
+    cd.classList.toggle("low", timers.remainingMs > 0 && timers.remainingMs <= 10000);   // almost up
+  }
+  // Bars in segment — remaining while playing (lit); the configured length when stopped (dimmed).
+  const bw = $("barWrap"), bv = $("barVal"); bw.hidden = false;
+  const showBars = state.running && segBars > 0;
+  if (showBars) {
+    bw.classList.remove("off");
+    const elapsed = meters.length ? meters[0].currentBar : segBarCount;
+    const remaining = Math.max(0, segBars - elapsed);
+    bv.textContent = remaining;
+    bv.classList.toggle("low", remaining <= 1);
+  } else {
+    bw.classList.add("off"); bv.classList.remove("low");
+    bv.textContent = segBars > 0 ? segBars : "--";
+  }
+}
+
+// Status shows in the display, under the BPM. Stopped → meter count; running →
+// bar + trainer/ramp flags (kept short for the narrow display column).
+function updateStatus() {
+  if (!state.running) {
+    ctxDisplay.textContent = meters.length ? (meters.length + " meter" + (meters.length > 1 ? "s" : "") + " · ready") : "no meters";
+    ctxDisplay.classList.remove("muted-cue");
+    return;
+  }
+  const mbpb = masterBeatsPerBar();
+  const barIndex = Math.floor(Math.max(0, masterBeat - 1) / mbpb);
+  const muted = trainer.on && isMutedAt(audioCtx.currentTime);
+  let s = "▶ bar " + (barIndex + 1);
+  if (trainer.on) s += muted ? " · mute — count!" : " · play";
+  if (ramp.on) s += " · ramp";
+  if (pendingSwitch) {                                    // a switch is armed → show the target
+    const it = setlists[pendingSwitch.sl] && setlists[pendingSwitch.sl].items[pendingSwitch.item];
+    s += " · → " + (it ? it.name : "next");
+  }
+  ctxDisplay.textContent = s;
+  ctxDisplay.classList.toggle("muted-cue", muted || !!pendingSwitch);
+}
+function updateCtx() { updateStatus(); refreshPatchField(); postProg(); }
+// when embedded (e.g. in the Concepts landing), report the current program to the parent
+function postProg() { if (document.documentElement.dataset.embed !== "1") return;
+  try { parent.postMessage({ type: "varasys-prog", patch: currentPatch() }, "*"); } catch (e) {} }
+
+/* keep the subtle program-string bar in sync with what's loaded, unless the
+   user is mid-edit in it (don't yank text out from under them). */
+function refreshPatchField() {
+  const el = $("patchField"); if (!el || document.activeElement === el) return;
+  try { el.value = currentPatch(); } catch (e) {}
+  const bar = $("patchBar"); if (bar) bar.classList.remove("err");
+  const msg = $("patchMsg"); if (msg && !msg.dataset.sticky) msg.textContent = "";
+}
+function setPatchMsg(text, ok) {
+  const msg = $("patchMsg"); if (!msg) return;
+  msg.textContent = text || ""; msg.classList.toggle("ok", !!ok); msg.classList.toggle("bad", !ok && !!text);
+  msg.dataset.sticky = text ? "1" : "";
+  if (text) setTimeout(() => { msg.dataset.sticky = ""; if (ok) msg.textContent = ""; }, ok ? 1800 : 4000);
+}
+// Accept a patch string OR a base64 set-list code (or a #p=/#sl= link); decode, lint, load.
+function commitPatchField() {
+  const el = $("patchField"), bar = $("patchBar");
+  let text = (el.value || "").trim();
+  if (!text) { setPatchMsg("", true); return; }
+  const m = text.match(/[#?&](p|sl)=([^&\s]+)/);
+  let kind = null, payload = text;
+  if (m) { kind = m[1]; try { payload = decodeURIComponent(m[2]); } catch (e) { payload = m[2]; } }
+  const looksB64 = /^[A-Za-z0-9_-]{12,}$/.test(payload) && !/[;:]/.test(payload);
+  try {
+    if (kind === "sl" || (kind !== "p" && looksB64)) {
+      const sl = codeToSetlist(payload);                       // base64 set-list code → decode
+      if (!sl.items || !sl.items.length) throw new Error("set-list code has no items");
+      applySetup(sl.items[0]);
+      setPatchMsg("✓ decoded set list “" + sl.title + "” (" + sl.items.length + " item" + (sl.items.length > 1 ? "s" : "") + ") — loaded item 1", true);
+    } else {
+      const s = patchToSetup(payload);                         // plain-text patch
+      if (!payload.includes(":")) throw new Error("no lanes — try e.g. kick:4");   // raw-input check (patchToSetup itself defaults to beep:4)
+      applyPatch(payload);
+      setPatchMsg("✓ " + s.lanes.length + " lane" + (s.lanes.length > 1 ? "s" : "") + " · " + s.bpm + " BPM", true);
+    }
+    bar.classList.remove("err"); el.blur(); refreshPatchField();
+    bar.classList.add("applied"); setTimeout(() => bar.classList.remove("applied"), 450);
+  } catch (e) { bar.classList.add("err"); setPatchMsg("✗ " + e.message, false); }
+}
+
+/* =========================================================================
+   UI WIRING
+   ========================================================================= */
+const $ = (id) => document.getElementById(id);
+function syncStartBtn() {
+  if (state.running) { startBtn.textContent = "■ Stop"; startBtn.classList.add("on"); }
+  else { startBtn.textContent = "▶ Start"; startBtn.classList.remove("on"); }
+}
+function toggleShortcuts(show) { const o = $("shortcutsOverlay"); o.hidden = (show === undefined) ? !o.hidden : !show; }
+// theme toggle + version stamp are handled by the shared chrome (src/chrome.js), wired below.
+$("startBtn").addEventListener("click", () => toggleTransport());
+let _taps = [];
+function tapTempo() {
+  const now = performance.now();
+  _taps = _taps.filter((t) => now - t < 2000);
+  _taps.push(now);
+  if (_taps.length >= 2) {
+    let sum = 0; for (let i = 1; i < _taps.length; i++) sum += _taps[i] - _taps[i - 1];
+    setBpm(60000 / (sum / (_taps.length - 1)));
+  }
+}
+$("tapBtn").addEventListener("click", tapTempo);
+$("saveItemBtn").addEventListener("click", () => {
+  if (activeItem < 0) return;
+  updateItem();
+  const b = $("saveItemBtn"), t = b.textContent; b.textContent = "✓ Saved"; setTimeout(() => { b.textContent = t; }, 900);
+});
+$("bpm").addEventListener("input", (e) => setBpm(+e.target.value));
+$("vol").addEventListener("input", (e) => {
+  state.volume = +e.target.value / 100; volVal.textContent = e.target.value + "%";
+  if (masterGain) masterGain.gain.setTargetAtTime(state.volume, audioCtx.currentTime, 0.01);
+});
+$("trainerOn").addEventListener("change", (e) => { trainer.on = e.target.checked; refreshFeatureBoxes(); renderTimers(); });
+$("playBars").addEventListener("input", (e) => { trainer.playBars = +e.target.value; renderTimers(); });
+$("muteBars").addEventListener("input", (e) => { trainer.muteBars = +e.target.value; renderTimers(); });
+$("rampOn").addEventListener("change", (e) => { ramp.on = e.target.checked; refreshFeatureBoxes(); });
+$("rampStart").addEventListener("input", (e) => ramp.startBpm = +e.target.value);
+$("rampAmt").addEventListener("input", (e) => ramp.amount = +e.target.value);
+$("rampEvery").addEventListener("input", (e) => ramp.everyBars = +e.target.value);
+$("addMeterBtn").addEventListener("click", () => addMeter("4", 1, "claves"));
+$("countTime").addEventListener("input", (e) => { timers.totalMs = parseTime(e.target.value); timers.remainingMs = timers.totalMs; renderTimers(); });
+$("elapsedReset").addEventListener("click", () => { timers.elapsedMs = 0; renderTimers(); });
+$("countReset").addEventListener("click", () => { timers.remainingMs = timers.totalMs; renderTimers(); });
+$("segBarsIn").addEventListener("input", (e) => { segBars = Math.max(0, parseInt(e.target.value, 10) || 0); renderTimers(); });
+$("endAction").addEventListener("change", readEndActionUI);
+$("endGoto").addEventListener("input", readEndActionUI);
+$("endRep").addEventListener("input", readEndActionUI);
+$("continueMode").addEventListener("change", (e) => { continueMode = e.target.checked; lsSet(LS.continue, continueMode); });
+$("timersOn").addEventListener("change", (e) => { timersOn = e.target.checked; lsSet(LS.timers, timersOn); refreshFeatureBoxes(); renderTimers(); });
+$("logSessions").addEventListener("change", (e) => { loggingOn = e.target.checked; lsSet(LS.logging, loggingOn); });   // practice-log on/off (persisted)
+$("trayMenuBtn").addEventListener("click", (e) => { e.stopPropagation(); $("trayMenu").hidden = !$("trayMenu").hidden; });
+document.addEventListener("click", (e) => { const m = $("trayMenu"); if (m && !m.hidden && !m.contains(e.target) && e.target.id !== "trayMenuBtn") m.hidden = true; });
+$("delSetlistBtn").addEventListener("click", deleteSetlist);
+$("slMenuBtn").addEventListener("click", (e) => { e.stopPropagation(); buildSlMenu(); $("slMenu").hidden = !$("slMenu").hidden; });
+document.addEventListener("click", (e) => { const m = $("slMenu"); if (m && !m.hidden && !m.contains(e.target) && e.target.id !== "slMenuBtn") m.hidden = true; });
+$("slTitle").addEventListener("input", (e) => { const sl = getSL(); if (sl) { sl.title = e.target.value; saveSetlists(); } });   // rename the active list in place
+$("slDesc").addEventListener("input", (e) => { const sl = getSL(); if (sl) { sl.description = e.target.value; saveSetlists(); } autoGrow(e.target); });
+$("addItemBtn").addEventListener("click", () => { addItem($("itemName").value.trim()); $("itemName").value = ""; });
+$("helpBtn").addEventListener("click", () => toggleShortcuts());
+$("shortcutsClose").addEventListener("click", () => toggleShortcuts(false));
+$("shortcutsOverlay").addEventListener("click", (e) => { if (e.target.id === "shortcutsOverlay") toggleShortcuts(false); });
+$("exportBtn").addEventListener("click", () => { $("trayMenu").hidden = true; exportAll(); });
+$("importBtn").addEventListener("click", () => { $("trayMenu").hidden = true; $("importFile").click(); });
+$("importFile").addEventListener("change", (e) => { if (e.target.files[0]) importAll(e.target.files[0]); e.target.value = ""; });
+$("saveDeviceBtn").addEventListener("click", () => { $("trayMenu").hidden = true; saveToDevice(); });
+$("loadDeviceBtn").addEventListener("click", () => { $("trayMenu").hidden = true; loadFromDevice(); });
+$("updateFwBtn").addEventListener("click", () => { $("trayMenu").hidden = true; updateFirmware(); });
+$("midiBtn").addEventListener("click", toggleDeviceAudio);
+$("midiOutBtn").addEventListener("click", toggleMidiOut);
+$("devBadge").addEventListener("click", () => { _ensureMidi().then(updateDevBadge); });
+$("clearLogBtn").addEventListener("click", () => { $("trayMenu").hidden = true; clearLog(); });
+$("resetAllBtn").addEventListener("click", () => { $("trayMenu").hidden = true; resetAll(); });
+$("shareSettingsBtn").addEventListener("click", () => { $("trayMenu").hidden = true; shareSettings(); });
+$("shareSetlistBtn").addEventListener("click", () => { $("trayMenu").hidden = true; shareSetlist(); });
+$("shareClose").addEventListener("click", () => $("shareOverlay").hidden = true);
+$("shareOverlay").addEventListener("click", (e) => { if (e.target.id === "shareOverlay") $("shareOverlay").hidden = true; });
+$("shareCopy").addEventListener("click", async () => { try { await navigator.clipboard.writeText($("shareUrl").value); const b = $("shareCopy"); b.textContent = "Copied!"; setTimeout(() => b.textContent = "Copy link", 1200); } catch (e) { $("shareUrl").select(); } });
+
+/* program-string bar: apply on Enter / blur, copy button, drop the error tint while typing */
+$("patchField").addEventListener("keydown", (e) => { if (e.key === "Enter") { e.preventDefault(); commitPatchField(); } });
+$("patchField").addEventListener("change", commitPatchField);
+$("patchField").addEventListener("input", () => $("patchBar").classList.remove("err"));
+$("patchCopy").addEventListener("click", async () => {
+  const el = $("patchField"); try { await navigator.clipboard.writeText(el.value); const b = $("patchCopy"); b.textContent = "Copied!"; setTimeout(() => b.textContent = "Copy", 1200); } catch (e) { el.select(); }
+});
+$("shareOpen").addEventListener("click", () => window.open($("shareUrl").value, "_blank"));
+window.addEventListener("keydown", (e) => {
+  const t = e.target, tag = t ? t.tagName : "", type = (t && t.type ? String(t.type) : "").toLowerCase();
+  // Text entry is sacred — never hijack typing in a text field.
+  if (t && (t.isContentEditable || tag === "TEXTAREA" ||
+            (tag === "INPUT" && /^(text|number|search|email|url|tel|password)$/.test(type)))) return;
+  const k = e.key;
+  if (e.altKey && (k === "ArrowUp" || k === "ArrowDown")) { e.preventDefault(); moveCuedItem(k === "ArrowUp" ? -1 : 1); return; }  // reorder cued item
+  // Enter = commit the cued item. Smooth (next bar) by default; Shift+Enter = rude (next beat).
+  // (shiftKey is NOT in the modifier guard below, so Shift+Enter reaches here.)
+  if (k === "Enter") {
+    if (tag === "BUTTON" || tag === "A" || tag === "SELECT") return;   // let focused controls keep Enter
+    e.preventDefault();
+    if (cuedSL >= 0 && cuedItem >= 0) armSwitch(cuedSL, cuedItem, "commit", e.shiftKey ? "beat" : "bar");
+    return;
+  }
+  if (e.metaKey || e.ctrlKey || e.altKey) return;
+  // Transport: Space always = play/stop. preventDefault so it never scrolls the
+  // page, toggles a focused checkbox, or re-fires a focused button.
+  if (k === " " || e.code === "Space") { e.preventDefault(); toggleTransport(); return; }
+  // A focused slider / dropdown uses these keys natively — leave it alone.
+  const arrowCtrl = tag === "SELECT" || (tag === "INPUT" && type === "range");
+  // ← / → : tempo (±1, Shift ±10).
+  if (k === "ArrowRight") { if (arrowCtrl) return; e.preventDefault(); setBpm(state.bpm + (e.shiftKey ? 10 : 1)); return; }
+  if (k === "ArrowLeft")  { if (arrowCtrl) return; e.preventDefault(); setBpm(state.bpm - (e.shiftKey ? 10 : 1)); return; }
+  // ↑ ↓ Home End : move the cue cursor; PgUp/PgDn : cue across set lists. (Enter commits.)
+  if (k === "ArrowUp")   { if (arrowCtrl) return; e.preventDefault(); cuePrev(); return; }
+  if (k === "ArrowDown") { if (arrowCtrl) return; e.preventDefault(); cueNext(); return; }
+  if (k === "Home")      { if (arrowCtrl) return; e.preventDefault(); cueFirst(); return; }
+  if (k === "End")       { if (arrowCtrl) return; e.preventDefault(); cueLast(); return; }
+  if (k === "PageUp")    { if (arrowCtrl) return; e.preventDefault(); cueSetlist(-1); return; }
+  if (k === "PageDown")  { if (arrowCtrl) return; e.preventDefault(); cueSetlist(1); return; }
+  if (k === "t" || k === "T") { tapTempo(); return; }
+  if (k === "a" || k === "A") { addMeter("4", 1, "claves"); return; }
+  if (k === "p" || k === "P") { prevItem(); return; }   // rude quick-step (next beat while playing)
+  if (k === "n" || k === "N") { nextItem(); return; }
+  if (k === "?") { toggleShortcuts(true); return; }
+  if (k === "Escape") {
+    if (!$("shareOverlay").hidden) $("shareOverlay").hidden = true;
+    else if (!$("shortcutsOverlay").hidden) toggleShortcuts(false);
+    else if (pendingSwitch) { pendingSwitch = null; updateCtx(); }   // cancel an armed switch
+    return;
+  }
+  if (k >= "1" && k <= "9") { const m = meters[+k - 1]; if (m) setLaneEnabled(m, !m.enabled); }
+});
+
+/* init */
+// Seed the demo set lists. Versioned + additive: a newer SEED_VERSION adds any
+// seed list whose title isn't already present, without clobbering the user's lists
+// (and won't re-add one they've deleted at the same version).
+const SEED_VERSION = 4;
+if ((lsGet(LS.seeded, 0) | 0) < SEED_VERSION) {
+  for (const s of SEED_SETLISTS) {
+    if (!setlists.some((x) => x.title === s.title)) {
+      setlists.push({ title: s.title, description: s.description, items: s.items.map(([n, p]) => ({ name: n, ...patchToSetup(p) })) });
+    }
+  }
+  if (activeSL >= setlists.length) activeSL = Math.max(0, setlists.length - 1);
+  saveSetlists();
+  lsSet(LS.seeded, SEED_VERSION);
+}
+// a shared link (#p=… settings / #sl=… set list) sets the state; otherwise default lanes
+if (!applyHashShare()) {
+  addMeter("4", 1, "kick");                  // reference bar
+  addMeter("5", 1, "claves", null, true);    // 5 fit into the bar → true 5:4 polyrhythm
+}
+renderSetlists();
+renderLog();
+updateCtx();
+refreshFeatureBoxes();
+$("continueMode").checked = continueMode;
+$("timersOn").checked = timersOn;
+$("logSessions").checked = loggingOn;
+// Never prompt for Web MIDI on load. Only auto-reconnect if the user ALREADY granted it (querying
+// the permission does NOT prompt); otherwise just show the badge — the "connect device" badge and
+// the Device-audio button request access on an explicit click.
+if (navigator.requestMIDIAccess && navigator.permissions && navigator.permissions.query) {
+  navigator.permissions.query({ name: "midi", sysex: true })
+    .then(p => { if (p.state === "granted") _ensureMidi().then(updateDevBadge).catch(() => updateDevBadge()); else updateDevBadge(); })
+    .catch(() => updateDevBadge());
+} else updateDevBadge();
+requestAnimationFrame(drawLoop);
+/*@BUILD:include:src/chrome.js@*/
+</script>
+</body>
+</html>
diff --git a/src/base.css b/src/base.css
new file mode 100644
index 0000000..6e84eb0
--- /dev/null
+++ b/src/base.css
@@ -0,0 +1,128 @@
+/* Shared base — inlined into BOTH index.html and player.html by build.sh.
+   Box-sizing reset, the VARASYS brand palette, and the common type stack.
+   (Page-specific colours/layout live in each page's own <style>.) */
+* { box-sizing: border-box; }
+:root {
+  --cyan: #0AB3F7;   /* VARASYS brand cyan */
+  --navy: #1C283F;   /* VARASYS brand navy */
+}
+body {
+  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* ---- VARASYS brand lockup (the official logo PNGs already bake in the
+   "Simplifying Complexity" tagline — dark variant for dark themes, light for light) ---- */
+.brand { display:inline-flex; align-items:center; flex:0 0 auto; text-decoration:none; }
+.brand-logo { height:34px; width:auto; display:block; }
+.brand-light { display:none; }
+:root[data-theme="light"] .brand-dark  { display:none; }
+:root[data-theme="light"] .brand-light { display:block; }
+/* on-device silkscreen brand (official logo image, tagline included) — used in device brandrows */
+.dev-lock { display:inline-flex; align-items:center; }
+.dev-logo { display:block; width:auto; height:20px; }
+.site-head { width:100%; max-width:980px; margin:0 auto; display:flex; align-items:center;
+  justify-content:space-between; gap:10px 16px; flex-wrap:wrap; }
+.head-left { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
+.page-name { font-size:13px; color:var(--muted,#7f8b9a); letter-spacing:.02em; }
+.page-name b { color:var(--txt,#c7d0db); }
+.site-nav { display:flex; align-items:center; gap:14px; font-size:13px; }
+.site-nav a { color:var(--muted,#7f8b9a); text-decoration:none; }
+.site-nav a:hover { color:var(--txt,#c7d0db); }
+.site-nav a.here { color:var(--cyan); }
+.tbtn { background:transparent; color:var(--muted,#7f8b9a); border:1px solid var(--panel-bd,#2a313c);
+  border-radius:8px; padding:3px 9px; font-size:14px; line-height:1; cursor:pointer; }
+.tbtn:hover { color:var(--txt,#c7d0db); }
+/* embed mode: pages opened with ?embed=1 strip all site chrome (the widget only).
+   The flag is set on <html> in a head pre-paint script (no flash). */
+[data-embed] .site-head, [data-embed] .site-foot { display:none !important; }
+[data-embed] body { padding:10px !important; }
+
+/* ---- bill-of-materials table (info pages) ---- */
+.sub { color:var(--muted,#7f8b9a); font-size:13px; line-height:1.5; }
+.bom { width:100%; border-collapse:collapse; font-size:12px; margin-top:8px; }
+.bom th, .bom td { text-align:left; padding:5px 6px; border-bottom:1px solid var(--panel-bd,#2a313c); vertical-align:top; }
+.bom th { color:var(--muted,#7f8b9a); font-weight:600; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
+.bom th.q, .bom th.c, .bom td.q, .bom td.c { text-align:right; white-space:nowrap; }
+.bom td.q, .bom td.c { color:var(--muted,#7f8b9a); }
+.bom .grp td { color:var(--cyan); font-weight:700; font-size:10px; text-transform:uppercase; letter-spacing:.07em; padding-top:11px; }
+.bom .part { color:var(--txt,#c7d0db); }
+.bom .part .spec { color:var(--muted,#7f8b9a); font-weight:400; }
+.bom tr.total td { font-weight:700; color:var(--txt,#c7d0db); border-top:2px solid var(--panel-bd,#2a313c); border-bottom:none; padding-top:8px; }
+
+/* ---- shared site footer ---- */
+.site-foot { width:100%; max-width:980px; margin:40px auto 0; font-size:12px; color:var(--muted,#7f8b9a);
+  text-align:center; display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }
+.site-foot a { color:var(--muted,#7f8b9a); }
+.site-foot a:hover { color:var(--txt,#c7d0db); }
+.site-foot .dot { opacity:.5; }
+
+/* ---- expandable "Spec & BOM" disclosure (merged onto each form-factor page) ---- */
+details.spec { width:100%; max-width:760px; margin:18px auto 0; border:1px solid var(--panel-bd,#2a313c);
+  border-radius:12px; background:var(--panel-bg,#161b22); }
+details.spec > summary { cursor:pointer; padding:13px 16px; font-weight:600; font-size:14px; color:var(--txt,#c7d0db);
+  list-style:none; display:flex; align-items:center; gap:9px; }
+details.spec > summary::-webkit-details-marker { display:none; }
+details.spec > summary::before { content:"▸"; color:var(--muted,#7f8b9a); transition:transform .15s; }
+details.spec[open] > summary::before { transform:rotate(90deg); }
+details.spec .spec-body { padding:2px 16px 16px; }
+[data-embed] details.spec { display:none !important; }
+
+/* ---- per-form-factor page: the description above the expandable spec ---- */
+.about { width:100%; max-width:760px; margin:20px auto 0; color:var(--muted,#7f8b9a); font-size:14px; line-height:1.62; }
+.about h2 { color:var(--txt,#c7d0db); font-size:18px; margin:0 0 4px; }
+.about .ff-tags { display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 10px; }
+.about .ff-tags span { font-size:11px; color:var(--muted,#7f8b9a); border:1px solid var(--panel-bd,#2a313c); border-radius:999px; padding:2px 9px; }
+.about .ff-tags .hw { color:var(--cyan); border-color:rgba(10,179,247,.45); }
+.about p { margin:0 0 10px; max-width:64ch; }
+/* page-only chrome (description, dimensioned views, loading panel) — hidden when embedded */
+[data-embed] .pageonly { display:none !important; }
+
+/* ---- per-form-factor page: visible title + summary (plain view) ---- */
+.ff-title { font-size:20px; margin:6px 0 2px; text-align:center; color:var(--txt,#c7d0db); }
+.ff-sum { max-width:60ch; margin:0 auto; text-align:center; color:var(--muted,#7f8b9a); font-size:13.5px; line-height:1.55; }
+[data-embed] .ff-title, [data-embed] .ff-sum { display:none !important; }
+/* link from the lean device page out to its info page (specs / dimensions / BOM) */
+.ff-link { text-align:center; margin:16px auto 0; font-size:13px; }
+.ff-link a { font-weight:600; }
+
+/* ---- info-<device>.html: the embedded live widget at the top of the spec page ---- */
+.infoview { width:100%; max-width:760px; margin:18px auto 0; border:1px solid var(--panel-bd,#2a313c);
+  border-radius:14px; overflow:hidden; background:var(--field-bg,#0e1116); }
+.iv-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px;
+  border-bottom:1px solid var(--panel-bd,#2a313c); font-size:12px; color:var(--muted,#7f8b9a); }
+.iv-bar b { color:var(--txt,#c7d0db); }
+.infoview iframe { display:block; width:100%; height:440px; border:0; background:var(--field-bg,#0e1116); transition:height .15s; }
+
+/* ---- per-device program I/O box (plain view) ---- */
+.progbox { width:100%; max-width:620px; margin:14px auto 0; display:flex; align-items:center; gap:9px; flex-wrap:wrap;
+  padding:9px 12px; border:1px solid var(--panel-bd,#2a313c); border-radius:11px; background:var(--panel-bg,#161b22); }
+.progbox > label { flex:0 0 auto; font-size:10px; text-transform:uppercase; letter-spacing:.09em; color:var(--muted,#7f8b9a); }
+.progbox input { flex:1; min-width:160px; background:var(--field-bg,#0e1116); color:var(--txt,#c7d0db);
+  border:1px solid var(--field-bd,#2a313c); border-radius:8px; padding:8px 10px; font-family:"Courier New",monospace; font-size:12.5px; }
+.progbox input.err { border-color:#c0392b; }
+.progbox button { flex:0 0 auto; background:var(--field-bg,#0e1116); color:var(--txt,#c7d0db); border:1px solid var(--field-bd,#2a313c);
+  border-radius:8px; padding:8px 12px; font-size:13px; cursor:pointer; }
+.progbox button.primary { background:linear-gradient(180deg,#34c6ff,var(--cyan)); color:#04121b; border-color:transparent; font-weight:600; }
+.progbox button:hover { border-color:var(--cyan); }
+.progbox-msg { flex:1 1 100%; font-size:11.5px; color:var(--muted,#7f8b9a); min-height:1em; }
+.progbox-msg.ok { color:#5fd08a; } .progbox-msg.bad { color:#ff8a7a; }
+[data-embed] .progbox { display:none !important; }
+
+/* ---- shared dimensioned schematic views (front + top/side with inch dims) ---- */
+.dview { width:100%; max-width:540px; margin:16px auto 0; }
+.dview .cap { text-align:center; font-size:11px; color:var(--muted,#7f8b9a); margin:0 0 8px; }
+.drow { display:flex; align-items:stretch; gap:6px; }
+.dvy { flex:0 0 15px; writing-mode:vertical-rl; transform:rotate(180deg); display:flex; align-items:center; justify-content:center;
+  font-size:9px; color:var(--muted,#7f8b9a); letter-spacing:.03em; white-space:nowrap; border-right:1px solid var(--panel-bd,#2a313c); }
+.dvx { text-align:center; font-size:9px; color:var(--muted,#7f8b9a); letter-spacing:.03em;
+  border-top:1px solid var(--panel-bd,#2a313c); padding-top:3px; margin:3px 0 0 17px; }
+.dschem { flex:1; min-width:0; position:relative; border:1px solid #33363c; border-radius:8px;
+  background:radial-gradient(rgba(255,255,255,.02) .5px, transparent .6px) 0 0/3px 3px, linear-gradient(160deg,#26282d,#15161a);
+  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 16px rgba(0,0,0,.4); overflow:hidden; }
+.dschem .scap { position:absolute; left:7px; top:5px; font-size:8px; color:var(--silk,#aab2bc); letter-spacing:.08em; text-transform:uppercase; opacity:.7; }
+.dschem .ctl { position:absolute; border-radius:50%; background:radial-gradient(circle at 38% 32%,#cfd6dd,#6c7480 60%,#3b424c); box-shadow:0 1px 3px rgba(0,0,0,.5); }
+.dschem .scr { position:absolute; border-radius:4px; background:#06080c; box-shadow:inset 0 0 8px rgba(0,0,0,.7); }
+.dschem .jk { position:absolute; width:12px; height:12px; border-radius:50%; border:2px solid #5b6470; background:radial-gradient(circle at 40% 34%,#333a44,#07090c 72%); }
+.dschem .jk.u { width:14px; height:6px; border-radius:3px; }
+.dschem .jl { position:absolute; font-size:7px; color:var(--silk,#aab2bc); letter-spacing:.03em; text-transform:uppercase; opacity:.85; text-align:center; line-height:1.1; }
diff --git a/src/chrome.js b/src/chrome.js
new file mode 100644
index 0000000..7f2597c
--- /dev/null
+++ b/src/chrome.js
@@ -0,0 +1,22 @@
+/* Shared site chrome — assembled into every page by build.sh.
+   Wires the header theme toggle (system - light - dark, shared "metronome.theme")
+   and stamps the footer version. Expects a global APP_VERSION declared earlier in
+   the page (deploy.sh rewrites that line) and the header/footer markup present. */
+(function () {
+  var byId = function (id) { return document.getElementById(id); };
+  var THEMES = ["system", "light", "dark"];
+  function eff(p) { return p === "system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p; }
+  function pref() { try { var p = localStorage.getItem("metronome.theme"); return (p === "light" || p === "dark" || p === "system") ? p : "system"; } catch (e) { return "system"; } }
+  function apply(p) {
+    try { localStorage.setItem("metronome.theme", p); } catch (e) {}
+    document.documentElement.dataset.theme = eff(p);
+    var b = byId("themeBtn"); if (b) { b.textContent = p === "system" ? "◐" : p === "light" ? "☀" : "☾"; b.title = "Theme: " + p + " (system → light → dark)"; }
+  }
+  function init() {
+    try { var v = byId("appVersion"); if (v && typeof APP_VERSION !== "undefined") v.textContent = "v" + APP_VERSION.replace(/^v/, ""); } catch (e) {}
+    var btn = byId("themeBtn"); if (btn) btn.onclick = function () { apply(THEMES[(THEMES.indexOf(pref()) + 1) % THEMES.length]); };
+    apply(pref());
+  }
+  try { matchMedia("(prefers-color-scheme: light)").addEventListener("change", function () { if (pref() === "system") apply("system"); }); } catch (e) {}
+  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init); else init();
+})();
diff --git a/src/engine.js b/src/engine.js
new file mode 100644
index 0000000..8d6dab8
--- /dev/null
+++ b/src/engine.js
@@ -0,0 +1,294 @@
+/* =========================================================================
+   SHARED ENGINE  —  inlined into every page by build.sh.
+   Audio voices (all SYNTHESIZED — no samples), the Web Audio look-ahead
+   scheduler primitives (PORTS TO FIRMWARE), and the share-language codec.
+   Each host supplies its own state globals (state, meters, ramp, trainer,
+   segBars, masterBeat…), its own setBpm, advanceMaster and scheduler().
+   Conventions (kept close to what people already know): GM drum names +
+   note-number aliases, drum-tab step patterns (X accent / x normal / g ghost /
+   . - _ rest), subdivisions /2 /3 /4, Euclidean (k,n) shorthand, per-lane gain
+   in dB (@<db>), and ~ = polymeter.
+   ========================================================================= */
+const LOOKAHEAD_MS = 25, SCHEDULE_AHEAD = 0.12;
+const SWING_RATIO = 2 / 3;                                  // triplet swing: the off-beat lands on the last triplet
+let audioCtx = null, masterGain = null, noiseBuf = null, schedulerTimer = null;
+
+
+// --- grouping: "2+2+3" → groups / beatsPerBar / group-start indices ---
+function parseGroups(str) {
+  const parts = String(str).split(/[^0-9]+/).map((s) => parseInt(s, 10)).filter((n) => n >= 1 && n <= 12);
+  let total = 0; const groups = [];
+  for (const p of parts) { if (total + p > 12) break; groups.push(p); total += p; }
+  if (!groups.length) groups.push(4);
+  const beatsPerBar = groups.reduce((a, b) => a + b, 0);
+  const groupStarts = new Set(); let acc = 0;
+  for (const g of groups) { groupStarts.add(acc); acc += g; }
+  return { groups, beatsPerBar, groupStarts };
+}
+
+// --- audio context ---
+function ensureAudio() {
+  if (audioCtx) return;
+  audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+  masterGain = audioCtx.createGain();
+  masterGain.gain.value = state.volume;
+  masterGain.connect(audioCtx.destination);
+}
+
+// --- shared noise buffer ---
+function getNoise() {
+  if (!noiseBuf) {
+    const n = Math.floor(audioCtx.sampleRate * 1.0);
+    noiseBuf = audioCtx.createBuffer(1, n, audioCtx.sampleRate);
+    const d = noiseBuf.getChannelData(0);
+    for (let i = 0; i < n; i++) d[i] = Math.random() * 2 - 1;
+  }
+  return noiseBuf;
+}
+
+// --- synthesized GM-style voices (level = velocity) ---
+function ampEnv(time, peak, dur, attack) {
+  const g = audioCtx.createGain();
+  peak = Math.max(0.0003, peak);
+  g.gain.setValueAtTime(0.0001, time);
+  g.gain.exponentialRampToValueAtTime(peak, time + (attack || 0.001));
+  g.gain.exponentialRampToValueAtTime(0.0001, time + dur);
+  return g;
+}
+function tone(time, type, f0, f1, dur) {
+  const o = audioCtx.createOscillator(); o.type = type;
+  o.frequency.setValueAtTime(f0, time);
+  if (f1 && f1 !== f0) o.frequency.exponentialRampToValueAtTime(Math.max(1, f1), time + Math.min(dur, 0.09));
+  o.start(time); o.stop(time + dur + 0.02); return o;
+}
+function noiseSrc(time, dur) { const s = audioCtx.createBufferSource(); s.buffer = getNoise(); s.start(time); s.stop(time + dur + 0.02); return s; }
+function filt(type, freq, q) { const f = audioCtx.createBiquadFilter(); f.type = type; f.frequency.value = freq; if (q) f.Q.value = q; return f; }
+function v_tone(time, level, type, f0, f1, dur, peak) { const o = tone(time, type, f0, f1, dur), g = ampEnv(time, peak * level, dur, 0.002); o.connect(g); g.connect(masterGain); }
+function v_noise(time, level, fType, freq, q, dur, peak, attack) { const n = noiseSrc(time, dur), f = filt(fType, freq, q), g = ampEnv(time, peak * level, dur, attack); n.connect(f); f.connect(g); g.connect(masterGain); }
+// 6 detuned square oscillators → bandpass + highpass = the classic 808/909 metallic hi-hat/cymbal timbre.
+function metalHat(time, level, dur, hpFreq, peak) {
+  const fund = 40, ratios = [2, 3, 4.16, 5.43, 6.79, 8.21];
+  const bp = filt("bandpass", 10000, 0.8), hp = filt("highpass", hpFreq, 0), g = ampEnv(time, peak * level, dur, 0.001);
+  ratios.forEach((r) => { const o = audioCtx.createOscillator(); o.type = "square"; o.frequency.value = fund * r; o.start(time); o.stop(time + dur + 0.02); o.connect(bp); });
+  bp.connect(hp); hp.connect(g); g.connect(masterGain);
+}
+
+// --- voice table + sample aliases ---
+const DRUMS = {
+  beep:      (t, l) => v_tone(t, l, "square", l >= 1 ? 1600 : 1100, 0, 0.04, 0.5),
+  kick:      (t, l) => v_tone(t, l, "sine", 150, 50, 0.18, 1.0),
+  snare:     (t, l) => { v_tone(t, l, "triangle", 190, 140, 0.12, 0.45); v_noise(t, l, "highpass", 1500, 0, 0.2, 0.8); },
+  rim:       (t, l) => { const o = tone(t, "square", 1700, 0, 0.04), bp = filt("bandpass", 1700, 4), g = ampEnv(t, 0.6 * l, 0.04); o.connect(bp); bp.connect(g); g.connect(masterGain); },
+  clap:      (t, l) => { const bp = filt("bandpass", 1200, 1.4); bp.connect(masterGain); [0, 0.012, 0.024].forEach((d, i) => { const n = noiseSrc(t + d, 0.05), e = ampEnv(t + d, (i < 2 ? 0.5 : 0.85) * l, 0.06); n.connect(e); e.connect(bp); }); },
+  hatClosed: (t, l) => v_noise(t, l, "highpass", 7000, 0, 0.045, 0.5),
+  hatOpen:   (t, l) => v_noise(t, l, "highpass", 7000, 0, 0.32, 0.45, 0.002),
+  ride:      (t, l) => { v_noise(t, l, "bandpass", 6000, 0.8, 0.4, 0.32, 0.002); v_tone(t, l, "square", 5200, 0, 0.1, 0.13); },
+  crash:     (t, l) => v_noise(t, l, "highpass", 4000, 0, 0.8, 0.5, 0.002),
+  tomLow:    (t, l) => v_tone(t, l, "sine", 150, 100, 0.25, 0.9),
+  tomMid:    (t, l) => v_tone(t, l, "sine", 220, 150, 0.23, 0.9),
+  tomHigh:   (t, l) => v_tone(t, l, "sine", 300, 210, 0.20, 0.9),
+  tambourine:(t, l) => v_noise(t, l, "highpass", 8000, 0, 0.12, 0.5),
+  cowbell:   (t, l) => { const sum = audioCtx.createGain(), bp = filt("bandpass", 2640, 1.2), g = ampEnv(t, 0.8 * l, 0.3); [540, 800].forEach((f) => tone(t, "square", f, 0, 0.3).connect(sum)); sum.connect(bp); bp.connect(g); g.connect(masterGain); },
+  woodblock: (t, l) => v_tone(t, l, "triangle", 1800, 1500, 0.06, 0.8),
+  claves:    (t, l) => v_tone(t, l, "sine", 2500, 0, 0.045, 0.85),
+  jamblock:  (t, l) => { const o = tone(t, "square", 2600, 2000, 0.045), bp = filt("bandpass", 2000, 6), g = ampEnv(t, 0.8 * l, 0.045); o.connect(bp); bp.connect(g); g.connect(masterGain); },
+  // --- electronic drum-machine voices (synthesized — these machines ARE synths in reality) ---
+  kick808:    (t, l) => { v_tone(t, l, "sine", 120, 45, 0.7, 1.0); v_noise(t, l * 0.5, "highpass", 2000, 0, 0.008, 0.4, 0.001); },   // long boom + click
+  snare808:   (t, l) => { v_tone(t, l, "triangle", 178, 168, 0.16, 0.4); v_tone(t, l, "triangle", 331, 320, 0.12, 0.18); v_noise(t, l, "highpass", 1000, 0, 0.16, 0.7); },
+  clap808:    (t, l) => { const bp = filt("bandpass", 1100, 1.3); bp.connect(masterGain); [0, 0.01, 0.02, 0.032].forEach((d, i) => { const n = noiseSrc(t + d, 0.05), e = ampEnv(t + d, (i < 3 ? 0.5 : 0.85) * l, 0.05); n.connect(e); e.connect(bp); }); },
+  hat808:     (t, l) => metalHat(t, l, 0.045, 7000, 0.4),
+  openHat808: (t, l) => metalHat(t, l, 0.34, 7000, 0.38),
+  cowbell808: (t, l) => { const sum = audioCtx.createGain(), bp = filt("bandpass", 2640, 1.2), g = ampEnv(t, 0.8 * l, 0.3); [540, 800].forEach((f) => tone(t, "square", f, 0, 0.3).connect(sum)); sum.connect(bp); bp.connect(g); g.connect(masterGain); },
+  tom808:     (t, l) => v_tone(t, l, "sine", 120, 78, 0.34, 0.9),
+  kick909:    (t, l) => { v_tone(t, l, "sine", 110, 46, 0.26, 1.0); v_tone(t, l, "triangle", 280, 60, 0.035, 0.5); v_noise(t, l * 0.6, "highpass", 3000, 0, 0.01, 0.5, 0.001); },   // punchy + click
+  snare909:   (t, l) => { v_tone(t, l, "triangle", 190, 162, 0.09, 0.28); v_noise(t, l, "highpass", 1200, 0, 0.2, 0.85); },
+  clap909:    (t, l) => { const bp = filt("bandpass", 1000, 1.0); bp.connect(masterGain); [0, 0.009, 0.018].forEach((d) => { const n = noiseSrc(t + d, 0.05), e = ampEnv(t + d, 0.6 * l, 0.05); n.connect(e); e.connect(bp); }); const tail = noiseSrc(t + 0.018, 0.2), te = ampEnv(t + 0.018, 0.35 * l, 0.2, 0.001); tail.connect(te); te.connect(bp); },
+  hat909:     (t, l) => metalHat(t, l, 0.05, 9000, 0.4),
+  ride909:    (t, l) => { metalHat(t, l, 0.5, 6000, 0.3); v_noise(t, l, "bandpass", 7000, 0.7, 0.18, 0.18, 0.002); },
+  crash909:   (t, l) => { metalHat(t, l, 0.9, 5000, 0.34); v_noise(t, l, "highpass", 4000, 0, 0.9, 0.4, 0.002); },
+};
+const VOICES = [
+  ["beep", "beep"], ["kick", "kick"], ["snare", "snare"], ["rim", "rim/stick"], ["clap", "clap"],
+  ["hatClosed", "hat closed"], ["hatOpen", "hat open"], ["ride", "ride"], ["crash", "crash"],
+  ["tomLow", "tom low"], ["tomMid", "tom mid"], ["tomHigh", "tom high"], ["tambourine", "tambourine"],
+  ["cowbell", "cowbell"], ["woodblock", "wood block"], ["claves", "claves"], ["jamblock", "jam block"],
+  ["kick808", "808 kick"], ["snare808", "808 snare"], ["clap808", "808 clap"], ["hat808", "808 hat"], ["openHat808", "808 open hat"], ["cowbell808", "808 cowbell"], ["tom808", "808 tom"],
+  ["kick909", "909 kick"], ["snare909", "909 snare"], ["clap909", "909 clap"], ["hat909", "909 hat"], ["ride909", "909 ride"], ["crash909", "909 crash"],
+];
+// Default kit points the friendly GM names at the punchier 808/909 renders
+// (samples removed — those synth voices sound better). Pick "kick808"/"kick909"
+// etc. explicitly for a specific machine flavour.
+const KIT_ALIAS = {
+  kick: "kick909", snare: "snare909", clap: "clap909",
+  hatClosed: "hat909", hatOpen: "openHat808", ride: "ride909", crash: "crash909",
+  cowbell: "cowbell808",
+};
+// General-MIDI percussion note numbers → our voice names (so MIDI/DAW users can type numbers)
+const GM_NUM = {
+  35: "kick", 36: "kick", 37: "rim", 38: "snare", 39: "clap", 40: "snare",
+  41: "tomLow", 42: "hatClosed", 43: "tomLow", 44: "hatClosed", 45: "tomMid",
+  46: "hatOpen", 47: "tomMid", 48: "tomHigh", 49: "crash", 50: "tomHigh",
+  51: "ride", 53: "ride", 54: "tambourine", 56: "cowbell", 75: "claves",
+  76: "woodblock", 77: "woodblock",
+};
+// Euclidean / Bjorklund-class even distribution: k hits over n steps, rotated by rot
+function euclid(k, n, rot) {
+  n = Math.max(1, n | 0); k = Math.max(0, Math.min(n, k | 0)); rot = (((rot | 0) % n) + n) % n;
+  const r = []; for (let i = 0; i < n; i++) { const j = (i + rot) % n; r.push(((j * k) % n) < k ? 1 : 0); }
+  return r;
+}
+function playInstrument(type, time, level) {
+  (DRUMS[KIT_ALIAS[type] || type] || DRUMS[type] || DRUMS.beep)(time, level);
+}
+
+// --- scheduler primitives (PORTS TO FIRMWARE) ---
+function masterBeatsPerBar() { return meters.length ? meters[0].beatsPerBar : 4; }
+
+function isMutedAt(t) { return muteWindows.some((w) => t >= w.start && t < w.end); }
+
+// --- per-step scheduling + dynamics ---
+function scheduleMeterTick(m, time) {
+  const spb = m.stepsPerBeat;
+  const barLen = m.beatsPerBar * spb;
+  const tickInBar = ((m.tick % barLen) + barLen) % barLen;
+  m.vq.push({ time, step: tickInBar, bar: Math.floor(m.tick / barLen) });   // playhead (per step) + measure (advance even when muted)
+  if (!m.enabled || isMutedAt(time)) return;
+  const lvl = m.beatsOn[tickInBar] | 0;                     // dynamics: 0 mute · 1 normal · 2 accent · 3 ghost
+  if (!lvl) return;
+  const lin = m.gainDb ? Math.pow(10, m.gainDb / 20) : 1;   // per-lane dB gain → linear, applied at schedule time (no stutter)
+  playInstrument(m.sound, time, (lvl === 2 ? 1.0 : lvl === 3 ? 0.25 : 0.6) * lin);
+  // opt-in per-hit hook (a page may define onMeterHit to e.g. emit MIDI out to external gear);
+  // (sound name, audio-context time of the hit, dynamic level 1/2/3). No-op on pages that don't set it.
+  if (typeof onMeterHit === "function") onMeterHit(m.sound, time, lvl);
+}
+
+function refBarDur() { return (meters.length ? meters[0].beatsPerBar : 4) * (60 / state.bpm); }
+
+// --- step duration (poly / swing / straight) ---
+function laneStepDur(m, tick) {
+  if (m.poly) return refBarDur() / (m.beatsPerBar * m.stepsPerBeat);  // true ratio polyrhythm (no swing)
+  const beat = 60 / state.bpm;
+  if (m.swing && m.stepsPerBeat % 2 === 0) {                // swing even subdivisions (8ths, 16ths): long–short pairs
+    const pairDur = beat / (m.stepsPerBeat / 2);
+    return ((tick % m.stepsPerBeat) % 2) === 0 ? SWING_RATIO * pairDur : (1 - SWING_RATIO) * pairDur;
+  }
+  return beat / m.stepsPerBeat;                             // straight: shared even grid
+}
+
+// --- pattern cell codec: char ⇄ (level, ornament) ---
+// level: 0 rest / 1 normal / 2 accent / 3 ghost.  ornament: 0 none / 1 flam / 2 drag / 3 roll.
+// Ornaments use new letters, UPPER-case = accented hit, lower-case = normal hit (case carries the
+// dynamic so it stays orthogonal): f/F flam · d/D drag · z/Z roll. Ghosted ornaments aren't expressible.
+function patCell(ch) {
+  switch (ch) {
+    case "X": return [2, 0];
+    case "x": case "1": return [1, 0];
+    case "g": return [3, 0];
+    case "f": return [1, 1]; case "F": return [2, 1];
+    case "d": return [1, 2]; case "D": return [2, 2];
+    case "z": return [1, 3]; case "Z": return [2, 3];
+    default:  return [0, 0];                                            // . - _ / anything else = rest
+  }
+}
+function cellCh(lvl, orn) {
+  if (orn === 1) return lvl >= 2 ? "F" : "f";
+  if (orn === 2) return lvl >= 2 ? "D" : "d";
+  if (orn === 3) return lvl >= 2 ? "Z" : "z";
+  return lvl === 3 ? "g" : lvl >= 2 ? "X" : lvl >= 1 ? "x" : ".";
+}
+
+// --- share-language codec: config ⇄ lane token ---
+function laneCfgToStr(c) {
+  let s = c.sound + ":" + c.groupsStr;
+  const spb = c.stepsPerBeat || 1;
+  if (spb !== 1 || c.swing) s += "/" + spb + (c.swing ? "s" : "");      // "/2s" = swung eighths
+  const on = c.beatsOn || [];                                          // per-step dynamics: one char per pad (X accent / x normal / g ghost / . mute)
+  const orn = c.orns || [];                                            // per-step ornament (flam/drag/roll), parallel to beatsOn
+  const gs = parseGroups(c.groupsStr).groupStarts;   // default = accent group starts only; everything else sounds at normal
+  const anyOrn = orn.some((v) => (v | 0) !== 0);                       // any ornament → not the implicit default; must write the pattern
+  const isDefault = !anyOrn && on.length && on.every((v, i) => (v | 0) === (((i % spb) === 0 && gs.has(i / spb)) ? 2 : 1));
+  if (on.length && !isDefault) s += "=" + on.map((v, i) => cellCh(v | 0, orn[i] | 0)).join("");
+  if (c.gainDb) s += "@" + c.gainDb;   // per-lane gain in dB (e.g. @-3, @2)
+  if (c.poly) s += "~";
+  if (c.enabled === false) s += "!";   // "!" = silenced / disabled
+  return s;
+}
+function laneStrToCfg(tok) {
+  let poly = false, disabled = false, gainDb = 0;
+  while (/[~!]$/.test(tok)) { if (tok.endsWith("!")) disabled = true; else poly = true; tok = tok.slice(0, -1); }
+  const at = tok.indexOf("@"); if (at >= 0) { gainDb = parseFloat(tok.slice(at + 1)) || 0; tok = tok.slice(0, at); }   // @<db> gain
+  const ci = tok.indexOf(":"); if (ci < 0) return null;
+  let sound = tok.slice(0, ci), rest = tok.slice(ci + 1), pattern = null;
+  if (/^\d+$/.test(sound) && GM_NUM[sound]) sound = GM_NUM[sound];      // GM note number → name
+  // Euclidean shorthand (k,n[,rot]) — replaces an explicit =pattern
+  let eucK = null, eucN = null, eucRot = 0;
+  const em = rest.match(/\((\d+)(?:,(\d+))?(?:,(\d+))?\)/);
+  if (em) { eucK = +em[1]; eucN = em[2] != null ? +em[2] : null; eucRot = em[3] != null ? +em[3] : 0; rest = rest.slice(0, em.index) + rest.slice(em.index + em[0].length); }
+  const eq = rest.indexOf("="); if (eq >= 0) { pattern = rest.slice(eq + 1); rest = rest.slice(0, eq); }
+  let groupsStr = rest, sub = 1, swing = false; const sl = rest.indexOf("/");
+  if (sl >= 0) { groupsStr = rest.slice(0, sl); const sp = rest.slice(sl + 1); swing = /s$/i.test(sp); sub = parseInt(sp, 10) || 1; }
+  let { beatsPerBar: bpb, groupStarts } = parseGroups(groupsStr);
+  let beatsOn, orns;
+  if (eucK != null) {                                                   // k hits spread evenly; first hit accented
+    let n = eucN || (bpb * sub);
+    if (eucN) { if (n % bpb === 0) sub = n / bpb; else { bpb = n; sub = 1; groupsStr = String(n); } }
+    let first = true;
+    beatsOn = euclid(eucK, n, eucRot).map((h) => h ? (first ? (first = false, 2) : 1) : 0);
+    orns = beatsOn.map(() => 0);                                        // euclid hits carry no ornament
+  } else if (pattern != null) {
+    // pattern cells: per-step (level, ornament) — X accent, x/1 normal, g ghost, f/F flam, d/D drag,
+    // z/Z roll, . - _ / anything else = rest. See patCell().
+    const cells = pattern.split("").map(patCell);
+    beatsOn = cells.map((c) => c[0]);
+    orns = cells.map((c) => c[1]);
+  } else {
+    // no pattern → every subdivision sounds at normal, accent on group starts (the grouping IS the accent map)
+    beatsOn = Array.from({ length: bpb * sub }, (_, i) => ((i % sub) === 0 && groupStarts.has(i / sub)) ? 2 : 1);
+    orns = beatsOn.map(() => 0);
+  }
+  if (!DRUMS[sound]) sound = "beep";
+  return { groupsStr, stepsPerBeat: sub, sound, beatsOn, orns, poly, swing, enabled: !disabled, gainDb };
+}
+
+// --- share-language codec: patch ⇄ setup ---
+function setupToPatch(s) {
+  const parts = ["v1", "t" + s.bpm];
+  if (s.volume != null) parts.push("vol" + Math.round(s.volume * 100));
+  if (s.countMs > 0) parts.push("cd" + Math.round(s.countMs / 1000));
+  if (s.bars > 0) parts.push("b" + s.bars);
+  (s.lanes || []).forEach((c) => parts.push(laneCfgToStr(c)));
+  if (s.trainer && s.trainer.on) parts.push("tr" + s.trainer.playBars + "/" + s.trainer.muteBars);
+  if (s.ramp && s.ramp.on) parts.push("rmp" + s.ramp.startBpm + "/" + s.ramp.amount + "/" + s.ramp.everyBars);
+  if (s.end != null) {                                                  // per-track playback flow (default = loop forever)
+    if (s.rep != null && s.rep > 1) parts.push("rep=" + s.rep);        // cycles before end fires (1 = default, omitted)
+    parts.push("end=" + (s.end === "stop" ? "stop" : s.end === 1 ? "next" : s.end > 0 ? "+" + s.end : String(s.end)));
+  }
+  return parts.join(";");
+}
+function patchToSetup(str) {
+  const s = { bpm: 120, volume: null, countMs: 0, bars: 0, lanes: [], rep: null, end: null, trainer: { on: false, playBars: 2, muteBars: 2 }, ramp: { on: false, startBpm: 80, amount: 5, everyBars: 4 } };
+  for (let tok of String(str).split(";")) {
+    tok = tok.trim(); if (!tok || tok === "v1") continue;
+    if (tok.includes(":")) { const c = laneStrToCfg(tok); if (c) s.lanes.push(c); }   // lanes contain ":" → matched first
+    else if (tok.startsWith("vol")) s.volume = (parseInt(tok.slice(3), 10) || 0) / 100;
+    else if (tok.startsWith("cd")) s.countMs = (parseInt(tok.slice(2), 10) || 0) * 1000;
+    else if (tok.startsWith("rep=")) s.rep = parseInt(tok.slice(4), 10) || 1;        // playback flow: cycles before end fires
+    else if (tok.startsWith("end=")) { const v = tok.slice(4); s.end = v === "stop" ? "stop" : v === "next" ? 1 : (parseInt(v, 10) || 0); }   // stop | next(+1) | relative goto ±N
+    else if (tok.startsWith("tr")) { const [p, m] = tok.slice(2).split("/"); s.trainer = { on: true, playBars: +p || 1, muteBars: +m || 0 }; }
+    else if (tok.startsWith("rmp")) { const [a, b, c] = tok.slice(3).split("/"); s.ramp = { on: true, startBpm: +a || 80, amount: +b || 0, everyBars: +c || 1 }; }
+    else if (tok.startsWith("b")) s.bars = parseInt(tok.slice(1), 10) || 0;          // segment bar-length
+    else if (tok.startsWith("t")) s.bpm = Math.max(5, Math.min(300, parseInt(tok.slice(1), 10) || 120));   // clamp like the firmware
+  }
+  if (!s.lanes.length) s.lanes.push(laneStrToCfg("beep:4"));   // a patch always has >=1 lane (match the firmware default)
+  return s;
+}
+
+// --- base64url(JSON) set-list codec ---
+function b64u(str) { return btoa(unescape(encodeURIComponent(str))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, ""); }
+function unb64u(s) { s = s.replace(/-/g, "+").replace(/_/g, "/"); return decodeURIComponent(escape(atob(s))); }
+
+
+function codeToSetlist(code) {
+  const o = JSON.parse(unb64u(code));
+  return { title: o.t || "Shared set list", description: o.d || "", items: (o.i || []).map((x) => ({ name: x.n || "Item", ...patchToSetup(x.p) })) };
+}
diff --git a/src/footer.html b/src/footer.html
new file mode 100644
index 0000000..928cdb3
--- /dev/null
+++ b/src/footer.html
@@ -0,0 +1,8 @@
+<!-- Shared site footer — assembled into every page by build.sh. -->
+<footer class="site-foot">
+  <span>VARASYS · Simplifying Complexity</span>
+  <span class="dot">·</span>
+  <a href="https://codeberg.org/VARASYS/metronome" target="_blank" rel="noopener">source</a>
+  <span class="dot">·</span>
+  <span id="appVersion">v0.0.1-dev</span>
+</footer>
diff --git a/src/header.html b/src/header.html
new file mode 100644
index 0000000..1951346
--- /dev/null
+++ b/src/header.html
@@ -0,0 +1,14 @@
+<!-- Shared site header — assembled into every page by build.sh.
+     Brand goes to Concepts (the landing); nav: Concepts / Editor / Embed / Theme. -->
+<header class="site-head">
+  <a class="brand" href="/" title="VARASYS — Simplifying Complexity">
+    <img class="brand-logo brand-dark"  src="data:image/png;base64,@BUILD:logo-dark@"  alt="VARASYS — Simplifying Complexity" />
+    <img class="brand-logo brand-light" src="data:image/png;base64,@BUILD:logo-light@" alt="VARASYS — Simplifying Complexity" />
+  </a>
+  <nav class="site-nav">
+    <a href="/">Concepts</a>
+    <a href="/editor.html">Editor</a>
+    <a href="/embed.html">Embed</a>
+    <button id="themeBtn" class="tbtn" title="toggle light / dark theme">☀</button>
+  </nav>
+</header>
diff --git a/src/midiout.js b/src/midiout.js
new file mode 100644
index 0000000..22abc6e
--- /dev/null
+++ b/src/midiout.js
@@ -0,0 +1,73 @@
+/* MIDI OUT — send the groove as MIDI to external gear (a drum module / e-kit), in sync with
+   playback, plus an optional 24-PPQN MIDI clock + Start/Stop so the gear's tempo locks to the editor.
+   Shared by editor.html + pm_e-2.html (one copy → no drift).
+
+   Relies on page globals: $, audioCtx, state, _midiOutputs(), _ensureMidi(), _isDevicePort().
+   The page wires three transport hooks: midiOutStart(t0) in start(), midiOutStop() in stop(),
+   midiOutClock(aheadTime) at the end of scheduler(); engine.js calls onMeterHit() per scheduled hit. */
+const SOUND_GM = {
+  kick: 36, kick808: 36, kick909: 36, snare: 38, snare808: 38, snare909: 38,
+  clap: 39, clap808: 39, clap909: 39, rim: 37,
+  hatClosed: 42, hat808: 42, hat909: 42, hatOpen: 46, openHat808: 46,
+  ride: 51, ride909: 51, crash: 49, crash909: 49,
+  tomLow: 41, tom808: 45, tomMid: 45, tomHigh: 48, tambourine: 54,
+  cowbell: 56, cowbell808: 56, woodblock: 76, jamblock: 76, claves: 75, beep: 37,
+};
+let _midiOutOn = false, _midiClkNext = 0;
+
+function _midiOutTarget() {
+  const sel = $("midiOutSel"); if (!sel) return null;
+  return _midiOutputs().find((o) => o.id === sel.value) || null;
+}
+function populateMidiOutPorts() {
+  const sel = $("midiOutSel"); if (!sel) return;
+  const outs = _midiOutputs(), prev = sel.value;
+  sel.innerHTML = outs.length
+    ? outs.map((o) => `<option value="${o.id}">${(o.name || "output").slice(0, 22)}</option>`).join("")
+    : `<option value="">(no MIDI outputs)</option>`;
+  if (outs.some((o) => o.id === prev)) sel.value = prev;                              // keep prior choice
+  else { const ext = outs.find((o) => !_isDevicePort(o)); sel.value = ((ext || outs[0] || {}).id) || ""; }  // prefer external gear
+}
+// schedule `bytes` at audio-context time `audioTime`, converted to the Web-MIDI (performance.now) clock
+function _midiOutSendAt(bytes, audioTime) {
+  const out = _midiOutTarget(); if (!out) return;
+  const ts = (typeof audioCtx !== "undefined" && audioCtx)
+    ? performance.now() + (audioTime - audioCtx.currentTime) * 1000 : performance.now();
+  try { out.send(bytes, ts); } catch (_) {}
+}
+// engine.js per-hit hook: GM drum Note-On (ch10) at the hit's audio time, then a Note-Off 60 ms later
+function onMeterHit(sound, time, lvl) {
+  if (!_midiOutOn) return;
+  const note = SOUND_GM[sound]; if (note == null) return;
+  const vel = lvl === 2 ? 112 : lvl === 3 ? 45 : 90;                                  // accent / ghost / normal
+  _midiOutSendAt([0x99, note, vel], time);
+  _midiOutSendAt([0x89, note, 0], time + 0.06);
+}
+function _clockOn() { const c = $("midiClkChk"); return _midiOutOn && !!c && c.checked; }
+function midiOutStart(t0) { if (_clockOn()) { _midiOutSendAt([0xFA], t0); _midiClkNext = t0; } }   // MIDI Start
+function midiOutStop() {
+  if (_clockOn() && typeof audioCtx !== "undefined" && audioCtx) _midiOutSendAt([0xFC], audioCtx.currentTime);  // MIDI Stop
+}
+// schedule 24-PPQN clock ticks up to `aheadTime` (called from the page's look-ahead scheduler)
+function midiOutClock(aheadTime) {
+  if (!_clockOn() || !state.running || typeof audioCtx === "undefined" || !audioCtx) return;
+  const tickDur = (60 / state.bpm) / 24;
+  let guard = 0;
+  while (_midiClkNext < aheadTime && guard++ < 512) { _midiOutSendAt([0xF8], _midiClkNext); _midiClkNext += tickDur; }
+  if (_midiClkNext < aheadTime) _midiClkNext = aheadTime;             // never starve-loop if tickDur is tiny
+}
+function updateMidiOutBtn() {
+  const b = $("midiOutBtn"), sel = $("midiOutSel"), clk = $("midiClkWrap"); if (!b) return;
+  b.style.color = _midiOutOn ? "#7ab8ff" : "var(--muted)";
+  b.style.borderColor = _midiOutOn ? "#7ab8ff" : "var(--edge)";
+  if (sel) sel.hidden = !_midiOutOn;
+  if (clk) clk.hidden = !_midiOutOn;
+}
+async function toggleMidiOut() {
+  if (_midiOutOn) { midiOutStop(); _midiOutOn = false; updateMidiOutBtn(); return; }
+  if (!(await _ensureMidi())) return alert("Driving external MIDI gear needs the Web MIDI API — use Chrome, Edge, or Firefox.");
+  populateMidiOutPorts();
+  if (!_midiOutputs().length) return alert("No MIDI output ports found. Connect your drum module / e-kit (USB-MIDI) and try again.");
+  _midiOutOn = true; updateMidiOutBtn();
+  if (state.running && typeof audioCtx !== "undefined" && audioCtx) midiOutStart(audioCtx.currentTime + 0.05);  // armed mid-play → Start now
+}
diff --git a/src/notation.js b/src/notation.js
new file mode 100644
index 0000000..88e94f4
--- /dev/null
+++ b/src/notation.js
@@ -0,0 +1,403 @@
+/* =========================================================================
+   PM_E-2 NOTATION ENGINE  —  inlined into pm_e-2.html by build.sh.
+   Engraves a groove as a 5-line drum staff onto a 2D <canvas>, using the
+   Bravura SMuFL music font (subset inlined via @BUILD:bravura@). The draw API
+   is deliberately IMMEDIATE-MODE and mirrors embedded-graphics (drawGlyph /
+   line / rect) so the layout math ports near-mechanically to the device
+   (rust/pm-ui). Pure view over a normalized model — no engine.js internals.
+
+   model = {
+     name, bpm, playing, phase,           // phase 0..1 across the master bar (playhead)
+     lanes: [ { sound, groups:[Int], sub, swing, poly, muted,
+                levels:[0..3], orns:[0..3] } ]   // levels: rest/normal/accent/ghost
+   }
+   ========================================================================= */
+const NOTATION = (() => {
+  // SMuFL codepoints (resolved from glyphnames.json by tools/bravura/subset.py — keep in sync).
+  const GLYPH = {
+    clef: 0xe069,
+    black: 0xe0a4, x: 0xe0a9, circleX: 0xe0b3, half: 0xe0a3, whole: 0xe0a2,
+    parenL: 0xe0f5, parenR: 0xe0f6,
+    flag8U: 0xe240, flag8D: 0xe241, flag16U: 0xe242, flag16D: 0xe243,
+    restW: 0xe4e3, restH: 0xe4e4, restQ: 0xe4e5, rest8: 0xe4e6, rest16: 0xe4e7,
+    accentA: 0xe4a0, accentB: 0xe4a1, dot: 0xe1e7,
+    sig: [0xe080, 0xe081, 0xe082, 0xe083, 0xe084, 0xe085, 0xe086, 0xe087, 0xe088, 0xe089],
+    sigPlus: 0xe08c, sigCommon: 0xe08a, sigCut: 0xe08b,
+    graceAcc: 0xe560, graceSlash: 0xe564,
+    trem1: 0xe220, trem2: 0xe221, trem3: 0xe222, buzz: 0xe22a,
+  };
+  const chr = (cp) => String.fromCodePoint(cp);
+
+  // Voice -> staff position. `p` = half-staff-spaces below the TOP line (top line p=0, each line/space
+  // step = 1; bottom line p=8). `head` = notehead glyph; `up` = stem direction (hands up / feet down).
+  // PAS-style drum key; refined visually in the browser.
+  function voice(name) {
+    const s = name || "";
+    const F = (p, head, up) => ({ p, head, up });
+    if (s.startsWith("kick")) return F(7, "black", false);          // bass drum (feet, stem down)
+    if (s.startsWith("snare") || s.startsWith("clap") || s.startsWith("rim")) return F(3, "black", true);
+    if (s.startsWith("openHat") || s.startsWith("hatOpen") || s.startsWith("hat")) return F(-1, "x", true);
+    if (s.startsWith("ride")) return F(0, "x", true);
+    if (s.startsWith("crash")) return F(-3, "x", true);
+    if (s.startsWith("tomHigh")) return F(1, "black", true);
+    if (s.startsWith("tomMid") || s === "tom808") return F(2, "black", true);
+    if (s.startsWith("tomLow") || s.startsWith("tom")) return F(5, "black", true);
+    if (s.startsWith("cowbell")) return F(-1, "circleX", true);
+    if (s.startsWith("claves") || s.startsWith("woodblock") || s.startsWith("jamblock")) return F(1, "x", true);
+    if (s.startsWith("tambourine")) return F(-2, "x", true);
+    return F(3, "black", true);
+  }
+
+  function gcd(a, b) { while (b) { [a, b] = [b, a % b]; } return a || 1; }
+  function lcm(a, b) { return a / gcd(a, b) * b; }
+
+  // --- palette ---
+  // The notation panel is engraved like paper: dark ink on a WHITE background, theme-independent
+  // (matches print sheet music and reads in both page themes).
+  function palette() {
+    return {
+      ink: "#161a1f",      // staff lines, noteheads, stems, beams
+      faint: "#aeb6c0",    // box outlines / gridlines / poly-row baseline
+      accent: "#c0392b",   // accents (notehead tint + > mark) — reads on white
+      ghost: "#7c8794",    // ghost notes
+      play: "#2b7fff",     // playhead
+      bg: "#ffffff",
+    };
+  }
+
+  function draw(canvas, model, opts) {
+    const view = (model && model.view) || "staff";
+    if (view === "tubs") return drawTUBS(canvas, model);
+    if (view === "konnakol") return drawKonnakol(canvas, model);
+    opts = opts || {};
+    const ctx = canvas.getContext("2d");
+    const dpr = window.devicePixelRatio || 1;
+    const W = canvas.clientWidth, H = canvas.clientHeight;
+    if (canvas.width !== W * dpr || canvas.height !== H * dpr) {
+      canvas.width = W * dpr; canvas.height = H * dpr;
+    }
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    const pal = palette();
+    ctx.clearRect(0, 0, W, H);
+
+    const S = opts.staffSpace || 11;     // staff space in px
+    const em = 4 * S;                    // SMuFL: 1 em = 4 staff spaces
+    const y0 = (p) => staffTop + p * (S / 2);   // staff-position -> y
+    ctx.textAlign = "center";
+    ctx.textBaseline = "alphabetic";
+
+    const glyph = (name, x, p, color, scale) => {
+      const cp = typeof name === "number" ? name : GLYPH[name];
+      ctx.fillStyle = color;
+      ctx.font = (em * (scale || 1)) + "px Bravura";
+      // SMuFL glyphs sit on the baseline = the reference staff line; fillText baseline aligns there.
+      ctx.fillText(chr(cp), x, y0(p));
+    };
+    const line = (x1, yy1, x2, yy2, color, w) => {
+      ctx.strokeStyle = color; ctx.lineWidth = w || 1;
+      ctx.beginPath(); ctx.moveTo(x1, yy1); ctx.lineTo(x2, yy2); ctx.stroke();
+    };
+
+    // geometry + model
+    const m = 14;
+    const clefW = em * 0.6;
+    const x1 = W - m;
+    const staffTop = 56;
+    const lanes = (model.lanes || []).filter((l) => !l.muted && l.levels && l.levels.length);
+    const onStaff = lanes.filter((l) => !l.poly);   // first non-poly lane = master (defines the meter)
+
+    const groups = (onStaff[0] && onStaff[0].groups && onStaff[0].groups.length) ? onStaff[0].groups : [4];
+    const beats = groups.reduce((a, b) => a + b, 0) || 4;
+    // time signature: additive numerator (2+2+3) for grouped meters; PM's beat is the quarter -> denom 4.
+    const tsDigit = em * 0.4;
+    const numParts = groups.length > 1 ? groups : [beats];
+    const numGlyphs = numParts.reduce((a, n) => a + String(n).length, 0) + (numParts.length - 1);
+    const tsX = m + clefW;
+    const tsW = Math.max(numGlyphs, 1) * tsDigit;
+    // notes start clear of the time signature, or at a shared gutter (so all views' beats line up)
+    const x0 = model.gutter != null ? model.gutter : tsX + tsW + 14;
+    const barW = Math.max(1, x1 - x0);
+
+    // ---- header: name + BPM ----
+    ctx.textAlign = "left";
+    ctx.font = "600 15px system-ui, sans-serif";
+    ctx.fillStyle = pal.ink;
+    ctx.fillText(model.name || "", m, 26);
+    ctx.textAlign = "right";
+    ctx.font = "700 18px 'Courier New', monospace";
+    ctx.fillStyle = pal.accent;
+    ctx.fillText((model.bpm | 0) + " BPM", x1, 26);
+    ctx.textAlign = "center";
+
+    // ---- staff + barlines + clef + time signature ----
+    for (let i = 0; i < 5; i++) line(m, staffTop + i * S, x1, staffTop + i * S, pal.ink, 1);
+    line(m, staffTop, m, staffTop + 4 * S, pal.ink, 1.5);
+    line(x1, staffTop, x1, staffTop + 4 * S, pal.ink, 1.5);
+    glyph("clef", m + clefW * 0.5, 4, pal.ink);          // percussion clef centered on middle line (p=4)
+
+    drawTimeSig(tsX, tsW, numParts, tsDigit);
+
+    // ---- time grid: lcm of ALL lanes' step counts (incl. polyrhythm `~` lanes) → the right common
+    // time scale so every voice, including cross-rhythms, sits on ONE staff at aligned columns ----
+    let res = 1;
+    for (const l of lanes) res = lcm(res, l.levels.length);
+    res = Math.max(res, 1);
+    const beamable = res / Math.max(beats, 1) >= 2;                 // bar has subdivisions → beam within beats
+    ctx.font = em + "px Bravura";
+    const headHalf = ctx.measureText(chr(GLYPH.black)).width / 2;   // real notehead half-width → stems touch it
+
+    // beaming state per stem direction (carry previous column's stem x within a beat)
+    let upPrev = null, dnPrev = null;
+    const upTip = staffTop - S * 2.6, dnTip = staffTop + 4 * S + S * 2.6;
+
+    for (let c = 0; c < res; c++) {
+      const cx = x0 + (c + 0.5) * barW / res;
+      const beat = Math.floor(c * beats / res);
+      let up = null, dn = null;   // {loP, hiP, sub2} accumulators per direction
+
+      for (const l of lanes) {
+        const steps = l.levels.length;
+        if ((c * steps) % res !== 0) continue;            // no note for this lane at this column
+        const si = (c * steps / res) | 0;
+        const lvl = l.levels[si] | 0;
+        if (!lvl) continue;
+        const orn = (l.orns && l.orns[si]) | 0;
+        const vc = voice(l.sound);
+        const color = lvl === 2 ? pal.accent : lvl === 3 ? pal.ghost : pal.ink;
+
+        // ghost = parenthesized notehead
+        if (lvl === 3) glyph("parenL", cx - S * 0.85, vc.p, color);
+        const head = vc.head === "x" ? "x" : vc.head === "circleX" ? "circleX" : "black";
+        glyph(head, cx, vc.p, color);
+        if (lvl === 3) glyph("parenR", cx + S * 0.85, vc.p, color);
+
+        // accent mark above/below the staff edge
+        if (lvl === 2) glyph(vc.up ? "accentA" : "accentB", cx, vc.up ? -2 : 10, color, 0.8);
+
+        // ornaments: flam = slashed grace note up-left; roll = tremolo strokes on the stem
+        if (orn === 1) glyph("graceSlash", cx - S * 1.4, vc.p - 0.5, color, 0.7);
+        else if (orn === 2) { glyph("graceSlash", cx - S * 1.9, vc.p - 0.5, color, 0.7); glyph("graceSlash", cx - S * 1.1, vc.p - 0.5, color, 0.7); }
+        else if (orn === 3) glyph("trem3", cx + (vc.up ? S * 0.55 : -S * 0.55), vc.p + (vc.up ? -2 : 2), color, 0.8);
+
+        // ledger lines
+        for (let lp = -2; lp >= vc.p; lp -= 2) line(cx - S * 0.9, y0(lp), cx + S * 0.9, y0(lp), pal.ink, 1);
+        for (let lp = 10; lp <= vc.p; lp += 2) line(cx - S * 0.9, y0(lp), cx + S * 0.9, y0(lp), pal.ink, 1);
+
+        const sub2 = beamable;
+        const acc = vc.up ? (up = up || { loP: -99, hiP: 99, sub2: false }) : (dn = dn || { loP: -99, hiP: 99, sub2: false });
+        acc.loP = Math.max(acc.loP, vc.p);   // lowest (largest p)
+        acc.hiP = Math.min(acc.hiP, vc.p);   // highest (smallest p)
+        acc.sub2 = acc.sub2 || sub2;
+      }
+
+      // shared up-stem (hands): right side of head, from lowest head up past the highest
+      if (up) {
+        const sx = cx + headHalf;
+        const top = Math.min(upTip, y0(up.hiP) - S * 1.2);
+        line(sx, y0(up.loP), sx, top, pal.ink, 1.4);
+        if (up.sub2 && upPrev && upPrev.beat === beat) line(upPrev.x, top, sx, top, pal.ink, 3);
+        else if (up.sub2) {} // first of a beam group; flag drawn only if it stays solo (handled below)
+        upPrev = up.sub2 ? { x: sx, beat, y: top } : null;
+      } else upPrev = null;
+      // shared down-stem (feet): left side
+      if (dn) {
+        const sx = cx - headHalf;
+        const bot = Math.max(dnTip, y0(dn.loP) + S * 1.2);
+        line(sx, y0(dn.hiP), sx, bot, pal.ink, 1.4);
+        if (dn.sub2 && dnPrev && dnPrev.beat === beat) line(dnPrev.x, bot, sx, bot, pal.ink, 3);
+        dnPrev = dn.sub2 ? { x: sx, beat, y: bot } : null;
+      } else dnPrev = null;
+    }
+
+    // ---- tuplet number: the common subdivision per beat (3=triplet, 6=sextuplet, 5, 7…). For beamed
+    // groups the modern convention is just the numeral over the beam (no bracket). ----
+    const isPow2 = (n) => n > 0 && (n & (n - 1)) === 0;
+    const tupN = Math.round(res / Math.max(1, beats));
+    if (tupN >= 3 && !isPow2(tupN)) {
+      ctx.fillStyle = pal.ink; ctx.textAlign = "center";
+      ctx.font = "italic 600 13px Georgia, 'Times New Roman', serif";
+      const ty = upTip - S * 0.7;
+      for (let b = 0; b < beats; b++) ctx.fillText(String(tupN), x0 + (b + 0.5) * barW / beats, ty);
+    }
+
+    // ---- playhead ----
+    // `phase` is the master-bar fraction (0..1). Noteheads sit at column CENTERS ((c+0.5)/res), so
+    // shift the line by half a cell to land exactly on the note at its onset instead of leading it.
+    if (model.playing && model.phase != null) {
+      const pf = Math.max(0, Math.min(1, model.phase + 0.5 / res));
+      const px = x0 + pf * barW;
+      ctx.save(); ctx.globalAlpha = 0.55;
+      line(px, staffTop - S, px, staffTop + 4 * S + S, pal.play, 2);
+      ctx.restore();
+    }
+
+    // ---- hit map for on-staff editing (all in CSS px) ----
+    // Each on-staff lane exposes its staff row (p) + column geometry; the page maps a click to the
+    // nearest voice row (y) and the column (x) → (laneIndex, step). `idx` indexes model.lanes/meters.
+    canvas._hit = {
+      kind: "staff", staffTop, S, x0, barW,
+      lanes: lanes.map((l) => ({ idx: l.idx, p: voice(l.sound).p, steps: l.levels.length })),
+    };
+
+    // time signature: numerator (additive parts joined by timeSigPlus) over a quarter-note denominator,
+    // each row centered within the reserved width `tw`. Defined here so it closes over glyph()/em/pal.
+    function drawTimeSig(tx, tw, parts, dw) {
+      drawSigRow(tx, tw, 2, parts, dw);   // numerator in the upper half of the staff
+      drawSigRow(tx, tw, 6, [4], dw);     // denominator (PM beat = quarter) in the lower half
+    }
+    function drawSigRow(tx, tw, p, parts, dw) {
+      const seq = [];
+      parts.forEach((n, i) => {
+        if (i) seq.push(GLYPH.sigPlus);
+        String(n).split("").forEach((d) => seq.push(GLYPH.sig[+d]));
+      });
+      let xx = tx + (tw - seq.length * dw) / 2 + dw / 2;
+      for (const cp of seq) { glyph(cp, xx, p, pal.ink, 0.92); xx += dw; }
+    }
+  }
+
+  function drawPolyRow(ctx, glyph, line, pal, l, x0, x1, py, S) {
+    ctx.textAlign = "left"; ctx.font = "11px system-ui, sans-serif"; ctx.fillStyle = pal.ghost;
+    ctx.fillText(l.sound + " ~", x0, py - S * 1.6); ctx.textAlign = "center";
+    line(x0, py, x1, py, pal.faint, 1);
+    const steps = l.levels.length, barW = x1 - x0;
+    const vc = voice(l.sound);
+    for (let i = 0; i < steps; i++) {
+      const lvl = l.levels[i] | 0; if (!lvl) continue;
+      const cx = x0 + (i + 0.5) * barW / steps;
+      const color = lvl === 2 ? pal.accent : lvl === 3 ? pal.ghost : pal.ink;
+      const head = vc.head === "x" ? "x" : "black";
+      ctx.fillStyle = color; ctx.font = (4 * S) + "px Bravura";
+      ctx.fillText(chr(vc.head === "x" ? GLYPH.x : GLYPH.black), cx, py);
+    }
+  }
+
+  // ---- shared setup for the alternate views ----
+  function begin(canvas) {
+    const ctx = canvas.getContext("2d");
+    const dpr = window.devicePixelRatio || 1;
+    const W = canvas.clientWidth, H = canvas.clientHeight;
+    if (canvas.width !== W * dpr || canvas.height !== H * dpr) { canvas.width = W * dpr; canvas.height = H * dpr; }
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.clearRect(0, 0, W, H);
+    return { ctx, W, H, pal: palette() };
+  }
+  function header(ctx, W, model, pal) {
+    ctx.textAlign = "left"; ctx.font = "600 15px system-ui, sans-serif"; ctx.fillStyle = pal.ink;
+    ctx.fillText(model.name || "", 14, 26);
+    ctx.textAlign = "right"; ctx.font = "700 18px 'Courier New', monospace"; ctx.fillStyle = pal.accent;
+    ctx.fillText((model.bpm | 0) + " BPM", W - 14, 26);
+    ctx.textAlign = "center";
+  }
+  // Son/rumba clave fingerprint: split the bar in half, count hits each side → 2-3 or 3-2.
+  function claveLabel(l) {
+    if (!/^clave/.test(l.sound || "")) return "";
+    const n = l.levels.length, h = n >> 1;
+    if (!h) return "(clave)";
+    const a = l.levels.slice(0, h).filter((v) => v > 0).length;
+    const b = l.levels.slice(h).filter((v) => v > 0).length;
+    return a === 2 && b === 3 ? "(2-3)" : a === 3 && b === 2 ? "(3-2)" : "(clave)";
+  }
+
+  // ---- TUBS (Time Unit Box System): rows = voices, columns = time units, filled boxes = hits ----
+  // All bar-sharing lanes are drawn on ONE common time grid (lcm of their step counts) so every
+  // column lines up vertically across rows; a coarser lane just fills every Nth cell. Polymeter
+  // lanes keep their own spacing across the full width (that IS the cross-rhythm).
+  function drawTUBS(canvas, model) {
+    const { ctx, W, H, pal } = begin(canvas);
+    header(ctx, W, model, pal);
+    const lanes = (model.lanes || []).filter((l) => !l.muted && l.levels && l.levels.length);
+    if (!lanes.length) { canvas._hit = null; return; }
+    const m = 14, x0 = model.gutter != null ? model.gutter : m + 96, x1 = W - m, gw = Math.max(1, x1 - x0);
+    const top = 42, bot = H - 12;
+    const rowH = Math.min(40, Math.max(20, (bot - top) / lanes.length));
+
+    // common grid = lcm of ALL lanes' step counts so columns line up; each lane draws ONE box per
+    // REAL step at its grid column → aligned AND each box is a clickable step.
+    let res = 1; for (const l of lanes) res = lcm(res, l.levels.length);
+    res = Math.max(res, 1);
+    const cw = gw / res, bs = Math.max(11, Math.min(rowH - 8, cw - 3, 30));
+    const master = lanes.find((l) => !l.poly) || lanes[0];
+    const mg = master.groups && master.groups.length ? master.groups : [4];
+    const mbeats = mg.reduce((a, b) => a + b, 0) || 1;
+    const starts = new Set(); let acc = 0; for (const g of mg) { starts.add(acc); acc += g; }
+    const yA = top - 4, yB = top + lanes.length * rowH;
+
+    // beat / group dividers (group starts brighter)
+    for (let b = 0; b <= mbeats; b++) {
+      const lx = x0 + (b * res / mbeats) * cw;
+      ctx.strokeStyle = (b < mbeats && starts.has(b)) || b === 0 || b === mbeats ? pal.ghost : pal.faint;
+      ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(lx, yA); ctx.lineTo(lx, yB); ctx.stroke();
+    }
+    // playhead column (aligned to box centers like the staff)
+    if (model.playing && model.phase != null) {
+      const px = x0 + Math.max(0, Math.min(1, model.phase + 0.5 / res)) * gw;
+      ctx.save(); ctx.globalAlpha = 0.5; ctx.strokeStyle = pal.play; ctx.lineWidth = 2;
+      ctx.beginPath(); ctx.moveTo(px, yA); ctx.lineTo(px, yB); ctx.stroke(); ctx.restore();
+    }
+
+    const rows = [];
+    lanes.forEach((l, r) => {
+      const cy = top + r * rowH + rowH / 2;
+      ctx.textAlign = "left"; ctx.font = "12px system-ui, sans-serif"; ctx.fillStyle = pal.ink;
+      ctx.fillText(l.sound + (l.poly ? " ~" : "") + (claveLabel(l) ? "  " + claveLabel(l) : ""), m, cy + 4);
+      const steps = l.levels.length, span = res / steps;
+      rows.push({ idx: l.idx, steps, span });
+      for (let i = 0; i < steps; i++) {
+        const cx = x0 + (i * span + 0.5) * cw, lvl = l.levels[i] | 0;
+        ctx.strokeStyle = pal.faint; ctx.lineWidth = 1; ctx.strokeRect(cx - bs / 2, cy - bs / 2, bs, bs);
+        if (lvl > 0) {
+          ctx.fillStyle = lvl === 2 ? pal.accent : lvl === 3 ? pal.ghost : pal.ink;
+          const p = bs * 0.2; ctx.fillRect(cx - bs / 2 + p, cy - bs / 2 + p, bs - 2 * p, bs - 2 * p);
+          const orn = (l.orns && l.orns[i]) | 0;          // flam/drag/roll marker inside the box
+          if (orn) { ctx.fillStyle = pal.bg; ctx.font = "700 9px system-ui, sans-serif"; ctx.textAlign = "center"; ctx.fillText(orn === 1 ? "f" : orn === 2 ? "d" : "z", cx, cy + 3.5); ctx.textAlign = "left"; }
+        }
+      }
+    });
+    // hit map for editing: click a box to cycle dynamic; Shift-click cycles ornament
+    canvas._hit = { kind: "tubs", x0, cw, top, rowH, rows };
+  }
+
+  // ---- Konnakol: spoken-rhythm syllables (solkattu) for the master lane's subdivision ----
+  const SOLKATTU = {
+    1: ["ta"], 2: ["ta", "ka"], 3: ["ta", "ki", "ta"], 4: ["ta", "ka", "di", "mi"],
+    5: ["ta", "ka", "ta", "ki", "ta"], 6: ["ta", "ki", "ta", "ta", "ki", "ta"],
+    7: ["ta", "ka", "ta", "ki", "ta", "ki", "ta"], 8: ["ta", "ka", "di", "mi", "ta", "ka", "ju", "nu"],
+  };
+  function drawKonnakol(canvas, model) {
+    const { ctx, W, H, pal } = begin(canvas);
+    canvas._hit = null;
+    header(ctx, W, model, pal);
+    const lanes = (model.lanes || []).filter((l) => !l.muted && l.levels && l.levels.length);
+    const m0 = lanes.find((l) => !l.poly) || lanes[0];
+    if (!m0) return;
+    const groups = m0.groups && m0.groups.length ? m0.groups : [4];
+    const beats = groups.reduce((a, b) => a + b, 0) || 1;
+    let res = 1; for (const l of lanes) res = lcm(res, l.levels.length);   // common (finest) grid
+    const sub = Math.max(1, Math.round(res / beats));                       // nadai = subdivisions per beat
+    const bols = SOLKATTU[sub] || SOLKATTU[4];
+    const m = 14, x0 = model.gutter != null ? model.gutter : m, x1 = W - m, gw = x1 - x0, colW = gw / (beats * sub), cy = H / 2;
+    const starts = new Set(); let acc = 0; for (const g of groups) { starts.add(acc); acc += g; }
+    ctx.textAlign = "center";
+    for (let b = 0; b < beats; b++) {
+      const gs = starts.has(b), sam = b === 0;
+      ctx.font = "10px system-ui, sans-serif"; ctx.fillStyle = pal.faint;
+      ctx.fillText(sam ? "X" : gs ? "O" : "·", x0 + (b * sub + 0.5) * colW, cy - 22);   // sam / anga / beat
+      for (let s = 0; s < sub; s++) {
+        const idx = b * sub + s, cx = x0 + (idx + 0.5) * colW;
+        ctx.font = (s === 0 ? "600 " : "") + "16px system-ui, sans-serif";
+        ctx.fillStyle = sam && s === 0 ? pal.accent : s === 0 ? pal.ink : pal.ghost;
+        ctx.fillText(bols[s % bols.length], cx, cy + 6);
+      }
+    }
+    for (let b = 0; b <= beats; b++) {                    // beat/group dividers
+      const lx = x0 + b * sub * colW;
+      ctx.strokeStyle = starts.has(b) || b === 0 || b === beats ? pal.ghost : pal.faint;
+      ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(lx, cy - 30); ctx.lineTo(lx, cy + 22); ctx.stroke();
+    }
+    ctx.textAlign = "left"; ctx.font = "11px system-ui, sans-serif"; ctx.fillStyle = pal.ghost;
+    ctx.fillText("tala " + groups.join("+") + "  ·  nadai " + sub + "  ·  X=sam  O=anga", m, H - 12);
+  }
+
+  return { draw, GLYPH, voice };
+})();
diff --git a/src/setlists.js b/src/setlists.js
new file mode 100644
index 0000000..7da491b
--- /dev/null
+++ b/src/setlists.js
@@ -0,0 +1,42 @@
+// Seed set lists — baked into every page; each item is authored in the share language
+// (so this also exercises the parser). Two curated lists:
+//   Styles   — full, genre-true grooves; good as backing tracks to jam/solo over.
+//   Practice — drills for learning to PLAY those styles (isolations, independence,
+//              dynamics, polyrhythms, tempo/gap tools).
+const SEED_SETLISTS = [
+  { title: "Styles", description: "Full genre grooves — load one, press play, and jam over it. Tap pads to reshape the feel.", items: [
+    ["Rock",                 "t116;kick:4/2=X...Xx..;snare:4/2=..X...X.;hatClosed:4/2=Xxxxxxxx"],
+    ["Pop (16ths)",          "t104;kick:4/4=X.....x...X.....;snare:4/4=....X.......X...;hatClosed:4/4=xxxxxxxxxxxxxxxx"],
+    ["Funk",                 "t100;kick:4/4=X..x..X...x.X...;snare:4/4=....X..g.g..X.g.;hatClosed:4/4=xxxxxxxxxxxxxxxx"],
+    ["Disco",                "t120;kick:4;clap:4=.X.X;hatClosed:4/2=X.X.X.X.;hatOpen:4/2=.x.x.x.x"],
+    ["Motown backbeat",      "t132;kick:4/2=X..x.X..;snare:4/2=..X...X.;tambourine:4/2=xxxxxxxx"],
+    ["Blues shuffle (12/8)", "t84;ride:4/3=X.xX.xX.xX.x;snare:4/3=...X.....X..;kick:4/3=X.....X....."],
+    ["Jazz swing",           "t150;ride:4/3=X.xX.xX.xX.x;hatClosed:4=.x.x;kick:4=x.x.@-9"],
+    ["Bossa nova",           "t128;rim:4/4=..x.x...x..x..x.;kick:4/2=X..X.X..;hatClosed:4/2=xxxxxxxx"],
+    ["Samba (2/4)",          "t102;tomLow:2/4=x...X...;hatClosed:2/4=xxxxxxxx;woodblock:2/4=X.xx.xX."],
+    ["Reggae one-drop",      "t74;kick:4=..X.;rim:4=..X.;hatClosed:4/2=.x.x.x.x"],
+    ["Afrobeat",             "t108;cowbell:4/4=x.xx.xx.x.xx.xx.;kick:4/4=X..x..X..x..X...;snare:4/4=....g..X..g..X.g;hatClosed:4/4=xxxxxxxxxxxxxxxx"],
+    ["Hip-hop (boom bap)",   "t88;kick808:4/4=X.....x....X....;snare808:4/4=....X.......X...;hat808:4/4=x.x.x.x.x.x.x.x."],
+    ["Metal driving",        "t168;kick:4/2=XxXxXxXx;snare:4/2=..X...X.;hatClosed:4/2=Xxxxxxxx;crash:4=X..."],
+    ["6/8 ballad",           "t66;kick:3+3=X..X..;snare:3+3=...X..;hatClosed:3+3/2=xxxxxxxxxxxx"],
+    ["7/8 (2+2+3)",          "t130;kick:2+2+3=X..X..X;snare:2+2+3=..X..X.;hatClosed:2+2+3/2"],
+    ["5/4 (3+2)",            "t112;kick:3+2=X..X.;snare:3+2=..X..;hatClosed:3+2/2"],
+  ] },
+  { title: "Practice", description: "Drills to learn the styles - isolations, independence, dynamics, polyrhythms, and tempo / gap tools.", items: [
+    ["Rock beat - quarter hats", "t80;kick:4=X.X.;snare:4=.X.X;hatClosed:4=xxxx"],
+    ["Rock beat - 8th hats",     "t96;kick:4/2=X...Xx..;snare:4/2=..X...X.;hatClosed:4/2=xxxxxxxx"],
+    ["Backbeat + ghost notes",   "t90;kick:4/4=X.....x...X.....;snare:4/4=..g.X.g.g.g.X.g.;hatClosed:4/2=xxxxxxxx"],
+    ["16th-note hand control",   "t84;kick:4=X..X;snare:4/4=x.xxX.xxx.xxX.xx"],
+    ["Shuffle feel (triplets)",  "t92;hatClosed:4/3=X.xX.xX.xX.x;snare:4/3=...X.....X..;kick:4/3=X.....X....."],
+    ["Jazz ride - spang-a-lang", "t140;ride:4/3=X.xX.xX.xX.x;hatClosed:4=.x.x;kick:4=x.x.@-9"],
+    ["Bossa independence",       "t120;rim:4/4=..x.x...x..x..x.;kick:4/2=X..X.X..;hatClosed:4=.x.x"],
+    ["Linear funk",              "t96;kick:4/4=X..x..X.....x...;snare:4/4=....X......X..g.;hatClosed:4/4=x.x.x.xxx.x.x.x."],
+    ["Accent / ghost dynamics",  "t88;snare:4/4=X.g.x.g.X.g.x.g.;hatClosed:4/2=xxxxxxxx;kick:4=X..X"],
+    ["Double-bass workout",      "t120;kick:4/4=xxxxxxxxxxxxxxxx;snare:4=.X.X;crash:4=X..."],
+    ["Independence: 3 over 4",   "t96;kick:4;hatClosed:4/2=xxxxxxxx;cowbell:3~"],
+    ["3 over 2 hemiola",         "t96;woodblock:2;cowbell:3~"],
+    ["5 over 4 polyrhythm",      "t100;kick:4;claves:5~"],
+    ["Tempo builder 80 up",      "t80;kick:4=X.X.;snare:4=.X.X;hatClosed:4/2=xxxxxxxx;rmp80/4/4"],
+    ["Gap trainer (play 2 / rest 2)", "t100;kick:4/2=X...Xx..;snare:4/2=..X...X.;hatClosed:4/2=xxxxxxxx;tr2/2"],
+  ] },
+];