@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#e5e8e2;background:#111416;font-synthesis:none;--accent:#d2ef89;--muted:#7c8586;--line:#ffffff12}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a,input{touch-action:manipulation}.header{height:82px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#121618}.wordmark{font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:600;letter-spacing:-1.4px;display:flex;align-items:center}.brand-icon{font-size:42px;line-height:1;color:var(--accent);margin-right:12px;transform:rotate(-13deg)}.brand-dot{color:var(--accent)}.header-center{font-size:10px;letter-spacing:1.7px;color:#c0c6bf;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}.prototype{margin-left:22px;color:#657073;font-size:9px;letter-spacing:1px}.text-button{font-size:12px;color:#909b9b}.text-button span{margin-left:10px;color:#c5cdc7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:minmax(300px,calc(100svh - 350px)) 184px;max-width:1920px;margin:auto}.stage{position:relative;overflow:hidden;min-width:0;isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}.stage-heading{position:absolute;z-index:1;top:32px;left:36px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.stage-heading h1{font-family:Space Grotesk,sans-serif;letter-spacing:-1.8px;line-height:1.05;font-weight:400;font-size:42px;margin:12px 0;color:#e5e7de}.stage-status{position:absolute;right:28px;top:35px;display:flex;align-items:center;gap:8px;color:#83908a;font-size:8px;letter-spacing:1.4px}.stage-status .live-dot{background:#6f7975}.stage-status.ready .live-dot{background:var(--accent)}.stage-bottom{position:absolute;bottom:47px;left:36px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.instrument-info{display:flex;flex-direction:column;gap:7px}.instrument-info strong{font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:1.3px;font-weight:500;color:#bbc2bd}.instrument-info span{font-size:10px;color:#6f7b79}.camera-controls{display:flex;padding:4px;background:#151a1cd9;border:1px solid #ffffff13;border-radius:6px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-controls button{padding:9px 13px;font-size:10px;border-radius:3px;color:#9aa4a2;transition:color .2s,background .2s}.camera-controls button.selected{background:#303833;color:#e0edc6}.camera-controls button:hover{color:#fff}.stage-hint{position:absolute;bottom:19px;width:100%;text-align:center;font-size:8px;letter-spacing:1.3px;color:#677370;pointer-events:none}.stage-hint span{margin:0 8px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:#111416dd;z-index:4;color:#a8b2a7;font-size:12px}.loading[hidden]{display:none}.loader{height:22px;width:22px;border:1px solid #ffffff20;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inspector{scrollbar-width:thin;scrollbar-color:#384236 transparent;border-left:1px solid var(--line);background:#15191b;grid-column:2;grid-row:1/3;display:flex;flex-direction:column;padding:28px 23px 23px;gap:27px;overflow:auto}.section-label{font-size:9px;letter-spacing:1.2px;font-weight:600;color:#b6bdb6;display:flex;gap:10px;margin-bottom:16px}.section-label>span{color:#64716e;font-size:9px}.riff-option{position:relative;display:flex;text-align:left;align-items:center;gap:11px;width:100%;padding:14px 0;border-bottom:1px solid var(--line)}.riff-option:first-child{padding-top:2px}.riff-option .riff-number{font-family:Space Grotesk,sans-serif;font-size:10px;color:#5e6b67}.riff-option .riff-text{display:flex;flex-direction:column;gap:5px}.riff-option strong{font-size:13px;font-weight:500;color:#b5bfba}.riff-option small{font-size:10px;color:#64716d}.riff-option.selected strong,.riff-option.selected .riff-number{color:var(--accent)}.riff-option.selected:after{content:"↗";position:absolute;right:0;top:13px;color:var(--accent);font-size:14px}.riff-option:first-child.selected:after{top:0}.riff-option:hover strong{color:#fff}.tone-controls{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff18;border-radius:5px;padding:3px;margin-bottom:20px}.tone-controls button{font-size:10px;border-radius:3px;padding:9px 0;color:#89948e;transition:background .15s}.tone-controls .selected{background:var(--accent);color:#20251b;font-weight:650}.slider-label{display:flex;justify-content:space-between;font-size:11px;color:#a5afaa;margin:17px 0 10px}.slider-label output{color:#d0d8cb;font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif}input[type=range]{-webkit-appearance:none;appearance:none;height:3px;width:100%;background:#343c37;border-radius:2px;cursor:pointer;margin:7px 0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #d2ef8909}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--accent);border:0;border-radius:50%}.meter-label{margin-top:18px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px;color:#66716c}.meter{flex:1;height:6px;background:repeating-linear-gradient(90deg,#303930 0 3px,transparent 3px 5px);overflow:hidden}.meter i{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 5px);transition:width .06s}.manual-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;color:#a6afa9}.stepper{display:flex;align-items:center;border:1px solid #ffffff16;border-radius:4px}.stepper button{width:27px;height:27px;color:#89958e}.stepper output{width:25px;text-align:center;color:#d5ddcf;font-family:Space Grotesk,sans-serif;font-size:12px}.string-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.string-buttons button{height:33px;border:1px solid #ffffff18;border-radius:4px;font-family:Space Grotesk,sans-serif;color:#c2c9c0;font-size:12px;transition:background .12s,color .12s}.string-buttons button:hover,.string-buttons button.struck{background:var(--accent);color:#1e2718;border-color:var(--accent)}.keyboard-hint{font-size:9px;color:#6b7771;margin:11px 0 0}kbd{font:inherit;border:1px solid #ffffff17;border-radius:3px;padding:2px 4px;color:#98a28e}.note-readout{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.note-readout>div{display:flex;align-items:center;gap:14px;margin-top:8px}.note-readout strong{font-family:Space Grotesk,sans-serif;font-size:29px;letter-spacing:-1px;color:var(--accent);font-weight:400;min-width:52px}.note-readout #current-position{font-size:10px;line-height:1.6;color:#7e8c82}.tab-section{border-top:1px solid var(--line);background:#101416;padding:18px 36px 16px;overflow:hidden;min-width:0}.tab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tab-heading>div{display:flex;align-items:center;gap:16px}.tab-heading .eyebrow{color:#aeb8a7}.tab-heading #tab-title{font-size:11px;color:#6f7e73}.tab-help{font-size:9px;color:#65716b}.tab-help>span{margin:0 7px}.tab-scroll{padding-bottom:10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#384236 transparent}.tablature{position:relative;min-width:640px;padding-top:15px}.tab-row{display:grid;grid-template-columns:24px repeat(32,minmax(0,1fr));height:18px;align-items:center;position:relative}.tab-row:before{position:absolute;content:"";left:24px;right:0;top:50%;height:1px;background:#ffffff16;pointer-events:none}.tab-string{color:#69796e;font-family:monospace;font-size:10px}.tab-cell{position:relative;height:19px;border-left:1px solid transparent;display:flex;align-items:center;justify-content:center}.tab-cell.bar{border-left-color:#ffffff17}.tab-cell button{height:19px;min-width:16px;padding:0 3px;font-family:Space Grotesk,monospace;font-size:10px;color:#b6c1af;background:#101416;z-index:1;border-radius:3px}.tab-cell button:hover,.tab-cell button.active{color:#141b0f;background:var(--accent)}.tab-cell .pm{position:absolute;bottom:-10px;font-size:6px;color:#647555;white-space:nowrap;pointer-events:none}.bar-number{position:absolute;top:0;font-size:8px;color:#63705f;font-family:monospace}.tab-playhead{position:absolute;top:12px;bottom:0;width:1px;background:#d2ef8960;pointer-events:none;z-index:3}.tab-playhead:before{content:"";position:absolute;top:0;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--accent)}.transport{min-height:84px;border-top:1px solid #ffffff14;background:#191e1d;padding:14px 35px;display:flex;align-items:center;gap:30px}.play-controls{display:flex;gap:12px;align-items:center}.icon-button{height:34px;min-width:27px;font-size:23px;color:#7d8a7d;line-height:1}.icon-button.selected{color:var(--accent)}.play-button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:126px;height:43px;border-radius:5px;background:var(--accent);color:#1c2814;font-size:12px;font-weight:650;transition:background .2s,transform .1s}.play-button:hover{background:#e0ffa1}.play-button:active{transform:scale(.97)}#play-icon{font-size:12px}.timeline{flex:1;min-width:80px;max-width:700px}.timeline-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b7c3ae;letter-spacing:.8px;margin-bottom:6px;font-variant-numeric:tabular-nums}.muted{color:#66745f}#progress{background:linear-gradient(to right,var(--accent) var(--progress,0%),#3a4436 var(--progress,0%));height:2px}#progress::-webkit-slider-thumb{width:6px;height:6px}.tempo-control{display:flex;gap:7px;align-items:center;white-space:nowrap}.tempo-control label{font-size:8px;letter-spacing:1.3px;color:#86947e;margin-right:5px}.tempo-control input{background:#111713;border:1px solid #384431;border-radius:4px;padding:8px 3px;color:#d4e2c2;width:54px;text-align:center;font-family:Space Grotesk,sans-serif;font-size:14px;appearance:textfield}.tempo-control input::-webkit-inner-spin-button{appearance:none}.tempo-control>span{font-size:8px;color:#6b7b61}.tempo-control>button{color:#8da078;font-size:17px;padding:4px}.space-hint{font-size:9px;color:#708165;margin-left:auto;white-space:nowrap}.space-hint kbd{margin-right:5px}.notice{position:fixed;bottom:108px;left:50%;transform:translate(-50%) translateY(10px);z-index:20;background:#d2ef89;color:#182112;padding:12px 19px;border-radius:6px;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:90vw}.notice.visible{opacity:1;transform:translate(-50%) translateY(0)}dialog{max-width:540px;width:calc(100vw - 40px);background:#1a201d;border:1px solid #3e4933;color:#c9d3bf;border-radius:12px;padding:38px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-family:Space Grotesk,sans-serif;font-size:28px;letter-spacing:-1px;font-weight:400;line-height:1.1;color:#e4eadf}dialog p{font-size:12px;line-height:1.8;color:#9caa96}dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:12px}.close-button{position:absolute;right:15px;top:10px;font-size:25px;color:#9aab8f}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.inspector{padding:32px;gap:34px}.stage-heading h1{font-size:54px}.stage-heading{top:40px;left:44px}}@media(max-width:1100px){.header{padding:0 24px}.prototype{display:none}.workspace{grid-template-columns:minmax(0,1fr) 260px}.inspector{padding:23px 18px;gap:24px}.stage-heading{left:24px}.stage-heading h1{font-size:34px}.stage-bottom{left:24px;right:18px}.stage-status{right:18px;font-size:7px}.instrument-info span{font-size:9px}.camera-controls button{padding:8px;font-size:9px}.transport{padding:16px 24px;gap:22px}.space-hint{display:none}.tab-section{padding-left:24px;padding-right:24px}.tab-help{display:none}}@media(max-width:760px){.header{height:66px;padding:0 18px}.wordmark{font-size:25px}.brand-icon{font-size:33px}.header-center{display:none}.text-button{font-size:10px}.workspace{display:flex;flex-direction:column}.stage{height:410px;flex:none}.stage-heading{top:24px;left:20px}.stage-heading h1{font-size:32px}.stage-status{top:28px;right:16px;font-size:6px;letter-spacing:1px}.stage-bottom{left:20px;right:16px;bottom:46px}.stage-hint{font-size:6px;letter-spacing:.8px;bottom:19px}.stage-hint span{margin:0 4px}.instrument-info strong,.instrument-info span{font-size:8px}.camera-controls button{padding:8px;font-size:8px}.tab-section{order:2;flex:none;height:196px;padding:16px 20px}.inspector{order:3;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line);padding:25px 20px 32px;gap:28px 24px;overflow:visible}.inspector-section{min-width:0}.riff-option strong{font-size:12px}.riff-option small{font-size:8px}.riff-option .riff-number{display:none}.section-label{font-size:8px;gap:6px}.tone-controls button{font-size:9px}.tone-controls{margin-bottom:15px}.note-readout{margin:0;align-self:center;padding-top:0;border:0}.transport{position:sticky;bottom:0;z-index:5;min-height:82px;gap:15px;padding:14px 16px;flex-wrap:wrap;box-shadow:0 -10px 25px #0003}.play-controls{gap:8px}.play-button{height:40px;min-width:108px;gap:9px;font-size:11px}.icon-button{min-width:20px;font-size:21px}.timeline{order:3;flex-basis:100%;max-width:none}.timeline-label{display:none}.timeline input{margin:0}.tempo-control{margin-left:auto;gap:4px}.tempo-control label{display:none}.tempo-control input{font-size:13px;width:45px;padding:6px 2px}.tempo-control>button{padding:3px}.notice{bottom:105px}.string-buttons{gap:3px}.string-buttons button{font-size:10px}.note-readout strong{font-size:26px}.note-readout>div{gap:8px}.note-readout #current-position{font-size:9px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.stage-controls{display:flex;align-items:center;gap:8px;pointer-events:auto}.handedness-controls,.pan-controls{display:flex;padding:4px;background:#151a1cd9;border:1px solid #ffffff13;border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.handedness-controls button,.pan-controls button{padding:9px 11px;font-size:10px;border-radius:3px;color:#9aa4a2;transition:color .2s,background .2s}.handedness-controls button.selected{background:#303833;color:#e0edc6}.handedness-controls button:hover,.pan-controls button:hover{color:#fff;background:#303833}.pan-controls button{font-size:14px;line-height:1;padding-left:9px;padding-right:9px}@media(max-width:760px){.stage-controls{gap:4px}.camera-controls button,.handedness-controls button,.pan-controls button{padding:7px 6px;font-size:8px}.pan-controls button{font-size:12px}.instrument-info span{display:none}}.recording-mix{grid-template-columns:1fr 1fr;margin:14px 0 4px}.note-check{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.note-check .manual-heading{margin-bottom:10px}.note-check .text-button{font-size:9px;color:var(--accent)}.note-check-result{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid #ffffff13;border-radius:5px;background:#111516}.note-check-result strong{font-family:Space Grotesk,sans-serif;font-weight:500;color:#d8dfd8}.note-check-result span{font-size:9px;color:#7d8983}.note-check-result output{font:10px Space Grotesk,sans-serif;color:#8c9892}.note-check-result[data-state=correct]{border-color:#d2ef8955}.note-check-result[data-state=correct] strong,.note-check-result[data-state=correct] output{color:var(--accent)}.note-check-result[data-state=wrong]{border-color:#ffb46a55}.note-check-result[data-state=wrong] strong,.note-check-result[data-state=wrong] output{color:#ffbc78}.stage-heading h1{font-size:30px;letter-spacing:-1px;margin-top:9px}.stage-note{position:absolute;top:65px;right:28px;border:0;padding:0;margin:0;pointer-events:none;text-align:right}.stage-note>div{justify-content:flex-end;flex-direction:row-reverse;margin-top:4px}.stage-note strong{min-width:0;font-size:27px}.stage-note #current-position{max-width:130px}@media(min-width:761px)and (max-height:820px){.inspector{padding:20px 22px;gap:18px}.riff-option{padding:10px 0}.riff-option:first-child{padding-top:0}.section-label,.tone-controls{margin-bottom:12px}.slider-label{margin:10px 0 6px}.meter-label{margin-top:12px}.keyboard-hint{margin-top:9px}.manual-heading{margin-bottom:10px}.string-buttons button{height:30px}}@media(max-width:760px){.stage-note{top:85px;right:18px}.stage-note strong{font-size:24px}.stage-note #current-position{max-width:80px}.stage-heading h1{font-size:26px}.stage-note .eyebrow{font-size:7px}}.sample-status{font-size:9px;line-height:1.5;color:#a6b792;margin:0 0 10px}.technique-control{display:flex;gap:8px;align-items:center;margin-top:15px;font-size:10px;color:#a5afaa}.technique-control select{min-width:0;flex:1;background:#21291f;border:1px solid #3b4734;color:#d2ef89;border-radius:4px;padding:8px 5px;font:inherit}.technique-actions{display:flex;gap:7px;margin-top:9px}.technique-actions button,.render-button{padding:9px 8px;border:1px solid #445237;border-radius:4px;color:#d2ef89;font-size:10px}.technique-actions button{flex:1}.technique-actions kbd{font-size:8px}.render-button{width:100%;text-align:left}.render-section audio{width:100%;height:32px;margin:10px 0}.render-section a{font-size:10px;color:var(--accent);text-decoration:underline}.render-section [hidden]{display:none}.tab-pagination{display:flex!important;align-items:center;gap:10px!important;font-size:9px;color:#91a181;white-space:nowrap}.tab-pagination button{font-size:20px;color:var(--accent);line-height:1}.tab-pagination button:disabled{cursor:default}.tab-note{position:absolute;top:0;height:18px;min-width:15px;padding:0 3px;background:#101416;color:#b6c1af;font:10px Space Grotesk,monospace;z-index:2;border-radius:3px;transform:translate(-20%)}.tab-note:hover,.tab-note.active{color:#141b0f;background:var(--accent)}.tab-note sup{font:7px DM Sans,sans-serif;color:#8eab68;position:absolute;top:-4px;left:100%;pointer-events:none}.tab-note.active sup{color:var(--accent)}@media(max-width:760px){.manual-section,.render-section{grid-column:1/-1}.manual-section .string-buttons{max-width:none}.tab-heading>div{gap:8px}.tab-heading #tab-title{font-size:9px}.tab-heading .eyebrow{display:none}.tab-pagination{gap:6px!important;font-size:8px}.render-section audio{max-width:450px}}.tab-measure-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff17;pointer-events:none}.backing-title{font-size:13px;color:#d2ef89;font-weight:500}.backing-section .render-button{margin-top:12px}.backing-section .keyboard-hint{line-height:1.6}.backing-section iframe{width:100%;height:220px;min-width:200px;border:0;border-radius:5px;display:block;margin-top:12px;background:#000}.backing-section [hidden]{display:none!important}.backing-modes{grid-template-columns:repeat(2,1fr);margin:12px 0 0}.backing-link{display:inline-block;font-size:10px;color:#b6c99a;margin-top:10px;text-decoration:underline;text-underline-offset:3px}#close-backing{font-size:10px;padding:10px 0 0}@media(max-width:760px){.backing-section{grid-column:1/-1}.backing-section iframe{height:220px}}.tab-note.uncertain{color:#ffd080;text-decoration:underline dotted;text-underline-offset:3px}.backing-link{display:block;margin-top:8px}.study-summary{margin:-7px 0 12px;color:#a7b797;font:9px Space Grotesk,sans-serif;letter-spacing:.25px}.study-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px 0 14px;font-size:9px;color:#77837e}.study-filter select{min-width:0;max-width:180px;background:#202623;border:1px solid #3a443e;color:#d5dfd2;border-radius:4px;padding:7px 24px 7px 8px;font:10px DM Sans,sans-serif}.theory-group-heading{margin:17px 0 0;color:#8d9b94;font:600 8px DM Sans,sans-serif;letter-spacing:1.15px;text-transform:uppercase}.theory-group-heading:first-child{margin-top:0}.theory-group-heading+.riff-option{padding-top:9px}.theory-group-heading+.riff-option.selected:after{top:9px}.riff-option small em{display:inline-block;margin-right:6px;color:#9fb56f;font:600 7px DM Sans,sans-serif;letter-spacing:.45px;text-transform:uppercase}@media(max-width:760px){.study-library{grid-column:1/-1}.study-filter select{max-width:210px}.theory-group-heading{margin-top:20px}}