:root{color-scheme:dark}body{margin:0;background:#14161a;color:#e8eaed;font:14px/1.5 -apple-system,system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100vh}header{padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}h1{font-size:15px;margin:0 12px 0 0;font-weight:600}button{background:#2b6de8;color:#fff;border:0;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}button.secondary{background:#3a3f47}button:disabled{opacity:.45;cursor:default}.status{color:#9aa0a6;margin-left:6px}.browse-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:16px}.song-browser{padding:0 16px 8px}.song-browser h2{font-size:13px;font-weight:600;color:#9aa0a6;margin:4px 0 8px;text-transform:uppercase;letter-spacing:.05em}.song-browser ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.song-item{background:#1e222a;border:1px solid #2c313a;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer}.song-item:hover{border-color:#7ee0a3}.song-title{font-weight:600;color:#e8eaed}.song-meta{font-size:12px;color:#9aa0a6}.fragment-bar{display:flex;align-items:center;gap:10px;padding:0 16px 8px;min-height:28px}.fragment-label{color:#7ee0a3}button.small{padding:4px 10px;font-size:12px}.song-canvas{flex:1;width:100%;min-height:0;touch-action:none;cursor:crosshair}.toggle{display:flex;align-items:center;gap:5px;color:#9aa0a6;font-size:13px;-webkit-user-select:none;user-select:none}.song-canvas.practice{cursor:default}.mode-picker{display:flex;gap:0}.mode-picker button{border-radius:0}.mode-picker button:first-child{border-radius:6px 0 0 6px}.mode-picker button:last-child{border-radius:0 6px 6px 0}.mode-picker button.active{background:#2b6de8}.controls-bar{display:flex;align-items:center;gap:22px;padding:0 16px 8px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:6px}.control-label{color:#565c66;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.control-value{color:#e8eaed;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.control-group button.active{background:#2b6de8}.pause-toggle{min-width:40px;font-size:15px;line-height:1}.mastery{color:#565c66;font-size:13px;letter-spacing:2px;margin-left:6px}.mastery.done{color:#7ee0a3;letter-spacing:normal}.song-item.continue{border-color:#7ee0a3}.song-item{position:relative;overflow:hidden}.card-progress{position:absolute;left:0;right:0;bottom:0;height:3px}.card-progress>span{display:block;height:100%;background:#7ee0a3a6}.phrase-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 8px}.phrase-chip{background:#1e222a;border:1px solid #2c313a;color:#b8bcc4;border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.phrase-chip:hover{border-color:#7ee0a3}.phrase-chip.active{background:#2b6de8;border-color:#2b6de8;color:#fff}.phrase-chip.done{color:#7ee0a3}.header-spacer{flex:1}.range-finder{margin:0 16px 12px;padding:14px 16px;background:#1e222a;border:1px solid #2c313a;border-radius:10px;max-width:560px}.range-finder h2{font-size:14px;margin:0 0 6px}.range-live{font-size:42px;font-weight:700;color:#7ee0a3;margin:8px 0;font-variant-numeric:tabular-nums}.range-actions{display:flex;gap:8px}.mix-group input[type=range]{width:90px;accent-color:#7ee0a3}.stem-fader{display:flex;align-items:center;gap:4px}.active-mic{border:1px solid #f3c96b;color:#f3c96b}.add-song-form{display:flex;flex-direction:column;gap:8px;max-width:480px}.add-song-form input[type=text],.add-song-form textarea{background:#1e222a;border:1px solid #2c313a;border-radius:6px;color:#e8eaed;padding:8px 10px;font:inherit}.song-meta.processing{color:#f3c96b}.song-meta.failed{color:#f28b82}.range-canvas{width:100%;height:130px;margin:6px 0}