:root{color-scheme:light dark;--canvas: #f2e9d5;--panel: #fff9ea;--paper: #fffdf7;--ink: #202421;--muted: #5d625b;--teal: #146b66;--teal-deep: #0c4e4a;--coral: #c54f38;--walnut: #513b2a;--success: #267047;--danger: #a8332a;--rule: #847966;--shadow: rgba(44, 32, 23, .24);--display: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "Cascadia Mono", "Liberation Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgba(81,59,42,.045) 1px,transparent 1px),var(--canvas);background-size:100% 8px;color:var(--ink);font:16px/1.55 var(--mono)}button,input,textarea{font:inherit}a{color:var(--teal-deep);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.skip-link{position:fixed;z-index:50;left:12px;top:8px;padding:10px 14px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:8px max(20px,calc((100vw - 1180px)/2));border-bottom:3px solid var(--walnut);background:var(--panel)}.wordmark{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--ink);font:800 1rem/1 var(--display);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.wordmark-mark{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--coral);color:#fff;font-size:.78rem}.site-nav{display:flex;gap:12px;align-items:center}.site-nav a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--ink);font-size:.875rem;font-weight:700}main:focus{outline:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:48px;align-items:center;max-width:1180px;min-height:540px;margin:0 auto;padding:72px 24px 56px}.eyebrow,.engraved{margin:0 0 12px;color:var(--teal-deep);font:800 .78rem/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--display);line-height:1.04}h1{max-width:13ch;font-size:clamp(2.7rem,6vw,5.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.025em}h3{font-size:1.25rem}.lede{max-width:58ch;margin:24px 0;font-size:1.1rem}.hero-action-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.action-note{max-width:29ch;margin:0;color:var(--muted);font-size:.88rem}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border:2px solid var(--ink);border-radius:3px;background:var(--panel);box-shadow:3px 3px 0 var(--ink);color:var(--ink);cursor:pointer;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{background:#e7ddc7}.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-deep)}.button.coral{background:var(--coral);color:#fff}.button.small{min-height:44px;padding:8px 13px;font-size:.86rem}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.facts{display:grid;gap:4px;margin:30px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.84rem}.facts li:before{content:"— ";color:var(--coral);font-weight:900}.hero-art-shell{position:relative;padding:12px;border:3px solid var(--walnut);background:var(--walnut);box-shadow:10px 12px 0 var(--shadow);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.hero-art-shell:after{position:absolute;right:18px;bottom:16px;width:12px;height:12px;border:2px solid #512116;border-radius:50%;background:var(--coral);content:"";box-shadow:0 0 14px #c54f38b3}.hero-art{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;background:#d9c8aa}.hero.demo-hero{min-height:auto;padding-bottom:32px}.demo-strip{position:sticky;z-index:20;top:0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:center;padding:8px 16px;border-bottom:2px solid #101817;background:#f4bd58;color:#1d211f;font-size:.86rem;font-weight:800}.demo-strip button{display:inline-flex;min-height:44px;align-items:center;border:0;background:transparent;color:#153d3a;cursor:pointer;font-weight:900;text-decoration:underline}.work-section{padding:64px 24px 88px;border-block:2px solid var(--walnut);background:var(--walnut);color:#fff9ea}.section-heading{max-width:1180px;margin:0 auto 28px}.section-heading h2{max-width:16ch}.section-heading p{max-width:65ch;margin:12px 0 0;color:#e8dbc3}.workbench{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(420px,1.12fr);max-width:1180px;margin:0 auto;overflow:hidden;border:2px solid #131816;border-radius:5px;background:var(--panel);box-shadow:12px 14px #00000038;color:var(--ink)}.editor-panel,.score-panel{min-width:0;padding:24px}.editor-panel{border-right:2px solid var(--ink);background:#d8cfba}.panel-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{display:flex;gap:10px;align-items:center}.panel-title h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.status-lamp{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--muted)}.status-lamp.valid{background:var(--success)}.status-lamp.error{background:var(--danger)}.editor-wrap{position:relative;display:grid;grid-template-columns:38px 1fr;min-height:430px;border:2px solid var(--ink);background:#181d1c}.line-gutter{overflow:hidden;padding:14px 7px;border-right:1px solid #66706a;color:#b8c0b9;text-align:right;user-select:none;white-space:pre;line-height:1.55}.line-gutter .line-error{display:block;margin-inline:-7px;padding-right:7px;background:var(--coral);color:#fff}textarea{width:100%;min-height:430px;resize:vertical;padding:14px;border:0;border-radius:0;outline:0;background:#181d1c;color:#f5efdf;caret-color:#ff9a85;line-height:1.55;tab-size:2}textarea:focus-visible{box-shadow:inset 0 0 0 3px var(--coral)}.error-list{margin:12px 0 0;padding:10px 14px;border-left:5px solid var(--danger);background:#fff3df;color:#5a1712;font-size:.86rem}.error-list button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:800;text-decoration:underline}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.score-panel{display:flex;flex-direction:column;background:#b9ad94}.paper-bay{position:relative;min-height:312px;overflow:auto;border:2px solid var(--ink);background:var(--paper);box-shadow:inset 5px 5px #513b2a1f}#paper{min-width:460px;padding:12px}#paper svg{display:block;max-width:100%;height:auto;color:#111}#paper .abcjs-note.playing,#paper .abcjs-rest.playing{fill:var(--coral)!important;stroke:var(--coral)!important}.empty-score{display:grid;min-height:306px;place-content:center;padding:32px;color:#4e544e;text-align:center}.empty-score strong{font:800 1.4rem var(--display)}.empty-score p{max-width:38ch;margin:8px auto 0}.transport{display:grid;grid-template-columns:auto 1fr;gap:16px 22px;align-items:end;margin-top:18px;padding:16px;border:2px solid var(--ink);background:var(--panel)}.transport-keys{display:flex;gap:10px}.transport .button{min-width:88px}.play-lamp{display:inline-block;width:9px;height:9px;border:1px solid #402018;border-radius:50%;background:#8e8c82}.is-playing .play-lamp{background:#ff8e77;box-shadow:0 0 9px #c54f38e6}.field{display:grid;gap:6px}.field label,.field-label{font:800 .73rem/1 var(--display);letter-spacing:.09em;text-transform:uppercase}.tempo-row{display:grid;grid-template-columns:1fr 80px;gap:10px;align-items:center}input[type=range]{width:100%;min-height:44px;accent-color:var(--teal)}input[type=number]{width:100%;min-height:44px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-align:center}.loop-panel{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding-top:14px;border-top:1px solid var(--rule)}.loop-panel .field{width:100px}.loop-summary{flex:1 1 210px;margin:0;color:var(--muted);font-size:.84rem}.score-help{margin:12px 0 0;color:#343934;font-size:.78rem}.app-status{min-height:1.5em;margin:12px 0 0;color:#343934;font-size:.84rem;font-weight:700}.how,.boundaries{max-width:1180px;margin:0 auto;padding:88px 24px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-block:2px solid var(--ink)}.step{padding:26px 28px 30px;border-right:1px solid var(--rule)}.step:last-child{border:0}.step-number{display:block;color:var(--coral);font:900 2.6rem/1 var(--display)}.step h3{margin-top:16px}.step p{color:var(--muted)}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:24px}.boundary-list{padding-left:1.25rem}.boundary-list li{margin-block:10px}.legal-page,.not-found{max-width:760px;min-height:65vh;margin:0 auto;padding:80px 24px}.legal-page h1,.not-found h1{max-width:none;font-size:clamp(2.5rem,7vw,4.8rem)}.legal-page h2{margin-top:42px;font-size:1.5rem}.legal-page p,.legal-page li{max-width:68ch}.not-found-code{color:var(--coral);font:900 7rem/1 var(--display)}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:30px max(24px,calc((100vw - 1180px)/2));border-top:3px solid var(--walnut);background:var(--panel);font-size:.78rem}.site-footer p{margin:0}.footer-links{display:flex;gap:18px}.footer-links a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}main a:not(.button){display:inline-flex;min-height:44px;align-items:center}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-color-scheme:dark){:root{--canvas: #171c1b;--panel: #242b29;--paper: #f8f1df;--ink: #f7eed9;--muted: #c2c9c0;--teal: #6bc7bc;--teal-deep: #a5e1d9;--coral: #ff8e77;--walnut: #0e1211;--success: #76d29b;--danger: #ff9a8e;--rule: #78817b;--shadow: rgba(0,0,0,.42)}.button.primary{color:#112321;background:#6bc7bc}.button.primary:hover{background:#a5e1d9}.button.coral,.wordmark-mark,input[type=number]{color:#202421}.editor-panel{background:#343b37}.score-panel{background:#4a4d45}.score-help,.app-status{color:#e2e6de}.error-list{background:#421d18;color:#ffd8ce}.button:hover{background:#343c39}}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:0;padding-top:52px}.hero-art-shell{max-width:620px}.workbench{grid-template-columns:1fr}.editor-panel{border-right:0;border-bottom:2px solid var(--ink)}.editor-wrap,textarea{min-height:330px}.how-grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--rule)}.boundaries{grid-template-columns:1fr;gap:36px}.site-footer{grid-template-columns:1fr}}@media(max-width:540px){.site-header{align-items:flex-start;padding:12px 16px}.site-nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-nav a:nth-child(3){display:none}.wordmark{max-width:130px;line-height:1.2}.hero{gap:40px;padding-inline:18px}h1{font-size:3rem}.work-section{padding-inline:12px}.editor-panel,.score-panel{padding:16px}.transport{grid-template-columns:1fr}.loop-panel{grid-column:auto}.editor-actions .button{flex:1 1 125px}.site-footer{padding-inline:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:14mm}body{background:#fff;color:#000}.site-header,.site-footer,.hero,.section-heading,.editor-panel,.transport,.score-help,.app-status,.how,.boundaries,.demo-strip{display:none!important}.work-section{padding:0;border:0;background:#fff;color:#000}.workbench{display:block;border:0;box-shadow:none}.score-panel{padding:0;background:#fff}.paper-bay{overflow:visible;border:0;box-shadow:none}#paper{min-width:0;padding:0}}