:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141713;--surface:#1a1e17;--surface-hi:#242b1f;--border:#363d2d;--text:#d3d7bd;--muted:#919981;--green:#b9e583;--dim-green:#708957;--cream:#dbdfba;--amber:#d8b775;--red:#e2896e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font:12px/1.6 Courier New,monospace}body:before{content:"";pointer-events:none;z-index:9;opacity:.45;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000013 3px 4px);position:fixed;inset:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:var(--text);border:1px solid var(--border);letter-spacing:.04em;background:0 0;padding:10px 15px}button:hover{background:var(--surface-hi);color:var(--green);border-color:var(--muted)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit}::selection{background:var(--green);color:var(--bg)}.app-shell{max-width:1440px;margin:auto;padding:34px 52px 22px}.masthead{align-items:center;gap:30px;padding-bottom:29px;display:flex}.brand{letter-spacing:-3px;align-items:center;gap:13px;font-size:38px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand-symbol{color:var(--green);letter-spacing:0;font-size:39px;transform:rotate(180deg)}.brand-dot{color:var(--green)}.masthead-description{border-left:1px solid var(--border);letter-spacing:1.4px;padding-left:27px;font-size:10px;line-height:1.9}.masthead-description span,.version{color:var(--muted)}.version{text-align:right;letter-spacing:1.2px;margin-left:auto;font-size:9px}.version span{color:var(--text)}.version i{background:var(--green);width:6px;height:6px;margin-left:8px;display:inline-block}nav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:stretch;height:53px;display:flex}.tabs{gap:32px;display:flex}.tabs button{color:var(--muted);border:0;border-bottom:2px solid #0000;padding:0;font-size:11px}.tabs button span{opacity:.65;margin-right:8px;font-size:9px}.tabs button.selected{color:var(--green);border-bottom-color:var(--green)}.tabs button:hover{color:var(--text);background:0 0}.fullscreen{color:var(--muted);border:0;padding-right:0;font-size:12px}.fullscreen span{margin-left:8px;font-size:10px}.session-bar{color:var(--muted);justify-content:space-between;align-items:center;padding:25px 0 20px;font-size:11px;display:flex}.prompt{color:var(--green);margin-right:8px;font-size:16px}.session-clock{letter-spacing:1px;font-size:9px}.session-clock strong{color:var(--text);margin-left:9px;font-size:12px;font-weight:400}.instrument,.history-panel,.settings-page,.about-page{border:1px solid var(--border);background:var(--surface)}.section-heading{letter-spacing:1.2px;color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:10px;display:flex}.section-heading>span:first-child{color:var(--text)}.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.status-dot.lit{background:var(--green);box-shadow:0 0 8px #b8e57855}.readouts{grid-template-columns:1fr 1fr;display:grid}.tempo-panel,.level-panel{min-width:0;padding:23px 28px}.tempo-panel{border-right:1px solid var(--border)}.panel-label{letter-spacing:1.1px;color:var(--muted);justify-content:space-between;gap:12px;font-size:9px;display:flex}.panel-label>span:first-child{color:var(--text)}.green{color:var(--green)}.amber{color:var(--amber)}.main-number{white-space:nowrap;color:var(--green);justify-content:center;align-items:baseline;gap:12px;padding:30px 0 26px;font-weight:400;display:flex}.main-number output{letter-spacing:-7px;text-shadow:0 0 22px #c4ee9120;font-size:clamp(64px,8.5vw,116px);line-height:1.15}.main-number.idle{color:var(--dim-green)}.main-number.idle output{letter-spacing:-9px}.main-number .unit{letter-spacing:0;font-size:17px}.level-number{color:var(--cream)}.level-number.idle{color:#626852}.level-number output{font-size:clamp(64px,8vw,108px)}.level-number .unit{font-size:16px}.tempo-bottom{justify-content:space-between;align-items:center;gap:30px;padding-top:8px;display:flex}.confidence{flex:1;max-width:310px}.confidence>div:first-child{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:9px;display:flex}.confidence strong{color:var(--green);font-size:20px;font-weight:400}.confidence strong small{font-size:11px}.confidence-track{gap:4px;height:8px;margin:7px 0 11px;display:flex}.confidence-track i{background:#30392a;flex:1}.confidence-track i.active{background:var(--green)}.microcopy{letter-spacing:.8px;color:var(--muted);font-size:8px}.beat-monitor{text-align:center;min-width:80px;color:var(--muted);letter-spacing:1px;justify-items:center;gap:10px;font-size:8px;display:grid}.beat{border:1px solid #3b4832;border-radius:50%;place-items:center;width:49px;height:49px;display:grid}.beat i{background:#38462b;border-radius:50%;width:20px;height:20px;transition:background 80ms,box-shadow 80ms}.beat.pulse i{background:var(--green);box-shadow:0 0 20px #c4ee9180}.meter-label{color:var(--muted);letter-spacing:.8px;justify-content:space-between;font-size:9px;display:flex}.clip{color:var(--muted)}.clip.on{color:var(--red)}.level-meter{gap:3px;height:22px;margin:10px 0 7px;display:flex}.level-meter i{background:#313a29;flex:1}.level-meter i.yellow{background:#403b26}.level-meter i.red{background:#442e27}.level-meter i.active{background:var(--green)}.level-meter i.yellow.active{background:var(--amber)}.level-meter i.red.active{background:var(--red)}.meter-ticks,.level-note{letter-spacing:.5px;color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.level-note{align-items:center;margin-top:12px}.level-note button{color:var(--amber);border:0;padding:0;font-size:9px}.metrics{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.metrics>div{border-right:1px solid var(--border);padding:15px 20px}.metrics>div:last-child{border:0}.metrics span{color:var(--muted);letter-spacing:1px;margin-bottom:5px;font-size:8px;display:block}.metrics strong{font-size:25px;font-weight:400;line-height:1.4}.metrics small{color:var(--muted);white-space:nowrap;font-size:9px}.history-panel{margin-top:20px}.history-panel .section-heading{border-bottom:0;padding-bottom:0}.graph-wrap{height:173px;margin:15px 20px 0;position:relative}.graph-wrap svg{width:100%;height:100%;overflow:visible}.graph-wrap text{fill:var(--muted);font-size:10px}.grid-line{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1px}.grid-line.vertical{opacity:.6}.graph-empty{color:var(--muted);letter-spacing:1.4px;white-space:nowrap;background:var(--surface);padding:5px 14px;font-size:9px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.history-footer{color:var(--muted);letter-spacing:.9px;justify-content:space-between;padding:10px 20px 13px;font-size:8px;display:flex}.transport{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 25px;display:flex}.input-info{align-items:center;gap:16px;min-width:0;display:flex}.input-icon{border:1px solid var(--border);width:41px;height:41px;color:var(--muted);flex-shrink:0;place-items:center;font-size:22px;display:grid}.input-info>div{gap:1px;min-width:0;display:grid}.input-info span:not(.input-icon){letter-spacing:1.1px;color:var(--muted);font-size:8px}.input-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;overflow:hidden}.input-info small{color:var(--muted);font-size:9px}.primary{background:var(--green);color:var(--bg);border:1px solid var(--green);letter-spacing:.5px;padding:15px 22px;font-size:11px;font-weight:700}.primary:hover{color:var(--bg);background:#d2f7a4;border-color:#d2f7a4}.start{justify-content:space-between;align-items:center;gap:14px;min-width:260px;display:flex}.start.stop{border-color:var(--amber);color:var(--amber);background:0 0}footer{letter-spacing:.3px;color:var(--muted);justify-content:space-between;gap:20px;padding-top:17px;font-size:8px;display:flex}.tiny-lock{color:var(--green);margin-right:6px}.bottom-mark{color:#58604f;letter-spacing:1.7px;justify-content:space-between;margin-top:26px;font-size:7px;display:flex}.alert{color:var(--amber);background:#27261c;border:1px solid #766443;margin-bottom:16px;padding:12px 16px;font-size:11px}.alert.danger{color:var(--red);border-color:var(--red)}.debug{border:1px dashed var(--border);color:var(--green);padding:20px;overflow:auto}.settings-grid{grid-template-columns:1fr 1fr;gap:25px;padding:30px;display:grid}.settings-grid fieldset{border:1px solid var(--border);min-width:0;margin:0;padding:20px}.settings-grid legend{color:var(--green);letter-spacing:1px;padding:0 8px;font-size:11px}label{color:var(--muted);letter-spacing:.6px;font-size:10px;display:block}input,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:0;min-width:0;margin-top:8px;padding:12px;display:block}select{max-width:100%}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0}.check{letter-spacing:0;align-items:center;gap:12px;margin-top:16px;display:flex}.input-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.small{color:var(--muted);letter-spacing:0;font-size:11px;line-height:1.8}.thresholds{gap:10px;margin-bottom:12px;display:flex}.settings-save{border-top:1px solid var(--border);color:var(--green);align-items:center;gap:20px;padding:22px 30px;display:flex}.delete{color:var(--red);margin-top:12px;display:block}.about-page>h2,.about-page>p{max-width:680px;margin:30px}.about-page h2{color:var(--green);font-size:32px;font-weight:400;line-height:1.3}.about-grid{grid-template-columns:1fr 1fr;gap:30px;padding:0 30px 30px;display:grid}.about-grid h3{color:var(--amber);font-size:11px;font-weight:400}.about-grid p{color:var(--muted);font-size:12px;line-height:1.9}dialog{background:var(--surface);color:var(--text);border:1px solid var(--green);width:calc(100% - 32px);max-width:500px;padding:28px}dialog::backdrop{background:#080c09dd}dialog h2{color:var(--green);font-size:25px;font-weight:400}dialog p{color:var(--muted);font-size:12px;line-height:1.8}.dialog-top{color:var(--green);justify-content:space-between;align-items:center;font-size:10px;display:flex}.dialog-top button{padding:0 8px;font-size:22px}dialog .primary{width:100%;margin-top:18px}.calibration-progress{color:var(--amber);margin-top:22px;font-size:10px}progress{width:100%;height:8px;accent-color:var(--green);margin-top:12px;display:block}.error{color:var(--red)!important}@media (width>=1450px){.app-shell{padding-top:45px}.main-number{padding-top:42px;padding-bottom:35px}.graph-wrap{height:200px}}@media (width<=1000px){.app-shell{padding:24px}.tempo-panel,.level-panel{padding:20px}.main-number output{letter-spacing:-6px;font-size:80px}.level-number output{font-size:75px}.panel-label{letter-spacing:.4px;font-size:8px}.metrics>div{padding:15px}.metrics small{display:block}.main-number .unit{font-size:13px}.tempo-bottom{gap:15px}.beat-monitor{min-width:60px}.tabs{gap:24px}}@media (width<=680px){.app-shell{padding:22px 16px 18px}.masthead{gap:15px;padding-bottom:20px}.brand{font-size:31px}.brand-symbol{font-size:33px}.masthead-description{letter-spacing:.9px;padding-left:15px;font-size:7px}.version{display:none}nav{height:49px}.tabs{gap:22px}.tabs button{font-size:9px}.tabs button span{display:none}.fullscreen{font-size:20px}.fullscreen span{display:none}.session-bar{padding:19px 0 15px;font-size:9px}.session-clock{font-size:0}.session-clock strong{font-size:10px}.prompt{margin-right:2px;font-size:12px}.hide-small{display:none}.section-heading{letter-spacing:.6px;padding:11px 14px;font-size:8px}.readouts{grid-template-columns:1fr}.tempo-panel{border-right:0;border-bottom:1px solid var(--border)}.tempo-panel,.level-panel{padding:18px 20px}.panel-label{font-size:9px}.main-number{padding:23px 0 15px}.main-number output{letter-spacing:-6px;font-size:96px}.main-number .unit{font-size:16px}.tempo-bottom{gap:30px;padding-top:0}.confidence{max-width:260px}.beat{width:39px;height:39px}.beat i{width:16px;height:16px}.beat-monitor{gap:5px}.main-number.level-number{padding-top:14px;padding-bottom:14px}.level-number output{font-size:88px}.level-meter{height:18px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:13px 16px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.metrics small{font-size:8px;display:inline}.metrics strong{font-size:23px}.metrics span{font-size:8px}.history-panel{margin-top:16px}.graph-wrap{height:150px;margin:14px 12px 0}.graph-wrap text{font-size:9px}.graph-empty{letter-spacing:.5px;font-size:7px}.history-footer{letter-spacing:.3px;padding:12px;font-size:6px}.transport{flex-direction:column;align-items:stretch;padding:20px 0}.start{justify-content:space-between;width:100%;padding:16px;font-size:11px}.input-info small{font-size:8px}footer{gap:10px;font-size:8px;line-height:1.9}footer>span:last-child{display:none}.bottom-mark{margin-top:18px;font-size:6px}.settings-grid{grid-template-columns:1fr;gap:20px;padding:20px 14px}.settings-save{flex-direction:column;align-items:stretch;padding:20px 14px}.about-grid{grid-template-columns:1fr;gap:10px;padding:0 20px 20px}.about-page>h2,.about-page>p{margin:20px}.about-page h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.beat.pulse i{box-shadow:none}}