:root{color-scheme:dark;--ground:#100f0e;--ink:#c6bcab;--muted:#958b7c;--accent:#6e94ac;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;font-synthesis:none;background:var(--ground);color:var(--ink)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}a,button{color:inherit;font:inherit;background:none;border:0;text-decoration:none}button,a{cursor:pointer;-webkit-tap-highlight-color:transparent}button{min-width:44px;min-height:44px;padding:8px}button:hover,a:hover{color:#f1e7d5}button[aria-pressed=true]{color:#e2bc96;text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline:1px solid #d2a67e;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:20;padding:12px;background:#211d17}.skip-link:focus{transform:none}.masthead{position:fixed;z-index:3;top:0;left:24px;right:24px;height:62px;display:flex;align-items:center;gap:22px;color:var(--muted);font-size:11px;letter-spacing:.06em}.masthead>a:first-of-type{padding:14px 0}.masthead h1{font:inherit;letter-spacing:.18em;color:var(--ink);margin:0}.masthead nav{margin-left:auto;display:flex;align-items:center;gap:20px}.masthead nav>a{padding:14px 0}.versions{display:flex;gap:0;margin-left:8px;letter-spacing:0}.paper-stage{position:fixed;inset:68px 16px 124px;display:flex;align-items:center;justify-content:center}.paper{position:relative;margin:0;max-width:100%;max-height:100%;background:transparent;box-shadow:0 16px 70px #0006}.paper img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.paper canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;mix-blend-mode:multiply}.transport{position:fixed;left:24px;right:24px;bottom:max(16px,env(safe-area-inset-bottom));max-width:980px;margin:auto;z-index:3;display:grid;grid-template-columns:1fr auto;gap:0 20px;font-size:11px;color:var(--muted)}.player-controls{display:flex;gap:14px;align-items:center}.timeline{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.timeline input{min-width:40px;width:100%;accent-color:#b99c7e;height:26px;cursor:ew-resize}#now{white-space:nowrap;font-size:10px;min-width:84px}#where{grid-column:1/-1;font-size:9px;color:#7e7467;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.utility-controls{display:flex;align-items:center;gap:4px}#hint{position:fixed;bottom:100px;left:0;right:0;text-align:center;margin:0;font:italic 14px Georgia,serif;color:#a19580;pointer-events:none;transition:opacity 1s}body.entered #hint{opacity:0}.score-drawer{position:fixed;right:24px;top:70px;bottom:120px;width:440px;max-width:calc(100vw - 32px);overflow:auto;overscroll-behavior:contain;padding:20px 24px 28px;z-index:6;background:#211e18f7;border:1px solid #4a4235;color:#bcb09c;box-shadow:0 12px 45px #0008}.score-drawer h2{font:14px/1.6 Georgia,serif;font-weight:normal;max-width:330px;margin:4px 40px 12px 0;color:#e0d0b5}.score-drawer p,.score-drawer figcaption{font-size:10px;line-height:1.7;margin:12px 0;color:var(--muted)}.score-drawer .close,#score-close{position:absolute;right:9px;top:7px;font-size:20px}.score-drawer figure{margin:20px 0}.score-drawer img{display:block;width:100%;height:auto;background:#eee8dc}.card{position:relative;cursor:crosshair}.cursor{position:absolute;top:0;bottom:0;left:0;width:1.5px;background:#ae5747;pointer-events:none}.section-links{display:flex;flex-wrap:wrap;gap:0 10px;margin:14px 0 22px}.section-links button{font-size:10px;min-height:40px;text-align:left;padding:6px 0}.section-links [aria-current=step]{color:#e2bc96;text-decoration:underline;text-underline-offset:4px}.downloads{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0;align-items:center;font-size:11px}.downloads a{padding:8px 0;border-bottom:1px solid #61533f}.downloads button{padding-left:0}.score-drawer .tools{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #4a4235;padding-top:10px}.score-drawer .tools a{padding:12px 0}#score-status{min-height:17px}#audio{display:none}.no-script{position:fixed;top:80px;left:24px;right:24px;z-index:8;background:#211e18;padding:16px}body.no-script .paper-stage{opacity:.3}
@media(max-width:600px){.masthead{left:16px;right:16px;height:56px;gap:12px;font-size:10px}.masthead nav{gap:10px}.masthead nav>a{display:none}.masthead h1{letter-spacing:.10em}.versions{position:fixed;top:52px;left:0;right:0;justify-content:center;margin:0}.paper-stage{inset:100px 12px 136px}body.redon .paper-stage,body.loziva .paper-stage{top:64px}.transport{left:14px;right:14px;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:0}.player-controls{gap:8px}.utility-controls{justify-content:center;grid-row:3;gap:12px}.timeline{gap:8px}#where{text-align:center;font-size:8px}#hint{bottom:120px;font-size:13px}.score-drawer{right:16px;top:64px;bottom:132px;width:calc(100vw - 32px);padding:18px}.score-drawer h2{font-size:14px}.downloads{gap:6px 14px}.masthead #score-toggle{min-width:44px}.paper{box-shadow:0 8px 35px #0005}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.score-tabs{display:flex;gap:8px;margin:15px 0 8px;border-bottom:1px solid #4a4235}.score-tabs button{font-size:11px;min-height:38px}.card-navigation{display:flex;align-items:center;justify-content:space-between;font-size:10px}.card-navigation button{font-size:16px}#live-card{width:100%;height:210px;touch-action:none;cursor:crosshair;display:block}.edit-hint{margin:5px 0!important;font-size:9px!important}.note-tools{display:flex;flex-wrap:wrap;gap:8px 12px;margin:10px 0;font-size:9px}.note-tools label{display:flex;gap:5px;align-items:center}.note-tools input{width:56px}.note-tools input,.note-tools select{background:#181611;color:#cfc0a6;border:1px solid #4f4435;padding:5px;font:10px ui-monospace,monospace}.note-tools button{font-size:10px;min-height:30px;padding:4px}#live-code{display:block;width:100%;height:310px;resize:vertical;font:10px/1.5 ui-monospace,monospace;background:#171511;color:#d2c4ad;padding:10px;border:1px solid #4a4235;tab-size:2}#code-editor>a{font-size:10px;margin-left:15px}.live-footer{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a4235;margin-bottom:18px;gap:12px}#live-status{font-size:9px;color:#b69d7f;max-width:280px;overflow-wrap:anywhere}.live-footer button{font-size:10px}#mark-entries details{border-bottom:1px solid #4a4235;padding:7px 0}#mark-entries summary{font:15px Georgia,serif;padding:9px 0;cursor:pointer;color:#d7c6a7}#mark-entries .synonyms{color:#ad9270;font-size:9px}#mark-entries em{color:#c3ac88;font-style:normal}#mark-entries button{padding-left:0;font-size:10px}.dictionary-scope{font-size:10px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.masthead nav{gap:0}.masthead #notation-toggle{font-size:10px;min-width:40px;padding:8px 4px}body.loziva .masthead{gap:8px}body.loziva .masthead nav button{min-width:40px;padding:8px 4px}#live-card{height:190px}#live-code{height:250px}}
.gesture-palette{position:absolute;left:0;bottom:0;z-index:4;max-width:min(360px,100%);color:var(--ink);font-size:10px;mix-blend-mode:normal}
.gesture-palette>summary{cursor:pointer;min-height:44px;padding:12px 14px;list-style:none;background:#100f0ed9;border:1px solid #574b3a}
.gesture-palette[open]{width:360px;max-height:min(66vh,530px);overflow:auto;background:#181611f5;border:1px solid #574b3a;padding:0 10px 10px;box-shadow:0 8px 25px #0005}
.gesture-palette[open]>summary{background:none;border:0;border-bottom:1px solid #574b3a;margin:0 -10px 8px}
.gesture-modes,.sign-actions{display:flex;flex-wrap:wrap;gap:0}
.gesture-palette button{font-size:10px;padding:6px;min-height:40px}
.gesture-palette button:disabled,.gesture-palette input:disabled,.gesture-palette select:disabled{opacity:.35;cursor:default}
.gesture-palette label{display:flex;align-items:center;gap:9px;margin:8px 0}
.gesture-palette select{min-width:0;width:100%;max-width:270px;font:10px ui-monospace,monospace;background:#211d17;color:var(--ink);border:1px solid #574b3a;padding:7px}
.sign-transform{display:flex;flex-wrap:wrap;gap:0 12px}
.sign-transform label{max-width:100%;flex:1 1 120px}.sign-transform input{min-width:55px;width:100%;accent-color:#c37346}
#sign-reading,#sign-status{font-size:9px;line-height:1.6;margin:8px 0;color:var(--muted)}
.paper canvas[data-gesture=select]{cursor:grab}.paper canvas[data-gesture=stamp]{cursor:copy}
@media(max-width:600px){.gesture-palette{max-width:min(330px,100%)}.gesture-palette[open]{max-height:58vh}.gesture-palette button{min-height:44px}}

.score-length{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin:12px 0}.score-length input{width:72px;background:#181611;border:1px solid #4a4235;color:var(--ink);font:inherit;padding:6px}

#sign-command-form{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center;border-bottom:1px solid #574b3a;margin-bottom:8px}#sign-command-form label{min-width:0}#sign-command{width:100%;min-width:0;background:#211d17;color:var(--ink);border:1px solid #574b3a;font:10px ui-monospace,monospace;padding:8px}#command-resolution{grid-column:1/-1;font-size:9px;color:var(--muted);margin:0 0 8px;line-height:1.5}#wet-value{min-width:25px;font-size:9px;color:var(--muted)}

.gesture-palette[open]>summary{position:sticky;top:0;z-index:1;background:#181611}