:root{font-family:Arial,Helvetica,sans-serif;color:#242d29;background:#f2efdf;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{min-height:44px;border:1px solid #b9bfad;background:transparent;border-radius:6px;padding:10px 15px;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#e5e8d6}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #355eeb;outline-offset:4px}main{max-width:1800px;margin:auto;padding:28px 5vw 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9bfad;padding-bottom:22px}.brand{font-size:11px;line-height:1.4;letter-spacing:2px;color:inherit;text-decoration:none;display:flex;gap:13px;align-items:center;font-weight:700}.brand span{font-size:42px;line-height:1}.edition,.eyebrow,.small,.slot-number,.duration,.hint,.privacy{font-family:monospace}.edition{font-size:10px;letter-spacing:1.5px}.edition span{margin:0 12px;color:#9a9f90}.quiet{font-size:11px;border:0}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 38px}.eyebrow{font-size:10px;letter-spacing:2px;color:#697462;margin:0 0 16px}h1{font-family:Georgia,serif;font-size:clamp(44px,5.5vw,90px);letter-spacing:-4px;line-height:1;margin:0;font-weight:400}h1 em{font-weight:400;color:#657750}.intro-note{max-width:320px;font-size:14px;line-height:1.6;padding:8px 14px}.tiny-orbit{font-size:35px;display:inline-block;animation:float 5s ease-in-out infinite}.small{font-size:10px;color:#6c7464}.workspace{background:#faf8ef;border:1px solid #c3c8b6;border-radius:10px;overflow:hidden;box-shadow:0 12px 40px #303a2610}.score-heading{padding:23px 24px;display:flex;justify-content:space-between;align-items:center}.score-heading label{display:grid;gap:5px;flex:1}.score-heading .eyebrow{margin:0}.score-heading input{font-family:Georgia,serif;font-size:22px;border:0;background:transparent;max-width:95%;width:500px}.history{display:flex;gap:8px}.history button{border:0;font-size:12px}.score-grid{display:grid;grid-template-columns:repeat(8,1fr);padding:0 22px 24px;gap:8px}.slot{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;border:1px solid #dce0d1;background:#f2f2e8;padding:12px 9px 13px;border-radius:5px}.slot.selected{background:#e7edda;border-color:#7b8d61;box-shadow:inset 0 0 0 1px #7b8d61}.slot.sounding{background:#d2ddb8}.slot-number{align-self:start;font-size:10px;color:#67715c}.slot svg{width:100%;max-width:120px;aspect-ratio:1;padding:9px}.slot svg path,.mini path{stroke:currentColor;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.choice{display:grid;place-items:center;font-family:monospace;width:25px;height:25px;border-radius:50%;font-size:12px}.choice-A{background:#d3dfaf}.choice-B{background:#eac0a7}.glyph-name{font-size:10px;margin-top:10px;color:#6c7464}.transport{border-top:1px solid #d6dacb;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:12px}.play-group{display:flex;gap:8px}.primary{background:#29382d;color:#fff;border-color:#29382d}.primary:hover:not(:disabled){background:#45533b}.segmented{display:flex;background:#eaece0;border-radius:6px;padding:4px}.segmented button{border:0;font-size:11px;min-height:36px;padding:7px 13px}.segmented [aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #0001}.duration{font-size:9px;color:#64715e;display:flex;gap:18px;align-items:center}.duration b{font-size:13px}.progress{height:3px;background:#e7eadf}.progress i{height:3px;display:block;background:#7e9157}.lower{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:34px 0}.lower article{min-width:0}.inspector{border-right:1px solid #cbd0bf;padding-right:5vw}h2{font: 24px Georgia,serif;margin:8px 0 14px}.inspector-heading{display:flex;align-items:center;justify-content:space-between}.mini{width:45px}.reading-cards{display:grid;gap:8px}.reading-card{display:flex;text-align:left;align-items:center;gap:15px;background:#f8f7ed;border-color:#d0d4c4;width:100%}.reading-card.active{border-color:#7a8e58;background:#e6ecd8}.reading-card b{font:24px Georgia,serif}.reading-card>span:nth-child(2){flex:1;font-size:13px}.reading-card small{display:block;font-family:monospace;color:#65705f;font-size:10px;padding-top:6px;overflow-wrap:anywhere}.mark-tools{display:flex;align-items:center;gap:8px;margin-top:17px}.mark-tools label{font-size:11px;flex:1}.mark-tools select{margin-left:7px;max-width:140px}.mark-tools button{font-size:11px;padding:8px}select{border:1px solid #bbc3ac;border-radius:4px;padding:9px;background:#f8f7ef;min-height:44px}.hint{font-size:10px;line-height:1.7;color:#65705f}.muted{color:#6d7666;font-size:12px;line-height:1.6;max-width:420px}.comparison-bars{display:flex;justify-content:space-between;gap:10px;padding:24px 0 18px}.comparison-bars>div{flex:1;text-align:center}.comparison-bars>div>div{height:70px;display:flex;align-items:end;justify-content:center;gap:4px;border-bottom:1px solid #cbd1be;padding-bottom:5px}.comparison-bars i{width:9px;background:#71865e;border-radius:3px 3px 0 0;animation:rise .9s ease both}.comparison-bars i.a{background:#b0be79}.comparison-bars i.b{background:#cf9472}.comparison-bars small{display:block;font:9px monospace;color:#7b826d;margin-top:10px}.legend{display:flex;justify-content:space-between;font:11px monospace;color:#596e47}.legend span:nth-child(2){color:#727d42}.legend span:nth-child(3){color:#9b5a35}.editor{border-top:1px solid #b9bfad;border-bottom:1px solid #b9bfad}.editor summary{padding:23px 0;cursor:pointer;font:11px monospace;letter-spacing:1px;min-height:44px}.editor summary span{float:right;color:#6a755e;font-size:10px;letter-spacing:0}.editor-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:8px 0 25px}.editor-body p{line-height:1.6;font-size:13px;max-width:440px}.editor-body label{font-size:12px}.editor-body textarea{width:100%;min-height:220px;background:#faf9f2;border:1px solid #adb79f;border-radius:5px;padding:14px;font:12px monospace;resize:vertical}.editor-body button{margin-top:8px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 0 15px}footer b{font:19px Georgia,serif}footer p{font-size:11px;color:#65705f}.exports{display:flex;gap:8px;flex-wrap:wrap}.exports button,.local-tools button{font-size:11px}.local-tools{display:flex;gap:5px;flex-wrap:wrap}.status{padding:12px 0;font-size:12px;color:#435c3c;min-height:44px}.privacy{font-size:10px;line-height:1.6;color:#68755e}.analytics{border:0;font-size:10px;padding:0;text-align:left}.reset-box{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#fffdf3;border:2px solid #6d7e56;box-shadow:0 8px 70px #0005;border-radius:10px;padding:24px;z-index:5;width:min(440px,95vw)}.reset-box p{font-size:13px}.reset-box button{margin-right:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.still *{animation:none!important;transition:none!important}@keyframes float{50%{transform:translate(5px,-5px)}}@keyframes rise{0%{transform:scaleY(.2);transform-origin:bottom}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){.slot svg{max-width:155px}.intro{padding:55px 0}.lower{padding:45px 0}}@media(max-width:800px){main{padding:20px 5vw}.edition{display:none}.intro{gap:20px}.intro-note{font-size:12px;max-width:220px}h1{letter-spacing:-2px}.score-grid{grid-template-columns:repeat(4,1fr)}.slot svg{max-width:90px}.transport{flex-wrap:wrap}.duration{display:none}.lower{gap:24px}.inspector{padding-right:24px}.mark-tools{flex-wrap:wrap}.mark-tools label{flex-basis:100%}.legend{gap:10px;font-size:9px}.editor summary span{display:none}footer{flex-direction:column;align-items:start}.local-tools{margin-top:6px}}@media(max-width:520px){.intro{display:block;padding:30px 0}.intro-note{max-width:none;padding:0;display:flex;align-items:center;gap:16px}.intro-note .small{display:none}.intro-note p{font-size:11px}.tiny-orbit{font-size:24px}.score-heading{padding:16px;gap:5px;align-items:start}.score-heading input{font-size:17px}.history{display:block}.history button{font-size:10px;min-height:30px;padding:5px}.score-grid{padding:0 12px 16px;gap:6px}.slot{padding:8px 4px}.glyph-name{font-size:9px}.transport{padding:12px}.play-group{width:100%}.play-group button{flex:1}.segmented{width:100%}.segmented button{flex:1}.lower{grid-template-columns:1fr}.inspector{border-right:0;border-bottom:1px solid #cbd0bf;padding:0 0 20px}.editor-body{grid-template-columns:1fr;gap:12px}.legend{font-size:11px}.comparison-bars{padding-top:10px}.brand{font-size:10px}.quiet{max-width:85px}}