:root{--bg:#f4f1eb;--ink:#1f1f1d;--muted:#79746b;--hairline:#322d2624;--panel:#ffffffb3;--cream:#f7f1e4;--body:#efe2c7;--body-edge:#c9a66d;--wood:#7b4b2a;--wood-dark:#402719;--rosewood:#342018;--metal:#d8d4cc;--blue-note:#5d82a7;--green-note:#6f9467;--amber-note:#c59b50;--red-note:#b66b5f;--violet-note:#8f7aa8}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(circle at 50% 4%, #ffffffeb, transparent 32rem), linear-gradient(180deg, #fbfaf7 0%, var(--bg) 48%, #e5e0d5 100%);color:var(--ink);letter-spacing:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}.workspace-shell{grid-template-rows:minmax(0,1fr) auto;gap:10px;width:100vw;min-width:0;height:100svh;min-height:0;padding:18px 24px 14px;display:grid;position:relative;overflow:hidden}.workspace-shell:before{content:"";opacity:.32;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff59 0 1px,#0000 1px),linear-gradient(#ffffff59 0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000,#0000 68%);mask-image:radial-gradient(circle at 50% 38%,#000,#0000 68%)}.app-header{z-index:5;opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute}.landing-panel{z-index:10;color:#23211e;gap:16px;width:min(474px,100vw - 44px);display:grid;position:absolute;top:clamp(24px,7vh,66px);left:clamp(22px,5vw,72px)}.landing-panel p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.landing-panel h1{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5.2vw,76px);font-weight:560;line-height:.92}.landing-panel span{color:#1f1f1da8;width:min(410px,100%);font-size:16px;line-height:1.45}.landing-panel div{flex-wrap:wrap;gap:10px;display:flex}.landing-panel button,.session-toolbar button{color:#fff;background:#1f1f1d;border:0;border-radius:999px;height:40px;padding:0 17px;font-weight:680;box-shadow:0 14px 24px #241f182e}.landing-panel button.landing-secondary,.session-toolbar button{color:#37332d;background:#ffffffc2;box-shadow:inset 0 0 0 1px #362f261a,0 12px 24px #4c41321a}.session-toolbar{z-index:12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffffdb,#f5f1e8b8);border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:7px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fffffff5,0 18px 44px #52473824}.liquid-chrome-layer{z-index:1;mix-blend-mode:screen;opacity:.34;pointer-events:none;position:absolute;inset:0;overflow:hidden}.liquid-chrome-canvas{pointer-events:none;width:100%;height:100%}.session-toolbar strong{text-align:center;min-width:86px;padding:0 8px;font-size:18px;font-weight:760}.session-toolbar button{height:34px;box-shadow:none;padding:0 13px;font-size:13px}.toolbar-degree{color:var(--muted);white-space:nowrap;background:#1f1f1d12;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:720}.session-toolbar button.toolbar-primary{color:#fff;background:#1f1f1d;min-width:64px}.app-header p{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600}.app-header h1{letter-spacing:-.04em;width:min(620px,72vw);margin:0;font-size:clamp(30px,3.7vw,52px);font-weight:560;line-height:.94}.soft-button,.segmented,.input-dock{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffffd6,#f5f1e8b3);border:1px solid #ffffffc2;box-shadow:inset 0 1px #ffffffeb,0 20px 48px #5d523f21}.soft-button{color:#35322d;border-radius:999px;height:42px;padding:0 18px}.instrument-stage{z-index:2;--detail-top:max(96px, 50svh - 18px - (var(--detail-height) + 26px) / 2);--detail-width:clamp(760px, 58vw, 1260px);--detail-height:clamp(210px, 12.2vw, 262px);grid-row:1;justify-self:stretch;place-items:center;width:100%;min-width:0;height:auto;min-height:0;margin-top:0;display:grid;position:relative}.guitar-model{z-index:1;transform-origin:62%;filter:drop-shadow(0 34px 40px #3730262e);width:min(1180px,94vw);height:auto;transition:opacity .48s cubic-bezier(.32,.72,0,1),filter .48s cubic-bezier(.32,.72,0,1),-webkit-mask-image .48s cubic-bezier(.32,.72,0,1),mask-image .48s cubic-bezier(.32,.72,0,1);position:relative}.guitar-photo{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;transform:rotate(180deg)}.fretboard-hit-area{left:var(--fret-left);top:var(--fret-top);z-index:4;width:var(--fret-width);height:var(--fret-height);background:0 0;border:0;padding:0;position:absolute}.photo-fretboard{pointer-events:none;border-radius:8px;position:absolute;inset:0;overflow:hidden}.focus-sheen{opacity:0;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);border-radius:9px;transition:opacity .26s;position:absolute;inset:-1px}.is-focused .focus-sheen{opacity:1}.is-playing .focus-sheen{opacity:1;animation:1.8s linear infinite sheen}.fretboard-detail-layer{z-index:5;left:50%;top:var(--detail-top);width:min(var(--detail-width), calc(100vw - 76px));isolation:isolate;transition:top .48s cubic-bezier(.32,.72,0,1);position:absolute;transform:translate(-50%,-50%)}.fretboard-detail-layer:before{content:"";z-index:-2;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#fbf9f4d6,#eee9e08f);border-radius:26px;transition:inset .48s cubic-bezier(.32,.72,0,1);position:absolute;inset:-20px -32px -22px;box-shadow:inset 0 1px #ffffffd1,0 26px 62px #41372a1a}.fretboard-detail-layer:after{content:"";z-index:-1;filter:blur(16px);opacity:.72;pointer-events:none;background:radial-gradient(#372a1b38,#0000 68%);border-radius:50%;height:58px;position:absolute;bottom:-38px;left:-20px;right:-20px}.detail-ruler{color:#1f1f1d8f;grid-template-columns:repeat(12,1fr);margin:0 0 10px 46px;font-size:12px;font-weight:650;display:grid}.detail-ruler span{padding-left:8px}.detail-fretboard{height:var(--detail-height);background:linear-gradient(90deg,#ffffff14,#0000 18%,#ffffff17 52%,#0000 82%),linear-gradient(#4b3328 0%,#332119 48%,#24150f 100%);border-radius:18px;transition:height .48s cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 14px 28px #ffffff0f,inset 0 -18px 36px #00000042,0 28px 70px #3c302033}.detail-fretboard:before{content:"";mix-blend-mode:screen;opacity:.5;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px);background-size:84px 100%;position:absolute;inset:0}.nut{z-index:4;background:linear-gradient(90deg,#f8f0dc,#c8b991 62%,#8f7f61);width:18px;height:100%;position:absolute;top:0;left:0;box-shadow:inset 1px 0 #ffffffd9,5px 0 14px #00000047}.detail-strings{z-index:3;grid-template-rows:repeat(6,1fr);align-items:center;display:grid;position:absolute;inset:24px 0}.detail-strings span{background:linear-gradient(90deg,#fff3,#eee5d2 8%,#fff9ea 52%,#ffffff57);height:2px;position:relative;box-shadow:0 1px 2px #0000006b}.detail-strings span:first-child{height:3px}.detail-strings span:nth-child(2),.detail-strings span:nth-child(3){height:2.5px}.detail-strings small{color:#ffffffb8;width:18px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:26px}.detail-frets{z-index:2;grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0 0 0 18px}.detail-frets i{border-right:3px solid #e2d7b9c7;box-shadow:inset -1px 0 #ffffff38,2px 0 8px #0003}.detail-inlays{z-index:1;position:absolute;inset:0 0 0 18px}.detail-inlays b{background:radial-gradient(circle at 35% 30%,#fffffff5,#dac597cc 54%,#7c5c336b);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fffc,0 2px 8px #00000038}.note-marker{z-index:5;color:#24211d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;font-weight:750;display:grid;position:absolute;translate:-50% -50%;box-shadow:inset 0 1px #ffffffbd,0 7px 14px #00000040}.detail-note{width:34px;height:34px;font-size:12px;transition:box-shadow .18s}.is-playing .detail-note{box-shadow:inset 0 1px #ffffffbd,0 10px 22px #00000047}.note-marker small{color:#4a4135;background:#f6f0e3;border-radius:50%;place-items:center;width:10px;height:10px;font-size:6px;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 4px #0003}.note-marker.root{background:var(--amber-note)}.note-marker.third{background:var(--green-note)}.note-marker.fifth{background:var(--blue-note);color:#fff}.note-marker.seventh{background:var(--red-note)}.note-marker.extension{background:var(--violet-note);color:#fff}.stage-progression{z-index:9;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);scrollbar-width:none;background:linear-gradient(#ffffffdb,#f5f1e8b8);border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 48px);padding:6px;transition:opacity .25s cubic-bezier(.32,.72,0,1) .25s,transform .25s cubic-bezier(.32,.72,0,1) .25s,visibility 0s linear .25s;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:inset 0 1px #fffffff5,0 18px 44px #52473824}.stage-progression::-webkit-scrollbar{display:none}.stage-key{color:#3c372f;white-space:nowrap;align-items:baseline;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.stage-key small{color:var(--muted);font-size:10px;font-weight:650}.stage-progression button{color:#1f1f1dbd;background:#ffffff8a;border:0;border-radius:999px;flex:none;justify-items:center;row-gap:1px;min-width:56px;padding:5px 12px 4px;display:grid;box-shadow:inset 0 0 0 1px #362f2614}.stage-progression button span{font-size:13px;font-weight:680;line-height:1.1}.stage-progression button small{color:var(--muted);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650;line-height:1}.stage-progression button.active{color:#fff;background:#22211f}.stage-progression button.active small{color:#ffffffa8}.chord-diagram-card{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd6,#f6f2eaad);border:1px solid #ffffffb8;border-radius:18px;justify-items:center;gap:7px;width:132px;padding:12px 10px 10px;display:grid;position:absolute;top:56px;right:28px;box-shadow:inset 0 1px #fffffff0,0 18px 40px #4a3e2e1f}.chord-diagram-card strong{letter-spacing:0;font-size:22px;font-weight:760}.diagram-title{align-items:baseline;gap:6px;display:inline-flex}.chord-diagram-card small{color:var(--muted);font-size:11px;font-weight:650}.chord-diagram-card small.diagram-fret{text-align:left;width:96px}.chord-diagram-card small.diagram-fret span{text-align:center;width:19.2px;display:inline-block}.mini-diagram{width:96px;height:76px;margin:2px 0;position:relative}.mini-string,.mini-fret{background:#2423219e;position:absolute}.mini-string{height:1.4px;left:0;right:0}.mini-string:first-child{top:0}.mini-string:nth-child(2){top:20%}.mini-string:nth-child(3){top:40%}.mini-string:nth-child(4){height:1.7px;top:60%}.mini-string:nth-child(5){height:1.9px;top:80%}.mini-string:nth-child(6){height:2.2px;top:100%}.mini-fret{width:1.5px;top:0;bottom:0}.mini-fret:nth-child(7){left:0}.mini-fret:nth-child(8){left:20%}.mini-fret:nth-child(9){left:40%}.mini-fret:nth-child(10){left:60%}.mini-fret:nth-child(11){left:80%}.mini-fret:nth-child(12){left:100%}.mini-diagram i{color:#1f1f1d;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;font-weight:760;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 1px 5px #00000038}.mini-diagram i.root{background:var(--amber-note)}.mini-diagram i.third{background:var(--green-note)}.mini-diagram i.fifth{background:var(--blue-note);color:#fff}.mini-diagram i.seventh{background:var(--red-note)}.mini-diagram i.extension{background:var(--violet-note);color:#fff}.dock-flow-slot{grid-row:2;min-width:0;min-height:0}.input-dock{z-index:6;scrollbar-width:thin;scrollbar-color:#322d263d transparent;border-radius:24px;flex-direction:column;gap:18px;width:min(980px,100vw - 56px);max-height:min(62svh,580px);margin:0 auto;padding:16px 18px;display:flex;position:relative;overflow:hidden auto}.input-dock::-webkit-scrollbar{width:6px}.input-dock::-webkit-scrollbar-thumb{background:#322d2638;border-radius:999px}.input-dock::-webkit-scrollbar-track{background:0 0}.workspace-shell:not(.settings-open) .input-dock{z-index:1;pointer-events:none}.settings-dock{width:min(1000px,100vw - 56px);max-height:min(62svh,580px,100svh - 330px)}.input-dock:not(.settings-dock){max-height:min(40svh,380px)}.dock-group{gap:10px;display:grid}.dock-group+.dock-group{border-top:1px solid var(--hairline);padding-top:18px}.dock-group-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.dock-group-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.dock-columns{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:12px;display:grid}.segmented{border-radius:999px;grid-template-columns:repeat(3,1fr);align-self:start;min-width:270px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:999px;height:34px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px #4e43321f}textarea{resize:vertical;border:1px solid var(--hairline);width:100%;min-height:96px;color:var(--ink);background:#ffffffb8;border-radius:18px;outline:none;padding:12px 14px;font-size:16px;line-height:1.4;box-shadow:inset 0 1px 3px #483c2d14}textarea:focus{border-color:#26262447}.source-panel{grid-template-columns:1fr 132px;gap:10px;min-width:0;display:grid}.upload-well{min-height:74px;color:var(--muted);text-align:center;background:#ffffff8f;border:1px dashed #2c261e38;border-radius:20px;place-items:center;gap:4px;display:grid}.premium-upload{background:linear-gradient(#ffffffb8,#f4efe4a3),radial-gradient(circle at 16% 18%,#1f1f1d17,#0000 9rem);border-color:#1f1f1d42}.upload-well input{display:none}.upload-well span{color:var(--ink);font-weight:620}.upload-well small{font-size:13px}.recognize-action{color:#fff;background:#22211f;border:0;border-radius:18px;min-height:74px;font-weight:720;box-shadow:0 14px 24px #241f182e}.premium-action:after{content:"Pro";vertical-align:middle;background:#fff3;border-radius:999px;place-items:center;height:16px;margin-left:7px;padding:0 6px;font-size:9px;font-weight:780;display:inline-grid}.preset-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.preset-library button{color:#282520;text-align:left;background:#ffffff94;border:0;border-radius:12px;align-content:center;gap:2px;min-width:0;min-height:40px;padding:6px 10px;display:grid;box-shadow:inset 0 0 0 1px #362f2617}.preset-library button:hover{background:#ffffffd1}.preset-library small{color:var(--muted);font-size:9px;font-weight:760;line-height:1}.preset-library span{font-size:12px;font-weight:720;line-height:1.25}.analysis-panel{background:#ffffff8f;border-radius:18px;align-content:center;gap:7px;min-height:74px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #362f2617}.analysis-panel div{justify-content:space-between;gap:12px;display:flex}.analysis-panel p{color:var(--muted);margin:0;font-size:11px;font-weight:720}.analysis-panel strong{font-size:14px;font-weight:760}.analysis-panel span{color:#1f1f1d9e;font-size:12px;font-weight:620}.analysis-panel.analyzing{background-color:#ffffff8f;background-image:linear-gradient(90deg,#ffffff70,#ffffffd1,#ffffff70),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:180% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.1s linear infinite scan-panel}.sound-toggle{color:#5e584f;white-space:nowrap;background:#ffffff9e;border:0;border-radius:999px;flex:none;height:38px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px #362f2617}.sound-toggle.active{color:#fff;background:#22211f}.instrument-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tone-picker{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.tone-picker button,.color-picker button{color:#5e584f;white-space:nowrap;background:#ffffff94;border:0;border-radius:999px;flex:none;height:34px;font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px #362f2617}.tone-picker button{padding:0 14px}.tone-picker button.active,.color-picker button.active{color:#fff;background:#22211f}.color-picker{flex-wrap:wrap;gap:8px;min-width:0;margin-left:auto;display:flex}.color-picker button{align-items:center;gap:7px;padding:0 12px 0 8px;display:inline-flex}.color-picker span{border-radius:999px;width:24px;height:14px;box-shadow:inset 0 0 0 1px #0000001f}.motion-strip{flex-wrap:wrap;gap:8px;display:flex}.motion-strip button{color:#1f1f1da8;background:#ffffff8a;border:0;border-radius:14px;flex:auto;align-content:center;place-items:center;row-gap:1px;min-width:96px;height:46px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #362f2614}.motion-strip button span{z-index:2;font-weight:650;position:relative}.motion-strip button small{z-index:2;color:var(--muted);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650;line-height:1;position:relative}.motion-strip button.active small{color:#ffffffa3}.motion-strip button i{border-radius:inherit;background:#22211f;position:absolute;inset:0}.motion-strip button.active{color:#fff}.motion-strip button.in-loop:not(.active){box-shadow:inset 0 0 0 1px #1f1f1d2e,0 6px 14px #4a3f3014}.playback-row{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.loop-controls{flex-wrap:wrap;flex:0 auto;align-items:center;gap:8px;display:flex}.loop-controls span{color:var(--muted);font-size:13px;font-weight:650}.loop-controls button{color:#5e584f;white-space:nowrap;background:#ffffff94;border:0;border-radius:999px;flex:none;height:34px;padding:0 14px;font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px #362f2617}.loop-controls button.active{color:#fff;background:#22211f}.loop-controls strong{color:#1f1f1d9e;white-space:nowrap;margin-left:4px;font-size:13px;font-weight:650}.key-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.key-row span{color:var(--muted);font-size:13px;font-weight:650}.key-row select{color:#5e584f;min-width:96px;height:34px;font:inherit;appearance:none;cursor:pointer;background:#ffffff94;border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px #362f2617}.key-row strong{color:#1f1f1d9e;margin-left:auto;font-size:13px;font-weight:650}.tempo-control{min-width:0;color:var(--muted);flex:320px;align-items:center;gap:12px;font-size:13px;display:flex}.tempo-control span{white-space:nowrap;flex:none;min-width:56px;font-weight:650}.tempo-control input{accent-color:#22211f;flex:auto;min-width:100px}.tempo-control button{color:#fff;white-space:nowrap;background:#1f1f1d;border:0;border-radius:999px;flex:none;height:36px;padding:0 18px;font-size:13px;font-weight:680;box-shadow:0 14px 24px #241f182e}.song-chart{background:#ffffff80;border-radius:18px;gap:8px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #362f2614}.song-chart header{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-chart p,.song-chart h3{margin:0}.song-chart p{color:var(--muted);font-size:11px;font-weight:720}.song-chart strong{font-size:14px}.song-chart header button{color:#fff;background:#22211f;border:0;border-radius:999px;height:28px;padding:0 12px;font-size:12px;font-weight:700}.chart-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:112px;display:grid;overflow-y:auto}.chart-sections section{gap:5px;min-width:0;display:grid}.chart-sections h3{color:#1f1f1db8;font-size:12px;font-weight:760}.chart-sections section>div{gap:4px;display:grid}.chart-sections button{color:#282520;text-align:left;background:#ffffff9e;border:0;border-radius:10px;grid-template-columns:18px 1fr;align-items:center;gap:7px;min-width:0;min-height:26px;padding:0 8px;display:grid;box-shadow:inset 0 0 0 1px #362f2614}.chart-sections button small{color:var(--muted);font-size:10px;font-weight:760}.chart-sections button span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:690;overflow:hidden}@keyframes sheen{0%{transform:translate(-80%)}to{transform:translate(80%)}}@keyframes scan-panel{0%{background-position:180% 0}to{background-position:-20% 0}}.is-focused .app-header{opacity:0}.is-focused .instrument-stage{height:auto}.is-focused .guitar-model{opacity:.5;filter:saturate(.78)drop-shadow(0 44px 48px #3730261a);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000000a 28%,#00000029 46%,#0000006b 62%,#000000bd 80%,#000 96%);mask-image:linear-gradient(90deg,#0000 0%,#0000000a 28%,#00000029 46%,#0000006b 62%,#000000bd 80%,#000 96%)}.is-focused .guitar-photo{mix-blend-mode:multiply}.settings-open .instrument-stage{--detail-top:max(calc(68px + (var(--detail-height) + 26px) / 2), 50%);--detail-height:clamp(176px, 9vw, 210px)}.settings-open .fretboard-detail-layer:before{inset:-16px -28px -18px}.settings-open .stage-progression{opacity:0;visibility:hidden;pointer-events:none;transition:none;transform:translate(-50%)translateY(12px)}@media (max-width:719px){.stage-progression{display:none}}@media (min-width:1500px){.instrument-stage{--detail-width:clamp(1080px, 58vw, 1320px);--detail-height:clamp(228px, 12vw, 270px)}.chord-diagram-card{right:clamp(28px,3vw,74px)}}@media (min-aspect-ratio:21/9){.instrument-stage{--detail-width:min(1280px, 54vw)}.fretboard-detail-layer:before{inset:-18px -30px -20px}}@media (max-width:1180px) and (min-width:861px){.settings-open .instrument-stage{--detail-height:clamp(176px, 18vw, 210px);--detail-width:min(860px, calc(100vw - 104px))}}@media (min-width:861px) and (max-height:840px){.input-dock.settings-dock{gap:12px;max-height:min(640px,100svh - 330px);padding:12px 18px 14px}.settings-dock .dock-group+.dock-group{padding-top:12px}.settings-dock textarea{min-height:64px}.settings-dock .preset-library button{min-height:34px}.settings-dock .motion-strip button{height:42px}.settings-open .instrument-stage{--detail-height:clamp(156px, 8.5vw, 188px)}}@media (max-width:860px){.workspace-shell{padding:18px}.landing-panel{gap:13px;top:24px}.landing-panel h1{font-size:42px}.session-toolbar{border-radius:22px;justify-content:flex-start;top:10px;overflow-x:auto}.session-toolbar button{white-space:nowrap}.session-toolbar strong{min-width:72px;font-size:16px}.app-header{display:grid}.soft-button{justify-self:start}.instrument-stage{--detail-top:42%;--detail-width:calc(100vw - 24px);--detail-height:220px;height:45vh;min-height:360px}.settings-open .instrument-stage{--detail-top:38%;--detail-height:196px}.guitar-model{transform-origin:64%;width:980px}.is-focused .guitar-model{transform-origin:63%}.fretboard-detail-layer{top:var(--detail-top);width:var(--detail-width)}.detail-fretboard{height:var(--detail-height)}.chord-diagram-card{display:none}.input-dock,.input-dock:not(.settings-dock){max-height:56svh}.segmented{min-width:0}.dock-columns,.preset-library,.source-panel{grid-template-columns:1fr}.chart-sections{grid-template-columns:1fr;max-height:150px}.color-picker{margin-left:0}.sound-toggle{min-width:104px}.loop-controls span,.loop-controls strong{display:none}.tempo-control{flex-wrap:wrap}}@media (max-width:560px){.workspace-shell{grid-template-rows:382px minmax(0,1fr);gap:8px;padding:10px}.session-toolbar{justify-content:space-between;gap:4px;max-width:none;padding:5px;left:10px;right:10px;transform:none}.session-toolbar button{flex:none;height:32px;padding:0 9px;font-size:12px}.session-toolbar strong{min-width:54px;font-size:15px}.app-header h1{width:100%;font-size:38px}.instrument-stage{--detail-top:156px;--detail-width:calc(100vw - 20px);--detail-height:174px;height:382px;min-height:0}.settings-open .instrument-stage{--detail-top:154px;--detail-height:172px}.guitar-model{display:none}.fretboard-detail-layer:before{border-radius:20px;inset:-14px -10px -18px}.fretboard-detail-layer:after{height:40px;bottom:-24px}.detail-ruler{margin:0 0 8px 28px;font-size:11px}.detail-ruler span{padding-left:2px}.detail-fretboard{border-radius:14px}.detail-strings{inset:22px 0}.detail-strings small{font-size:10px;left:10px}.detail-note{width:30px;height:30px;font-size:11px}.input-dock,.input-dock:not(.settings-dock){border-radius:22px;width:calc(100vw - 20px);height:calc(100svh - 410px);min-height:330px;max-height:none;padding:14px}.dock-group-head{flex-wrap:wrap;gap:10px}.segmented{width:100%}textarea{min-height:64px;font-size:16px}.preset-library{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-library button{min-height:40px}}@media (orientation:landscape) and (max-height:560px) and (max-width:940px){.workspace-shell{grid-template-rows:1fr;gap:0;padding:8px 10px}.session-toolbar{justify-content:space-between;gap:4px;width:min(430px,100vw - 20px);max-width:none;padding:5px;top:8px;left:50%;right:auto;transform:translate(-50%)}.session-toolbar button{flex:none;height:30px;padding:0 10px;font-size:12px}.session-toolbar strong{min-width:68px;font-size:15px}.instrument-stage{--detail-top:88px;--detail-width:calc(100vw - 24px);--detail-height:clamp(152px, calc(100svh - 184px), 188px);height:100%;min-height:0}.settings-open .instrument-stage{--detail-top:76px;--detail-height:clamp(132px, calc(100svh - 212px), 164px)}.guitar-model,.is-focused .guitar-model{display:none}.fretboard-detail-layer{width:var(--detail-width)}.fretboard-detail-layer:before{border-radius:18px;inset:-10px -12px -12px}.fretboard-detail-layer:after{opacity:.48;height:30px;bottom:-18px}.detail-ruler{margin:0 0 6px 28px;font-size:10px}.detail-fretboard{border-radius:12px}.detail-strings{inset:18px 0}.detail-strings small{font-size:9px;left:10px}.detail-note{width:28px;height:28px;font-size:10px}.chord-diagram-card,.stage-progression{display:none}.input-dock,.input-dock:not(.settings-dock){z-index:20;border-radius:18px;width:min(420px,100vw - 20px);max-height:none;padding:10px;position:absolute;inset:56px 10px 8px auto}.dock-columns{grid-template-columns:1fr}textarea{min-height:46px}}.transcription-export-panel{border:1px solid var(--line,#dde4e0);background:var(--surface,#fff);border-radius:16px;padding:20px}.transcription-export-panel header h3{margin:0 0 6px}.transcription-export-panel header p{color:var(--muted,#586761);margin:0 0 16px;font-size:13px}.transcription-export-panel .transcription-actions{align-items:end;gap:10px}.transcription-export-panel .transcription-actions label{gap:6px;font-size:12px;display:grid}
body{overflow:auto}.practice-workspace{--page-gutter:clamp(22px, 3.4vw, 56px);--quiet-ink:#8a847a;--wood-surface:linear-gradient(180deg, #49362b, #33251d 58%, #2b1e17);height:100dvh;min-height:280px;padding:0 var(--page-gutter);color:#2c2924;-webkit-font-smoothing:antialiased;background:radial-gradient(at 45% 24%,#fffdf9 0%,#0000 70%),linear-gradient(#f8f6f0,#ede8de);grid-template-rows:68px minmax(0,1fr) auto 36px;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:clip}.practice-workspace button,.practice-workspace input,.practice-workspace select{font:inherit}.practice-workspace button{-webkit-tap-highlight-color:transparent}.practice-workspace button:focus-visible,.practice-workspace a:focus-visible,.practice-workspace input:focus-visible,.practice-workspace select:focus-visible{outline-offset:4px;outline:2px solid #788c70}.practice-header{z-index:4;justify-content:space-between;align-items:center;display:flex;position:relative}.practice-brand{color:inherit;letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:660;text-decoration:none;display:inline-flex}.brand-mark{align-items:center;gap:3px;width:22px;height:23px;display:inline-flex}.brand-mark i{background:#343028;border-radius:3px;width:3px;height:21px;display:block;transform:rotate(17deg)}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:9px}.brand-section{color:var(--quiet-ink);letter-spacing:0;border-left:1px solid #dcd6cc;margin-left:8px;padding-left:18px;font-size:12px;font-weight:450}.practice-workspace .quiet-button{color:#777066;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:inline-flex}.practice-workspace .quiet-button:hover,.practice-workspace .icon-button:hover{color:#2c2924;background:#6253360a}.practice-workspace .icon-button{color:#756d61;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:inline-grid}.practice-stage{isolation:isolate;width:100%;min-width:0;min-height:0;position:relative;overflow:clip}.instrument-composition{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.instrument-photo-frame{z-index:-1;width:var(--photo-width);aspect-ratio:var(--photo-aspect);left:var(--photo-x);top:var(--photo-y);pointer-events:none;perspective:1400px;position:absolute}.instrument-photo-material{transform-origin:65%;width:100%;height:100%;-webkit-mask-image:var(--dissolve-mask);mask-image:var(--dissolve-mask);-webkit-mask-image:var(--dissolve-mask)}.instrument-headstock{left:calc(var(--neck-x) - var(--headstock-width));top:calc(var(--neck-y) - var(--neck-height));width:calc(var(--headstock-width) + 2px);height:calc(var(--neck-height) * 3);pointer-events:none;position:absolute;overflow:hidden}.instrument-headstock img{left:0;top:calc(var(--headstock-photo-y) + var(--neck-height));width:var(--headstock-photo-width);-webkit-user-select:none;user-select:none;max-width:none;height:auto;position:absolute;transform:rotate(180deg)}.legacy-photo .instrument-headstock{mix-blend-mode:multiply}.legacy-photo .instrument-headstock img{filter:saturate(.7)}.stage-focus-toggle{z-index:4;color:#786e5b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#fffcf380;border:1px solid #c4bba333;border-radius:99px;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:12px;transition:background .22s,color .22s,border-color .22s;display:inline-flex;position:absolute;top:12px;right:8px;box-shadow:inset 0 1px #ffffffa6}.stage-focus-toggle:hover{color:#3c422e;background:#fffdf5e6}.stage-focus-toggle[aria-pressed=true]{color:#4c5e3d;background:#e6eadfbd;border-color:#8f9d7859}.stage-focus-toggle kbd{color:#829174;border:1px solid #80906b33;border-radius:4px;margin-left:4px;padding:2px 4px;font:9px ui-sans-serif,system-ui,sans-serif}.instrument-photo{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block;transform:rotate(180deg);-webkit-mask-image:linear-gradient(90deg,#000 0 46%,#0000 69%);mask-image:linear-gradient(90deg,#000 0 46%,#0000 69%)}.legacy-photo .instrument-photo-frame{opacity:.8;mix-blend-mode:multiply}.legacy-photo .instrument-photo{filter:saturate(.7)}.practice-header>.quiet-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f1e8}.maple-neck{--wood-surface:linear-gradient(180deg, #f1c57f, #dba858 58%, #d09b4c)}.maple-neck .neck-inlays b{box-shadow:none;background:#51422d}.maple-neck .neck-inlays b.double{box-shadow:0 var(--inlay-gap,calc(var(--neck-height) * .3)) #51422d}.maple-neck .neck-strings small{color:#4a381fb3}.maple-neck .neck-strings>span{background:linear-gradient(#f1eddb,#6c5c46)}.learning-neck{z-index:1;left:var(--neck-x);top:var(--neck-y);width:var(--neck-width);height:var(--neck-height);position:absolute}.neck-ruler{text-align:center;color:#7c7568;font-size:11px;font-weight:500;display:grid;position:absolute;top:-29px;left:14px;right:0}.neck-clip-defs{position:absolute}.neck-surface{z-index:2;background:var(--wood-surface);border-radius:10px 1px 1px 10px;width:100%;height:100%;transition:border-radius 1.2s cubic-bezier(.22,1,.36,1),box-shadow 1.2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #f4debd8a,inset 0 -2px 4px #0c09076b,0 21px 42px #3f301b24}.focus-mode .neck-surface{border-radius:10px;box-shadow:inset 0 1px 2px #f4debd8a,inset 0 -2px 4px #0c09076b,0 24px 54px #3f301b1f}.neck-surface:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#fff1da03 0 1px,#0000 1px 4px),linear-gradient(90deg,#00000014,#0000 36%,#d6b98808 72%,#0000);position:absolute;inset:0}.neck-nut{z-index:4;background:linear-gradient(90deg,#eee5d2,#b2a279 68%,#827150);width:14px;height:100%;position:absolute;top:0;left:0;box-shadow:3px 0 8px #0004}.neck-grid{position:absolute;inset:0 0 0 14px}.neck-frets{z-index:2;display:grid;position:absolute;inset:0}.neck-frets i{border-right:2px solid #c4bba3;box-shadow:inset -1px 0 #f6efdc55,1px 0 3px #0005}.neck-inlays{z-index:1;position:absolute;inset:0}.neck-inlays b{opacity:.85;background:radial-gradient(circle at 30% 25%,#f9f2dc,#b4a684 68%,#75613c);border-radius:50%;width:clamp(9px,1vw,14px);height:clamp(9px,1vw,14px);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fff8,0 2px 3px #0002}.neck-inlays b.double{box-shadow:0 var(--inlay-gap,calc(var(--neck-height) * .3)) #c5bca1;top:35%}.neck-strings{z-index:3;position:absolute;inset:0}.neck-strings>span{background:linear-gradient(#f4eedb,#b1a78d);width:100%;position:absolute;left:0;transform:translateY(-50%);box-shadow:0 1px 2px #0006}.neck-strings small{color:#e2d9c49c;font-size:9px;font-weight:500;position:absolute;top:-13px;left:8px}.practice-note{z-index:5;color:#27251e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:650;transition:background-color .32s,color .32s;display:grid;position:absolute;translate:-50% -50%;box-shadow:inset 0 1px 1px #fff8,0 4px 10px #0004}.practice-note.root{background:var(--amber-note);color:var(--amber-ink)}.practice-note.third{background:var(--green-note);color:var(--green-ink)}.practice-note.fifth{background:var(--blue-note);color:var(--blue-ink)}.practice-note.seventh{background:var(--red-note);color:var(--red-ink)}.practice-note.extension{background:var(--violet-note);color:var(--violet-ink)}.neck-joint{z-index:1;height:100%;width:calc(var(--joint-width) + 3px);background:var(--wood-surface);position:absolute;top:0;left:calc(100% - 2px);-webkit-mask-image:linear-gradient(90deg,#000 0 80%,#0000);mask-image:linear-gradient(90deg,#000 0 80%,#0000)}.neck-joint svg{width:100%;height:100%;overflow:visible}.neck-joint path{fill:none;stroke:#c4bba3;stroke-width:1.7px;vector-effect:non-scaling-stroke}.neck-caption{color:#928b7e;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;top:calc(100% + 25px);left:2px}.neck-caption strong{color:#4f483d;font-size:19px;font-weight:550}.neck-caption>span:first-of-type{font-family:ui-serif,Georgia,serif;font-size:12px}.neck-caption i,.practice-footer i{background:#aaa293;border-radius:50%;width:2px;height:2px}.whole-guitar .instrument-photo-frame{opacity:1}.separate-guitar .instrument-photo{-webkit-mask-image:none;mask-image:none}.separate-guitar .neck-joint{display:none}.separate-guitar .neck-surface{border-radius:10px}.whole-guitar .instrument-photo{filter:none;-webkit-mask-image:none;mask-image:none}.photo-voicing{position:absolute;inset:0}.photo-voicing .practice-note{z-index:3;border:solid #fffc;width:28px;height:28px;font-size:12px;box-shadow:0 0 0 1px #fff9,0 1px 3px #0003}.instrument-focus-button{color:#6f675b;background:#ffffffc4;border:1px solid #a2967a26;border-radius:99px;padding:10px 18px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.practice-diagram{pointer-events:none;z-index:2;position:absolute;inset:0}.practice-diagram .chord-diagram-card{left:var(--page-gutter);width:106px;display:grid;top:92px;right:auto;transform:none}.practice-dock{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffefaeb,#fbf8f0b8);border:1px solid #ffffffdb;border-radius:23px;justify-self:center;width:min(760px,100%);padding:8px 22px 12px;box-shadow:0 16px 48px #6c583810,inset 0 1px #fff}.practice-dock-heading{justify-content:space-between;align-items:center;display:flex}.practice-dock-heading>div{align-items:center;gap:10px;display:flex}.practice-workspace .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9c9385;margin:0;font-size:10px;font-weight:550}.active-loop-label{color:#766d5d;background:#c5b99420;border-radius:4px;padding:3px 6px;font-size:10px}.practice-workspace .edit-progression{padding-right:0;font-size:12px}.practice-chords{scrollbar-width:thin;scrollbar-color:#cfc8ba transparent;gap:10px;padding:4px 1px 12px;display:flex;overflow-x:auto}.practice-chords button{color:#8f8677;background:0 0;border:1px solid #0000;border-radius:13px;flex:1 0 90px;align-content:center;place-items:center;gap:6px;height:64px;transition:background .16s,color .16s,box-shadow .16s;display:grid}.practice-chords button>span{letter-spacing:-.6px;font-size:23px;font-weight:480}.practice-chords button>small{color:#b0a899;font-family:ui-serif,Georgia,serif;font-size:11px}.practice-chords button.active{color:#2d2922;background:#fffefb;border-color:#e5decf75;box-shadow:0 4px 14px #715c3310}.practice-chords button.active>small{color:#8f8167}.practice-chords button:hover{color:#393228;background:#fffefa9c}.practice-chords button.outside-loop{opacity:.4}.practice-transport{border-top:1px solid #a48c6020;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:10px;display:grid}.tempo-shortcut{color:#a39a8a;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;padding:8px 0;font-size:10px;display:inline-flex}.tempo-shortcut strong{color:#635c50;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.beat-dot{background:#b5a68a;border-radius:50%;width:5px;height:5px;margin-right:2px}.beat-dot.playing{animation:1s ease-out infinite tempo-pulse}@keyframes tempo-pulse{0%{box-shadow:0 0 #95815a66}80%,to{box-shadow:0 0 0 6px #95815a00}}.transport-center{align-items:center;gap:15px;display:flex}.play-button{color:#fffaf0;background:#2b2822;border:1px solid #363128;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:118px;height:43px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 3px 7px #382c1215}.play-button>span{font-size:13px;font-weight:520}.play-button:hover{background:#403a2e}.practice-position{color:#8e8472;font-variant-numeric:tabular-nums;justify-self:end;gap:9px;font-size:11px;display:flex}.practice-position>span{color:#c7bdae}.practice-footer{color:#a29885;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.workspace-sheet{color:#312d25;background:#fcfaf5;border:1px solid #fffffff2;border-radius:24px;width:min(480px,100vw - 40px);max-width:none;height:calc(100svh - 40px);max-height:calc(100svh - 40px);margin:0;padding:0;position:fixed;inset:20px 20px 20px auto;overflow:hidden;box-shadow:-18px 12px 85px #49391720}.workspace-sheet[open]{flex-direction:column;display:flex}.workspace-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b302619}.sheet-header{border-bottom:1px solid #a28b6620;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 24px 22px;display:flex}.sheet-heading{align-items:center;gap:7px;display:flex}.sheet-heading h2{letter-spacing:-.7px;outline:none;margin:9px 0 0;font-size:24px;font-weight:550}.practice-workspace .sheet-back{width:28px;height:36px;margin-left:-7px;margin-right:3px}.sheet-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:24px;overflow-y:auto}.settings-detail{gap:24px;display:grid}.practice-workspace .field-label{color:#6e6659;margin-bottom:11px;font-size:12px;display:block}.practice-workspace .progression-editor textarea{resize:vertical;color:#383024;width:100%;min-height:150px;box-shadow:none;background:#fffdfa;border:1px solid #d7ccba;border-radius:15px;grid-area:auto;padding:17px;font-size:21px;font-weight:450;line-height:1.65}.practice-workspace .progression-editor textarea:focus{border-color:#899875;outline:2px solid #8c987744}.practice-workspace .field-hint{color:#988d7d;margin:10px 0 0;font-size:12px;line-height:1.7}.practice-workspace .field-error{color:#a05440;margin:12px 0;font-size:12px;line-height:1.6}.editor-options{gap:9px;margin-top:24px;display:flex}.practice-workspace .secondary-button{color:#7d715f;background:#fffefa9c;border:1px solid #b0a0873b;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;display:inline-flex}.practice-workspace .secondary-button:hover{background:#fff;border-color:#b3a286}.sheet-actions{border-top:1px solid #ad987523;justify-content:flex-end;align-items:center;gap:12px;margin-top:36px;padding-top:22px;display:flex}.practice-workspace .action-button{color:#fffaf0;background:#2d2a23;border:0;border-radius:99px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:0 22px;font-size:12px;display:inline-flex}.practice-workspace .action-button:disabled{opacity:.45;cursor:wait}.practice-workspace .action-button.full-width{width:100%}.settings-list{display:grid}.practice-workspace .settings-row{text-align:left;color:#7a705e;background:0 0;border:0;border-bottom:1px solid #bba88926;align-items:center;gap:16px;width:100%;padding:20px 2px;display:flex}.settings-row:first-child{padding-top:10px}.settings-row:last-child{border-bottom:0}.settings-row>span:nth-child(2){flex:1;gap:7px;display:grid}.settings-row strong{color:#3e372c;font-size:14px;font-weight:500}.settings-row small{color:#a09582;font-size:12px}.settings-row:hover strong{color:#7e875e}.settings-row-icon{color:#9f917a;width:28px}.preset-cards{gap:0;display:grid}.practice-workspace .preset-cards>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #b9a88d29;gap:9px;width:100%;padding:18px 30px 18px 0;display:grid;position:relative}.preset-cards>button>strong{color:#453a2b;font-size:15px;font-weight:500}.preset-cards>button>.preset-chords{color:#9c8e76;font-size:12px}.preset-cards>button>svg{color:#a4967e;position:absolute;top:50%;right:0}.preset-cards>button:hover{background:#ccb8920b}.tempo-setting{grid-template-columns:1fr auto;align-items:baseline;gap:18px;display:grid}.tempo-setting>label{color:#6e6250;font-size:13px}.tempo-setting output{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:400}.tempo-setting output small{letter-spacing:.05em;color:#9c8f78;margin-left:7px;font-size:10px}.tempo-setting input{accent-color:#3d372a;grid-column:1/-1;width:100%;margin:0}.tempo-setting>div{color:#afa18b;grid-column:1/-1;justify-content:space-between;margin-top:-8px;font-size:10px;display:flex}.practice-workspace .option-list{border:0;gap:0;margin:0;padding:0;display:grid}.practice-workspace .option-list legend{color:#a19580;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;padding:0;font-size:10px}.option-list label{cursor:pointer;border-bottom:1px solid #b3a18223;align-items:center;gap:13px;padding:15px 0;display:flex}.option-list label:last-child{border:0}.practice-workspace .tone-voice-note{color:#8b816c;margin:6px 0 4px;font-size:12px;line-height:1.5}.option-list input{accent-color:#4c4938;flex-shrink:0;width:16px;height:16px;margin:0}.option-list label>span{gap:6px;display:grid}.option-list strong,.toggle-row strong{color:#504530;font-size:13px;font-weight:500}.option-list small,.toggle-row small{color:#a1947e;font-size:11px;line-height:1.5}.practice-workspace .setting-note{color:#8d7d61;text-align:center;margin:0;font-size:14px}.practice-workspace .toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;display:flex}.toggle-row>span{gap:7px;display:grid}.toggle-row input{appearance:none;cursor:pointer;background:#d9d0c0;border:0;border-radius:99px;flex-shrink:0;width:40px;height:24px;transition:background .16s;position:relative}.toggle-row input:after{content:"";background:#fffdf6;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.toggle-row input:checked{background:#5d614b}.toggle-row input:checked:after{transform:translate(16px)}.option-list label>.palette-swatches{gap:3px;margin-left:auto;display:flex}.palette-swatches i{border-radius:50%;width:14px;height:14px;display:block}.practice-workspace .key-select{color:#5c4f3a;background:#fffdf7;border:1px solid #d7ccba;border-radius:12px;width:100%;padding:13px;font-size:14px;display:block}.import-tabs{border-bottom:1px solid #bcac912e;gap:22px;display:flex}.practice-workspace .import-tabs button{color:#a39781;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 12px;font-size:13px}.practice-workspace .import-tabs button[aria-pressed=true]{color:#4c4230;border-bottom-color:#6d7255}.audio-upload{text-align:center;color:#a29477;cursor:pointer;border:1px dashed #c7b99d;border-radius:18px;place-items:center;gap:13px;padding:42px 24px;display:grid;position:relative}.audio-upload strong{overflow-wrap:anywhere;color:#7e6e50;max-width:100%;font-size:14px;font-weight:500}.audio-upload span{color:#b0a087;font-size:11px}.audio-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.audio-upload:focus-within{outline-offset:4px;outline:2px solid #899875}.import-status{color:#8b7a5c;background:#9d927711;border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.6}.import-status p{margin:0}.import-status strong{color:#51472f;margin-top:12px;font-size:16px;font-weight:500;display:block}.import-status.error{color:#9f6650;background:#a870500b}.import-unavailable{color:#a39477;justify-items:start;gap:16px;padding:18px 0;display:grid}.import-unavailable strong{color:#7d6c4d;font-size:15px;font-weight:500;line-height:1.6}.import-unavailable p{margin:0 0 8px;font-size:12px;line-height:1.8}.imported-chart{gap:24px;display:grid}.imported-chart h3{font-size:13px;font-weight:500}.imported-chart section>div{flex-wrap:wrap;gap:8px;display:flex}.imported-chart section button{color:#716245;background:0 0;border:1px solid #c2b2944a;border-radius:10px;padding:10px}.imported-chart section button small{color:#af9f83;margin-bottom:6px;font-size:9px;display:block}@media (max-width:900px){.practice-workspace{grid-template-rows:60px minmax(0,1fr) auto 30px}.practice-dock{width:min(690px,100vw - 44px)}.neck-caption{top:calc(100% + 20px)}.practice-diagram .chord-diagram-card{transform-origin:0 0;top:65px;transform:scale(.7)}}@media (max-width:600px){.practice-workspace{--page-gutter:20px;grid-template-rows:58px minmax(0,1fr) auto 30px}.practice-brand{font-size:18px}.brand-section,.practice-header .quiet-button>span{display:none}.practice-header .quiet-button{padding-right:0}.neck-ruler{font-size:9px}.neck-strings small{font-size:8px;left:4px}.neck-caption>span:last-child,.neck-caption i{display:none}.neck-caption{gap:9px;top:calc(100% + 19px);left:2px}.neck-caption strong{font-size:17px}.practice-dock{border-radius:22px;width:100%;padding:13px 15px 17px}.practice-chords{gap:2px;padding-bottom:15px}.practice-chords button{flex-basis:62px;height:73px}.practice-chords button>span{font-size:19px}.practice-chords button>small{font-size:10px}.transport-center{gap:2px}.play-button{gap:7px;width:90px;height:42px}.practice-position{gap:5px;font-size:10px}.tempo-shortcut{gap:4px}.tempo-shortcut>span:last-child{font-size:9px}.tempo-shortcut .beat-dot{display:none}.workspace-sheet{border-radius:25px 25px 0 0;width:100%;height:min(86svh,720px);max-height:90svh;inset:auto 0 0}.sheet-header{padding:24px 20px 19px}.sheet-heading h2{font-size:22px}.sheet-body{padding:22px 20px 30px}.practice-diagram{display:none}}@media (max-height:650px){.practice-workspace{--page-gutter:24px;grid-template-rows:46px minmax(0,1fr) auto 20px}.neck-ruler{font-size:9px;top:-19px}.neck-caption{display:none}.practice-dock{width:min(740px,100vw - 48px);padding:3px 18px 10px}.practice-dock-heading .quiet-button{padding-top:5px;padding-bottom:5px}.practice-chords{padding:0 0 5px}.practice-chords button{gap:1px;height:47px}.practice-chords button>span{font-size:18px}.practice-chords button>small{font-size:9px}.practice-transport{padding-top:6px}.play-button{height:34px}.practice-transport .icon-button{height:32px}.practice-footer{font-size:9px}.practice-diagram{display:none}.workspace-sheet{border-radius:20px;width:min(420px,100vw - 24px);height:calc(100svh - 24px);max-height:none;inset:12px 12px 12px auto}.sheet-header{padding:18px 22px 15px}.sheet-heading h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.practice-workspace *,.practice-workspace :after{transition:none!important;animation:none!important}}.practice-workspace .dream-guitar-entry{text-align:left;color:#645641;background:linear-gradient(130deg,#e8e1d37a,#fffdf8);border:1px solid #d6cbbb66;border-radius:17px;align-items:center;gap:14px;width:100%;padding:22px 16px;display:flex;position:relative;overflow:hidden}.dream-guitar-entry>img{object-fit:cover;object-position:left;mix-blend-mode:multiply;width:138px;height:92px;margin-left:-69px}.dream-guitar-entry>span{flex:1;gap:7px;display:grid}.dream-guitar-entry small{color:#a19580;font-size:10px}.dream-guitar-entry strong{font-size:16px;font-weight:550}.dream-guitar-entry span span{color:#92836a;font-size:11px}.dream-guitar-picker>.field-hint{margin-top:0}.guitar-filters{gap:6px;margin:22px 0;display:flex}.practice-workspace .guitar-filters button{color:#9c8d74;background:0 0;border:1px solid #0000;border-radius:99px;padding:7px 13px;font-size:11px}.practice-workspace .guitar-filters button[aria-pressed=true]{color:#514a3c;background:#eae4d7}.guitar-gallery{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guitar-gallery article{background:#fffdf8;border:1px solid #d4c6ad55;border-radius:16px;padding-bottom:13px;overflow:hidden}.guitar-gallery article.selected{border-color:#8b9875;box-shadow:0 0 0 1px #8b98752b}.practice-workspace .guitar-choice{text-align:left;color:#655840;background:0 0;border:0;width:100%;padding:0;display:block}.guitar-preview{background:radial-gradient(at 30% 80%,#e8dfce77,#0000);height:106px;display:block;position:relative;overflow:hidden}.guitar-preview img{object-fit:contain;object-position:left;mix-blend-mode:multiply;transform-origin:25%;width:285px;max-width:none;height:105px;transition:transform .25s;position:absolute;top:0;left:-7px;transform:rotate(-12deg)}.guitar-choice:hover .guitar-preview img{transform:rotate(-8deg)scale(1.03)}.guitar-choice-title{justify-content:space-between;align-items:center;min-height:23px;padding:3px 13px 0;display:flex}.guitar-choice-title strong{font-size:13px;font-weight:550}.guitar-choice-title>span{color:#6f815b;width:17px}.guitar-finish{color:#9c8c70;margin:5px 13px 0;font-size:10px;display:block}.guitar-gallery article>a,.original-guitar-label{color:#a69880;margin:13px 13px 0;font-size:9px;text-decoration:none;display:inline-block}.guitar-gallery article>a:hover{color:#625843;text-decoration:underline}.compact-guitar .neck-ruler{font-size:17px;top:-32px}.compact-guitar .practice-note{width:38px;height:38px;font-size:15px}.compact-guitar .neck-strings small{font-size:13px;top:-20px;left:6px}.compact-guitar .neck-caption{top:calc(100% + 22px)}.compact-guitar .neck-caption strong{font-size:28px}.compact-guitar .neck-caption>span{font-size:18px}.compact-guitar .neck-caption>span:last-child,.compact-guitar .neck-caption i{display:none}.practice-dock-actions{align-items:center;gap:18px;display:flex}.practice-workspace .harmony-shortcut{padding-inline:0}@media (max-width:420px){.practice-workspace{--page-gutter:14px}.practice-dock{padding-inline:12px}.practice-dock-actions{gap:12px}.practice-dock-heading>div{gap:6px}.practice-dock-heading .eyebrow{letter-spacing:.08em;font-size:8px}.practice-workspace .harmony-shortcut,.practice-workspace .edit-progression{font-size:11px}.practice-transport{column-gap:4px}.transport-center .icon-button{width:30px}}.practice-header{gap:12px}.practice-brand{margin-right:auto}.practice-chords{gap:8px}.practice-chords button{flex-basis:105px;gap:3px;height:160px;padding:7px 4px}.practice-chords button>span{font-size:21px}.chord-thumbnail{width:92px;max-width:100%;height:94px;display:block;overflow:visible}.thumb-string,.thumb-fret{stroke:#a19a8d;stroke-width:1.1px}.thumb-fret.nut{stroke-width:2.5px}.thumb-open{fill:#a19a8d;text-anchor:middle;font-size:11px}.thumb-fret-number{fill:#928776;text-anchor:end;font-size:11px;font-weight:650}.thumb-note text{text-anchor:middle;font-size:8px;font-weight:650}.thumb-note.root circle{fill:var(--amber-note)}.thumb-note.root text{fill:var(--amber-ink)}.thumb-note.third circle{fill:var(--green-note)}.thumb-note.third text{fill:var(--green-ink)}.thumb-note.fifth circle{fill:var(--blue-note)}.thumb-note.fifth text{fill:var(--blue-ink)}.thumb-note.seventh circle{fill:var(--red-note)}.thumb-note.seventh text{fill:var(--red-ink)}.thumb-note.extension circle{fill:var(--violet-note)}.thumb-note.extension text{fill:var(--violet-ink)}.harmony-detail{gap:22px;display:grid}.harmony-key{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.harmony-key>.eyebrow{grid-column:1/-1}.harmony-key>strong{font-size:32px;font-weight:500}.harmony-chords{display:grid}.practice-workspace .harmony-chords button{text-align:left;color:#605646;background:0 0;border:0;border-bottom:1px solid #bba88926;grid-template-columns:1fr auto;gap:7px;padding:16px 8px;display:grid}.harmony-chords button>strong{font-size:18px;font-weight:500}.harmony-chords button>small{color:#928572;grid-column:1/-1;font-size:11px}.practice-workspace .harmony-chords button[aria-pressed=true]{background:#ece5d74d;border-radius:10px}.harmony-degree{font-family:ui-serif,Georgia,serif;font-size:18px}.harmony-scales{border-top:1px solid #bba88940;gap:12px;padding-block:20px 4px;display:grid}.harmony-scales>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.harmony-scales h3{color:#605646;margin:0;font-size:15px;font-weight:550}.harmony-scales>header>strong{font-size:18px;font-weight:500}.harmony-scale-options{flex-wrap:wrap;gap:7px;display:flex}.practice-workspace .harmony-scale-options button{color:#75654c;text-align:left;background:#fffdf855;border:1px solid #bba88955;border-radius:12px;min-height:44px;padding:9px 12px;font-size:12px}.practice-workspace .harmony-scale-options button[aria-pressed=true]{color:#4e432f;background:#e9e0cc99;border-color:#9a875f}.harmony-scale-detail{gap:12px;display:grid}.harmony-scale-reason,.harmony-scale-key{color:#75654c;margin:0;font-size:12px;line-height:1.65}.harmony-scale-key{color:#587259}.harmony-scale-notes{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.harmony-scale-notes li{text-align:center;color:#8c7e68;border:1px solid #bba88930;border-radius:9px;gap:5px;padding:9px 3px;display:grid}.harmony-scale-notes li>span:first-child{font-size:10px}.harmony-scale-notes li>strong{font-size:14px;font-weight:500}.harmony-scale-notes li[data-chord-tone=true]{color:#51432d;background:#e7dcc5aa;border-color:#ac98695c}.harmony-scale-notes li[data-chord-tone=true]>strong{font-weight:650}.harmony-scales .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.practice-chords{gap:3px}.practice-chords button{flex-basis:62px;height:144px}.practice-chords button>span{font-size:18px}.chord-thumbnail{width:74px;height:85px}}@media (max-height:650px){.practice-chords button{gap:1px;height:114px;padding-block:3px}.practice-chords button>span{font-size:17px}.chord-thumbnail{width:69px;height:66px}}@media (max-height:420px){.practice-workspace{grid-template-rows:40px minmax(0,1fr) auto 18px}.practice-dock{padding-top:0;padding-bottom:7px}.practice-chords button{height:91px}.chord-thumbnail{width:51px;height:50px}.practice-chords button>span{font-size:15px}.practice-chords button>small{font-size:8px}.practice-dock-heading .quiet-button{padding-block:3px}.practice-transport{padding-top:4px}}.harmony-key-select{color:#75654c;background:#fffdf8;border:1px solid #d6cbbb;border-radius:9px;max-width:140px;padding:8px 10px;font-size:12px}.instrument-focus-button{bottom:12px}@media (max-width:600px){.stage-focus-toggle{padding:8px 12px;font-size:11px;top:7px;right:6px}.stage-focus-toggle kbd{display:none}}@media (max-height:420px){.stage-focus-toggle{min-height:30px;padding:5px 10px;font-size:10px;top:6px}}.transcribe-header-note{color:#898170;margin-right:8px;font-size:12px}.practice-workspace .transcribe-entry{color:#514b41;-webkit-backdrop-filter:blur(16px)saturate(115%);backdrop-filter:blur(16px)saturate(115%);background:#fffcf5b3;border:1px solid #c4bba359;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;height:42px;padding:0 17px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7,0 1px 3px #3f301b08}.practice-workspace .transcribe-entry:hover{color:#2c2924;background:#fffdf5eb;border-color:#aaa08b8c}.practice-workspace .transcribe-entry:active{background:#eee9dedd;box-shadow:inset 0 1px 2px #3f301b0a}.transcribe-entry small{letter-spacing:.1em;color:#71685a;border-left:1px solid #a89c8438;padding-left:9px;font-size:8px}@media (max-width:850px){.transcribe-header-note{display:none}}@media (max-width:600px){.transcribe-entry small{display:none}.practice-workspace .transcribe-entry{gap:7px;height:36px;padding:0 12px;font-size:12px}}@media (max-height:650px){.practice-workspace .transcribe-entry{height:32px}}@media (prefers-reduced-motion:reduce){.practice-workspace .transcribe-entry{transition:none}}.practice-audio-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;display:flex}.practice-audio-modes{background:#ebe7dc;border-radius:99px;flex-shrink:0;padding:3px;display:flex}.practice-workspace .practice-audio-modes button{color:#807663;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:550}.practice-workspace .practice-audio-modes button[aria-pressed=true]{color:#30382a;background:#fffdf6;box-shadow:0 1px 5px #383d2115}.practice-workspace .practice-audio-modes button:focus-visible{outline-offset:2px;outline:2px solid #566447}.practice-playing-notes{color:#8b816c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;min-height:28px;font-size:10px;display:flex}.practice-playing-notes strong{color:#455439;font-variant-numeric:tabular-nums;background:#e7e9de;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:550}.sounding-note-view .practice-note{font-size:13px}.neck-open-strings{z-index:5;position:absolute;inset:0 auto 0 -22px}.neck-open-strings .open-string{border:2px solid var(--violet-note);width:26px;height:26px;box-shadow:none;color:#455439;background:#faf8f0;font-size:13px}@media (max-width:600px){.practice-audio-bar{flex-wrap:nowrap;gap:10px}.practice-playing-notes{flex-wrap:nowrap;flex:1 1 0;justify-content:flex-end;gap:3px;overflow:hidden}.practice-playing-notes>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.practice-playing-notes strong{border-radius:6px;padding:4px;font-size:10px}.practice-playing-notes .practice-notes-label{font-size:0}.practice-playing-notes .practice-notes-label:before{content:"♪";content:"♪" / "";font-size:10px}}@media (max-width:400px){.practice-playing-notes{gap:2px}.practice-playing-notes strong{padding-inline:3px}}@media (max-height:650px){.practice-audio-bar{padding-bottom:5px}.practice-workspace .practice-audio-modes button{padding-block:4px}}.score-import,.fingering-panel{gap:16px;display:grid}.score-import textarea{resize:vertical;width:100%;font:inherit;background:#fffdfa;border:1px solid #d7ccba;border-radius:12px;padding:14px;line-height:1.6}.score-file-picker{background:#fbfaf5;border:1px dashed #b9b39d;border-radius:12px;gap:9px;padding:15px;font-size:13px;display:grid}.score-file-picker input{max-width:100%;font-size:12px}.score-import-actions,.reference-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.score-source-name{overflow-wrap:anywhere;color:#756e60;font-size:12px}.score-import-preview{gap:14px;display:grid}.score-import-preview h3{margin:0}.score-import-notices{color:#5e614b;background:#f1f1e6;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6}.score-import-notices p{margin:0 0 7px}.score-import-steps{gap:8px;max-height:400px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.score-import-steps li{border:1px solid #e6dfd3;border-radius:12px;grid-template-columns:minmax(90px,1fr) 90px 65px;align-items:center;gap:10px;padding:8px 12px;display:grid}.score-import-steps .chord-thumbnail{width:90px;height:87px}.score-step-name{overflow-wrap:anywhere;gap:7px;display:grid}.score-step-name small,.score-import-steps label{color:#797364;font-size:11px}.score-import-steps input{width:100%;padding:7px 3px}.score-import input[type=number],.fingering-panel input[type=number],.fingering-panel select,.score-import select{max-width:100%;font:inherit;background:#fffefa;border:1px solid #d8d1c1;border-radius:7px;padding:8px}.imported-score-caption{color:#77705e;margin:0 0 8px;font-size:11px}.practice-fingering-bar{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px;display:flex}.practice-fingering-bar small{color:#817a68;font-size:10px}.position-presets{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.position-presets legend{color:#716c5f;margin-bottom:10px;font-size:12px}.position-presets button{color:inherit;cursor:pointer;background:#fffdf7;border:1px solid #d7d2c3;border-radius:9px;padding:9px}.position-presets button[aria-pressed=true],.voicing-candidates button[aria-pressed=true]{background:#ebeee2;border-color:#8c9877;box-shadow:inset 0 0 0 1px #8c9877}.voicing-candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.voicing-candidates button{cursor:pointer;background:#fffdf7;border:1px solid #ded8c9;border-radius:12px;justify-items:center;padding:8px 2px;display:grid}.voicing-candidates .chord-thumbnail{width:100%;max-width:116px;height:auto}.voicing-candidates small{color:#706b5b;font-size:10px}.video-fingering-reference{border:1px solid #ded8c9;border-radius:12px;padding:12px}.video-fingering-reference summary{cursor:pointer;font-size:13px}.video-fingering-reference[open]>:not(summary){margin-top:12px}.video-fingering-reference video{background:#24231f;border-radius:9px;width:100%;max-height:320px;display:block}.video-fingering-reference>small{display:block}.reference-controls{font-size:11px}.reference-controls label{align-items:center;gap:5px;display:flex}@media (max-width:640px){.practice-dock-heading{flex-wrap:wrap;gap:6px}.practice-dock-actions{gap:10px}.practice-fingering-bar{flex-wrap:wrap;gap:2px}.practice-fingering-bar small{font-size:9px}}.empty-chord{color:#807969;text-align:center;place-items:center;font-size:11px;display:grid}.score-import,.fingering-panel,.score-import-preview{grid-template-columns:minmax(0,1fr);min-width:0}.score-import>*,.fingering-panel>*,.score-import-preview>*{min-width:0}.score-file-picker{overflow-wrap:anywhere;min-width:0}.score-file-picker input{width:100%;min-width:0}@media (max-width:480px){.score-import-steps li{grid-template-columns:minmax(0,1fr) 70px}.score-import-steps .chord-thumbnail{width:70px;height:68px}.score-import-steps li>label{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.score-import-steps input{width:80px}}@media (min-width:901px) and (min-height:501px){.practice-workspace{grid-template-rows:64px minmax(260px,1fr) auto 28px;min-height:590px}.practice-dock{width:min(900px,100%);padding:4px 18px 9px}.practice-chords{padding-block:2px 8px}.practice-chords button{flex-basis:165px;grid-template-rows:1fr 1fr;grid-template-columns:62px minmax(0,1fr);gap:0 5px;height:80px;padding:4px 9px}.practice-chords .chord-thumbnail{grid-row:1/3;width:62px;height:68px}.practice-chords button>span{place-self:end start;font-size:21px}.practice-chords button>small{place-self:start;margin-top:4px}.practice-transport{padding-top:7px}.practice-fingering-bar{margin-bottom:2px}}.focus-camera .neck-caption{display:none}.focus-camera .focus-current-chord{z-index:2;top:14px;left:4px}.focus-camera .neck-open-strings{left:var(--focus-open-x)}.focus-camera .learning-neck .practice-note{width:36px;height:36px;font-size:14px}.focus-camera .neck-ruler{font-size:13px}.focus-camera .instrument-viewport:focus-visible{outline-offset:-2px;border-radius:12px;outline:2px solid #788c70}.neck-wood-profile{display:none}.natural-neck .neck-surface{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.natural-neck .neck-wood-profile{background:var(--wood-surface);clip-path:var(--neck-outline);display:block;position:absolute;inset:0}.natural-neck .neck-surface:after{clip-path:var(--neck-outline)}.natural-neck .neck-frets{clip-path:var(--grid-outline)}.natural-neck .neck-nut{top:var(--nut-top);height:var(--nut-height)}.neck-strings svg{width:100%;height:100%;overflow:visible}.neck-strings line{stroke:#c4bba3;vector-effect:non-scaling-stroke}.neck-strings>small{color:#e2d9c49c;margin-top:-13px;font-size:9px;font-weight:500;position:absolute;left:8px}.maple-neck .neck-strings>small{color:#4a381fb3}.natural-neck .learning-neck .practice-note{width:var(--neck-note-size);height:var(--neck-note-size);font-size:var(--neck-note-font)}.natural-neck .learning-neck .practice-note>span{opacity:var(--neck-note-label,1)}.natural-neck .learning-neck .practice-note:not(.open-string):after{content:"";box-shadow:inset 0 0 0 var(--neck-note-ring,0px) #ffffffd9;pointer-events:none;border-radius:50%;position:absolute;inset:0}.natural-neck .learning-neck .practice-note.open-string{box-shadow:inset 0 0 0 var(--neck-open-ring,0px) var(--violet-note)}
.transcription-dialog{border:1px solid var(--hairline);width:min(1200px,100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;color:var(--ink);background:#f7f5f0;border-radius:20px;padding:0;box-shadow:0 28px 100px #241c2340}.transcription-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1b1960}.transcription-dialog[open]{flex-direction:column;display:flex}.transcription-header{border-bottom:1px solid var(--hairline);background:#fff9;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;display:flex}.transcription-header span{letter-spacing:.12em;text-transform:uppercase;color:#746959;font-size:11px}.transcription-header h2{margin:6px 0 0;font-size:24px;font-weight:550}.transcription-body{overscroll-behavior:contain;padding:0 30px 36px;overflow:auto}.transcription-body h3{margin:0 0 6px;font-size:19px}.transcription-body p{line-height:1.7}.transcription-body button,.transcription-body input,.transcription-body select{font:inherit;color:inherit;background:#fff;border:1px solid #c9c3b8;border-radius:8px;min-height:38px;padding:9px 12px}.transcription-body button:disabled{opacity:.45;cursor:default}.transcription-body button:hover:enabled{background:#f2f4eb;border-color:#66754d}.transcription-body :focus-visible{outline-offset:3px;outline:2px solid #577042}.transcription-body label{color:#625d51;flex-direction:column;gap:7px;font-size:13px;display:flex}.transcription-body small{color:#6a645a;font-size:12px;line-height:1.6}.transcription-body a{color:#4d633d;text-underline-offset:4px;font-size:13px}.transcription-lead{color:#6d675e;max-width:720px;margin:22px 0;font-size:14px}.transcription-import{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;display:grid}.media-drop{text-align:center;background:#fff7;border:1px dashed #aaa393;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:24px;display:flex}.media-drop input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.media-drop:focus-within{outline:2px solid #577042}.media-drop label{cursor:pointer;gap:8px;max-width:100%}.media-drop strong{color:#34382c;overflow-wrap:anywhere;font-size:19px;font-weight:550}.media-drop small{margin-top:20px}.media-options{flex-direction:column;gap:12px;display:flex}.media-options select{text-overflow:ellipsis;width:100%;min-width:0}.media-clip{grid-template-columns:1fr 1fr;gap:12px;display:grid}.media-clip input{width:100%}.transcription-body .transcription-primary{color:#fff;background:#48583d;border-color:#48583d}.transcription-body .transcription-primary:hover:enabled{color:#fff;background:#37462c}.transcription-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transcription-actions label{flex-direction:row;align-items:center}.transcription-actions button{font-size:13px}.transcription-hint{color:#6d675e;font-size:12px}.transcription-recommendation{color:#414f35;background:#edf1e6;border:1px solid #71805d40;border-radius:10px;padding:14px 16px}.transcription-recommendation strong,.transcription-beta-notice strong{font-size:13px}.transcription-recommendation p,.transcription-beta-notice p{margin:6px 0 0;font-size:13px;line-height:1.65}.transcription-accuracy{color:#675438;border-left:3px solid #ac8c55;padding-left:12px;font-size:13px}.transcription-beta-notice{color:#674b24;background:#fff3da;border:1px solid #b18c4a70;border-radius:10px;margin:0 0 18px;padding:16px 18px}.source-preview,.transcription-history,.transcription-caveats,.transcription-notes{border-top:1px solid var(--hairline);padding:14px 0}.transcription-body summary{cursor:pointer;color:#4d583f;font-size:14px}.source-preview video{border-radius:10px;max-width:100%;max-height:360px;margin:18px 0;display:block}.source-preview audio{margin:18px 0}.source-preview small{display:block}.transcription-history .transcription-actions{margin-top:12px}.transcription-progress{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;font-size:14px;display:flex}.transcription-progress progress{accent-color:#526444;flex:1}.transcription-error{background:#fff0e9;border:1px solid #b86c5360;border-radius:10px;margin:18px 0;padding:16px;font-size:14px}.transcription-error button{margin-left:12px}.transcription-result{border-top:1px solid #bcb3a3;margin-top:24px;padding-top:24px}.transcription-result-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.transcription-result-head span{color:#77633d;font-size:12px}.transcription-result-head h3{overflow-wrap:anywhere;margin-top:8px}.transcription-result-head p{color:#70675d;font-size:13px}.transcription-playback{border:1px solid var(--hairline);background:#fff8;border-radius:12px;margin:14px 0;padding:18px}.transcription-playback audio{width:100%;margin:10px 0}.transcription-caveats p{color:#6c5c4c;font-size:13px}.transcription-chords{margin:24px 0 30px}.transcription-chords>header,.transcription-notation>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.transcription-key{flex-wrap:wrap;align-items:center;margin:12px 0;flex-direction:row!important}.chord-segments{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;max-height:360px;display:grid;overflow:auto}.chord-segments>div{border:1px solid var(--hairline);background:#fff9;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.chord-segments>div.active{border-color:#667d4f;box-shadow:inset 0 0 0 1px #667d4f}.chord-segments button{text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;padding:5px;display:flex}.chord-segments strong{font-size:24px;font-weight:500}.chord-segments span{color:#61704d;min-height:18px;font-size:12px}.chord-segments>div>small{padding-left:4px}.transcription-notation{border-top:1px solid var(--hairline);padding-top:24px}.transcription-notation>header p{color:#6a645a;margin:6px 0 0;font-size:13px}.score-settings{background:#eeebe3;border-radius:10px;flex-wrap:wrap;align-items:end;gap:10px;padding:16px;display:flex}.score-settings input{width:100px}.score-settings label{flex:1;min-width:100px}.score-settings select{width:100%}.score-notices{color:#71614a;margin:16px 0;font-size:12px}.score-notices p{margin:5px 0}.notation-panel{min-width:0}.notation-panel>.transcription-actions{margin:18px 0}.notation-stage{background:#fff;border:1px solid #ded8ce;border-radius:10px;position:relative;overflow:hidden}.notation-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a2a991 #f0eee8;max-height:620px;overflow:auto}.notation-stage.is-scrolling .notation-viewport{max-height:460px}.notation-paper{color:#161616;width:100%;min-height:220px}.notation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 12px;display:flex}.notation-view-switch{background:#eeeee5;border:1px solid #d8d5c9;border-radius:9px;gap:3px;padding:3px;display:flex}.transcription-body .notation-view-switch button{color:#6b6e5e;background:0 0;border:0;border-radius:6px;min-height:34px;padding:6px 13px;font-size:12px}.transcription-body .notation-view-switch button[aria-pressed=true]{color:#35442d;background:#fffef9;box-shadow:0 1px 3px #30362212}.transcription-body .notation-follow{color:#78796b;background:0 0;border-color:#0000;align-items:center;gap:7px;min-height:34px;padding:6px 10px;font-size:12px;display:flex}.notation-follow:before{content:"";background:#a9ab9d;border-radius:50%;width:6px;height:6px}.transcription-body .notation-follow[aria-pressed=true]{color:#4d633d}.notation-follow[aria-pressed=true]:before{background:#728957}.notation-transport{background:#edeee4;border:1px solid #deded0;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.transcription-body .notation-play{color:#fffef6;background:#526444;border-color:#526444;flex-shrink:0;min-height:38px;padding:8px 14px;font-size:12px}.transcription-body .notation-play:hover:enabled{background:#415334;border-color:#415334}.transcription-body .notation-seek{accent-color:#667d4f;cursor:pointer;background:0 0;border:0;flex:1;width:100%;min-width:70px;height:30px;min-height:30px;padding:0}.notation-time{white-space:nowrap;font-variant-numeric:tabular-nums}.transcription-body .notation-speed{background:#fafbf5;border-color:#d4d7c7;min-height:34px;padding:6px 8px;font-size:12px}.notation-timing-note{margin:8px 2px 12px;display:block}.notation-empty{color:#73654f;font-size:13px}.notation-fixed-cursor{pointer-events:none;z-index:2;left:var(--score-cursor-x);background:#69814c;width:2px;display:none;position:absolute;top:16px;bottom:16px;box-shadow:0 0 0 4px #69814c0b}.notation-fixed-cursor:before{content:"";background:#69814c;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px}.notation-stage.is-following .notation-fixed-cursor{display:block}.notation-stage.is-following .at-cursor-beat,.notation-stage:not(.is-written-cursor) .at-cursor-beat,.notation-stage:not(.is-written-cursor) .at-cursor-bar,.notation-stage.is-score-end .at-cursor-beat,.notation-stage.is-score-end .at-cursor-bar{visibility:hidden}.notation-secondary{margin:14px 0!important}.transcription-body .notation-secondary button{background:#fff9;min-height:34px;padding:7px 10px;font-size:12px}.notation-credit{text-align:right;padding:6px;display:block}.at-cursor-bar{background:#6c874e1a}.at-cursor-beat{background:#7c984b90;width:3px}.at-selection div{background:#778d6233}.transcription-notes{margin-top:24px}.transcription-notes>p{color:#6a645a;font-size:13px}.note-editor{margin:16px 0}.note-row{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:end;gap:8px;padding:12px 0;display:flex}.note-row.excluded{opacity:.65}.note-row input{width:110px}.note-row select{width:90px}@media (max-width:700px){.notation-transport{flex-wrap:wrap;gap:8px 10px;padding:10px}.notation-transport .notation-seek{flex-basis:100%;order:4}.notation-time{margin-left:auto}.notation-viewport{max-height:520px}.notation-stage.is-scrolling .notation-viewport{max-height:420px}.transcription-dialog{border:0;border-radius:0;width:100vw;height:100dvh;margin:0}.transcription-header{padding:16px}.transcription-header h2{font-size:19px}.transcription-header button{padding:8px;font-size:12px}.transcription-body{padding:0 16px 32px}.transcription-import{grid-template-columns:minmax(0,1fr);gap:16px}.media-drop{min-height:150px}.transcription-result-head,.transcription-chords>header,.transcription-notation>header{flex-direction:column;align-items:start}.score-settings{padding:12px}.score-settings label{flex:100px}.score-settings input{width:100%}.chord-segments{grid-template-columns:repeat(2,minmax(0,1fr))}.note-row input{width:90px}.note-row label{font-size:11px}.note-row>button{font-size:12px}}.note-attack-review{background:#f4f6ef;border:1px solid #9aa58766;border-radius:12px;margin:20px 0;padding:16px}.note-attack-review summary{cursor:pointer;font-weight:600}.note-attack-review p{max-width:78ch;line-height:1.65}.note-attack-review input[type=checkbox]{width:auto;min-height:auto}.note-attack-list{padding-left:26px}.note-attack-list li{border-bottom:1px solid #bdb5a044;padding:15px 0}.note-attack-list li small{margin:9px 0;display:block}.note-attack-question{color:#835d2f;font-size:13px}.transcription-header{padding:25px 30px}.transcription-header h2{letter-spacing:-.7px;font-size:clamp(23px,2.6vw,32px)}.transcription-header span b{border:1px solid #858c6d4a;border-radius:5px;margin-left:10px;padding:3px 5px;font-size:9px;font-weight:500}.transcription-intro{justify-content:space-between;align-items:center;gap:24px;margin:26px 0;display:flex}.transcription-lead{color:#3f4735;margin:0;font-size:16px}.transcription-lead span{color:#837b6c;margin-top:5px;font-size:12px;display:block}.transcription-journey{color:#746c5e;white-space:nowrap;gap:22px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.transcription-journey b{color:#899271;margin-bottom:7px;font-size:10px;font-weight:450;display:block}.media-drop{background:linear-gradient(145deg,#fffffc,#eeeee4);border-color:#9fa489;gap:14px;min-height:260px;padding:24px;overflow:hidden}.media-wave{align-items:center;gap:4px;height:64px;margin-bottom:8px;display:flex}.media-wave i{opacity:.75;background:linear-gradient(#66754d,#a4af8d);border-radius:5px;width:4px}.media-drop small{margin-top:0;font-size:10px}.media-drop .media-thumbnail{object-fit:contain;background:#272a22;border-radius:9px;width:100%;max-height:210px;display:block}.media-drop:has(.media-thumbnail){gap:10px;padding:12px 12px 16px}.media-drop:has(.media-thumbnail) strong{font-size:14px}.media-drop:has(.media-thumbnail) label{gap:3px;font-size:11px}.media-options{justify-content:center;gap:18px}.transcription-body .media-options>.transcription-primary{border-radius:99px;min-height:48px;font-size:15px;box-shadow:0 5px 20px #42523916}.media-range summary,.score-options summary{padding:12px 0}.media-range summary span,.score-options summary span{color:#928879;margin-left:12px;font-size:11px}.media-range .media-clip{padding:8px 0 14px}.transcription-result,.transcription-chords,.transcription-notation{scroll-margin-top:20px}.transcription-result-nav{border-bottom:1px solid #bdb5a033;align-items:center;gap:10px;margin:16px 0 20px;padding-bottom:18px;display:flex}.transcription-result-nav button{border-radius:99px;padding:9px 15px;font-size:12px}.transcription-result-nav button span{color:#899471;margin-left:10px}.transcription-result-nav small{margin-left:auto;font-size:10px}.score-options{border-top:1px solid #bdb5a033;border-bottom:1px solid #bdb5a033}.score-options .score-settings{margin-bottom:14px}@media (max-width:950px){.transcription-intro{flex-direction:column;align-items:flex-start;gap:20px}.transcription-journey{gap:32px}.transcription-result-nav small{display:none}}@media (max-width:700px){.transcription-header{padding:20px}.transcription-header h2{font-size:22px}.transcription-header .soft-button{white-space:nowrap;font-size:11px}.transcription-lead{font-size:15px}.transcription-journey b{margin-right:4px;display:inline}.media-range summary span{margin-left:8px}}@media (prefers-reduced-motion:reduce){.transcription-body{scroll-behavior:auto}}.note-row input[type=checkbox]{width:18px;height:18px}.notation-track-picker{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.solo-review-anchor{scroll-margin-top:20px}.solo-review{background:#f4f6ef;border:1px solid #9aa58766;border-radius:12px;margin:22px 0;padding:20px}.solo-review>header p{color:#625d51;max-width:78ch;margin:6px 0 16px;font-size:13px}.solo-metrics{flex-wrap:wrap;gap:16px 32px;margin:18px 0;display:flex}.solo-metrics dt{color:#6a645a;font-size:12px}.solo-metrics dd{font-variant-numeric:tabular-nums;color:#414f35;margin:5px 0 0;font-size:23px}.solo-phrase-controls{flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0;display:flex}.solo-phrase-controls label{flex:1;min-width:0}.solo-phrase-controls select{max-width:100%}.solo-note-list{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;margin:16px 0;padding:0;list-style:none;display:grid}.solo-note-list li{background:#fff9;border:1px solid #c9c3b8;border-radius:10px;min-width:0;overflow:hidden}.solo-note-list li.active{background:#e9efdf;border-color:#667d4f;box-shadow:inset 0 0 0 1px #667d4f}.transcription-body .solo-note-listen{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:start;gap:4px;width:100%;display:flex}.solo-note-listen strong{font-size:20px;font-weight:550}.solo-note-listen span{color:#61704d;font-size:12px}.transcription-body .solo-note-edit{background:0 0;border:0;border-top:1px solid #c9c3b860;border-radius:0;width:100%;min-height:38px;padding:7px 12px;font-size:12px}@media (max-width:700px){.solo-review{padding:14px}.solo-note-list{grid-template-columns:repeat(2,minmax(0,1fr))}.solo-phrase-controls{flex-direction:column;align-items:stretch}.solo-metrics{gap:16px}.solo-metrics dd{font-size:20px}.transcription-result-nav{flex-wrap:wrap}}.practice-workspace.solo-practice .practice-chords button{flex-basis:128px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:6px;min-width:104px;height:80px;padding:10px 12px}.practice-workspace.solo-practice .practice-chords button>span,.practice-workspace.solo-practice .practice-chords button>small{grid-column:1;place-self:center;margin:0;padding:0}.practice-workspace.solo-practice .practice-chords button>span{grid-row:1}.practice-workspace.solo-practice .practice-chords button>small{white-space:nowrap;grid-row:2;font-size:11px}.solo-practice-empty{color:#766b59;margin:10px 0;font-size:13px}.practice-workspace.solo-practice .practice-fingering-bar label{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.practice-workspace.solo-practice .practice-fingering-bar select{max-width:100%;min-height:38px;font:inherit;color:inherit;background:#fff9;border:1px solid #c9c3b8;border-radius:8px;padding:6px 8px}@media (max-width:900px){.practice-workspace.solo-practice .practice-fingering-bar select{min-height:44px;font-size:16px}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.practice-workspace.solo-practice .practice-chords button{flex-basis:116px;gap:5px;height:68px;padding:8px}}.media-source{flex-direction:column;gap:12px;min-width:0;display:flex}.media-source-switch{align-self:flex-start}.media-link-form{background:linear-gradient(145deg,#fffffc,#eeeee4);border:1px dashed #9fa489;border-radius:14px;flex-direction:column;gap:12px;min-height:260px;padding:22px;display:flex}.media-link-form>label{color:#34382c;font-size:14px}.media-link-form input[type=url]{width:100%;font-size:15px}.media-link-error{background:#fff0e9;border:1px solid #b86c5360;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.media-link-card{background:#fffef9;border:1px solid #c9c3b8;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.media-link-meta{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.media-link-meta strong{color:#34382c;overflow-wrap:anywhere;font-size:14px;font-weight:550}.link-platform-badge{color:#48583d;letter-spacing:.04em;border:1px solid #48583d55;border-radius:99px;margin-right:8px;padding:2px 7px;font-size:10px;display:inline-block}.media-embed{flex-direction:column;gap:8px;margin:10px 0;display:flex}.media-embed-frame{aspect-ratio:16/9;background:#272a22;border-radius:10px;width:100%;min-width:200px;min-height:200px;position:relative;overflow:hidden}.media-embed-frame[hidden]{display:none}.media-embed-frame iframe,.media-embed-frame>div{border:0;width:100%;height:100%;display:block}.media-embed--portrait .media-embed-frame{aspect-ratio:9/16;align-self:center;width:auto;max-width:100%;height:min(60vh,560px)}.media-embed-stub{color:#f0efe6;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.media-embed-fallback,.link-play-hint{color:#674b24;background:#fff3da;border:1px solid #b18c4a70;border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.media-embed-fallback strong{margin-bottom:4px;display:block}.link-attribution{color:#6d675e;flex-direction:column;gap:4px;margin-top:6px;font-size:12px;display:flex}.link-attribution span{color:#6d675e;overflow-wrap:anywhere;font-size:12px}.link-disclosure{color:#6d675e}.link-status--degraded{color:#6b6e5e;background:#eeeee5;border-left:3px solid #a9ab9d;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.transcription-practice{flex-direction:column;align-items:flex-end;gap:6px;max-width:320px;display:flex}.transcription-practice small{text-align:right}@media (max-width:700px){.transcription-practice{align-items:flex-start;max-width:none}.transcription-practice small{text-align:left}.media-link-form{min-height:150px;padding:16px}.media-embed,.media-embed-frame{width:100%}.media-embed-frame{min-height:200px}.media-embed--portrait .media-embed-frame{height:min(60vh,480px)}}.transcription-import{align-items:start;margin-top:24px}.transcription-import-footer{align-items:baseline;gap:20px;margin:20px 0;display:flex}.transcription-import-help{flex:1;min-width:0}.transcription-import-help>summary{font-size:12px}.transcription-import-help>.transcription-hint{margin:12px 0;display:block}.transcription-import-footer>a{flex-shrink:0}.transcription-chords>summary{cursor:pointer;min-height:44px;font:inherit;padding:12px 0;font-weight:600}.transcription-chords[open]>summary{margin-bottom:12px}
.language-switcher{color:#514a40;max-width:102px;min-height:36px;font:inherit;cursor:pointer;background:#fffaf2;border:1px solid #d8d0c3;border-radius:9px;flex:none;padding:7px 9px;font-size:12px}.language-switcher:focus-visible{outline-offset:3px;outline:2px solid #788c70}.sheet-header-actions,.transcription-header-actions{flex:none;align-items:center;gap:10px;display:flex}.practice-header .transcribe-header-note{text-align:center;min-width:0;max-width:36%}.sheet-heading{min-width:0}.sheet-heading h2{overflow-wrap:anywhere}html:lang(zh) .eyebrow{letter-spacing:.08em}html:lang(zh) .neck-caption{letter-spacing:.04em}.transcription-journey li{min-width:0}@media (max-width:1100px){.practice-header .transcribe-header-note{display:none}}@media (max-width:700px){.transcription-header{flex-wrap:wrap}.transcription-header>div:first-child{flex:100%}.transcription-header-actions{margin-left:auto}.sheet-header{gap:10px}.sheet-header-actions{gap:5px}.sheet-heading h2{font-size:20px}.transcription-journey{flex-wrap:wrap;row-gap:14px}}@media (max-width:600px){.practice-header{gap:7px}.practice-header .brand-section{display:none}.practice-header .language-switcher{width:79px;padding:6px}}@media (max-width:370px){.practice-workspace{--page-gutter:12px}.practice-brand{gap:6px;font-size:16px}.practice-header .transcribe-entry{padding-inline:8px}.practice-header .transcribe-entry svg{display:none}.practice-workspace{grid-template-rows:90px minmax(0,1fr) auto 30px}.practice-header{grid-template-columns:1fr auto;gap:3px 8px;padding-block:6px;display:grid}.practice-brand{grid-area:1/1}.practice-header>.language-switcher{grid-area:1/2;justify-self:end}.practice-header>.transcribe-entry{grid-area:2/1;justify-self:start}.practice-header>.quiet-button{grid-area:2/2;justify-self:end}.practice-dock{min-width:0}.practice-dock-heading{flex-wrap:wrap;gap:6px}.practice-transport{grid-template-columns:1fr auto;row-gap:8px}.transport-center{grid-area:1/1/auto/-1;justify-self:center}.tempo-shortcut{grid-area:2/1}.practice-position{grid-area:2/2}.sheet-header{flex-wrap:wrap}.sheet-header-actions{margin-left:auto}}
.transcribe-label-mobile{display:none}.practice-header{grid-row:1}.practice-stage{grid-row:2}.practice-dock{grid-row:3}.practice-footer{grid-row:4}.instrument-viewport{position:absolute;inset:0;overflow:clip}.focus-scroll-hint{color:#8b816f;text-align:center;pointer-events:none;margin:0;font-size:11px;position:absolute;inset:auto 0 8px}.focus-current-chord{color:#4f483d;align-items:baseline;gap:10px;max-width:calc(100% - 150px);display:flex;position:absolute;top:8px;left:2px}.focus-current-chord strong{text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-weight:550;overflow:hidden}.focus-current-chord>span{color:#8b816f;text-overflow:ellipsis;white-space:nowrap;font:16px ui-serif,Georgia,serif;overflow:hidden}.practice-audio-error{color:#9a4936;grid-column:1/-1;margin:6px 0;font-size:12px}.mobile-focus .instrument-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c5bba7 transparent;touch-action:pan-x pan-y;inset:62px 0 32px;overflow:auto hidden}.mobile-focus .instrument-viewport:focus-visible{outline-offset:-2px;border-radius:12px;outline:2px solid #788c70}.mobile-focus .instrument-composition{left:0}.mobile-focus .instrument-photo-frame{display:none}.mobile-focus .neck-ruler{font-size:12px;top:-28px}.mobile-focus .learning-neck .practice-note{width:var(--focus-note-size,28px);height:var(--focus-note-size,28px);font-size:12px}.mobile-focus .neck-strings small{font-size:10px;top:-14px;left:5px}.mobile-focus .neck-caption{gap:10px;display:none;top:calc(100% + 15px)}.mobile-focus .neck-caption strong{font-size:22px}.mobile-focus .neck-caption>span{font-size:13px}.mobile-focus .neck-caption>span:last-child,.mobile-focus .neck-caption i{display:none}@media (max-width:900px){.practice-workspace{padding-left:max(var(--page-gutter), env(safe-area-inset-left));padding-right:max(var(--page-gutter), env(safe-area-inset-right));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);grid-template-rows:60px minmax(220px,1fr) auto 44px;height:auto;min-height:100dvh}.practice-workspace .icon-button,.practice-workspace .stage-focus-toggle,.practice-workspace .quiet-button,.practice-workspace .tempo-shortcut,.practice-workspace .language-switcher,.practice-workspace .transcribe-entry{min-width:44px;min-height:44px}.practice-workspace .play-button{min-height:48px}.practice-stage{min-height:220px}.practice-dock{width:min(690px,100%);min-width:0}.practice-chords{overscroll-behavior-x:contain;scroll-padding-inline:8px}.practice-chords button{flex-shrink:0}.practice-chords .thumb-note text{font-size:11px}.practice-fingering-bar{gap:0}.practice-fingering-bar small{display:none}.practice-footer{text-align:center;min-width:0}.practice-footer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-workspace.practice-focus-mode{grid-template-rows:56px minmax(248px,1fr) auto 44px;min-height:100dvh}.practice-focus-mode .practice-header>.transcribe-entry,.practice-focus-mode .transcribe-header-note,.practice-focus-mode .brand-section,.practice-focus-mode .practice-diagram,.practice-focus-mode .practice-fingering-bar,.practice-focus-mode .imported-score-caption,.practice-focus-mode .practice-dock-actions>:not(.edit-progression){display:none}.practice-focus-mode .practice-dock{border-radius:20px;padding:2px 12px 10px}.practice-focus-mode .practice-dock-heading>.practice-dock-actions,.practice-focus-mode .practice-dock-heading .eyebrow,.practice-focus-mode .practice-dock-heading .active-loop-label{display:none}.practice-focus-mode .practice-dock-heading{margin-bottom:6px}.practice-focus-mode .practice-chords{gap:6px;padding:0 0 8px}.practice-focus-mode .practice-chords button{flex-basis:76px;gap:3px;height:108px;padding:6px}.practice-focus-mode .practice-chords button>span{font-size:19px}.practice-focus-mode .practice-chords button>small{font-size:11px}.practice-focus-mode .practice-chords .chord-thumbnail{width:62px;height:60px;display:block}.practice-focus-mode .practice-transport{padding-top:8px}.practice-focus-mode .stage-focus-toggle kbd{display:none}.workspace-sheet{max-height:calc(100dvh - 16px)}.sheet-body{padding-bottom:max(24px, env(safe-area-inset-bottom));scroll-padding-bottom:24px}.workspace-sheet input:not([type=range]):not([type=checkbox]),.workspace-sheet select,.workspace-sheet textarea,.transcription-dialog input,.transcription-dialog textarea{font-size:16px}}@media (max-width:600px){.practice-workspace{--page-gutter:14px;grid-template-rows:60px minmax(200px,1fr) auto 44px}.practice-stage{min-height:200px}.practice-header{gap:6px;padding:0;display:flex}.practice-brand{flex-shrink:0;gap:6px;font-size:17px}.brand-mark{width:18px}.practice-header>.quiet-button{width:44px;padding:0}.practice-header .language-switcher{width:75px;font-size:12px}.practice-workspace .transcribe-entry{gap:6px;padding-inline:10px;font-size:12px}.transcribe-entry .transcribe-label{display:none}.transcribe-entry .transcribe-label-mobile{display:inline}.practice-header .transcribe-entry svg{display:block}.practice-dock{border-radius:20px;padding:4px 12px 12px}.practice-dock-heading{gap:0;display:grid}.practice-dock-heading>div:first-child{min-height:26px}.practice-dock-heading>.practice-dock-actions{flex-wrap:wrap;justify-content:flex-start;gap:0 14px}.practice-dock-actions .quiet-button{white-space:nowrap;padding-inline:4px}.practice-fingering-bar{margin:0 0 4px}.practice-fingering-bar .quiet-button{padding:0 4px}.practice-chords{gap:5px;padding-bottom:10px}.practice-chords button{flex-basis:76px;height:108px}.practice-chords .chord-thumbnail{width:62px;height:60px}.practice-transport{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 4px}.transport-center{grid-area:1/2;gap:2px}.tempo-shortcut{grid-area:1/1;gap:3px}.practice-position{grid-area:1/3;gap:3px}.practice-workspace .transport-center .icon-button{width:44px;height:44px}.play-button{gap:5px;width:82px}.stage-focus-toggle{top:6px;right:0}.workspace-sheet{border-radius:24px 24px 0 0;width:100%;height:min(86dvh,720px);inset:auto 0 0}.sheet-header{padding:18px 16px 14px}.sheet-body{padding-inline:16px}}@media (max-width:360px){.practice-workspace{--page-gutter:10px}.practice-header{gap:4px}.practice-brand{font-size:16px}.practice-header .language-switcher{width:68px}.practice-header .transcribe-entry{width:44px;padding:0}.transcribe-entry .transcribe-label-mobile{display:none}.practice-dock{padding-inline:8px}.practice-position{font-size:9px}.play-button{width:72px}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.practice-workspace{--page-gutter:16px;grid-template-rows:48px minmax(180px,1fr) auto 0;height:auto;min-height:100dvh}.practice-workspace.practice-focus-mode{grid-template-rows:0 minmax(220px,1fr) auto 0;min-height:100dvh}.practice-focus-mode .practice-header,.practice-footer{display:none}.practice-stage{min-height:0}.practice-dock{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;width:100%;padding:4px 10px 6px;display:grid}.practice-fingering-bar,.imported-score-caption{display:none!important}.practice-dock-heading{grid-column:1/-1;margin-bottom:6px}.practice-dock-heading>.practice-dock-actions,.practice-dock-heading .eyebrow,.practice-dock-heading .active-loop-label{display:none!important}.practice-dock-heading>div:first-child{min-height:0}.practice-chords{gap:4px;padding:0}.practice-chords button,.practice-focus-mode .practice-chords button{flex-basis:128px;grid-template-rows:1fr 1fr;grid-template-columns:58px minmax(0,1fr);gap:0 4px;height:78px;padding:4px;display:grid}.practice-chords .chord-thumbnail,.practice-focus-mode .practice-chords .chord-thumbnail{grid-area:1/1/-1;width:58px;height:64px;display:block}.practice-chords button>span,.practice-focus-mode .practice-chords button>span{letter-spacing:-.4px;grid-area:1/2;align-self:end;font-size:15px}.practice-chords button>small,.practice-focus-mode .practice-chords button>small{grid-area:2/2;align-self:start;padding-top:4px;font-size:10px}.practice-dock .practice-transport{border:0;grid-template-columns:auto auto;gap:4px;padding:0}.transport-center{grid-area:1/2;gap:2px}.practice-position{display:none}.practice-workspace .play-button{width:80px;min-height:44px}.practice-audio-bar{grid-column:1/-1;padding:0}.mobile-focus .instrument-viewport{inset:44px 0 0}.mobile-focus .neck-caption,.focus-scroll-hint{display:none}.practice-workspace .stage-focus-toggle{padding:6px 12px;font-size:11px;top:0;right:0}.stage-focus-toggle kbd{display:none}.focus-current-chord{top:4px}.focus-current-chord strong{font-size:24px}}
.chord-finder{gap:18px;display:grid}.finder-position{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.finder-position select{border:1px solid var(--hairline);background:#fff9;border-radius:8px;max-width:180px;padding:8px}.finder-board{border:1px solid var(--hairline);background:#e9d9c322;border-radius:14px;padding:8px}.finder-ruler,.finder-string{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.finder-ruler{text-align:center;color:#746a61;padding:6px 0;font-size:12px}.finder-string{padding:3px 0;position:relative}.finder-string:before{content:"";background:#93857966;height:1px;position:absolute;top:50%;left:15%;right:3%}.finder-string button{color:#675548;background:#faf7f0c9;border:1px solid #96806b33;border-radius:8px;min-width:0;height:42px;padding:0;font-size:13px;position:relative}.finder-string button[aria-pressed=true],.finder-matches button[aria-pressed=true]{color:#fff;background:#574639;border-color:#574639}.finder-string button:focus-visible,.finder-matches button:focus-visible{outline-offset:2px;outline:3px solid #b47440}.finder-result{border:1px solid var(--hairline);background:#fff7;border-radius:14px;padding:18px}.finder-result>strong{font-size:28px}.finder-result small{color:#746a61;margin-top:12px;display:block}.finder-matches,.finder-actions{flex-wrap:wrap;gap:8px;display:flex}.finder-matches button{border:1px solid var(--hairline);background:0 0;border-radius:20px;padding:8px 12px}.practice-fingering-bar{flex-wrap:wrap}.tone-guide-details{border:1px solid var(--hairline);border-radius:14px;margin-block:16px;padding:16px}.tone-guide-details>summary{cursor:pointer;font-weight:600}.tone-guide{gap:16px;margin-top:16px;display:grid}.tone-starts{flex-wrap:wrap;gap:8px;display:flex}.tone-starts button{border:1px solid var(--hairline);color:inherit;background:0 0;border-radius:18px;padding:9px 12px}.tone-starts button[aria-pressed=true]{color:#fff;background:#574639}.tone-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tone-controls label{gap:8px;min-width:0;display:grid}.tone-controls label>span{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.tone-controls output{font-variant-numeric:tabular-nums;color:#746a61}.tone-controls input{accent-color:#574639;width:100%;min-width:0}.tone-guide small{color:#746a61;font-size:12px;line-height:1.6}.tone-guide>a{color:#675548;text-underline-offset:3px;font-size:12px}@media (max-width:480px){.tone-controls{grid-template-columns:1fr}}
.workspace-sheet[data-view=sound]{width:min(900px,100vw - 40px)}.workspace-sheet[data-view=sound] .sheet-header{border-bottom-color:var(--hairline);background:#fcfaf5}.workspace-sheet[data-view=sound] .sheet-header .eyebrow{color:#6a5b43}.workspace-sheet[data-view=sound] .sheet-body{padding:20px}.tone-guide-details>.tone-rig{margin-top:15px}.tone-rig{--tone-ink:#2f3529;--tone-muted:#566049;--tone-line:#c2ccb2;--tone-surface:#f1f2e9;--tone-subtle:#cfd7c085;--tone-raised:#fffdf7;--tone-border:#899776;--tone-accent:#617746;--tone-accent-ink:#3e512b;--tone-accent-soft:#ceddb9;--tone-accent-line:#879c68;--tone-focus:#617746;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--tone-line);min-width:0;color:var(--tone-ink);background:var(--tone-surface);background-image:none;border-radius:18px;font-size:12px;line-height:1.45;overflow:hidden;box-shadow:0 10px 24px #58613e12,inset 0 1px #ffffffb3;container:tone-studio/inline-size}.tone-rig button,.tone-rig input,.tone-rig select{font:inherit}.tone-rig button{transition:color .14s,background .14s,border-color .14s}.tone-rig button:focus-visible,.tone-rig select:focus-visible,.tone-rig summary:focus-visible,.tone-rig input:focus-visible{outline:2px solid var(--tone-focus);outline-offset:3px}.tone-rig button:disabled{cursor:not-allowed;color:var(--tone-muted);background:var(--tone-subtle);border-color:var(--tone-line)}.tone-rig-header{background:#dce3cf;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px 18px;display:flex}.tone-eyebrow{color:var(--tone-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:550}.tone-rig-header h3{color:var(--tone-ink);letter-spacing:-.8px;margin:5px 0 0;font-size:26px;font-weight:510;line-height:1.15}.tone-rig .tone-power{border:1px solid var(--tone-accent-line);min-height:38px;color:var(--tone-accent-ink);background:var(--tone-accent-soft);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:0 13px;font-size:11px;display:inline-flex}.tone-rig .tone-power[aria-pressed=false]{border-color:var(--tone-border);color:var(--tone-muted);background:var(--tone-subtle)}.tone-led{background:#9da78e;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.tone-power[aria-pressed=true] .tone-led,.tone-effect[data-active] .tone-led,.tone-signal li[data-active] .tone-led{background:var(--tone-accent);box-shadow:0 0 4px #6177461a}.tone-preset-bar{border-block:1px solid var(--tone-line);background:var(--tone-subtle);align-items:end;gap:9px;padding:14px 26px 18px;display:flex}.tone-preset-field{flex:1;gap:7px;min-width:0;display:grid}.tone-preset-field>label,.tone-save-form>label{color:var(--tone-muted);font-size:11px}.tone-rig select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--tone-border);min-width:0;color:var(--tone-ink);background-color:var(--tone-raised);border-radius:7px;height:38px;padding:9px 30px 9px 11px;font-size:12px}.tone-rig .tone-small-button{border:1px solid var(--tone-border);background:var(--tone-raised);min-height:38px;color:var(--tone-muted);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:inline-flex}.tone-rig .tone-small-button:hover:not(:disabled){color:var(--tone-ink);background:#f5f6ed;border-color:#617746}.tone-save-form{background:var(--tone-subtle);border-bottom:1px solid var(--tone-line);padding:15px 26px}.tone-save-form>div{gap:8px;margin-top:6px;display:flex}.tone-save-form input{border:1px solid var(--tone-border);background:var(--tone-raised);min-width:0;height:38px;color:var(--tone-ink);border-radius:7px;flex:1;padding:8px 11px}.tone-save-form input::placeholder{color:var(--tone-muted)}.tone-preset-limit{color:#775020;margin:8px 0 0;font-size:11px}.tone-rig-actions{border-bottom:1px solid var(--tone-line);background:#fffdf7a6;padding:12px 26px}.tone-main-controls{background:#dce3cdb3;grid-template-columns:1fr 1.08fr;display:grid}.tone-module{min-width:0;padding:20px 24px}.tone-module-heading{border-bottom:1px solid var(--tone-line);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;padding:0 0 12px;display:flex}.tone-module-heading h4{color:var(--tone-ink);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:650}.tone-module-heading>span{color:var(--tone-muted);font-variant-numeric:tabular-nums;font-size:11px}.tone-amp{border-right:1px solid var(--tone-line)}.tone-amp-types{border:1px solid var(--tone-line);background:#dce3cf;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:3px;margin:0 0 18px;padding:3px;display:grid}.tone-rig .tone-amp-types button{min-width:0;min-height:31px;color:var(--tone-muted);background:0 0;border:0;border-radius:4px;padding:6px;font-size:11px}.tone-rig .tone-amp-types button[aria-pressed=true]{background:var(--tone-accent);color:#fffef7;box-shadow:inset 0 1px #ffffff38}.tone-amp-knobs{grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:12px;display:grid}.tone-knob{justify-items:center;gap:6px;min-width:0;display:grid}.tone-knob>label{color:var(--tone-ink);text-align:center;font-size:12px;font-weight:500;line-height:1.25}.tone-knob-surface{isolation:isolate;width:72px;height:72px;position:relative}.tone-knob-ring{fill:none;stroke:#a3ad94;stroke-width:1.4px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tone-knob-ring .tone-knob-level{stroke:var(--tone-accent);stroke-width:2.8px}.tone-knob-cap{background:linear-gradient(150deg,#fffffb,#f8f6ea 65%,#e7e6d8);border:1px solid #a7b297;border-radius:50%;position:absolute;inset:10px;box-shadow:0 3px 6px #52603d26,inset 0 1px #fff}.tone-knob-cap:after{content:"";background:radial-gradient(at 32% 28%,#ffffff80,#0000 72%);border:1px solid #ffffff50;border-radius:50%;position:absolute;inset:5px}.tone-knob-pointer{transform:rotate(var(--knob-angle));position:absolute;inset:0}.tone-knob-pointer:before{content:"";background:#4e6736;border-radius:2px;width:2px;height:13px;position:absolute;top:7px;left:calc(50% - 1px)}.tone-rig .tone-knob input[type=range]{opacity:0;cursor:ns-resize;touch-action:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.tone-knob-surface:has(input:focus-visible){outline:2px solid var(--tone-focus);outline-offset:4px;border-radius:50%}.tone-knob>output{color:var(--tone-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:14px;line-height:1.2}.tone-knob>output>span{color:var(--tone-muted);font-size:11px}.tone-knob[data-disabled] .tone-knob-level{stroke:#a3aa96}.tone-knob[data-disabled] .tone-knob-pointer:before{background:#7c856d}.tone-knob[data-disabled]>output{color:var(--tone-muted)}.tone-knob[data-disabled] input[type=range]{cursor:not-allowed}.tone-knob[data-disabled] .tone-knob-cap{background:linear-gradient(150deg,#fbfaf2,#e7e8dc);border-color:#aeb69e}.tone-cabinet{align-self:stretch;justify-items:center;gap:7px;padding-top:3px;display:grid}.tone-cabinet-icon{background:repeating-linear-gradient(0deg,#0000 0 2px,#89977626 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#89977626 2px 3px);border:2px solid #899776;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:62px;height:40px;margin:2px 0 0;display:flex;box-shadow:inset 0 0 0 3px #e3e8d8}.tone-cabinet-icon i{background:#d4ddc5;border:1px solid #899776;border-radius:50%;width:20px;height:24px}.tone-cabinet label{width:100%;min-width:0;color:var(--tone-muted);justify-items:center;gap:5px;font-size:11px;display:grid}.tone-rig .tone-cabinet select{border-color:var(--tone-border);text-align:center;background-color:var(--tone-raised);border-radius:5px;width:100%;height:30px;padding:3px 15px 3px 5px;font-size:11px}.tone-module-note{min-height:16px;color:var(--tone-muted);margin:3px 0 27px;font-size:11px}.tone-eq-knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tone-fx{border-top:1px solid var(--tone-line);background:var(--tone-subtle)}.tone-effects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tone-effect{border:1px solid var(--tone-line);background:#f7f8f1;border-radius:9px;min-width:0;overflow:hidden}.tone-effect[data-active]{border-color:var(--tone-accent-line);background:#e3ebd3}.tone-rig .tone-effect-switch{border:0;border-bottom:1px solid var(--tone-line);width:100%;min-height:40px;color:var(--tone-muted);text-align:left;background:#e5e9dc;align-items:center;gap:7px;padding:9px 11px;display:flex}.tone-effect-switch strong{flex:1;font-size:11px;font-weight:500}.tone-effect-switch>span:last-child{color:var(--tone-muted);font-size:11px}.tone-effect[data-active] .tone-effect-switch{color:var(--tone-accent-ink);background:var(--tone-accent-soft);border-bottom-color:var(--tone-accent-line)}.tone-effect[data-active] .tone-effect-switch>span:last-child{color:var(--tone-accent-ink)}.tone-effect-body{justify-content:center;align-items:center;gap:8px;padding:13px 10px 14px;display:flex}.tone-effect-body .tone-knob{gap:4px}.tone-effect-body .tone-knob>label{color:var(--tone-muted);font-size:11px}.tone-effect-body .tone-knob-surface{width:64px;height:64px}.tone-effect-character{writing-mode:vertical-rl;text-transform:uppercase;color:var(--tone-muted);letter-spacing:.13em;font-size:11px}.tone-delay-detail{color:var(--tone-muted);margin-top:15px;font-size:11px}.tone-delay-detail summary{cursor:pointer;padding:5px 0}.tone-delay-detail summary>span{color:var(--tone-muted);font-variant-numeric:tabular-nums;margin-left:12px}.tone-delay-detail>label{align-items:center;gap:12px;padding:10px 0 3px;display:flex}.tone-delay-detail input{min-width:0;accent-color:var(--tone-accent);flex:1}.tone-delay-detail output{text-align:right;min-width:42px;color:var(--tone-ink);font-variant-numeric:tabular-nums}.tone-signal{border-block:1px solid var(--tone-line);background:#fffdf7a6;align-items:center;gap:18px;padding:16px 24px;display:flex}.tone-signal>.tone-eyebrow{color:var(--tone-muted);flex-shrink:0;font-size:11px}.tone-signal ol{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.tone-signal li{border:1px solid var(--tone-line);color:var(--tone-muted);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:11px;display:flex;position:relative}.tone-signal li:not(:last-child):after{content:"→";color:var(--tone-muted);font-size:11px;position:absolute;right:-13px}.tone-signal li[data-active]{color:var(--tone-accent-ink);border-color:var(--tone-accent-line);background:var(--tone-accent-soft)}.tone-signal .tone-led{width:3px;height:3px}.tone-rig-footer{padding:15px 24px 18px}.tone-playback-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tone-rig .tone-audition-button{color:#fffaf0;background:#2b2822;border:1px solid #363128;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:9px 15px;font-size:11px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.tone-rig .tone-audition-button:hover:not(:disabled){background:#403a2e}.tone-audition-button>span{font-size:11px}.tone-rig .tone-reset{min-height:38px;color:var(--tone-muted);background:0 0;border:0;margin-left:auto;padding:8px 0 8px 10px;font-size:11px}.tone-rig .tone-reset:hover{color:var(--tone-ink)}.tone-scope{max-width:620px;color:var(--tone-muted);margin:0;font-size:11px;line-height:1.7}.tone-gesture-hint{color:var(--tone-muted);margin:6px 0 0;font-size:11px}.tone-status,.tone-error{color:var(--tone-accent-ink);margin:0;padding:0 24px 18px;font-size:11px}.tone-error{color:#944831}.tone-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tone-rig[data-bypassed] .tone-module{--tone-accent:#69705d;--tone-accent-ink:#515b44;--tone-accent-soft:#e0e4d7;--tone-accent-line:#9aa78a}@container tone-studio (max-width:620px){.tone-rig-header{padding:21px 18px}.tone-rig-header h3{font-size:25px}.tone-preset-bar{flex-wrap:wrap;padding:13px 18px 17px}.tone-preset-field{flex-basis:calc(100% - 115px)}.tone-preset-bar .tone-delete{min-height:30px;margin-left:auto}.tone-save-form{padding:14px 18px}.tone-rig-actions{padding:12px 18px}.tone-main-controls{grid-template-columns:1fr}.tone-amp{border-right:0;border-bottom:1px solid var(--tone-line)}.tone-module{padding:19px 18px}.tone-amp-types{margin-bottom:20px}.tone-amp-knobs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,1.2fr);gap:12px}.tone-amp .tone-knob-surface{width:76px;height:76px}.tone-cabinet{justify-self:center;width:100%;max-width:120px}.tone-module-note{margin:-6px 0 19px}.tone-eq-knobs{gap:9px}.tone-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tone-effect-body{gap:17px;padding-block:11px}.tone-effect-body .tone-knob-surface{width:68px;height:68px}.tone-signal{gap:9px;padding:15px 18px;display:grid}.tone-signal ol{gap:8px 16px}.tone-rig-footer{padding:18px}.tone-playback-actions{gap:8px}.tone-rig .tone-reset{margin-left:0}.tone-status,.tone-error{padding-inline:18px}}@container tone-studio (max-width:360px){.tone-knob-surface,.tone-amp .tone-knob-surface{width:60px;height:60px}.tone-amp-knobs{gap:8px}.tone-knob-cap{inset:8px}.tone-knob-pointer:before{height:11px;top:6px}.tone-eq-knobs{gap:4px}.tone-rig-header{padding-inline:15px}.tone-eyebrow{letter-spacing:.09em;font-size:11px}.tone-rig .tone-power{padding-inline:9px;font-size:11px}.tone-module,.tone-preset-bar,.tone-rig-actions,.tone-rig-footer{padding-inline:15px}.tone-delay-detail>label{flex-wrap:wrap}.tone-delay-detail input{flex-basis:45%}}@media (max-width:600px){.workspace-sheet[data-view=sound]{width:100%;height:min(92dvh,940px);max-height:calc(100dvh - 12px);inset:auto 0 0}.workspace-sheet[data-view=sound] .sheet-body{padding:12px 12px max(20px, env(safe-area-inset-bottom))}.workspace-sheet[data-view=sound] .sheet-header{padding:19px 20px 16px}.workspace-sheet[data-view=sound] .sheet-heading h2{font-size:22px}.tone-rig .tone-preset-field select,.tone-rig .tone-save-form input{font-size:16px}.tone-rig .tone-cabinet select{height:44px;padding-inline:3px;font-size:16px}.tone-rig .tone-small-button,.tone-rig .tone-audition-button,.tone-rig .tone-effect-switch,.tone-rig .tone-power,.tone-rig .tone-amp-types button,.tone-rig .tone-reset,.tone-rig select,.tone-rig .tone-save-form input{min-height:44px}.tone-delay-detail summary{align-items:center;min-height:44px;display:flex}}@media (prefers-reduced-motion:reduce){.tone-rig button{transition:none}}