:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9ece4;background:#151e24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file{border:1px solid #46535a;border-radius:7px;background:#253039;color:#e9ece4;padding:12px 17px;cursor:pointer}button:hover,.file:hover{background:#39474e}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,.surface:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5d689;outline-offset:4px}main{max-width:1550px;margin:auto;padding:0 5vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b464b;min-height:92px}.brand{color:inherit;text-decoration:none;letter-spacing:2px;font-size:13px;font-weight:750}.tag{font-size:10px;color:#a8b8b9;letter-spacing:2px}.intro{display:flex;align-items:center;justify-content:space-between;gap:60px;margin:55px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;color:#becac5;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(44px,5.3vw,80px);font-weight:400;line-height:1.02;margin:20px 0}h1 em{color:#e6bd85;font-weight:400}.lead{color:#afbdc1;max-width:430px;font-size:16px;line-height:1.7}.guide{max-width:310px;border-left:1px solid #5c655e;padding:4px 0 4px 26px}.guide>span,.practice>span{color:#dfbd8b;font-size:10px;letter-spacing:2px}.guide p{font-family:Georgia,serif;font-size:22px;line-height:1.45}.guide small{color:#98aab0;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.instrument{background:#1c272e;border:1px solid #405058;border-radius:12px;padding:22px}.instrument-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a6b8bd}.instrument-top strong{color:#ddc493;font-weight:500}.columns{display:flex;text-align:center;margin-top:22px;padding:0 0 12px;font-size:11px;color:#bbc8c4}.columns span{width:33.333%}.surface{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;overflow:hidden;cursor:crosshair;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),#d7e5df38 calc(33.333% - 1px),#d7e5df38 33.333%)}.voice{height:98px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid #15202455;pointer-events:none}.voice-0{background:#c7a57433}.voice-1{background:#84a89633}.voice-2{background:#b5a6bc33}.voice-3{background:#91b7c433}.voice-icon{font-size:34px;opacity:.7}.voice b{font-family:Georgia,serif;font-weight:400;font-size:23px}.voice small{display:block;font-size:10px;letter-spacing:1px;margin-top:7px;color:#b1c0c0}.row-number{margin-left:auto;font-size:11px;color:#b6c4c0}.crosshair{position:absolute;width:42px;height:42px;border:1px solid #ffe3a0;border-radius:50%;transform:translate(-50%,-50%);background:#f1c48018;pointer-events:none;display:grid;place-items:center;box-shadow:0 0 25px #ffe3a022}.crosshair span{width:8px;height:8px;background:#ffe3a0;border-radius:50%}.readout{display:flex;align-items:center;gap:20px;padding-top:20px}.readout strong{font-size:12px}.readout small{display:block;color:#9cacae;font-size:11px;margin-top:6px}.readout>span{font-size:11px;color:#e8c88f}.meter{height:4px;background:#405259;flex:1}.meter i{display:block;height:100%;background:#dfbd8b}.hint{font-size:11px;line-height:1.6;color:#97a9ad;margin-bottom:0}.controls{padding:8px 0}.controls label{display:block;color:#c3cfcd;font-size:12px;margin:28px 0}.controls label b{float:right;color:#e6bd85}.controls input{display:block;width:100%;margin-top:18px;accent-color:#e6bd85}.controls button{display:block;width:100%;margin:12px 0;text-align:left}.controls .primary{background:#e6bd85;color:#253039;font-weight:700;border-color:#e6bd85}.primary span{float:right}.practice{border-top:1px solid #46535a;margin-top:30px;padding-top:24px}.practice h3{font:25px Georgia,serif}.practice p,.practice small{font-size:12px;line-height:1.7;color:#b0bec0}.score{margin-top:40px;border-top:1px solid #46535a;padding-top:26px}h2{font:34px Georgia,serif;margin:10px 0}.score>div>p:not(.eyebrow){color:#a8b8b9;font-size:12px}.buttons,.exports{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.buttons button,.exports button,.file{font-size:11px}.active{border-color:#e6bd85!important}.event-strip{display:flex;overflow:auto;gap:8px;padding:5px 0 20px}.event{min-width:70px;border-top:2px solid #c7a574;background:#27363d;text-align:center;padding:10px;border-radius:5px}.tone-1{border-color:#84a896}.tone-2{border-color:#b5a6bc}.tone-3{border-color:#91b7c4}.event small{font-size:10px;color:#adbdc0}.event b{display:block;font-size:26px;margin:7px 0}.event span{font-size:10px}details{font-size:12px;color:#aabcbf;line-height:1.8}summary{cursor:pointer}details ol{max-height:250px;overflow:auto}.file input{display:block;max-width:190px;margin-top:6px}.status{border-left:2px solid #dfbd8b;padding-left:15px;color:#e6d9bd;font-size:12px}footer{border-top:1px solid #3b464b;margin-top:30px;padding:25px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;font-size:11px;color:#9eafb3;line-height:1.8}footer button{margin-right:10px;padding:5px 12px;font-size:11px}@media(max-width:900px){main{padding:0 20px}.workspace{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.controls .eyebrow,.practice{grid-column:1/-1}.intro{gap:30px}.guide{max-width:240px}.tag{display:none}}@media(max-width:600px){header{min-height:65px}.intro{display:block;margin:30px 0}.guide{max-width:none;margin-top:30px}.guide p{font-size:18px}.voice{padding:0 15px;height:85px;gap:10px}.voice b{font-size:18px}.instrument{padding:14px}.instrument-top{font-size:8px}footer{grid-template-columns:1fr;gap:20px}.readout{gap:10px}.controls{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}