/**app.wxss**/
.mini-root {
  --primary-green: #31866F;
  --primary-green-dark: #236D5C;
  --primary-red: #F05B5F;
  --primary-red-dark: #D9474C;
  --bg-cream: #F5F6F3;
  --bg-warm: #FBF6EA;
  --text-primary: #18211D;
  --text-secondary: #707872;
  --border-color: rgba(34, 53, 44, 0.09);
  --card-shadow: 0 calc(var(--rpx) * 18) calc(var(--rpx) * 54) rgba(31, 53, 42, 0.07), 0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(31, 53, 42, 0.04);

  height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #FAFAF7 0%, var(--bg-cream) 46%, #F0F3EF 100%);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

.qv0 {
  min-height: 100%;
  box-sizing: border-box;
}

/* 通用卡片 */
.card {
  background: rgba(255, 255, 255, 0.94);
  border: calc(var(--rpx) * 1) solid rgba(35, 61, 48, 0.08);
  border-radius: calc(var(--rpx) * 28);
  padding: calc(var(--rpx) * 32);
  margin-bottom: calc(var(--rpx) * 24);
  box-shadow: var(--card-shadow);
}

/* 按钮基础 */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--rpx) * 24) calc(var(--rpx) * 40);
  border-radius: calc(var(--rpx) * 20);
  font-size: calc(var(--rpx) * 30);
  font-weight: 650;
  color: #fff;
  border: none;
  line-height: 1.4;
  transition: opacity 0.2s, transform 0.2s;
}

.btn::after {
  border: none;
}

.btn-green {
  background: linear-gradient(145deg, #3A9078 0%, var(--primary-green-dark) 100%);
}

.btn-red {
  background: linear-gradient(145deg, #F66B6F 0%, var(--primary-red-dark) 100%);
}

.btn-disabled,.zdw10 {
  opacity: 0.6;
}

/* 标题文字 */
.section-title {
  font-size: calc(var(--rpx) * 34);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: calc(var(--rpx) * 20);
}

/* 标签 */
.tag {
  display: inline-flex;
  align-items: center;
  padding: calc(var(--rpx) * 8) calc(var(--rpx) * 20);
  border-radius: calc(var(--rpx) * 999);
  font-size: calc(var(--rpx) * 24);
  font-weight: 500;
  background: var(--bg-warm);
  color: #B8860B;
  border: calc(var(--rpx) * 1) solid #F0E0B0;
}

/* iPhone 14 Pro baseline: 393 logical px. One scoped visual system for the
   workbench, independent of historical page-wide typography overrides. */

/* v2.35.31: the picture follows the local playing surface. */
.mini-root .qv0.zq0 .zq2 .zql { order: 6 !important; display: block; width: 100%; box-sizing: border-box; background: #FFF; border: calc(var(--rpx) * 1) solid #E1E9E3; border-radius: calc(var(--rpx) * 24); margin: 0 0 calc(var(--rpx) * 20); }
.mini-root .qv0.zq0 .zq2 .zql > .zq7 { margin: 0 calc(var(--rpx) * -14) !important; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 14) calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2 .zql > .zrm { margin: calc(var(--rpx) * 4) 0 calc(var(--rpx) * 10) !important; padding: calc(var(--rpx) * 5) !important; border: 0 !important; }
.mini-root .qv0.zq0 .zq2 .zql .zr19 { display: none; }
.mini-root .qv0.zq0 .zq2 .zql > .zqj { margin: 0 !important; }
.mini-root .qv0.zq0 .zq2 .zr4::after { border: 0; }
.mini-root .qv0.zq0 .zq2 .zdtf { display: flex; align-items: center; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 12); background: #FBF7EB; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 22); line-height: 1.5; color: #826C44; }
.mini-root .qv0.zq0 .zq2 .zdtf > text { flex: 1; }
.mini-root .qv0.zq0 .zq2 .zdtf > button { flex: 0 0 auto; font-size: calc(var(--rpx) * 22); color: #38674D; padding: 0 calc(var(--rpx) * 12); line-height: calc(var(--rpx) * 64); background: #FFF; margin: 0; }
.mini-root .qv0.zq0 .zq2 .zdyh { position: relative; overflow: visible; }
.mini-root .qv0.zq0 .zq2 .zdvp { position: relative; background: #FFF; border-radius: calc(var(--rpx) * 18); padding: 0 0 calc(var(--rpx) * 10); }
.mini-root .qv0.zq0 .zq2 .zdvp .qv2 { margin-bottom: 0 !important; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: 1fr; column-gap: calc(var(--rpx) * 16); position: relative; box-sizing: border-box; border-radius: calc(var(--rpx) * 18) !important; background: #F6FAF6 !important; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-heading { grid-column: 2; grid-row: 1; display: flex; min-width: 0; margin: 0; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-name { flex: 0 0 auto; line-height: 1.2 !important; word-break: break-word; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-instrument { background: transparent; margin: 0; padding: 0; font-size: calc(var(--rpx) * 21) !important; line-height: 1.4; color: #637D6C; white-space: normal; text-align: left; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-bass,
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-omission { font-size: calc(var(--rpx) * 20); font-weight: 400; line-height: 1.4; color: #738677; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-caption,
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-notes { display: none; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-stage { grid-column: 1; grid-row: 1; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; min-width: 0; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zqb { width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zqx { flex: 1; width: auto; max-width: calc(var(--rpx) * 360); height: calc(var(--rpx) * 224); margin: calc(var(--rpx) * 34) calc(var(--rpx) * 16) calc(var(--rpx) * 34) calc(var(--rpx) * 30) !important; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zqx.is-ukulele { max-width: calc(var(--rpx) * 290); }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .chord-guitar-legend { display: none; }
.mini-root .qv0.zq0 .zq2 .chord-guitar-dot { display: flex; align-items: center; justify-content: center; width: calc(var(--rpx) * 33) !important; height: calc(var(--rpx) * 33) !important; min-width: 18px; min-height: 18px; color: #FFF; font-size: 12px !important; font-weight: 600; line-height: 1; border-width: calc(var(--rpx) * 2); }
.mini-root .qv0.zq0 .zq2 .chord-guitar-dot.is-root { background: #987129; }
.mini-root .qv0.zq0 .zq2 .zdx44 { height: calc(var(--rpx) * 18); background: #589A72; border-radius: calc(var(--rpx) * 12); position: absolute; transform: translateY(-50%); z-index: 1; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zrr { font-size: calc(var(--rpx) * 23); }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .chord-guitar-tuning { font-size: calc(var(--rpx) * 18); white-space: nowrap; }
.mini-root .qv0.zq0 .zq2 .zr4 { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 calc(var(--rpx) * 18); margin: calc(var(--rpx) * 4) 0 0; border: calc(var(--rpx) * 1) solid #C9DDCC; border-radius: calc(var(--rpx) * 13); background: #FFF; color: #35664D; font-size: calc(var(--rpx) * 23); font-weight: 550; line-height: 1.3; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zdu0 { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .chord-piano { width: 100%; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-key { font-size: calc(var(--rpx) * 18); }
.mini-root .qv0.zq0.has-result.is-chord-workbench { padding: calc(var(--rpx) * 24) calc(var(--rpx) * 24) calc(calc(var(--rpx) * 24) + env(safe-area-inset-bottom)) !important; }
.mini-root .qv0.zq0 .zq2.zq1 { gap: calc(var(--rpx) * 22) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr15,
.mini-root .qv0.zq0 .zq2.zq1 .zq4 { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .fp-header { background: #fff !important; border: calc(var(--rpx) * 1) solid #E1E9E3 !important; border-top: calc(var(--rpx) * 1) solid #E1E9E3 !important; border-radius: calc(var(--rpx) * 24) !important; box-shadow: 0 calc(var(--rpx) * 5) calc(var(--rpx) * 18) rgba(36,67,49,.035) !important; padding: calc(var(--rpx) * 18) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrk { gap: calc(var(--rpx) * 10) !important; padding: 0 0 calc(var(--rpx) * 16) !important; border-bottom: calc(var(--rpx) * 1) solid #EDF1ED !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zra,
.mini-root .qv0.zq0 .zq2.zq1 .zrb { min-height: calc(var(--rpx) * 80) !important; height: auto !important; border-radius: calc(var(--rpx) * 16) !important; box-shadow: none !important; font-size: calc(var(--rpx) * 25) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw7 { font-size: calc(var(--rpx) * 25) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1a { font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw1 { margin: calc(var(--rpx) * 18) 0 !important; gap: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .fp-title { font-size: calc(var(--rpx) * 34) !important; font-weight: 650 !important; line-height: 1.35 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw1 .zr1o { font-size: calc(var(--rpx) * 23) !important; font-weight: 500 !important; color: #587568 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .fp-starter-entry { min-height: calc(var(--rpx) * 74) !important; font-size: calc(var(--rpx) * 24) !important; font-weight: 550 !important; box-shadow: none !important; border-radius: calc(var(--rpx) * 16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq1a { font-size: calc(var(--rpx) * 26) !important; font-weight: 550 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqw { background: #F3F8F4 !important; border-color: #E3EDE5 !important; box-shadow: none !important; margin: calc(var(--rpx) * 16) 0 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdth { font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdu5 { color: #708177 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqw.state-ready .zdum { visibility: hidden; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1b { opacity: .55; }

/* Timing and melody: one card, not several nested cards. */
.mini-root .qv0.zq0 .zq2.zq1 .zqm { background: #fff !important; border: calc(var(--rpx) * 1) solid #E1E9E3 !important; border-top: calc(var(--rpx) * 1) solid #E1E9E3 !important; box-shadow: none !important; margin: 0 0 calc(var(--rpx) * 20) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqh { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .mix-volume-controls,
.mini-root .qv0.zq0 .zq2.zq1 .mix-volume-cards { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr21 { background: #F6F8F6 !important; border: 0 !important; box-shadow: none !important; min-height: calc(var(--rpx) * 78) !important; border-radius: calc(var(--rpx) * 14) !important; grid-template-columns: calc(var(--rpx) * 210) minmax(0,1fr) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr16 { font-size: calc(var(--rpx) * 23) !important; font-weight: 550 !important; background: transparent !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1w { background: #FAF9F3 !important; border: calc(var(--rpx) * 1) solid #E9E8DE !important; border-radius: calc(var(--rpx) * 24) !important; padding: calc(var(--rpx) * 16) !important; margin: 0 0 calc(var(--rpx) * 22) !important; box-shadow: none !important; }

/* Chord tools form a single calm surface. */
.mini-root .qv0.zq0 .zq2.zq1 .zq7 { background: #fff !important; border: 0 !important; border-top: calc(var(--rpx) * 3) solid #7BA58F !important; border-radius: calc(var(--rpx) * 24) calc(var(--rpx) * 24) 0 0 !important; box-shadow: none !important; padding: calc(var(--rpx) * 18) calc(var(--rpx) * 16) calc(var(--rpx) * 8) !important; margin: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .chord-title { font-size: calc(var(--rpx) * 30) !important; font-weight: 650 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq8 { gap: calc(var(--rpx) * 7) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq8 > button { height: calc(var(--rpx) * 84) !important; font-size: calc(var(--rpx) * 24) !important; font-weight: 550 !important; border-radius: calc(var(--rpx) * 14) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqs { background: #fff !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqu { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; border: calc(var(--rpx) * 1) solid #E1E8E2 !important; background: #FAFCFA !important; color: #52685B !important; line-height: 1.3 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqu.zq3 { background: #E3F0E8 !important; border-color: #A8C9B5 !important; color: #255D45 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr5 { font-size: calc(var(--rpx) * 25) !important; font-weight: 550 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqp { font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; margin: calc(var(--rpx) * 4) 0 0 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw4 { display: flex !important; align-items: center !important; gap: calc(var(--rpx) * 10) !important; margin-top: calc(var(--rpx) * 12) !important; min-height: calc(var(--rpx) * 84) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw6 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: calc(var(--rpx) * 4) !important; background: #F0F4F0 !important; border: calc(var(--rpx) * 1) solid #E3EAE3 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw0 { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; border: calc(var(--rpx) * 1) solid transparent !important; font-size: calc(var(--rpx) * 23) !important; font-weight: 500 !important; line-height: 1.3 !important; text-align: center !important; white-space: nowrap !important; background: transparent !important; color: #667A6C !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw0.zq3 { background: #fff !important; color: #285F48 !important; border-color: #CFDED2 !important; box-shadow: 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(39,70,49,.045) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pt-label { font-size: calc(var(--rpx) * 23) !important; font-weight: 500 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrm { background: #fff !important; border: calc(var(--rpx) * 1) solid #E5EAE5 !important; box-shadow: none !important; padding: calc(var(--rpx) * 10) !important; margin: 0 0 calc(var(--rpx) * 14) !important; border-radius: calc(var(--rpx) * 18) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq12 { font-size: calc(var(--rpx) * 23) !important; font-weight: 550 !important; min-height: calc(var(--rpx) * 78) !important; border-radius: calc(var(--rpx) * 12) !important; }

/* Cards: one type hierarchy for basic, recommended and extension chords. */
.mini-root .qv0.zq0 .zq2.zq1 .zqj,
.mini-root .qv0.zq0 .zq2.zq1 .ec-grid { background: transparent !important; border: 0 !important; box-shadow: none !important; gap: calc(var(--rpx) * 8) !important; padding: 0 !important; grid-auto-rows: minmax(calc(var(--rpx) * 120), auto) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqj .zqg,
.mini-root .qv0.zq0 .zq2.zq1 .ec-grid .zqg,
.mini-root .qv0.zq0 .zq2.zq1 .zr8 { min-height: calc(var(--rpx) * 120) !important; height: calc(var(--rpx) * 120) !important; padding: calc(var(--rpx) * 9) calc(var(--rpx) * 3) !important; border-radius: calc(var(--rpx) * 16) !important; border-color: #E2E8E1 !important; box-shadow: 0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(36,67,49,.025) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqq,
.mini-root .qv0.zq0 .zq2.zq1 .zdu3 { font-size: calc(var(--rpx) * 25) !important; font-weight: 600 !important; line-height: 1.3 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqv:not(.zrp) { font-size: calc(var(--rpx) * 21) !important; font-weight: 400 !important; line-height: 1.3 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr2f { font-size: calc(var(--rpx) * 28) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr14,
.mini-root .qv0.zq0 .zq2.zq1 .zr1k { font-size: calc(var(--rpx) * 19) !important; font-weight: 500 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ec-function,
.mini-root .qv0.zq0 .zq2.zq1 .zdus { font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; line-height: 1.4 !important; color: #758177 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqo { border-color: #E2EADF !important; min-height: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zduz { font-size: calc(var(--rpx) * 28) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdu6 { font-size: calc(var(--rpx) * 21) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qv8 { background: #fff !important; border: calc(var(--rpx) * 1) solid #E2E9E2 !important; border-radius: calc(var(--rpx) * 24) !important; padding: calc(var(--rpx) * 16) !important; margin: 0 !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ec-toolbar { border: 0 !important; padding: 0 !important; margin-bottom: calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ec-toolbar-heading { gap: calc(var(--rpx) * 10) !important; margin-bottom: calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ec-label { font-size: calc(var(--rpx) * 30) !important; font-weight: 650 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdx2e { font-size: calc(var(--rpx) * 21) !important; font-weight: 400 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq9 { background: #F2F5F0 !important; gap: calc(var(--rpx) * 3) !important; padding: calc(var(--rpx) * 4) !important; border: 0 !important; border-radius: calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq9 > button { font-size: calc(var(--rpx) * 22) !important; font-weight: 550 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq9 > button { white-space: nowrap !important; justify-content: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq1n { background: #F0F4F0 !important; border: 0 !important; border-radius: calc(var(--rpx) * 16) !important; padding: calc(var(--rpx) * 6) !important; gap: calc(var(--rpx) * 4) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqt { font-size: calc(var(--rpx) * 23) !important; font-weight: 500 !important; min-height: calc(var(--rpx) * 78) !important; border-radius: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zduh { font-size: calc(var(--rpx) * 20) !important; line-height: 1.5 !important; color: #748278 !important; margin: calc(var(--rpx) * 12) 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qv2 { border-color: #E1E8E1 !important; background: #FCFDFB !important; box-shadow: none !important; border-radius: calc(var(--rpx) * 24) !important; margin: 0 0 calc(var(--rpx) * 20) !important; padding: calc(var(--rpx) * 16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .cd-name { font-size: calc(var(--rpx) * 29) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .cd-stage { height: calc(var(--rpx) * 290) !important; border: 0 !important; background: #fff !important; }
.mini-root .qv0.zq0 .zq2.zq1 .cd-caption,
.mini-root .qv0.zq0 .zq2.zq1 .cd-notes { font-size: calc(var(--rpx) * 21) !important; font-weight: 400 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq18 .cd-stage { height: calc(var(--rpx) * 270) !important; }
.mini-root .qv0.zq0.has-result.is-chord-workbench .footer-utility-bar { margin: calc(var(--rpx) * 28) 0 0 !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrd { background: #fff !important; border: calc(var(--rpx) * 1) solid #DDE7DF !important; border-radius: calc(var(--rpx) * 24) !important; padding: calc(var(--rpx) * 16) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1e { font-size: calc(var(--rpx) * 20) !important; line-height: 1.4 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdws,
.mini-root .qv0.zq0 .zq2.zq1 .zdw9,
.mini-root .qv0.zq0 .zq2.zq1 .zr2h > button { font-size: calc(var(--rpx) * 23) !important; font-weight: 550 !important; min-height: calc(var(--rpx) * 76) !important; border-radius: calc(var(--rpx) * 13) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw5 { font-size: calc(var(--rpx) * 24) !important; font-weight: 600 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1x { font-weight: 400 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrf { min-height: calc(var(--rpx) * 88) !important; border-radius: calc(var(--rpx) * 14) !important; box-shadow: none !important; }

/* Second pass: deliberate alignment and consistent small-button states. */
.mini-root .qv0.zq0 .zq2.zq1 .zqs button::after,
.mini-root .qv0.zq0 .zq2.zq1 .zrd button::after,
.mini-root .qv0.zq0 .zq2.zq1 .zq1k::after,
.mini-root .qv0.zq0 .zq2.zq1 .zqe::after { border: 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr22 button,
.mini-root .qv0.zq0 .zq2.zq1 .pl-action { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; line-height: 1.3 !important; text-align: center !important; margin: 0 !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .hy-loader-banks-slot.zqn { grid-auto-rows: calc(var(--rpx) * 108) !important; gap: calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqn .hy-slot { height: calc(var(--rpx) * 108) !important; min-height: calc(var(--rpx) * 108) !important; background: #F6F9F5 !important; border: calc(var(--rpx) * 1) solid #DEE7DB !important; border-radius: calc(var(--rpx) * 14) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqn .hy-slot.is-empty { background: #FAFCF9 !important; border-style: dashed !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqn .hy-slot.zq3 { border-color: #679F7F !important; box-shadow: inset 0 0 0 calc(var(--rpx) * 1) #679F7F !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqn .hy-slot.qve { background: #E1F0E5 !important; border-color: #80AE92 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrt { font-size: calc(var(--rpx) * 25) !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .hy-slot-name { font-size: calc(var(--rpx) * 20) !important; line-height: 1.3 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .hy-slot-number { font-size: calc(var(--rpx) * 17) !important; font-weight: 400 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zs9 { padding: calc(var(--rpx) * 12) 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zs9 > text { font-size: calc(var(--rpx) * 21) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .hy-preset-drawer { background: #FBFAF5 !important; border: calc(var(--rpx) * 1) solid #E8E3D3 !important; border-radius: calc(var(--rpx) * 18) !important; padding: calc(var(--rpx) * 14) !important; margin: calc(var(--rpx) * 14) 0 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdwi { font-size: calc(var(--rpx) * 24) !important; font-weight: 600 !important; margin-bottom: calc(var(--rpx) * 10) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdwi text:last-child { font-size: calc(var(--rpx) * 20) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pl-card { padding: calc(var(--rpx) * 12) !important; border-radius: calc(var(--rpx) * 14) !important; min-height: calc(var(--rpx) * 98) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pl-name { font-size: calc(var(--rpx) * 23) !important; font-weight: 550 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pl-meta { font-size: calc(var(--rpx) * 18) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pl-formula { font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; line-height: 1.4 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .pl-action { height: calc(var(--rpx) * 76) !important; min-height: calc(var(--rpx) * 76) !important; border-radius: calc(var(--rpx) * 12) !important; font-size: calc(var(--rpx) * 22) !important; font-weight: 550 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr2h { border-radius: calc(var(--rpx) * 16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr2h > button { line-height: 1.3 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrf { display: flex !important; justify-content: center !important; align-items: center !important; gap: calc(var(--rpx) * 8) !important; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrf > view { flex: 0 1 auto !important; min-width: 0 !important; text-align: left !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdwe { flex: 0 0 calc(var(--rpx) * 36) !important; width: calc(var(--rpx) * 36) !important; height: calc(var(--rpx) * 36) !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1x { font-size: calc(var(--rpx) * 18) !important; line-height: 1.4 !important; white-space: normal !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrd button[disabled] { opacity: 1 !important; color: #98A198 !important; background: #F1F4EF !important; border-color: #E4EAE1 !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrd button[disabled] text { color: inherit !important; }

/* The easter-egg drawer is a quiet warm collection, with readable progressions. */
.mini-root .qv0.zq0 .zq2.zq1 .zq1k { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; min-height: calc(var(--rpx) * 106) !important; margin: calc(var(--rpx) * 18) 0 0 !important; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 20) !important; background: #FAF7EE !important; border: calc(var(--rpx) * 1) solid #E6DFCF !important; border-radius: calc(var(--rpx) * 20) !important; box-shadow: none !important; text-align: left !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr17 { font-size: calc(var(--rpx) * 20) !important; font-weight: 500 !important; line-height: 1.4 !important; color: #9A773D !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr23 { font-size: calc(var(--rpx) * 26) !important; font-weight: 600 !important; line-height: 1.4 !important; margin-top: calc(var(--rpx) * 4) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdu7 { display: flex !important; align-items: center !important; justify-content: center !important; min-height: calc(var(--rpx) * 70) !important; min-width: calc(var(--rpx) * 102) !important; padding: 0 calc(var(--rpx) * 12) !important; background: #fff !important; border: calc(var(--rpx) * 1) solid #E5DFD2 !important; border-radius: calc(var(--rpx) * 13) !important; font-size: calc(var(--rpx) * 23) !important; font-weight: 550 !important; line-height: 1.3 !important; text-align: center !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq14 { background: #FFFEF9 !important; border: calc(var(--rpx) * 1) solid #E8E2D4 !important; border-radius: calc(var(--rpx) * 20) !important; margin: calc(var(--rpx) * 10) 0 0 !important; padding: calc(var(--rpx) * 16) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdva { margin: 0 0 calc(var(--rpx) * 16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdtm { font-size: calc(var(--rpx) * 27) !important; font-weight: 600 !important; line-height: 1.35 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdu14 { font-size: calc(var(--rpx) * 21) !important; line-height: 1.4 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdx9 { font-size: calc(var(--rpx) * 20) !important; font-weight: 500 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zduu { gap: calc(var(--rpx) * 10) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; min-height: calc(var(--rpx) * 156) !important; height: auto !important; padding: calc(var(--rpx) * 16) !important; background: #fff !important; border: calc(var(--rpx) * 1) solid #E3E7DD !important; border-radius: calc(var(--rpx) * 16) !important; box-shadow: none !important; text-align: left !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr24 { color: #365C49 !important; font-size: calc(var(--rpx) * 25) !important; font-weight: 600 !important; line-height: 1.4 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zre { display: flex !important; align-items: center !important; justify-content: center !important; min-width: calc(var(--rpx) * 34) !important; height: calc(var(--rpx) * 34) !important; padding: 0 calc(var(--rpx) * 5) !important; font-size: calc(var(--rpx) * 18) !important; font-weight: 500 !important; line-height: 1 !important; background: #EDF4EF !important; border-radius: calc(var(--rpx) * 10) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrx { color: #537260 !important; font-size: calc(var(--rpx) * 22) !important; font-weight: 500 !important; line-height: 1.4 !important; margin-top: calc(var(--rpx) * 8) !important; white-space: normal !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr13 { color: #7A857C !important; font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; line-height: 1.45 !important; margin-top: calc(var(--rpx) * 5) !important; white-space: normal !important; overflow-wrap: anywhere; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe.qvd { background: #FCF8EB !important; border-color: #CDB985 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe.qvd .zre { color: #86652E !important; background: #F2E8CC !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe.is-active { background: #2D7155 !important; border-color: #2D7155 !important; transform: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe.is-active text { color: #FFFFFF !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqe.is-active .zre { background: rgba(255,255,255,.16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zsa { color: #788478 !important; font-size: calc(var(--rpx) * 20) !important; line-height: 1.5 !important; margin: calc(var(--rpx) * 16) calc(var(--rpx) * 2) 0 !important; text-align: left !important; }

/* Only guardrails for neighbouring widths; the 393px composition stays primary. */
@media (max-width: 370px) {
  .mini-root .qv0.zq0 .zq2.zq1 .zq9 > button { font-size: calc(var(--rpx) * 20) !important; }
}
.mini-root .qv0.zq0 .zq2.zq1 .qva { border: calc(var(--rpx) * 1) solid #E3E8DC !important; }
.ls-heading { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); margin-bottom: calc(var(--rpx) * 14); min-width: 0; }
.ls-title { font-size: calc(var(--rpx) * 28); color: #244D3D; font-weight: 650; white-space: nowrap; }
.ls-ear-controls { display: flex; flex: 1; justify-content: flex-end; gap: calc(var(--rpx) * 8); min-width: 0; }
.er { flex-wrap: nowrap; align-items: center; min-width: 0; }
.ers { display: block; min-width: 0; max-width: 100%; height: calc(var(--rpx) * 76); overflow-y: auto; white-space: normal; overflow-wrap: anywhere; color: #8A734C; font-size: calc(var(--rpx) * 22); line-height: 1.4; }
.ls-key.is-ear-cue {animation:chordKeyPop 280ms ease-out;}
.er-hide{visibility:hidden;pointer-events:none}.er{position:relative}.er-pad{padding-right:calc(var(--rpx) * 108);box-sizing:border-box}.mini-root .qv0.zq0 .zq2.zq1 .zq8.er>button.er-r,.mini-root .qv0.zq0 .zq2.zq1 .zq9.er>button.er-r{position:absolute!important;right:0;bottom:calc(100% + calc(var(--rpx) * 8));flex:none!important;flex-direction:row!important;width:calc(var(--rpx) * 94)!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 calc(var(--rpx) * 4)!important;white-space:nowrap!important;font-size:calc(var(--rpx) * 22)!important;background:#eff6ed!important;color:#426d52!important;border:calc(var(--rpx) * 1) solid #dce7dd!important;border-radius:calc(var(--rpx) * 12)!important;line-height:1.3!important;display:flex!important;align-items:center;justify-content:center;z-index:2}
.mini-root .qv0.zq0 .zq2.zq1 .zql .zq8.er { gap: calc(var(--rpx) * 10) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq8.er > button,
.mini-root .qv0.zq0 .zq2.zq1 .zq8.er .capo-button { min-width: 0 !important; min-height: 44px !important; height: 44px !important; }
.mini-root .qv0.zq0 .zq2 .qva .ls-audition { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 44px !important; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 5) calc(var(--rpx) * 14); border: calc(var(--rpx) * 1) solid #DCE7DD; border-radius: calc(var(--rpx) * 12); background: linear-gradient(#fff,#F0F6ED); color: #426D52; font-size: calc(var(--rpx) * 22); line-height: 1.35; white-space: nowrap; }
.mini-root .qv0.zq0 .zq2.zq1 .qva button { box-sizing: border-box; width: auto; min-width: 0; max-width: 100%; margin: 0; line-height: 1.35; text-align: center; box-shadow: none; font-weight: 550; }
.mini-root .qv0.zq0 .zq2.zq1 .qva button::after { border: 0; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdy2b { display: flex; align-items: center; justify-content: space-between; border: calc(var(--rpx) * 1) solid #D9E5DD; background: #FFF; color: #28553F; text-align: left; }
.zdts { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--rpx) * 6); padding: calc(var(--rpx) * 5); margin-top: calc(var(--rpx) * 12); background: #EAF0E9; border-radius: calc(var(--rpx) * 14); }
.mini-root .qv0.zq0 .zq2.zq1 .zdts button { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: calc(var(--rpx) * 76); padding: calc(var(--rpx) * 10) calc(var(--rpx) * 6); color: #6B7B70; background: transparent; border: calc(var(--rpx) * 1) solid transparent; border-radius: calc(var(--rpx) * 10); font-size: calc(var(--rpx) * 25); }
.mini-root .qv0.zq0 .zq2.zq1 .qva button.zq3 { color: #28664E; border-color: #BDD6C6; background: #E2F0E6; }
.mini-root .qv0.zq0 .zq2.zq1 .zdts button.zq3 { background: #FFF; border-color: #DDE8DF; }
.zdw14 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(var(--rpx) * 4) calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 21); color: #61786A; line-height: 1.5; }
.zdw14 > text:last-child { color: #849084; font-size: calc(var(--rpx) * 20); }
.ls-keyboard { display: flex; flex-direction: column; gap: calc(var(--rpx) * 9); }
.ls-viewport { display: block; height: auto; overflow: visible; }
.ls-viewport.is-multi-row { height: auto; }
.ls-key-row { display: grid; gap: calc(var(--rpx) * 7); }
.ls-key-row.is-octave-start:not(:first-child) { margin-top: calc(var(--rpx) * 8); }
.zdy1b { border-radius: calc(var(--rpx) * 10); background: rgba(226,233,224,.2); pointer-events: none; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7 { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: stretch; width: 100%; min-width: 0; min-height: 44px; padding: 0; border: calc(var(--rpx) * 1) solid #BED6C4; border-radius: calc(var(--rpx) * 10); background: linear-gradient(150deg,#E9F3E9,#DDEBDD); color: #427557; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7 > text { font-size: 20px; font-weight: 400; line-height: 1; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7.is-remove { background: #F4F7F0; border-color: #D6E1D0; color: #6B8068; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7[disabled] { background: #F3F5EF; border-color: #E2E7DC; color: #A2ADA0; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7.qv4 { background: #D3E7D4; color: #2F6645; }
.zdt7.is-continuation > text { font-size: 17px; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7.is-add > text:first-child { font-size: 18px; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdt7 > .zdx23 { font-size: 10px; line-height: 1.1; font-weight: 400; opacity: .8; }
.zrv { display: block; margin: calc(var(--rpx) * 4) 0 calc(var(--rpx) * 8); font-size: calc(var(--rpx) * 21); color: #62786B; }
.zq17 .zdts { margin: 0 0 calc(var(--rpx) * 14); }
.mini-root .qv0.zq0 .zq2.zq1 .ls-key .zdx2n { white-space: normal; overflow-wrap: normal; max-width: 100%; text-align: center; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-1 .zdx2n.is-altered-label { font-size: calc(var(--rpx) * 23) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; width: 100%; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 1); border: calc(var(--rpx) * 1) solid #E3E8E0; color: #304B3D; font-weight: 500; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-tonic { border: calc(var(--rpx) * 2) solid #82B49A; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-out-scale { color: #788278; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-unavailable { opacity: .42; }
.zdy39 { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(var(--rpx) * 56); }
.zdy2a { font-size: calc(var(--rpx) * 32); line-height: 1.2; font-weight: 700; }
.ls-dots { position: absolute; left: 0; right: 0; text-align: center; font-size: calc(var(--rpx) * 15); letter-spacing: calc(var(--rpx) * 2); line-height: 1; }
.ls-dots.above { top: calc(var(--rpx) * -1); }
.ls-dots.below { bottom: 0; }
.zdx2n { font-size: calc(var(--rpx) * 20); line-height: 1.45; white-space: nowrap; margin-top: calc(var(--rpx) * 4); }
.zdx3k { font-size: calc(var(--rpx) * 18); line-height: 1.4; opacity: .63; margin-top: calc(var(--rpx) * 2); }
.zdxs { display: flex; justify-content: space-between; gap: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 19); line-height: 1.4; color: #859181; }
.zdxs > text:first-child { flex: 1; min-width: 0; }
.zdxs > text:last-child { white-space: nowrap; }
.zdxs .is-warning { color: #947041; }
.ls-notice { display: block; line-height: 1.45; color: #8A734C; }
.zdy2c { padding: calc(var(--rpx) * 14); background: #FDFEFA; border: calc(var(--rpx) * 1) solid #DBE6DB; border-radius: calc(var(--rpx) * 14); margin-top: calc(var(--rpx) * 10); }
.zdx4v { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 6); }
.mini-root .qv0.zq0 .zq2.zq1 .zdx4v button { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: auto; min-height: calc(var(--rpx) * 72); padding: calc(var(--rpx) * 8) calc(var(--rpx) * 12); background: #EDF2EC; border: calc(var(--rpx) * 1) solid transparent; border-radius: calc(var(--rpx) * 10); font-size: calc(var(--rpx) * 23); color: #637767; }
.zdy1k { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--rpx) * 8); margin-top: calc(var(--rpx) * 14); }
.mini-root .qv0.zq0 .zq2.zq1 .zdy1k button { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-width: 0; gap: calc(var(--rpx) * 4); min-height: calc(var(--rpx) * 94); padding: calc(var(--rpx) * 10) calc(var(--rpx) * 6); background: #FFF; border: calc(var(--rpx) * 1) solid #E3E9DE; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 25); color: #375C49; }
.zdyq { font-size: calc(var(--rpx) * 19); font-weight: 400; opacity: .75; }
.zdx1k { display: flex; justify-content: space-between; align-items: center; margin-top: calc(var(--rpx) * 10); font-size: calc(var(--rpx) * 20); color: #82907E; }
.mini-root .qv0.zq0 .zq2.zq1 .zdx1k button { display: flex; flex: none; align-items: center; justify-content: center; width: auto; min-height: calc(var(--rpx) * 66); background: transparent; color: #517962; font-size: calc(var(--rpx) * 23); padding: calc(var(--rpx) * 8) calc(var(--rpx) * 12); }
@media (max-width: 370px) {
  .ls-viewport.is-wide-scale { height: auto !important; }
}
.zdt14 { display: flex; align-items: center; gap: 8px; margin: 5px 0; }
.zdt14 > text { min-width: 0; color: #7C8D80; font-size: 10px; line-height: 1.3; }
.mini-root .qv0 .zdt14 button,
.mini-root .qv1 .zdt14 button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-height: 30px; padding: 4px 10px; border-radius: 9px; border: 1px solid #D6E3D7; background: #F4F8F1; color: #496B55; font-size: 11px; line-height: 1.2; }
.zdtc { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin-bottom: 5px; }
.mini-root .qv0 .zdtc button,
.mini-root .qv1 .zdtc button { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 34px; padding: 4px 3px; border-radius: 9px; border: 1px solid #DEE8DB; background: #FFF; color: #4D6D59; font-size: 11px; line-height: 1.2; }
.mini-root .qv0 .zdtc button.zq3,
.mini-root .qv1 .zdtc button.zq3 { border-color: #91B39A; background: #E0EEE0; color: #305C42; }

.zdw1h { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 8); margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 10); }
.zdw1h text { text-align:center; font-size:calc(var(--rpx) * 20); line-height:1.4; color:#607b6b; min-width:0; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:calc(var(--rpx) * 22) calc(var(--rpx) * 8)!important; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zr8 { position:relative; overflow:visible; width:100%; min-width:0; border:calc(var(--rpx) * 1) solid #dce7df; box-shadow:none; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zdu3 { font-size:calc(var(--rpx) * 25)!important; white-space:normal; overflow-wrap:anywhere; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zr2f { font-size:calc(var(--rpx) * 27)!important; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zr14,.zq16 .zr1k { font-size:calc(var(--rpx) * 20)!important; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .route-transition::after { display:block; content:''; position:absolute; top:100%; left:50%; height:calc(var(--rpx) * 23); width:calc(var(--rpx) * 2); border:0; border-radius:0; background:#c7dacf; transform:none; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .route-target { background:#f9faf4; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .is-route-active { border-color:#58957a; background:#eaf4ed; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .route-target.is-route-active { box-shadow:inset 0 0 0 calc(var(--rpx) * 1) #58957a; background:#dfeee4; }
.zr2g { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 8); margin-top:calc(var(--rpx) * 14); }
.zr2g > text { font-size:calc(var(--rpx) * 19); line-height:1.4; color:#718074; }
.zr2g button { width:auto; min-width:0; flex:none; margin:0; padding:calc(var(--rpx) * 8); min-height:calc(var(--rpx) * 80); display:flex; align-items:center; background:transparent; color:#416e58; font-size:calc(var(--rpx) * 20); line-height:1.3; font-weight:500; }
.zr2g button::after { border:0; }
.zdx4z { display:block; font-size:calc(var(--rpx) * 21); color:#7b6741; line-height:1.5; }
.zds6 { padding:calc(var(--rpx) * 16); margin-top:calc(var(--rpx) * 8); background:#fbfcf8; border:calc(var(--rpx) * 1) solid #dce6dd; border-radius:calc(var(--rpx) * 16); }
.zds6 > text { display:block; font-size:calc(var(--rpx) * 23); line-height:1.6; color:#5d7065; }
.zds6 .zduy { font-weight:600; color:#315844; margin-bottom:calc(var(--rpx) * 6); }
.zds6 .zdx1y { font-size:calc(var(--rpx) * 20); color:#7e8a80; margin-top:calc(var(--rpx) * 10); }
@media (max-width:370px) {
 .zdw1h text { font-size:calc(var(--rpx) * 19); }
 .mini-root .qv0.zq0 .zq2 .zqo .zq16 .zr8 { min-height:calc(var(--rpx) * 140)!important; height:calc(var(--rpx) * 140)!important; }
}

.mini-root .qv0.zq0 .zq2 .zq4 > .qva { order: 2 !important; }
.mini-root .qv0.zq0 .zq2 .zq4 > .zrd { order: 3 !important; }
.mini-root .qv0.zq0 .zq2 .zq4 > .zqm { order: 4 !important; }
.mini-root .qv0.zq0 .zq2 .zq4 > .zql { order: 5 !important; }
.mini-root .qv0.zq0 .zq2 .zq4 > .qv8 { order: 6 !important; }
.zdtx { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--rpx) * 12); margin: 0 0 calc(var(--rpx) * 14); color: #365E4C; }
.zdtx > text:first-child { font-size: calc(var(--rpx) * 28); font-weight: 600; }
.zdtx > text:last-child { font-size: calc(var(--rpx) * 21); color: #7B897F; }
.zdv9 { min-height: calc(var(--rpx) * 28); font-size: calc(var(--rpx) * 20); color: #8B927F; line-height: 1.4; }
.zdud { padding: calc(var(--rpx) * 12); border-radius: calc(var(--rpx) * 12); border: calc(var(--rpx) * 1) solid #D9CEAE; background: #FAF6E9; color: #80704B; font-size: calc(var(--rpx) * 22); line-height: 1.5; }
.zdud > view { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--rpx) * 8); margin-top: calc(var(--rpx) * 10); }
.zdud button { min-height: 44px; padding: calc(var(--rpx) * 7); margin: 0; width: 100%; font-size: calc(var(--rpx) * 23); display: flex; align-items: center; justify-content: center; line-height: 1.4; color: #516D59; background: #FFF; border-radius: calc(var(--rpx) * 12); }
.mini-root .qv0.zq0 .zq2.zq1 .zr1q { font-size: calc(var(--rpx) * 24) !important; font-weight: 500 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqs { order: 2 !important; padding: calc(var(--rpx) * 16) 0 0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqu.zq3 .zr5 { color: #255D45 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqu.zq3 .zqp { color: #4C735D !important; }
.mini-root .qv0.zq0 .zq2 .zq8 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq8 > button { min-height: 44px !important; width: 100% !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqw { box-sizing: border-box; min-height: calc(var(--rpx) * 114) !important; max-height: calc(var(--rpx) * 114) !important; height: calc(var(--rpx) * 114) !important; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 14) !important; margin-top: calc(var(--rpx) * 14) !important; border-radius: calc(var(--rpx) * 14) !important; overflow: hidden; }
.mini-root .qv0.zq0 .zq2.zq1 .zdtz { min-height: calc(var(--rpx) * 40) !important; gap: calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdth { font-size: calc(var(--rpx) * 24) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdwk { width: calc(var(--rpx) * 32) !important; height: calc(var(--rpx) * 32) !important; line-height: calc(var(--rpx) * 32) !important; font-size: calc(var(--rpx) * 23) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1b { margin: calc(var(--rpx) * 6) 0 !important; height: calc(var(--rpx) * 4) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdu5 { font-size: calc(var(--rpx) * 20) !important; line-height: calc(var(--rpx) * 29) !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zq1e { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: calc(var(--rpx) * 4); width: 100%; min-width: 0; }
.mini-root .qv0.zq0 .zq2 .zq1e > button { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 0 calc(var(--rpx) * 4); font-size: calc(var(--rpx) * 21); white-space: normal; }
.mini-root .qv0.zq0 .zq2 .zqt { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.zq1f { border: calc(var(--rpx) * 1) solid #DDE7DE; border-radius: calc(var(--rpx) * 16); padding: calc(var(--rpx) * 14); background: #F6F9F5; }
.zdwg { display: flex; justify-content: space-between; align-items: center; color: #355E4A; font-size: calc(var(--rpx) * 25); font-weight: 550; }
.zdwg > button { width: auto; margin: 0; padding: 0 calc(var(--rpx) * 8); min-height: 44px; display: flex; align-items: center; color: #6E8073; font-size: calc(var(--rpx) * 22); background: transparent; }
.zdwg > button::after { border: 0; }
.ar-strategy, .zdtk { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: calc(var(--rpx) * 6); }
.ar-family-tabs { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: calc(var(--rpx) * 5); margin: calc(var(--rpx) * 10) 0; }
.ar-strategy > button, .ar-family-tabs > button, .zdta > button, .zdtk > button { display: flex; align-items: center; justify-content: center; min-width: 0; width: 100%; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 2); font-size: calc(var(--rpx) * 23); font-weight: 500; line-height: 1.3; background: #FFF; color: #667A6D; border: calc(var(--rpx) * 1) solid #E0E8DE; border-radius: calc(var(--rpx) * 12); box-sizing: border-box; }
.ar-strategy > button::after, .ar-family-tabs > button::after, .ar-candidate::after, .zdta > button::after, .zdtk > button::after { border: 0; }
.ar-family-tabs > button { flex-direction: column; font-size: calc(var(--rpx) * 21); }
.ar-family-tabs > button > text { font-size: calc(var(--rpx) * 18); color: #879488; margin-top: calc(var(--rpx) * 3); }
.ar-strategy .zq3, .ar-family-tabs .zq3, .ar-candidate.zq3, .zdta .zq3, .zdtk .zq3 { color: #285F47; border-color: #91BBA2; background: #E9F3EC; }
.ar-candidates-viewport { max-height: calc(var(--rpx) * 350); }
.zdx1s { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--rpx) * 8); }
.ar-candidate { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: calc(var(--rpx) * 6); width: 100%; min-height: calc(var(--rpx) * 108); min-width: 0; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 12); margin: 0; box-sizing: border-box; background: #FFF; color: #42644F; border: calc(var(--rpx) * 1) solid #DFE7DD; border-radius: calc(var(--rpx) * 12); line-height: 1.4; text-align: left; }
.ar-candidate > view { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: calc(var(--rpx) * 23); gap: calc(var(--rpx) * 4); }
.ar-candidate > view > text:last-child { color: #7C8C80; font-size: calc(var(--rpx) * 20); }
.ar-frets { font-size: calc(var(--rpx) * 21); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ar-note { display: block; color: #78877D; font-size: calc(var(--rpx) * 20); line-height: 1.5; margin: calc(var(--rpx) * 9) 0; }
.zq17 { margin-bottom: calc(var(--rpx) * 12); }
.zdta { margin-bottom: calc(var(--rpx) * 8); }
.zq17 > text { display: block; margin-top: calc(var(--rpx) * 9); font-size: calc(var(--rpx) * 20); color: #79877C; }
.zrc > button::after { border: 0; }
.zrc { display: grid; grid-template-columns: 1fr 1fr auto; gap: calc(var(--rpx) * 7); margin-bottom: calc(var(--rpx) * 12); }
.zrc > button { min-height: 44px; width: 100%; min-width: 0; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 12); margin: 0; background: #F0F5EF; color: #65806D; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 22); line-height: 1.35; box-sizing: border-box; }
.zrc > button.zq3 { color: #295D45; background: #E0EEE3; font-weight: 550; }
.mini-root .qv0.zq0 .zq2 .zq16.zdvv .zr8::before,
.mini-root .qv0.zq0 .zq2 .zq16.zdvv .zr8::after { content: none !important; display: none !important; }
.mini-root .qv0.zq0 .zq2 .zq16.zdvv .zr8 { border-color: #E1E8DE !important; background: #FFF !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ls-key.labels-1,
.mini-root .qv0.zq0 .zq2.zq1 .ls-key.labels-2 { justify-content: center !important; gap: calc(var(--rpx) * 4) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ls-key.labels-1 .zdx2n,
.mini-root .qv0.zq0 .zq2.zq1 .ls-key.labels-1 .zdx3k { font-size: calc(var(--rpx) * 26) !important; color: #315B46 !important; margin: 0 !important; font-weight: 550 !important; }
@media (max-width: 380px) {
  .ar-candidate { padding: calc(var(--rpx) * 9); }
}
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-1, .mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-2, .mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-3 { height: auto !important; }
.mini-root .qv0.zq0 .zq2 .zqw.state-partial { background: #F4F8F4 !important; border-color: #DFE8DF !important; color: #62816E !important; }
.mini-root .qv0.zq0 .zq2 .zqw.state-partial .zdwk { background: #E8F1EA !important; color: #62816E !important; }
.mini-root .qv0.zq0 .zq2 .zqw.state-partial .zdth { color: #62816E !important; }
.mini-root .qv0.zq0 .zq2 .zqw.state-partial .zr1b > view { background: #87AE97 !important; }
.mini-root .qv0.zq0 .zq2 .zqo .zdu3 { white-space: normal !important; overflow-wrap: anywhere; line-height: 1.35 !important; max-width: 100%; }
.mini-root .qv0.zq0 .zq2 .zqo .zdus,
.mini-root .qv0.zq0 .zq2 .cd-instrument,
.mini-root .qv0.zq0 .zq2 .cd-omission { white-space: normal !important; overflow-wrap: anywhere; max-width: 100%; }
.mini-root .qv0.zq0 .zq2 .zqo .zr8 { height: auto !important; min-height: calc(var(--rpx) * 140) !important; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 6) !important; }
.mini-root .qv0.zq0 .zq2 .zr1u { gap: calc(var(--rpx) * 10); }
.mini-root .qv0.zq0 .zq2 .zr1u > view { min-width: 0; }
.mini-root .qv0.zq0 .zq2 .zr1u button { flex-shrink: 0; width: auto; min-height: calc(var(--rpx) * 80); padding: calc(var(--rpx) * 10) calc(var(--rpx) * 16); line-height: 1.4; font-size: calc(var(--rpx) * 23); }
.mini-root .qv1 .zdy1l { padding: 0 0 calc(var(--rpx) * 16) !important; }
.mini-root .qv1 .zq2, .mini-root .qv1 .zq4 { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq9 > button { height: calc(var(--rpx) * 84) !important; min-height: calc(var(--rpx) * 84) !important; line-height: 1.4 !important; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2 .zq1e { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 6); }
.mini-root .qv0.zq0 .zq2 .zq1e button { width: auto !important; max-width: 100%; flex: 1 1 auto; margin: 0 !important; min-height: calc(var(--rpx) * 76); height: auto !important; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 10) !important; line-height: 1.4 !important; font-size: calc(var(--rpx) * 22) !important; border-radius: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2 .zrc { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: calc(var(--rpx) * 12); }
.mini-root .qv0.zq0 .zq2 .zrc button { display: flex; align-items: center; justify-content: center; width: 100% !important; box-sizing: border-box; margin: 0; min-width: 0; height: auto !important; line-height: 1.35 !important; font-size: calc(var(--rpx) * 23) !important; border-radius: calc(var(--rpx) * 12) !important; color: #617C6C; background: transparent; }
.zdt1c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--rpx) * 4); padding: calc(var(--rpx) * 4); border: calc(var(--rpx) * 1) solid #DEE8DE; border-radius: calc(var(--rpx) * 16); background: #EAF1E9; }
.zdt1c button::after { border: 0; }
.mini-root .qv0.zq0 .zq2 .zdt1c button.zq3 { background: #FFF; color: #28644A; font-weight: 600; box-shadow: 0 calc(var(--rpx) * 2) calc(var(--rpx) * 6) rgba(39,74,52,.04); }
.mini-root .qv0.zq0 .zq2 .zduz { line-height: 1.4; }
.mini-root .qv0.zq0 .zq2 .zdu6 { margin-top: calc(var(--rpx) * 4); }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zr8 { height: auto !important; min-height: calc(var(--rpx) * 144) !important; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 6) !important; justify-content: center; gap: calc(var(--rpx) * 4); text-align: center; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zqv { display: flex; align-items: baseline; justify-content: center; min-height: calc(var(--rpx) * 30); margin: 0; line-height: 1.35; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zdu3 { display: block; width: 100%; min-height: calc(var(--rpx) * 34); margin: 0; line-height: 1.35 !important; overflow: visible; text-overflow: clip; }
.mini-root .qv0.zq0 .zq2 .zqo .zq16 .zdus { display: block; width: 100%; min-height: calc(var(--rpx) * 28); margin: 0; line-height: 1.4 !important; overflow: visible; text-overflow: clip; }
.mini-root .qv0.zq0 .zq2 .zr2g { align-items: center; gap: calc(var(--rpx) * 12); }
.mini-root .qv0.zq0 .zq2 .zr2g button { display: flex; justify-content: center; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 21); }
.zq1b { position: fixed; z-index: 90; left: calc(var(--rpx) * 20); right: calc(var(--rpx) * 20); bottom: 0; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 10) calc(calc(var(--rpx) * 10) + env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1.3fr 1fr 1fr .95fr; align-items: stretch; gap: calc(var(--rpx) * 8); background: rgba(248,251,247,.98); border: calc(var(--rpx) * 1) solid #D6E5DB; border-radius: calc(var(--rpx) * 24) calc(var(--rpx) * 24) 0 0; box-shadow: 0 calc(var(--rpx) * -4) calc(var(--rpx) * 20) rgba(31,77,56,.08); }
.mini-root .zq1b button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--rpx) * 4); width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; margin: 0; min-height: calc(var(--rpx) * 88); height: auto; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 4); line-height: 1.3; text-align: center; font-size: calc(var(--rpx) * 25); background: linear-gradient(145deg,#FFF,#EAF3EB); border: calc(var(--rpx) * 1) solid #C9DBCE; border-radius: calc(var(--rpx) * 18); color:#38664D; box-shadow:inset 0 calc(var(--rpx) * 2) #FFF; }
.zq1b button::after { border: 0; }
.zq1b .dock-label { display: block; font-size: calc(var(--rpx) * 24); font-weight: 600; white-space: nowrap; }
.zq1b .zdxj { display: block; font-size: calc(var(--rpx) * 19); font-weight: 400; color: #809183; line-height: 1.2; }
.mini-root .zq1b .zdx2d.is-on,.mini-root .zq1b .zdyf.is-on { background:linear-gradient(145deg,#E1F1E6,#CEE7D6); border-color:#94BDA0; color:#245E40; box-shadow:inset 0 calc(var(--rpx) * 2) #F5FFF7; }
.zq1b .zdx2d.is-on .zdxj { color: #49765B; }
.mini-root .zq1b .dock-play { flex-direction: row; gap: calc(var(--rpx) * 8); background:#2D7559; border-color:#2D7559; color: white; }
.mini-root .zq1b .dock-play:not([disabled]) { background:linear-gradient(145deg,#448C6C,#266B4D); border-color:#2D7152; box-shadow:inset 0 calc(var(--rpx) * 2) #FFFFFF33,0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) #2D604412; }
.mini-root .zq1b button.button-hover:not([disabled]):not(.zdw10),.mini-root .zq1b button:active:not([disabled]):not(.zdw10) { filter:brightness(.96); border-color:#90B59B; box-shadow:inset 0 calc(var(--rpx) * 3) calc(var(--rpx) * 6) #184E3822 !important; }
.zq1b .zdyg { font-size: calc(var(--rpx) * 18); line-height: 1; }
.zq1b button[disabled] { opacity: .5; }
.lw-mask { position: fixed; inset: 0; z-index: 120; background: rgba(20,39,30,.26); }
.qv1 { position: fixed; z-index: 121; left: 0; right: 0; bottom: 0; height: 72vh; display: flex; flex-direction: column; background: #F6F9F5; border-radius: calc(var(--rpx) * 28) calc(var(--rpx) * 28) 0 0; box-sizing: border-box; }
.lw-heading { flex: none; display: flex; align-items: center; justify-content: space-between; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 24); color: #285A45; font-size: calc(var(--rpx) * 28); font-weight: 650; }
.lw-heading > text { flex-shrink: 0; white-space: nowrap; }
.lw-heading button { width: auto; margin: 0; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 16); min-height: calc(var(--rpx) * 80); font-size: calc(var(--rpx) * 24); color: #28654B; background: #E6EFE7; line-height: 2; border-radius: calc(var(--rpx) * 16); white-space: nowrap; }
.zdw3 { display: flex; align-items: center; gap: calc(var(--rpx) * 10); }
.zdw3 .zdy19 { color: #875F4D; background: #F3EBE5; }
.zdw3 button::after { border: 0; }
.zdx4k { flex-shrink: 0; }
.capo-button { display: flex; align-items: center; justify-content: center; min-height: calc(var(--rpx) * 88); padding: 0 calc(var(--rpx) * 8); border: calc(var(--rpx) * 1) solid #DCE7DC; border-radius: calc(var(--rpx) * 12); background: #F4F8F1; color: #52715D; font-size: calc(var(--rpx) * 22); white-space: nowrap; box-sizing: border-box; }
.capo-button.is-active { color: #2A694A; background: #DFEEE3; border-color: #B4D0BE; }
.zdy22 { display: block; margin: calc(var(--rpx) * 4) 0 calc(var(--rpx) * 14); color: #52715D; font-size: calc(var(--rpx) * 21); line-height: 1.5; }
.lw-scroll { flex: 1; min-height: 0; height: 0; }
.zdu18 { display: block; margin: calc(var(--rpx) * 8) 0; color: #98733B; font-size: calc(var(--rpx) * 21); }
.lv-panel { margin: calc(var(--rpx) * 12) 0; padding: calc(var(--rpx) * 12); border: calc(var(--rpx) * 1) solid #DFE7DA; border-radius: calc(var(--rpx) * 14); background: #F0F5ED; }
.lv-heading { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 8); color: #356149; font-size: calc(var(--rpx) * 24); }
.lv-heading > text { min-width: 0; flex: 1; line-height: 1.4; overflow-wrap: anywhere; }
.mini-root .qv1 .lv-heading button { flex: none; width: auto; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 16); border: calc(var(--rpx) * 1) solid #CFDDCD; border-radius: calc(var(--rpx) * 10); line-height: 1.4; background: #FFF; color: #356149; font-size: calc(var(--rpx) * 22); }
.zdy2u { display: block; margin: calc(var(--rpx) * 4) 0 0; color: #6C816E; font-size: calc(var(--rpx) * 21); line-height: 1.45; overflow-wrap: anywhere; }
.lv-candidates { height: calc(var(--rpx) * 260); margin-top: calc(var(--rpx) * 10); }
.lv-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--rpx) * 8); }
.mini-root .qv1 .lv-grid button { display: flex; align-items: stretch; justify-content: center; gap: calc(var(--rpx) * 4); width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 8); line-height: 1.45; white-space: normal; overflow-wrap: anywhere; font-size: calc(var(--rpx) * 23); text-align: center; background: white; color: #496B53; border: calc(var(--rpx) * 1) solid #DBE5D7; border-radius: calc(var(--rpx) * 10); }
.zdw1f { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: calc(var(--rpx) * 2) calc(var(--rpx) * 8); }
.zdw1f > text:first-child { font-weight: 600; }
.zdw1f > text + text { font-size: calc(var(--rpx) * 21); color: #6C816E; }
.lv-frets { font-size: calc(var(--rpx) * 21); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: #6C816E; }
.mini-root .qv1 .lv-heading button::after, .mini-root .qv1 .lv-option::after { border: 0; }
.mini-root .qv1 .lv-grid button.zq3 { background: #DDEEDC; border-color: #8CB394; }
.zq1m.is-voicing-target { box-shadow: inset 0 0 0 calc(var(--rpx) * 2) #5B906C; }
.zq1q,.zdt12 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 10); margin:calc(var(--rpx) * 10) 0; }
.mini-root .qv1 .zq1q button.is-pending { border-style: dashed; }
.zq1q button::after,.zdt12 button::after { border:0; }
.zdx3j { display: block; color: #89703D; font-size: calc(var(--rpx) * 21); margin-bottom: calc(var(--rpx) * 8); }
.zdt8 { margin: calc(var(--rpx) * 12) 0; }
.l-drag-help { min-height: calc(var(--rpx) * 56); display: flex; align-items: center; font-size: calc(var(--rpx) * 21); line-height: 1.4; color: #718475; }
.l-drag-help.is-active { color: #226247; font-weight: 600; }
.zq1m.is-drag-source { opacity: .35; }
.zdy1q { position: fixed; z-index: 125; pointer-events: none; min-width: 70px; max-width: 150px; box-sizing: border-box; padding: 10px 14px; border-radius: 12px; background: #28654B; color: white; font-size: 15px; text-align: center; box-shadow: 0 5px 16px #163B4933; }
.mini-root .qv1 .pl-card { display: flex; flex-direction: column; align-items: stretch; gap: calc(var(--rpx) * 12); }
.mini-root .qv1 .pl-copy { width: 100%; min-width: 0; }
.mini-root .qv1 .pl-actions,
.mini-root .qv1 .pl-card.is-saved .pl-actions { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mini-root .qv1 .pl-action { width: 100%; min-height: calc(var(--rpx) * 64) !important; height: auto; font-size: calc(var(--rpx) * 23) !important; line-height: 1.5; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 6); border-radius: calc(var(--rpx) * 12); }
.pl-action.is-undo { grid-column: 1/-1; }
.mini-root .qv1 .zrd { margin: 0 calc(var(--rpx) * 14) calc(var(--rpx) * 24) !important; padding: calc(var(--rpx) * 18) !important; border-radius: calc(var(--rpx) * 18) !important; }
.mini-root .qv1 .zrd button { font-size: calc(var(--rpx) * 25); }
.mini-root .qv0.zq0 { padding-bottom: calc(calc(var(--rpx) * 160) + env(safe-area-inset-bottom)); }
.mini-root .qv0.zq0 .zq4 > .zdt1a { order: 4 !important; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin: calc(var(--rpx) * 8) 0 calc(var(--rpx) * 14); padding: calc(var(--rpx) * 16); min-height: calc(var(--rpx) * 84); border-radius: calc(var(--rpx) * 18); background: #F0F5EF; color: #345E49; font-size: calc(var(--rpx) * 25); line-height: 1.5; }
.zdt1a > text:last-child { font-size: calc(var(--rpx) * 22); font-weight: 400; }
.mini-root .qv0.zq0 .zqm[hidden] { display: none !important; }
.mini-root .qv0.zq0 .zq2 .ec-toolbar-heading { display: flex !important; }
.mini-root .qv0.zq0 .zq2 .zdv1b { width: auto !important; min-width: 0 !important; }
.mini-root .qv0.zq0 .zq2 .ec-label { white-space: nowrap; }
.mini-root .qv0.zq0 .zq2 .zq9 { width: auto !important; display: flex !important; justify-content: flex-end; padding: 0 !important; background: transparent !important; }
.mini-root .qv0.zq0 .zq2 .zq9 button { flex: 1; margin: 0 !important; min-width: 0 !important; min-height: calc(var(--rpx) * 80) !important; height: auto !important; padding: calc(var(--rpx) * 10) !important; line-height: 2 !important; font-size: calc(var(--rpx) * 24) !important; border-radius: calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2 .zql,
.mini-root .qv0.zq0 .zq2 .qv8 { padding: calc(var(--rpx) * 14) !important; margin-top: calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2 .qv2.zq5 { margin: calc(var(--rpx) * 10) 0 !important; }
.mini-root .qv0.zq0 .zq2 .qva { padding: calc(var(--rpx) * 14) !important; margin-top: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2 .zq9 .zr1v { min-width: calc(var(--rpx) * 132) !important; min-height: calc(var(--rpx) * 88) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qv8 .zqj .zqg { height: auto !important; min-height: calc(var(--rpx) * 136) !important; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 5) !important; gap: calc(var(--rpx) * 4); }
.mini-root .qv0.zq0 .zq2.zq1 .qv8 .zqg .zqq,
.mini-root .qv0.zq0 .zq2.zq1 .qv8 .zqg .ec-function { height: auto !important; min-height: 0 !important; line-height: 1.35 !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; flex: none; }
.wb-intro{display:flex;align-items:center;gap:calc(var(--rpx) * 16);padding:calc(var(--rpx) * 18);margin-top:calc(var(--rpx) * 16);border-radius:calc(var(--rpx) * 16);background:#edf4e9;color:#526e5e;font-size:calc(var(--rpx) * 22);line-height:1.6}.wb-intro view{flex:1;min-width:0}.wb-intro text{display:block}.wb-intro button{flex:none;width:auto;min-width:54px;min-height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:calc(var(--rpx) * 10);font-size:calc(var(--rpx) * 22);line-height:1.4;color:#287455;background:#fff;border-radius:calc(var(--rpx) * 12)}.wb-intro button::after{border:0}
.l-fill-backdrop { position: fixed; inset: 0; z-index: 2300; background: #182C2477; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 24); padding-top: calc(12px + env(safe-area-inset-top)); padding-bottom: calc(12px + env(safe-area-inset-bottom)); box-sizing: border-box; }
.qvc { width: 100%; max-width: calc(var(--rpx) * 820); max-height: 82vh; max-height: calc(82vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); min-height: 0; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; padding: calc(var(--rpx) * 28); border: calc(var(--rpx) * 1) solid #D9E5DA; border-radius: calc(var(--rpx) * 26); background: linear-gradient(145deg,#fff,#F4F8F1); color: #305F48; box-shadow: 0 calc(var(--rpx) * 18) calc(var(--rpx) * 60) #102B2433; }
.l-fill-heading { display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; gap: calc(var(--rpx) * 16); margin-bottom: calc(var(--rpx) * 12); }
.l-fill-heading > view { min-width: 0; display: flex; flex-direction: column; gap: calc(var(--rpx) * 8); }
.l-fill-heading > view:first-child > text:first-child { font-size: calc(var(--rpx) * 30); font-weight: 700; }
.l-fill-heading > view:first-child > text + text { font-size: calc(var(--rpx) * 22); line-height: 1.5; color: #7A8B7F; }
.qvc button { display: flex; align-items: center; justify-content: center; width: auto; margin: 0; min-width: 0; min-height:44px; font-size: calc(var(--rpx) * 24); line-height: 1.4; text-align: center; border-radius: calc(var(--rpx) * 14); color: #3D6851; background: #EDF3E9; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 20); border: calc(var(--rpx) * 1) solid #DAE5D8; box-sizing: border-box; }
.l-fill-heading-actions button > text, .l-fill-actions button > text { display: block; min-width: 0; max-width: 100%; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.qvc button::after { border: 0; }
.l-fill-heading button { min-width: 44px; flex-shrink: 0; }
.l-fill-heading .l-fill-heading-actions { flex-direction: row; flex-shrink: 0; gap: calc(var(--rpx) * 10); }
.qvc .l-fill-multi.zq3 { background: #DCECDF; border-color: #6A9D7A; color: #285D40; }
.l-fill-range-status { flex-shrink: 0; display: block; min-height: calc(var(--rpx) * 34); margin-bottom: calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 23); line-height: 1.45; color: #68816E; overflow-wrap: anywhere; }
.l-fill-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior-y: contain; }
.zdx40 + .zdx40 { margin-top: calc(var(--rpx) * 20); }
.zdu12 { display: flex; justify-content: space-between; align-items: baseline; gap: calc(var(--rpx) * 12); margin-bottom: calc(var(--rpx) * 12); }
.zdu12 text:first-child { font-size: calc(var(--rpx) * 24); font-weight: 650; color: #42664D; }
.zdu12 text + text { font-size: calc(var(--rpx) * 21); color: #7B8D7B; text-align: right; }
.l-fill-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 2) 0 calc(var(--rpx) * 8); }
.qvc .zdy1s { align-self:flex-start; margin:0 0 calc(var(--rpx) * 12); }
.l-modulation-keys .zq3 { background:#DCECDF; border-color:#6A9D7A; color:#285D40; }
.qvc .l-fill-option.hy-slot { position: relative; width: 100%; height: calc(var(--rpx) * 132); min-height: 44px; min-width: 0; display: block; padding: 0; overflow: hidden; border-radius: calc(var(--rpx) * 16); background: #F6F9F5; border: calc(var(--rpx) * 1) solid #DEE7DB; box-shadow: none; }
.qvc .l-fill-option.zq3 { border-color: #5F9779; outline: calc(var(--rpx) * 3) solid #4C8964; outline-offset: calc(var(--rpx) * -3); background: linear-gradient(#ECF6E9,#DEEDDC); }
.qvc .l-fill-option[disabled] { opacity: .55; }
.qvc .hy-slot-number { font-size: calc(var(--rpx) * 19); font-weight: 400; color: #82937C; }
.qvc .zdwm { display: flex; flex-wrap: nowrap; width: 100%; height: 100%; gap: 0; align-items: stretch; }
.qvc .zq1m { box-sizing: border-box; min-width: 0; height: 100%; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 6); border: 0; border-radius: 0; box-shadow: none; }
.qvc .is-split .zq1m { flex-basis: 0; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 3); }
.qvc .is-split .zq1m + .zq1m { border-left: calc(var(--rpx) * 1) solid #D7E1D3; background: transparent; }
.qvc .zrt { box-sizing: border-box; max-width: 100%; padding: calc(var(--rpx) * 1) calc(var(--rpx) * 2); font-size: calc(var(--rpx) * 34) !important; font-weight: 650; line-height: 1.3; letter-spacing: 0; text-align: center; color: #28523B; white-space: normal; overflow-wrap: anywhere; overflow: visible; }
.qvc .hy-slot-name { max-width: 100%; font-size: calc(var(--rpx) * 26) !important; line-height: 1.3; color: #647761; text-align: center; white-space: normal; overflow-wrap: anywhere; overflow: visible; }
.qvc .is-split .zrt { font-size: calc(var(--rpx) * 23) !important; }
.qvc .is-split .hy-slot-name { font-size: calc(var(--rpx) * 20) !important; line-height: 1.2; }
.qvc .zqk .zq1m { padding: calc(var(--rpx) * 1); }
.qvc .zqk .zrt { padding: calc(var(--rpx) * 1) 0; font-size: calc(var(--rpx) * 21) !important; }
.qvc .hy-slot-degree-suffix { display: inline-block; max-width: 100%; font-size: .75em; font-weight: 500; line-height: 1.12; vertical-align: baseline; }
.zdx2j, .zdx2 { position: absolute; right: calc(var(--rpx) * 7); top: calc(var(--rpx) * 4); font-size: calc(var(--rpx) * 18); line-height: 1.3; color: #4C8964; }
.zdx2 { top: auto; bottom: calc(var(--rpx) * 3); color: #897449; font-size: calc(var(--rpx) * 16); }
.zdy1r { flex-shrink: 0; margin-top: calc(var(--rpx) * 12); color: #A06A33; font-size: calc(var(--rpx) * 22); line-height: 1.45; }
.l-fill-actions { flex-shrink: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: calc(var(--rpx) * 14); padding-top: calc(var(--rpx) * 16); margin-top: calc(var(--rpx) * 14); border-top: calc(var(--rpx) * 1) solid #DFE8DC; }
.l-fill-actions.is-multi { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); }
.qvc .l-fill-confirm { color: #FFF; background: #2D7455; border-color: #2D7455; }
.qvc .l-fill-confirm[disabled] { color: #91A395; background: #E7EEE4; border-color: #DFE8DB; }
.l-replace-backdrop { position:fixed; inset:0; z-index:2310; display:flex; align-items:center; justify-content:center; padding:calc(var(--rpx) * 24); padding-top:calc(12px + env(safe-area-inset-top)); padding-bottom:calc(12px + env(safe-area-inset-bottom)); box-sizing:border-box; background:#182C2477; }
.l-replace-card { display:flex; flex-direction:column; width:100%; max-width:calc(var(--rpx) * 820); min-height:0; height:calc(84vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); max-height:calc(84vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding:calc(var(--rpx) * 24); box-sizing:border-box; overflow:hidden; border:calc(var(--rpx) * 1) solid #D9E5DA; border-radius:calc(var(--rpx) * 24); color:#305F48; background:linear-gradient(145deg,#FFF,#F5F8F1); box-shadow:0 calc(var(--rpx) * 18) calc(var(--rpx) * 60) #102B2433; }
.l-replace-heading { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 14); }
.l-replace-heading > view { min-width:0; }
.l-replace-heading text { display:block; font-size:calc(var(--rpx) * 32); line-height:1.4; font-weight:700; }
.l-replace-heading text + text { margin-top:calc(var(--rpx) * 6); font-size:calc(var(--rpx) * 23); font-weight:400; color:#718473; overflow-wrap:anywhere; }
.l-replace-card button { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; min-width:0; min-height:44px; margin:0; padding:calc(var(--rpx) * 10) calc(var(--rpx) * 16); border:calc(var(--rpx) * 1) solid #D7E2D2; border-radius:calc(var(--rpx) * 13); color:#426B48; background:#F5F8F0; font-size:calc(var(--rpx) * 24); line-height:1.4; text-align:center; }
.l-replace-card button::after { border:0; }
.l-replace-heading button { flex-shrink:0; min-width:44px; }
.zdyo { display:block; flex-shrink:0; margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 16); font-size:calc(var(--rpx) * 23); line-height:1.45; color:#6C836F; }
.l-replace-scroll { flex:1 1 0%; height:0; min-height:0; overflow-y:auto; overscroll-behavior-y:contain; }
.zdxq + .zdxq { margin-top:calc(var(--rpx) * 22); }
.zdua { display:flex; align-items:baseline; justify-content:space-between; gap:calc(var(--rpx) * 12); margin-bottom:calc(var(--rpx) * 10); }
.zdua text { font-size:calc(var(--rpx) * 24); line-height:1.4; font-weight:650; }
.zdua text + text { font-size:calc(var(--rpx) * 20); font-weight:400; color:#7B8B77; text-align:right; }
.l-replace-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 10); padding:calc(var(--rpx) * 2) 0 calc(var(--rpx) * 6); }
.l-replace-options.is-route { grid-template-columns:repeat(3,minmax(0,1fr)); }
.l-replace-card .l-replace-option { display:flex; flex-direction:column; width:100%; min-height:max(52px,calc(var(--rpx) * 116)); padding:calc(var(--rpx) * 10) calc(var(--rpx) * 4); gap:calc(var(--rpx) * 3); background:linear-gradient(#FFF,#F1F6EE); white-space:normal; overflow-wrap:anywhere; }
.zdx5a { display:block; font-size:calc(var(--rpx) * 31); line-height:1.3; font-weight:650; }
.zdyp { display:block; font-size:calc(var(--rpx) * 23); line-height:1.3; color:#667D63; }
.l-replace-card .l-replace-option.zq3 { border-color:#74A080; background:linear-gradient(#EAF5E8,#DDEDDD); box-shadow:inset 0 0 0 calc(var(--rpx) * 1) #74A080; }
.l-replace-card .l-replace-option[disabled] { opacity:.5; }
.zdx5b { display:block; flex-shrink:0; margin-top:calc(var(--rpx) * 12); font-size:calc(var(--rpx) * 22); line-height:1.45; color:#8A7549; overflow-wrap:anywhere; }
.l-replace-footer { flex-shrink:0; display:flex; align-items:center; gap:calc(var(--rpx) * 14); margin-top:calc(var(--rpx) * 16); padding-top:calc(var(--rpx) * 14); border-top:calc(var(--rpx) * 1) solid #DBE6D6; }
.l-replace-footer > view { flex:1; min-width:0; }
.l-replace-footer text { display:block; font-size:calc(var(--rpx) * 26); line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
.l-replace-footer text + text { margin-top:calc(var(--rpx) * 3); font-size:calc(var(--rpx) * 21); font-weight:400; color:#718473; }
.l-replace-card .l-replace-confirm { flex-shrink:0; color:#FFF; border-color:#2D7455; background:#2D7455; }
.l-replace-card .l-replace-confirm[disabled] { color:#94A18F; background:#E7EEE3; border-color:#DFE6D9; }
/* Scoped v2.36.6 controls. No global button/font changes. */
.mini-root .qv0.zq0 .zq2 .zql .zsc { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: calc(var(--rpx) * 8); margin: calc(var(--rpx) * 12) 0; }
.mini-root .qv0.zq0 .zq2 .zql .zsc button { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 3); border: calc(var(--rpx) * 1) solid #DCE7D9; color: #497256; font-size: 12px !important; line-height: 1.2; text-align: center; white-space: normal; }
.mini-root .qv0.zq0 .zq2 .zql .zsc button.is-active { background: #E1EFDF; border-color: #7DA885; color: #2F6342; }
.zqj .zqg.is-custom-editing { background: #F2F8EF; }
.vc-card .zdxf { margin-top: calc(var(--rpx) * 18); padding-top: calc(var(--rpx) * 14); border-top: calc(var(--rpx) * 1) solid #DEE6D9; }
.vc-card .zdvs { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 10); margin: 0; background: #F2F6ED; border: calc(var(--rpx) * 1) solid #DFE8D8; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 24); color: #48684D; line-height: 1.3; }
.vc-card .zdvs > text:first-child { text-align: left; }
.zdx13 { display: flex; flex-direction: column; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 14) calc(var(--rpx) * 2); }
.zduk { display: grid; grid-template-columns: 1fr 1.6fr; align-items: center; gap: calc(var(--rpx) * 14); color: #63765E; font-size: calc(var(--rpx) * 24); }
.zduk picker > view { display: flex; align-items: center; justify-content: center; min-height: 44px; background: #FFF; border: calc(var(--rpx) * 1) solid #D9E4D3; border-radius: calc(var(--rpx) * 10); padding: calc(var(--rpx) * 6); box-sizing: border-box; }
.vc-card .zdx1b { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 8); font-size: calc(var(--rpx) * 25); line-height: 1.3; background: #E5EFDF; color: #386442; border: calc(var(--rpx) * 1) solid #B6CDAE; border-radius: calc(var(--rpx) * 12); }
.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: calc(var(--rpx) * 7); }
.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button { height: auto !important; min-height: 44px !important; font-size: 13px !important; text-align: center; }
.zq17 { margin: calc(var(--rpx) * 8) 0 calc(var(--rpx) * 12); border: calc(var(--rpx) * 1) solid #DFE8DD; background: #F2F6EE; border-radius: calc(var(--rpx) * 14); }
.zdta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--rpx) * 6); }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key { min-height: 44px !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdta button { min-height: 44px; width: 100%; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 2); font-size: calc(var(--rpx) * 23); display: flex; align-items: center; justify-content: center; border: calc(var(--rpx) * 1) solid #DDE6DA; border-radius: calc(var(--rpx) * 10); background: #FFF; color: #5C7460; }
.zdu1a { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 5); color: #79917B; font-size: 11px; }
.zdu1a > text { white-space: nowrap; flex: none; }
.mini-root .qv0.zq0 .zq2 .zdu1a button { display: flex; align-items: center; justify-content: center; width: auto !important; flex: 0 0 auto; min-width: 44px; min-height: 44px; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 3); margin: 0; font-size: 12px; border: calc(var(--rpx) * 1) solid #DBE7D9; border-radius: calc(var(--rpx) * 10); background: #FFF; color: #567C5F; line-height: 1.2; }
.zdw1l { display: flex; flex-wrap: wrap; align-items: baseline; gap: calc(var(--rpx) * 4) calc(var(--rpx) * 8); color: #32634B; font-size: calc(var(--rpx) * 25); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.zdw1l > text:first-child { font-size: calc(var(--rpx) * 22); color: #708973; }
.nb-next-degree { display: inline-flex; align-items: baseline; padding: calc(var(--rpx) * 1) calc(var(--rpx) * 2); line-height: 1.35; letter-spacing: 0; overflow: visible; font-size: calc(var(--rpx) * 22); color: #708973; }
.zdy3 { align-self: flex-start; font-size: calc(var(--rpx) * 16); line-height: 1.3; }
.zdwt { font-size: calc(var(--rpx) * 19); color: #7B8C79; line-height: 1.4; overflow-wrap: anywhere; }
.zr10 { height: calc(var(--rpx) * 140); width: 100%; position: relative; border: calc(var(--rpx) * 1) solid #BACFC0; border-radius: calc(var(--rpx) * 7); overflow: hidden; margin: calc(var(--rpx) * 5) 0; background: #FFF; }
.zdxu { position: absolute; height: 100%; box-sizing: border-box; border-right: calc(var(--rpx) * 1) solid #D5DDD5; background: #FFF; }
.zdxt { position: absolute; height: 62%; background: #27372E; border-radius: 0 0 calc(var(--rpx) * 3) calc(var(--rpx) * 3); z-index: 1; }
.zdxu.is-active { background: #A5CDB1; }.zdxt.is-active { background: #4F8866; }
.zdxu.is-root.is-active { background: #D8BF7D; }.zdxt.is-root.is-active { background: #987A3B; }
.zdw1g { position: relative; height: calc(var(--rpx) * 164); margin: calc(var(--rpx) * 23) calc(var(--rpx) * 14) calc(var(--rpx) * 4) calc(var(--rpx) * 22); border-top: calc(var(--rpx) * 1) solid #C4D2BF; border-bottom: calc(var(--rpx) * 1) solid #C4D2BF; background: #F4F3E9; overflow: visible; }
/* Draw each physical string itself, including the two outer strings. A frame
   edge must not replace/clip the last string after a four/six-string update. */
.nb-fret-string { position: absolute; top: 0; width: 1px; height: 100%; background: #94A58F; transform: translateX(-50%); pointer-events: none; }.nb-fret-string > text { position: absolute; top: calc(var(--rpx) * -25); transform: translateX(-50%); font-size: calc(var(--rpx) * 20); color: #5C765C; }
.zdx5o { position: absolute; left: 0; width: 100%; border-top: calc(var(--rpx) * 1) solid #ACBAA8; }.zdx5o > text { position: absolute; left: calc(var(--rpx) * -25); top: calc(var(--rpx) * 1); font-size: calc(var(--rpx) * 18); color: #7C8878; }
.zdy1c { position: absolute; height: calc(var(--rpx) * 14); transform: translateY(-50%); border-radius: calc(var(--rpx) * 12); background: #68A079; }
.zdyr { position: absolute; display: flex; align-items: center; justify-content: center; width: calc(var(--rpx) * 26); height: calc(var(--rpx) * 26); min-width: 14px; min-height: 14px; transform: translate(-50%, -50%); font-size: 10px; line-height: 1; border-radius: 50%; color: #FFF; background: #3B7956; }.zdyr.is-root { background: #A18440; }
.mini-root .qv0.zq0 .zq2 .zq9 .extension-grade-toggle,
.mini-root .qv0.zq0 .zq2 .zq9 .more-chords-toggle { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 10); font-size: 12px; border: calc(var(--rpx) * 1) solid #E0E8DD; border-radius: calc(var(--rpx) * 12); background: #F5F8F1; color: #55745B; line-height: 1.3; }
.mini-root .qv0.zq0 .zq2 .ec-toolbar-heading { align-items: center; }
.mini-root .qv0.zq0 .zq2 .zq9 { display: flex; flex: 0 0 auto; gap: calc(var(--rpx) * 6); padding: 0; min-width: 0; }
.mini-root .qv0.zq0 .zq2 .zdv1b { min-width: 0; }
.mini-root .qv0.zq0 .zq2 .zduh { line-height: 1.5; margin: calc(var(--rpx) * 6) 0 calc(var(--rpx) * 10); overflow-wrap: anywhere; }
.mini-root .qv0.zq0 .zq2.zq1 .qv8 .zq9 > button { display: flex; flex: 0 0 auto; width: auto !important; align-items: center; justify-content: center; height: 44px !important; min-height: 44px !important; min-width: 44px !important; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 8) !important; font-size: 12px !important; line-height: 1.3 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qv8 .zqt { min-height: 44px !important; display: flex; align-items: center; justify-content: center; line-height: 1.3 !important; }
.qv7{box-sizing:border-box;min-width:0;}
.mini-root .qv1 .ll-stage{flex:1;min-height:0;width:100%;padding:0;background:transparent;display:flex;overflow:hidden;}
.mini-root .qv1 .ll-stage > .zq2{flex:1;min-height:0;width:100%;display:flex;margin:0;}
.qv7.is-dedicated{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 calc(var(--rpx) * 22) calc(var(--rpx) * 12);}
.ll-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--rpx) * 4);margin:calc(var(--rpx) * 8) 0;flex-shrink:0;}
.mini-root .qv1 .qv7 .ll-toolbar button{width:100%;min-width:0;font-size:11px;white-space:nowrap;min-height:32px;padding:2px 4px;}
.zdxr{flex-shrink:0;margin:calc(var(--rpx) * 6) 0;}
.zdx5n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 4);padding:calc(var(--rpx) * 4);border-radius:calc(var(--rpx) * 14);background:#E9EEE4;}
.zdx5n.is-four{grid-template-columns:repeat(4,minmax(0,1fr));}
.mini-root .qv1 .qv7 .zdxr button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:calc(var(--rpx) * 4);font-size:max(calc(var(--rpx) * 22),11px);}
.mini-root .qv1 .qv7 button{box-sizing:border-box;width:100%;min-width:0;margin:0;min-height:max(calc(var(--rpx) * 76),40px);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 6);border:calc(var(--rpx) * 1) solid #D9E4D5;border-radius:calc(var(--rpx) * 13);background:#F3F7EE;color:#456D50;font-size:calc(var(--rpx) * 24);line-height:1.35;}
.mini-root .qv1 .qv7 button::after{border:0;}
.mini-root .qv1 .qv7 button.zq3{color:#2E684B;background:#E0EFDF;border-color:#B5D0B1;}
.mini-root .qv1 .qv7 button.is-primary{color:#FFF;background:#377653;border-color:#377653;}
.ll-content{flex:1;min-height:0;height:0;width:100%;overflow:hidden;}
.zdx62{height:100%;min-height:0;}
.is-view .ll-scroll{min-height:0;background:#FFFCF6;}
.is-view .ll-columns{height:auto;flex-direction:column;align-items:stretch;gap:calc(var(--rpx) * 6);padding:calc(var(--rpx) * 8);}
.is-view .ll-music{order:-1;position:static;width:100%;flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--rpx) * 8);}
.is-view.is-focus .ll-music{grid-template-columns:repeat(2,minmax(0,1fr));}
.is-view .ll-paper{flex:none;min-height:0;height:auto;overflow:visible;}
.is-musician .ll-columns{gap:8px;padding:0;}
.is-musician .ll-paper{min-height:0;}
.is-musician .ll-reference{padding:0 calc(var(--rpx) * 4);}
.is-musician .ll-reference > .zdwp,
.is-musician .zr0 > .ll-role,
.is-musician .sc-diagram-position{display:none;}
.is-musician .zr0{padding:0;}
.is-musician .zr0 .zqz{padding:0;margin:0;border:0;background:transparent;box-shadow:none;}
.is-musician .zdt11{padding:11px calc(var(--rpx) * 8) 21px calc(var(--rpx) * 92);}
.is-musician .zdx3r > text{bottom:-21px;font-size:8px;line-height:10px;}
.is-view .ll-reference{padding:calc(var(--rpx) * 6);margin:0;}
.is-view .ll-role{color:#596D5C;}
.is-view.is-musician .ll-reference > .ll-role{min-height:28px;display:flex;align-items:center;}
.mini-root .qv1 .qv7.is-view .ll-identity{min-height:28px;padding:0;}
.is-view .zr0 .zq1u{height:110px;}
.is-view .zr0 .is-ukulele .zq1u{height:66px;}
.is-view .zr0 .zr1d .zq1u{height:160px;}
.is-view .zr0 .is-ukulele.zr1d .zq1u{height:96px;}
.is-view .zr0 .zq1u .qvb{width:20px;height:20px;}
.is-view .zr0 .zr1d .zq1u .qvb{width:29px;height:29px;}
.is-view .zr0 .is-triple-label .zq1u .qvb{width:34px;height:30px;}
.is-view .zr0 .qvb.qv5{box-shadow:0 0 0 1px #9E89BD;}
.is-musician .zr1d .zdt11{padding-top:16px;}
.is-view .ll-actions button{min-height:44px;}
/* Real measure geometry is shared with notation;the cursor marks a bar only. */
.lp-player{display:flex;flex-direction:column;gap:3px;margin:0 0 calc(var(--rpx) * 6);flex-shrink:0;}
.lp-status{min-width:0;display:flex;gap:8px;align-items:center;color:#294F3F;font-size:11px;line-height:18px;}
.lp-status > text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lp-status > text + text{color:#5C6F5D;font-size:10px;}
.lp-status > .loop-practice-jump{color:#307653;font-weight:600;}
.lp-tools-scroll{height:32px;width:100%;flex:none;}.lp-display-tools{display:flex;width:100%;min-width:0;align-items:center;gap:1px;}
.lp-section-picker{flex:1.5;min-width:48px;}
.mini-root .qv1 .qv7 .lp-display-tools button{display:flex;align-items:center;justify-content:center;flex:1;width:0;min-width:0;min-height:32px;height:32px;padding:2px 1px;border-radius:9px;font-size:11px;line-height:1.2;text-align:center;white-space:nowrap;}
.mini-root .qv1 .qv7 .lp-section-picker button{width:100%;}
.mini-root .qv1 .qv7 .lp-section-picker button>text{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mini-root .qv1 .qv7 .lp-display-tools .ll-ensemble-switch{flex:1.25;min-width:40px;}
.lp-timeline{box-sizing:border-box;flex:0 0 110px;height:110px;margin:0 0 8px;white-space:nowrap;line-height:0;}
.lp-track{display:inline-flex;align-items:stretch;gap:6px;padding:2px 2px 8px;box-sizing:border-box;vertical-align:top;line-height:normal;}
.qv7 .lp-measure{box-sizing:border-box;position:relative;flex:none;min-height:86px;height:auto;max-height:none;padding:5px 8px;border:1px solid #D8DED0;border-radius:8px;background:#FFFCF6;color:#315E48;text-align:left;white-space:normal;}
.lp-measure.is-cued{outline:2px solid #6A977D;outline-offset:-2px;}
.lp-measure.qve{background:#EAF4E9;border-color:#397657;}
.zdx5d{display:flex;justify-content:space-between;color:#5C6F5D;font-size:10px;line-height:14px;}
.lp-chords{display:flex;min-height:24px;align-items:center;gap:4px;}
.lp-chords > view{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:18px;font-weight:600;white-space:nowrap;padding-right:3px;box-sizing:border-box;}
.lp-chords text + text{margin-left:0;font-size:11px;color:#52705D;font-weight:400;}
.lp-note-preview{display:block;font-size:14px;line-height:18px;max-height:36px;overflow:hidden;letter-spacing:1px;overflow-wrap:anywhere;}
.zdy29{display:none;position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px;background:#29734F;pointer-events:none;}
.lp-measure.qve .zdy29{display:block;}
.ll-scroll{min-height:0;height:100%;width:100%;box-sizing:border-box;border:calc(var(--rpx) * 1) solid #DDE5D8;border-radius:calc(var(--rpx) * 16);background:#FFF;}
.ll-content,.ll-scroll{overscroll-behavior:contain;}
.ll-columns{position:relative;display:flex;align-items:flex-start;gap:calc(var(--rpx) * 12);min-height:100%;padding:calc(var(--rpx) * 12);box-sizing:border-box;}
.ll-paper{flex:1;min-width:0;}
.ll-score{padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4);}
.ll-score .nt-bars{gap:calc(var(--rpx) * 10);}
.ll-score .nt-bar{padding:calc(var(--rpx) * 2) calc(var(--rpx) * 10) calc(var(--rpx) * 4);border-color:#9EB9A7;}
.ll-score .nt-bar-index{color:#698273;min-height:12px;line-height:12px;}
.ll-score .nt-bar-chords{display:flex;align-items:baseline;gap:calc(var(--rpx) * 8);min-height:18px;margin:0;color:#315E48;line-height:1.25;}
.ll-score .nt-piece{padding:1px 0;}
.ll-score .nt-bar-chords > view{min-width:0;display:flex;align-items:baseline;gap:calc(var(--rpx) * 6);flex-wrap:wrap;font-size:14px;overflow-wrap:anywhere;padding-right:3px;box-sizing:border-box;}
.ll-score .nt-glyph{height:58px;}
.ll-score .nt-glyph.is-thirty-second{height:64px;}
.ll-score .nt-lyric-char,.ll-score .nt-piece-lyric{line-height:1.25;}
.ll-score .nt-lyric-line{margin-bottom:calc(var(--rpx) * 4);}
.ll-score .nt-chord-degree{font-weight:600;}
.ll-score .nt-chord-name{font-size:12px;color:#647B6A;}
.ll-score .zdyv{width:100%;flex-wrap:wrap;}
.ll-score .zdx48{font-size:10px;color:#8A988B;}
.zr0{padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4);}
.zr0 .zqz{margin:calc(var(--rpx) * 4) 0 0;}
.zr0 .zdtr,.zr0 .zdw1i,.zr0 > .zdwp{display:none;}
.zr0 .qvb,.zr0 .zdt3,.zr0 .zdwb{pointer-events:none;}
.ll-text{padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4) calc(var(--rpx) * 40);line-height:1.8;color:#3E5347;}
.ll-line{display:block;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.8em;}
.ll-line.qve{color:#246C49;background:#EBF4E8;border-radius:6px;box-shadow:-3px 0 0 #77A887;}
/* Normal text sizes the editor in the same flow as the reading .mini-root. The
   textarea never becomes a second short scroll area inside the lyric sheet. */
.zdx63{position:relative;min-height:calc(var(--rpx) * 360);}
.ll-editor-mirror{display:block;box-sizing:border-box;min-height:calc(var(--rpx) * 360);padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4) calc(var(--rpx) * 40);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;visibility:hidden;pointer-events:none;}
.ll-editor{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;min-height:calc(var(--rpx) * 360);padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4) calc(var(--rpx) * 40);line-height:1.8;color:#3E5347;font-family:inherit;background:transparent;border:0;resize:none;overflow-y:hidden;}
.ll-empty{color:#8A9582;font-size:calc(var(--rpx) * 26);}
/* The text owns the scroll;the small reference column follows passively. */
.ll-music{flex:0 0 max(calc(var(--rpx) * 238),110px);width:max(calc(var(--rpx) * 238),110px);min-width:0;position:sticky;top:calc(var(--rpx) * 12);align-self:flex-start;}
.ll-reference{border:calc(var(--rpx) * 1) solid #DDE6D8;border-radius:calc(var(--rpx) * 14);padding:calc(var(--rpx) * 8);margin-bottom:calc(var(--rpx) * 10);background:#F7FAF2;overflow:hidden;}
.ll-reference.qv5{border-color:#BDD6BD;background:#EDF5E9;}
.ll-role{display:block;color:#74856F;font-size:calc(var(--rpx) * 20);line-height:1.4;}
.mini-root .qv1 .qv7 .ll-identity{display:flex;align-items:baseline;justify-content:flex-start;gap:calc(var(--rpx) * 8);flex-wrap:wrap;min-height:36px;padding:calc(var(--rpx) * 2) 0 calc(var(--rpx) * 4);border:0;border-radius:0;background:transparent;text-align:left;font-weight:600;font-size:calc(var(--rpx) * 28);}
.ll-identity > text{min-width:0;overflow-wrap:anywhere;line-height:1.35;}
.ll-identity > text + text{font-size:calc(var(--rpx) * 24);color:#486B4F;}
.ll-map{min-width:0;}
.l-map-register{display:flex;align-items:center;gap:4px;min-width:0;color:#61735F;font-size:10px;margin:3px 0;}
.mini-root .qv1 .l-map-register button,.mini-root .qv1 .zdwx{flex:none;width:auto;min-width:0;min-height:28px;margin:0;padding:2px 7px;font-size:11px;border-radius:8px;line-height:1.2;}
.l-map-register > text{flex:1;min-width:0;}
.zq15{pointer-events:none;}
/* The lyrics references are single drawings, not the main card's grid rows. */
#zs0 .zq15 .qv2.zq5{display:flex !important;flex-direction:column;gap:0;grid-template-columns:none !important;grid-template-rows:none;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;margin:0 !important;border:0;border-radius:0 !important;background:transparent !important;overflow:visible;box-shadow:none;}
#zs0 .zq15 .cd-heading,
#zs0 .zq15 .zq1e{display:none !important;}
#zs0 .zq15 .cd-stage{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;align-self:auto;grid-column:auto;grid-row:auto;height:calc(var(--rpx) * 156) !important;min-height:0;width:100%;min-width:0;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible;}
#zs0 .zq15 .zqb{height:auto;min-width:0;gap:0;padding:0;}
#zs0 .zq15 .zqx{flex:1;min-width:0;max-width:none;height:calc(var(--rpx) * 116);margin:calc(var(--rpx) * 22) calc(var(--rpx) * 24) calc(var(--rpx) * 18) !important;overflow:visible;}
#zs0 .zq15 .chord-guitar-dot{width:16px !important;height:16px !important;min-width:16px;min-height:16px;font-size:11px !important;}
#zs0 .zq15 .chord-guitar-fret > text{font-size:10px;left:calc(var(--rpx) * -24);width:calc(var(--rpx) * 18);}
#zs0 .zq15 .zrr{font-size:12px;top:calc(var(--rpx) * -24);line-height:calc(var(--rpx) * 24);}
.mini-root .qv1 .zq15 .chord-guitar-tuning{display:none;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .is-accompaniment .zq15 .cd-stage{height:calc(var(--rpx) * 224) !important;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .is-accompaniment .zq15 .zqx{height:calc(var(--rpx) * 176);}
/* One or several compact piano rows grow in normal flow, directly under the name. */
#zs0 .zq15 .zdu0 .cd-stage{height:auto !important;padding:calc(var(--rpx) * 8) 0 !important;}
#zs0 .zq15 .chord-piano{display:flex;flex-direction:column;gap:calc(var(--rpx) * 8);width:100%;min-width:0;}
#zs0 .zq15 .cp-rows{height:auto;min-height:0;gap:calc(var(--rpx) * 8);}
#zs0 .zq15 .cp-row{flex:none;width:100%;min-width:0;}
#zs0 .zq15 .qv2.is-lyrics-preview .cp-keyboard{flex:none;height:calc(var(--rpx) * 126) !important;min-height:60px;width:100%;}
#zs0 .zq15 .zdw11{display:block;margin:0 0 calc(var(--rpx) * 4);color:#73816C;font-size:max(calc(var(--rpx) * 16),9px);line-height:1.35;text-align:center;overflow-wrap:anywhere;}
#zs0 .zq15 .cp-note{font-size:max(calc(var(--rpx) * 16),9px) !important;white-space:normal;overflow-wrap:anywhere;}
#zs0 .zq15 .cp-white .cp-note{white-space:nowrap;overflow-wrap:normal;}
#zs0 .zq15 .cp-black .cp-note{bottom:calc(var(--rpx) * 4);font-size:8px !important;line-height:1;word-break:break-all;}
#zs0 .zq15 .cp-black .cp-dot{top:1px;bottom:auto;width:3px;height:3px;box-sizing:border-box;}
.mini-root .qv1 .zq15 .cd-key{display:none;}
#zs0 .zq15 .cp-anchor{font-size:max(calc(var(--rpx) * 16),9px) !important;}
.zdwp,.zdx17{display:block;min-width:0;color:#73816C;font-size:calc(var(--rpx) * 20);line-height:1.5;overflow-wrap:anywhere;}
.zdx17{min-height:calc(var(--rpx) * 80);display:flex;align-items:center;justify-content:center;}
.zdwq{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 4);}
#zs0 .zdwx{flex:none;width:auto;min-height:28px;padding:2px 5px;font-size:10px;white-space:nowrap;}
.zdu2 .zdwq{min-height:0;}
#zs0 .zdu2 .zdwx{min-height:22px;padding:1px 4px;}
#zs0 .ll-actions button{min-height:36px;padding:4px;}
.zdwq > .ll-role{white-space:nowrap;}
.ll-actions{margin-top:calc(var(--rpx) * 6);}
.ll-status{flex-shrink:0;display:block;height:calc(var(--rpx) * 60);color:#7D876F;font-size:calc(var(--rpx) * 21);line-height:1.45;margin-top:calc(var(--rpx) * 6);overflow-y:auto;}
.ll-status > text{display:block;}
.mini-root .qv1 .l-transport.is-lyrics{padding:calc(var(--rpx) * 6) calc(var(--rpx) * 22);}
.mini-root .qv1 .l-transport.is-lyrics .l-transport-status{height:calc(var(--rpx) * 32);align-items:center;}
/* The optional references stay beside the words without a second scroll owner. */
.qv7.zq1c .ll-columns{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:calc(var(--rpx) * 10);}
.qv7.zq1c .ll-paper{flex:1;min-width:min(100%,180px);}
.qv7.zq1c .ll-music{order:0;position:sticky;top:calc(var(--rpx) * 8);align-self:flex-start;flex:0 0 calc(var(--rpx) * 238);width:calc(var(--rpx) * 238);display:flex;flex-direction:column;gap:calc(var(--rpx) * 10);}
.qv7.zq1c .ll-reference{padding:calc(var(--rpx) * 4);margin-bottom:0;}
.qv7.zq1c .ll-text{padding-right:calc(var(--rpx) * 2);line-height:1.85;}
/* Keep chord necks naturally proportioned rather than stretched across a card. */
#zs0.is-view.zr2 .zq15 .zqb{display:flex;align-items:center;justify-content:center;flex:none;width:100%;height:auto;min-width:0;}
#zs0.is-view.zr2.is-musician .zq15 .cd-stage{height:calc(var(--rpx) * 256) !important;}
#zs0.is-view.zr2 .zq15 .zqx{flex:none;width:calc(100% - calc(var(--rpx) * 44));max-width:calc(var(--rpx) * 276);height:calc(var(--rpx) * 216);margin:calc(var(--rpx) * 16) auto calc(var(--rpx) * 24) !important;}
#zs0.is-view.zr2 .zq15 .zqx.is-ukulele{max-width:calc(var(--rpx) * 218);}
#zs0.is-view.zr2.is-focus .zq15 .cd-stage{height:calc(var(--rpx) * 256) !important;}
#zs0.is-view.zr2.is-focus .zq15 .zqx{width:calc(100% - calc(var(--rpx) * 48));max-width:calc(var(--rpx) * 260);height:calc(var(--rpx) * 216);}
#zs0.is-view.zr2.is-focus .zq15 .zqx.is-ukulele{max-width:calc(var(--rpx) * 218);}
#zs0.zq1c .ll-role{font-size:calc(var(--rpx) * 18);}
#zs0.zq1c .ll-identity{min-height:28px;padding:0;}
#zs0.zq1c .zdwp{display:none;}
#zs0.zq1c .zq15 .cd-stage{height:calc(var(--rpx) * 196) !important;}
#zs0.zr2.zq1c .zq15 .zqx{flex:none;width:calc(100% - calc(var(--rpx) * 42));max-width:calc(var(--rpx) * 192);height:calc(var(--rpx) * 156);margin:calc(var(--rpx) * 22) auto calc(var(--rpx) * 18) !important;}
#zs0.zq1c .zq15 .zqb{width:100%;display:flex;justify-content:center;}
#zs0.is-view.zr2 .zq15 .zdu0 .cd-stage{height:auto !important;}
#zs0.is-view.zr2 .zq15 .zrr{left:-12px;width:24px;top:calc(var(--rpx) * -24);font-size:12px;line-height:calc(var(--rpx) * 24);}
#zs0.is-view.zr2 .zq15 .chord-guitar-fret > text{left:calc(var(--rpx) * -20);width:calc(var(--rpx) * 16);}
/* Three passive references fit beside the lyric sheet; no extra scroll owner. */
#zs0.zq1c .zdu2 .zq15 .cd-stage{height:calc(var(--rpx) * 152) !important;}
#zs0.zr2.zq1c .zdu2 .zq15 .zqx{height:calc(var(--rpx) * 116);max-width:calc(var(--rpx) * 168);margin:calc(var(--rpx) * 20) auto calc(var(--rpx) * 16) !important;}
#zs0.zr2.zq1c .zdu2 .zq15 .zqx.is-ukulele{max-width:calc(var(--rpx) * 140);}
#zs0.is-view.zq1c .zdu2 .zq15 .cd-stage{height:min(calc(var(--rpx) * 140),70px) !important;}
#zs0.is-view.zr2.zq1c .zdu2 .zq15 .zqx{height:min(calc(var(--rpx) * 112),60px);max-width:min(calc(var(--rpx) * 168),88px);margin:calc(var(--rpx) * 16) auto calc(var(--rpx) * 16) !important;}
.zq15 .cp-isolated-bass{display:flex;align-items:center;gap:calc(var(--rpx) * 6);align-self:center;padding:calc(var(--rpx) * 2) calc(var(--rpx) * 8);margin-bottom:calc(var(--rpx) * 4);border:calc(var(--rpx) * 1) solid #CADAC5;border-radius:calc(var(--rpx) * 6);color:#4C6752;font-size:max(calc(var(--rpx) * 17),9px);line-height:1.5;background:#EFF5EA;}
.zdye{width:8px;height:14px;border-radius:2px;background:#538269;}
.zdye.is-root{background:#AA8840;}
/* Piano rows own their height even in the narrow lyric reference column. */
#zs0 .zq15 .qv2.zdu0 .cd-stage{height:auto !important;min-height:0;max-height:none;overflow:visible;padding:calc(var(--rpx) * 4) 0 !important;}
#zs0.zq1c .zq15 .qv2.zdu0 .cd-stage{height:auto !important;}
#zs0.zq1c .ll-music.is-piano{flex-basis:calc(var(--rpx) * 260);width:calc(var(--rpx) * 260);}
#zs0 .l-map-register{position:static;flex-wrap:nowrap;margin:2px 0 5px;}
#zs0 .l-map-register button{padding:2px 5px;}
@media (max-height:700px){.ll-reference{padding:calc(var(--rpx) * 6);margin-bottom:calc(var(--rpx) * 6);}
  .zdwp{display:none;}
  .mini-root .qv1 .qv7 .ll-identity{min-height:32px;}}

/* One compact ensemble card: current/next lyrics, two chords, one melody. */
#zs0.qv6 .ll-columns{gap:calc(var(--rpx) * 8);padding:calc(var(--rpx) * 10);background:#FFFDF8;border:calc(var(--rpx) * 1) solid #DDE6D9;border-radius:calc(var(--rpx) * 16);}
#zs0.qv6 .lp-timeline{flex-basis:92px;height:92px;}
#zs0.qv6 .lp-measure{height:auto;min-height:80px;max-height:none;}
#zs0.qv6 .lp-note-preview{max-height:18px;}
#zs0.qv6 .zdx47{order:0;min-width:0;padding:0 calc(var(--rpx) * 4) calc(var(--rpx) * 6);}
.ll-ensemble-line{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42;margin:0 0 calc(var(--rpx) * 4);color:#748779;text-decoration:none;}
.ll-ensemble-line.is-leading{font-weight:600;color:#315E48;}
.ll-ensemble-line.is-upcoming{font-size:.82em;}
.ll-ensemble-line.qve{color:#246744;}
.zdx4t{display:block;color:#84917E;font-size:12px;line-height:1.5;}
#zs0.qv6 .ll-music{order:1;gap:calc(var(--rpx) * 8);}
#zs0.qv6 .ll-paper{order:2;background:transparent;border:0;border-radius:0;}
#zs0.qv6 .ll-reference{padding:calc(var(--rpx) * 4) calc(var(--rpx) * 6) 0;background:#F1F7EC;border:calc(var(--rpx) * 1) solid #E0E9DC;}
#zs0.qv6 .zdwq .zdwx{display:none;}
#zs0.qv6 .ll-role{font-size:10px;line-height:1.35;}
#zs0.qv6 .ll-reference>.ll-role{min-height:13.5px;line-height:13.5px;}
.mini-root .qv1 #zs0.qv6 .ll-identity{min-height:24px;padding:0 calc(var(--rpx) * 2);font-size:16px;line-height:1.15;}
#zs0.is-view.zr2.qv6 .zq15 .qv2.zq5 .cd-stage{height:calc(var(--rpx) * 174)!important;min-height:0;}
#zs0.is-view.zr2.qv6 .zq15 .qv2.zq5.zdu0 .cd-stage{height:auto!important;min-height:0;max-height:none;overflow:visible;padding:calc(var(--rpx) * 4) 0!important;}
#zs0.is-view.zr2.qv6 .zq15 .qv2.is-lyrics-preview.zdu0 .cp-keyboard{height:calc(var(--rpx) * 96)!important;min-height:46px;}
#zs0.is-view.zr2.qv6 .zq15 .zqx{height:calc(var(--rpx) * 128);max-width:calc(var(--rpx) * 192);margin:calc(var(--rpx) * 26) auto calc(var(--rpx) * 16)!important;}
#zs0.qv6 .ll-ensemble-melody>.zdwq{margin-bottom:calc(var(--rpx) * 3);}
.mini-root .qv1 #zs0 .ll-ensemble-switch{flex:1.6;width:0;background:#EEF5E8;border-color:#D6E5D3;}
#zs0.qv6 .zr0 .zq1u{height:82px;}
#zs0.qv6 .zr0 .is-ukulele .zq1u{height:60px;}
#zs0.qv6 .zr0 .qvb{width:16px;height:16px;font-size:12px;}
#zs0.qv6 .ll-ensemble-score{padding:10px 0 0;}
#zs0.qv6 .ll-ensemble-score .nt-bar{padding-bottom:0;}
#zs0.qv6 .ll-ensemble-score .nt-bar-index{min-height:12px;line-height:12px;}
#zs0.qv6 .ll-ensemble-score .nt-glyph{height:54px;}
#zs0.qv6 .ll-ensemble-score .nt-glyph.is-thirty-second{height:60px;}
#zs0.qv6 .l-map-register{min-height:24px;margin-top:calc(var(--rpx) * 3);}
#zs0.is-view .ll-columns{padding-bottom:14px}
.lw-compact-staff #zs0 .lp-timeline{flex-basis:76px;height:76px}
.lw-compact-staff #zs0 .lp-measure{height:auto;min-height:64px;max-height:none}
.lw-compact-staff #zs0 .lp-chords{min-height:20px}
.lw-compact-staff #zs0 .lp-note-preview{display:none}
.lw-compact-staff #zs0 .zdwq .l-map-register{margin:0}
#zs0.l2 .zdx47{order:3}
#zs0.is-view.l2 .zdx4n,#zs0.is-view.l2 .l-map-register{display:none}
/* Scoped notation input: shared scale keys and player, not a second instrument. */
.ln-live-head{display:flex;align-items:center;gap:calc(var(--rpx) * 8);margin:calc(var(--rpx) * 4) 0 calc(var(--rpx) * 10);flex-shrink:0}.ln-live-head>text{flex:1;min-width:0;font-size:11px;color:#5C6F5D;line-height:1.4}.mini-root .qv1 .ln-live-head button{display:flex;align-items:center;justify-content:center;width:auto;min-height:32px;flex:none;padding:calc(var(--rpx) * 4) calc(var(--rpx) * 12);font-size:11px;white-space:nowrap}
.ln-module { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 0 calc(var(--rpx) * 22) calc(var(--rpx) * 12); box-sizing: border-box; }
.mini-root .qv1 .ln-module button { display: flex; align-items: center; justify-content: center; min-width: 0; width: auto; margin: 0; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 8); min-height: 36px; line-height: 1.2; border: calc(var(--rpx) * 1) solid #D7E5DA; border-radius: calc(var(--rpx) * 12); color: #466B54; background: #F3F8F0; font-size: max(calc(var(--rpx) * 21),11px); box-sizing: border-box; }
.mini-root .qv1 .ln-module button::after { border: 0; }
.mini-root .qv1 .ln-module button.zq3 { background: #DDEFE2; border-color: #9ABDA6; color: #285F42; }
.mini-root .qv1 .ln-module button.is-primary { background: #377753; color: #FFF; border-color: #377753; }
.ln-topline { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--rpx) * 6);margin-bottom:calc(var(--rpx) * 4);flex-shrink:0; }
.mini-root .qv1 .ln-topline button { width:100%;padding:calc(var(--rpx) * 4) 1px;font-size:max(calc(var(--rpx) * 20),10px);white-space:nowrap; }
.ln-score-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 2) 0 calc(var(--rpx) * 4);flex-shrink:0;}
.ln-section{min-width:0;width:100%;margin:0;}
.mini-root .qv1 .ln-score-actions>button{width:100%;white-space:nowrap;}
.mini-root .qv1 .ln-section button{width:100%;white-space:nowrap;}
.nt-playback-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(var(--rpx) * 6); margin-top: calc(var(--rpx) * 8); flex-shrink: 0; }
.nt-bar.qve,.nt-bar.is-start { border-color: #477F62; background: #F5FAF0; }
.nt-piece.qve { background: #CBEAD5; box-shadow: inset 0 -2px #4A8866; border-radius: 5px; }
.nt-bar.is-pickup { border-left-style: dashed; }
.ln-modebar { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: calc(var(--rpx) * 6); margin-bottom: calc(var(--rpx) * 4); }
.mini-root .qv1 .ln-modebar button{padding:calc(var(--rpx) * 4) 1px;font-size:max(calc(var(--rpx) * 20),10px);white-space:nowrap;}
.zdy1e{box-shadow:inset 0 0 0 1px #95B59D;border-radius:3px;}
.ln-paper { height: 0; flex: 1 1 0; min-height: 120px; box-sizing: border-box; background: #FFF; border: calc(var(--rpx) * 1) solid #DDE6DA; border-radius: calc(var(--rpx) * 16); padding: calc(var(--rpx) * 14); overscroll-behavior-y: contain; }
.nt-lyric-line { display: flex; flex-wrap: wrap; align-items: flex-end; gap: calc(var(--rpx) * 4); margin-bottom: calc(var(--rpx) * 12); min-height: 1.8em; }
.nt-lyric-token { min-width: 1.1em; border-radius: calc(var(--rpx) * 6); text-align: center; padding: 0 calc(var(--rpx) * 2); }
.nt-lyric-token.is-target { background: #E1F0DF; box-shadow: inset 0 -2px #528865; }
.nt-token-notes { display: flex; justify-content: center; min-height: 46px; position: relative; }
.nt-lyric-lines.is-pure-pitch .nt-token-notes { min-height: 36px; }
.nt-lyric-lines.is-pure-pitch .zdwy { display: none; }
.nt-note-hit { border-radius: calc(var(--rpx) * 6); min-width: 22px; }
.nt-lyric-char { display: block; white-space: pre-wrap; color: #40574A; line-height: 1.5; }
.nt-glyph { display: flex; flex-direction: column; align-items: center; color: #315E48; font-size: 17px; line-height: 1; position: relative; height:62px; padding:16px 0 2px; box-sizing:border-box; }
.zdx51 { display:block; position:absolute; left:50%; transform:translateX(-50%); width:5px; height:auto; font-size:10px; line-height:5px; letter-spacing:0; word-break:break-all; white-space:normal; text-align:center; }
.zdx51.is-upper { bottom:calc(100% - 15px); }
.zdx51.is-lower { top:45px; }
.nt-main { display: flex; align-items: center; justify-content: center; min-height: 20px; white-space: nowrap; font-weight: 600; position:relative; }
.zdwy { height: 4px; width: 12px; box-sizing: border-box; }
.zdwy.one { border-top: 1px solid currentColor; }
.zdwy.two { border-bottom: 1px solid currentColor; }
.nt-glyph.is-tied-from::before,.nt-glyph.is-tied-to::after { content: ''; position: absolute; top: 0; width: 45%; height: 5px; border-top: 1px solid #7C9988; border-radius: 50%; }
.nt-glyph.is-tied-from::before { left: 0; }.nt-glyph.is-tied-to::after { right: 0; }
.nt-tie { position:absolute; top:2px; height:7px; border-top:1px solid #638772; border-radius:50%; box-sizing:border-box; pointer-events:none; }.nt-dot { margin-left: 2px; }
.nt-note-hit.zq3,.nt-free-note.zq3,.nt-piece.zq3 { background: #E0EFDF; border-radius: calc(var(--rpx) * 6); }
.nt-is-multiselected { outline: 1px solid #7DAC90; outline-offset: -1px; border-radius: calc(var(--rpx) * 6); background: #DFEFE8; }
.nt-empty { display: block; color: #87998A; font-size: calc(var(--rpx) * 24); line-height: 1.6; margin: calc(var(--rpx) * 12) 0; }
.zdx3p { display: block; color: #8B9784; font-size: calc(var(--rpx) * 20); margin: calc(var(--rpx) * 10) 0; }
.zdy1d { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 12); }
.nt-free-note { min-width: 36px; padding: 3px; }
.nt-bars { display: flex; flex-direction: column; gap: calc(var(--rpx) * 10); }
.nt-bar { border-left: 1px solid #BACABF; border-right: 1px solid #BACABF; padding: calc(var(--rpx) * 2) calc(var(--rpx) * 6) calc(var(--rpx) * 6); position: relative; }
.nt-bar-index { display: block; min-height:18px; line-height:18px; font-size: 9px; color: #A0AA9D; }
.zdy1f { color:#306D52; font-size:12px; font-weight:600; }
.nt-bar-pieces { display: flex; align-items: stretch; min-width: 0; position: relative; }
.nt-glyph.is-metered { width: 100%; padding: 2px 0; }
.nt-glyph.is-metered .nt-main { position: absolute; top: 16px; transform: translateX(-50%); }
.nt-glyph.is-metered .zdwy { position: absolute; top: 36px; }
.nt-extension { position: absolute; top: 18px; transform: translateX(-50%); font-size: 15px; line-height: 20px; }
.nt-beam { position: absolute; top: 39px; height: 1px; background: #315E48; pointer-events: none; z-index: 1; }
.nt-beam.level-2 { top: 43px; }
.nt-beam.level-3 { top: 47px; }
.nt-glyph.is-metered.is-thirty-second { height: 68px; }
.nt-glyph.is-metered.is-thirty-second .nt-main { font-size:12px; }
.nt-glyph.is-metered.is-thirty-second .zdx51.is-lower { top: 51px; }
.nt-beam.is-connected::before,.nt-beam.is-connected::after { content: ''; position: absolute; top: 0; height: 1px; width: 6px; background: inherit; }
.nt-beam.is-connected::before { right: 100%; }.nt-beam.is-connected::after { left: 100%; }
.nt-bar-pieces.is-dense .nt-glyph { font-size: 12px; }
.nt-bend { position:absolute; top:-9px; right:0; font-size:9px; color:#977342; white-space:nowrap; }
.nt-technique { position:absolute; top:-9px; left:50%; transform:translateX(-50%); font-size:8px; color:#75806A; white-space:nowrap; }
.nt-grace { position:absolute; top:5px; left:50%; transform:translateX(-100%); margin-left:-10px; font-size:8px; color:#75806A; white-space:nowrap; }
.nt-accidental { font-size:.72em; margin-right:1px; position:absolute; right:100%; top:1px; }
.nt-glyph.is-metered .nt-main > .nt-dot { position:absolute; left:100%; }
.nt-piece { min-width: 0; padding: 3px 0; text-align: center; box-sizing: border-box; overflow-wrap: anywhere; }
.nt-piece-lyric { display: block; color: #536A5B; font-size: 14px; line-height: 1.4; white-space: pre-wrap; }
.zdx50 { font-size: 8px; color: #869586; }.zdy2f { font-size: 10px; color: #96A28E; }
.ln-input-heading { display: flex; align-items: center; gap: calc(var(--rpx) * 8); padding: calc(var(--rpx) * 8) 0; font-size: calc(var(--rpx) * 22); color: #5C7764; }
.ln-input-heading > text { flex: 1; min-width: 0; }
.ln-input { border: calc(var(--rpx) * 1) solid #DDE7D7; background: #F7FAF4; border-radius: calc(var(--rpx) * 14); box-sizing: border-box; }
.zdx5c { padding: calc(var(--rpx) * 8); box-sizing: border-box; }
.nt-duration-row { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: calc(var(--rpx) * 4); }
.mini-root .qv1 .nt-duration-row button { min-height: 36px; padding: calc(var(--rpx) * 3) 1px; font-size: max(calc(var(--rpx) * 20),10px); border-radius: calc(var(--rpx) * 9); white-space: nowrap; }
.nt-nearby-duration { padding: calc(var(--rpx) * 6) 0 calc(var(--rpx) * 8); flex-shrink: 0; }
.nt-rest-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 4);margin:calc(var(--rpx) * 4) 0}.nt-tool-bar{display:flex;align-items:center;gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 5) 0;flex-shrink:0}.nt-tool-bar>text{flex:1;min-width:0;font-size:11px;color:#657d6d}.nt-pickup-guide{color:#8c9e91;pointer-events:none;text-align:center;min-width:0;padding:3px 0;box-sizing:border-box}
.mini-root .qv1 .nt-rest-row button{padding:3px 2px;font-size:11px;white-space:nowrap;}
.nt-pickup-guide .nt-glyph{color:#8c9e91}
.zdx49 { display: block; color: #61796A; font-size: calc(var(--rpx) * 20); line-height: 1.35; margin-bottom: calc(var(--rpx) * 5); }
.nt-duration-reason { display: block; color: #929887; font-size: calc(var(--rpx) * 19); line-height: 1.35; margin-top: calc(var(--rpx) * 5); }
.nt-tools { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(var(--rpx) * 4); margin: calc(var(--rpx) * 4) 0 calc(var(--rpx) * 6); }
.nt-settings { padding: calc(var(--rpx) * 6); background: #EDF4E8; border-radius: calc(var(--rpx) * 10); margin: calc(var(--rpx) * 6) 0; }
.zdx5f { display: grid; grid-template-columns: .8fr 2fr .6fr; gap: calc(var(--rpx) * 6); }
.zdy2g { display: flex; align-items: center; color: #75856F; font-size: calc(var(--rpx) * 20); }.zdy2g slider { flex: 1; min-width: 0; margin: calc(var(--rpx) * 4); }
.nt-scale-picker { height: 76px; margin-top: calc(var(--rpx) * 6); }
.zdxw { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 6); }
.zdy3a,.zr1z { display: block; font-size: calc(var(--rpx) * 20); color: #7D876F; line-height: 1.4; margin-top: calc(var(--rpx) * 4); max-height: 3em; overflow-y: auto; flex-shrink: 0; }
.zds8 { display: flex; gap: calc(var(--rpx) * 6); margin: calc(var(--rpx) * 4) 0; flex-shrink: 0; }
.zds8 > text { flex: 0 0 auto; align-self: center; color: #4D705B; font-size: 11px; }
.mini-root .qv1 .zds8 button { flex: 1; min-height: 30px; font-size: 11px; }
.zdx3 { flex-shrink:0; margin-top:calc(var(--rpx) * 6); padding:calc(var(--rpx) * 6) calc(var(--rpx) * 8); border:calc(var(--rpx) * 1) solid #CEE1D1; border-radius:calc(var(--rpx) * 12); background:#F0F7EF; }
.mini-root .qv1 .zds8 .zdy1u { flex:1.5; }
.zdv8 { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 8); color:#466B54; font-size:11px; }
.zdv8 > text { flex:1; min-width:0; }
.mini-root .qv1 .zdv8 button { min-height:28px; padding:2px 12px; font-size:11px; }
.zdxe { display:block; margin:calc(var(--rpx) * 4) 0; color:#738873; font-size:10px; line-height:1.35; }
.zdw23 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 4); }
.mini-root .qv1 .zdw23 button { min-height:32px; padding:calc(var(--rpx) * 3) calc(var(--rpx) * 4); gap:calc(var(--rpx) * 5); font-size:11px; }
.zdy5 { flex-shrink:0; color:#819381; font-size:9px; }
.zdyt { max-width:360px; }
.zdvw { display:flex; align-items:center; gap:6px; color:#466B54; font-size:13px; }
.zdvw input { flex:1; width:40px; min-width:0; height:36px; padding:0 8px; text-align:center; background:#FFF; border:1px solid #CEE1D1; border-radius:8px; }
.mini-root .qv1 .zdyt > button { width:100%; margin-top:12px; }
.ln-input-pane{flex:0 1 auto;max-height:45%;min-height:0;}
.ln-editor,.nt-toolbox{height:100%;min-height:0;}
.ln-instrument-body{box-sizing:border-box;padding:4px 0;}
.nt-toolbox .zds8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.ln-paper,.ln-editor,.zds1 .nt-piano-scroll { overscroll-behavior: contain; }
.zds1 { height:auto; min-height:0; margin-bottom:calc(var(--rpx) * 6); }
.zds1 .zqz { margin:0; }
.zds1 .zdw1i,.zds1 .sc-diagram-position:empty{display:none;}
.zds1 .zr2c,.nt-diagram-options .zr2c { justify-content:flex-start; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zds1 .zr2c button,.mini-root .qv1 .qv0.zq0 .zq2.zq1 .nt-diagram-options .zr2c button { min-height:30px; padding:calc(var(--rpx) * 4) calc(var(--rpx) * 8); }
.zds1 .zdsc button,.nt-diagram-options .zdsc button { flex-direction:column; }
.zds1 .zdt11 { padding-left:calc(var(--rpx) * 96); }
.mini-root .qv1 .ln-module .ls-viewport { max-height: none; margin: 0; }
.mini-root .qv1 .ln-module .ls-key-row { gap: calc(var(--rpx) * 4); margin-bottom: calc(var(--rpx) * 4); }
.mini-root .qv1 .ln-module .ls-key { min-height: 44px; height: auto; padding: calc(var(--rpx) * 4) 0; display: flex; flex-direction: column; gap: 1px; }
.mini-root .qv1 .ln-module .zdt7 { min-height: 44px; display: flex; flex-direction: column; padding: calc(var(--rpx) * 2); }
.mini-root .qv1 .ln-module .zdy2a { font-size: 15px; }
.mini-root .qv1 .ln-module .zdx2n { font-size: 12px; }
.mini-root .qv1 .ln-module .zdx3k { font-size: 9px; }
.mini-root .qv1 .qv7 .nt-token-notes { min-height: 46px; }
.mini-root .qv1 .qv7 .nt-glyph { font-size: 14px; }
.mini-root .qv1 .qv7 .nt-lyric-line { gap: calc(var(--rpx) * 1); }
.nt-lyric-input-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 13000; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.zduw { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(27,47,37,.32); }
.nt-lyric-input-panel { position: relative; width: 100%; max-width: 480px; max-height: 76vh; overflow-y: auto; padding: 14px; box-sizing: border-box; background: #FAFCF8; border: 1px solid #D5E4D5; border-radius: 18px; box-shadow: 0 12px 44px #16362526; }
.zdtb { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.zdtb > view { display: flex; align-items: center; gap: 10px; color: #728372; font-size: 12px; }
.zdx3m { color: #315E48; font-size: 26px; font-weight: 600; }
.mini-root .qv1 .zdtb > button { flex: 0 0 auto; min-height: 32px; padding: 4px 10px; background: #FFF; }
.nt-lyric-note-scroll { height: 38px; margin-bottom: 8px; }
.zdux { display: flex; gap: 6px; width: max-content; }
.mini-root .qv1 .zdux button { flex: 0 0 auto; min-height: 32px; padding: 5px 9px; font-size: 11px; white-space: nowrap; }
.nt-lyric-pitch-scroll { max-height: 35vh; }
.nt-lyric-pitch-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; }
.mini-root .qv1 .nt-lyric-pitch-grid button { flex-direction: column; min-height: 48px; padding: 2px; border-radius: 8px; background: #FFF; }
.zdx3n { color: #315E48; font-weight: 600; font-size: 13px; line-height: 18px; }
.zdx3o { color: #83947F; font-size: 9px; line-height: 13px; }
.zdw1q { color: #557B5C; font-size: 10px; line-height: 7px; min-height: 7px; }
.zdv7 { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #486C54; font-size: 13px; margin-bottom: 8px; }
.zdw1m { display: flex; gap: 5px; margin-bottom: 8px; }
.mini-root .qv1 .zdw1m button { flex: 1; min-height: 32px; padding: 3px 5px; font-size: 11px; }
.nt-lyric-draft { padding-top: 18px; margin: 7px 0 3px; max-width: 100%; overflow-x: auto; }
.zdx2p { position: relative; display: flex; margin: 0 auto; min-height: 46px; }
.zdx3l { flex-shrink: 0; min-width: 24px; }
.zdv6 { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
.zdv6 > view { flex: 1; min-width: 0; font-size: 12px; color: #466C54; line-height: 1.5; }
.zdx2q { display: block; color: #87917C; font-size: 10px; }
.mini-root .qv1 .zdv6 > button { flex: 0 0 auto; max-width: 46%; min-height: 36px; padding: 4px 10px; font-size: 12px; }
.mini-root .qv1 .zdv7 button { flex: 0 0 auto; min-height: 28px; padding: 3px 10px; font-size: 12px; }
.nt-lyric-duration-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
.mini-root .qv1 .nt-lyric-duration-grid button { min-height: 44px; padding: 4px 3px; font-size: 11px; border-radius: 8px; }
.zdw21 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; margin-top: 8px; }
.mini-root .qv1 .zdw21 button { min-height: 34px; padding: 3px; font-size: 11px; }
.mini-root .qv1 .ln-module button[disabled] { opacity: .42; color: #7D8B7B; background: #F1F4EE; border-color: #E0E7DB; }
.nt-tuplet { position: absolute; top: -8px; height: 6px; border: 1px solid currentColor; border-bottom: 0; color: #477458; box-sizing: border-box; pointer-events: none; }
.nt-tuplet > text { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); padding: 0 3px; font-size: 10px; line-height: 12px; background: #FFF; }
.nt-lyric-draft .nt-tuplet > text { background: #FAFCF8; }
.zds1 .nt-piano-scroll { width: 100%; height: 114px; overscroll-behavior-x: contain; }
.zds1 .zdxv { display: flex; justify-content:flex-start; width:max-content !important; min-width: 100%; gap:0; }
.zds1 .zdxv .sc-piano-slot { display:flex; justify-content:center; flex:0 0 280px; width:280px; min-width:0; padding:0; box-sizing:border-box; }
.zds1 .zdxv .sc-piano-board { flex:0 0 280px; width:280px; max-width:100%; height:104px; margin-top:3px; }
.nt-note-tools { flex-shrink:0; margin-top:calc(var(--rpx) * 6); padding:calc(var(--rpx) * 6) calc(var(--rpx) * 8); background:#F0F7EF; border:calc(var(--rpx) * 1) solid #CEE1D1; border-radius:calc(var(--rpx) * 12); }
.zdvx { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 4); margin-bottom:calc(var(--rpx) * 5); }
.mini-root .qv1 .zdvx button { padding:calc(var(--rpx) * 2); font-size:10px; white-space:nowrap; }
.nt-tie-hint { display:block; margin-top:calc(var(--rpx) * 4); color:#738873; font-size:10px; line-height:1.35; }
.nt-lyric-duration-grid button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.nt-duration-icon { position: relative; width: 28px; height: 29px; color: #315F4B; }
.zdvu { position: absolute; bottom: 3px; left: 3px; width: 10px; height: 7px; background: currentColor; border: 1.5px solid currentColor; border-radius: 50%; transform: rotate(-17deg); box-sizing: border-box; }
.nt-duration-icon.is-open .zdvu { background: transparent; }
.nt-duration-icon.is-whole .zdvu { width: 13px; height: 8px; left: 7px; bottom: 9px; transform: rotate(0); }
.zdx45 { position: absolute; left: 11px; bottom: 7px; height: 19px; width: 1.5px; background: currentColor; }
.zdub { position: absolute; left: 12px; top: 3px; width: 8px; height: 10px; border-right: 2px solid currentColor; border-radius: 0 80% 80% 0; transform: rotate(-14deg); }
.zdub.is-second { top: 10px; }
.zdub.is-third { top: 17px; }
.nt-duration-icon > text { position: absolute; right: 0; bottom: 1px; font-size: 20px; line-height: 18px; }
.zdx4u{display:block;font-size:10px;line-height:1.25;color:#306D52;white-space:normal;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot.zdw17{height:auto !important;min-height:calc(var(--rpx) * 132) !important;}
.zdw17 .zdwm{height:auto;}
.zdw17 .zq1m{height:auto;justify-content:flex-start;}
.zdw17 .zq1m>text{flex-shrink:0;}
.loop-transport-card{max-height:82vh;overflow-y:auto;box-sizing:border-box;}
.zdw2a{margin-top:12px;padding-top:8px;border-top:1px solid #dce8dd;}
.zdw1e{display:flex;gap:6px;margin-top:7px;}
.zdw1e button{flex:1;min-width:0;margin:0;padding:0 4px;font-size:12px;line-height:38px;white-space:nowrap;background:#e6f0e8;color:#315e48;}
.zdw1e button.is-primary{background:#307653;color:#fff;}
.zdw2a .zdsj>view{font-size:12px;}
/* Home-only polish. No extra assets, canvas, or idle animation. */
/* Native navigation already owns the top safe area; only move .mini-root content. */
.mini-root .qv0.zq0.is-home { padding-top: calc(var(--rpx) * 84); padding-bottom: max(calc(var(--rpx) * 16),var(--home-safe-bottom,env(safe-area-inset-bottom))) !important; }
@media (max-height: 700px) { .mini-root .qv0.zq0.is-home { padding-top: calc(var(--rpx) * 36); } }
.zq0.is-home .ht-card { flex:0 0 auto; box-sizing:border-box; width:100%; min-width:0; margin:calc(var(--rpx) * 28) 0 0; padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24); border:calc(var(--rpx) * 1) solid #d8e3d8; border-radius:calc(var(--rpx) * 24); background:linear-gradient(120deg,#f3f8f2,#f8f7ee); box-shadow:inset 0 calc(var(--rpx) * 1) 0 #fff,0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(42,80,58,.025); }
.ht-title, .zdx1u, .ht-status, .ht-guidance { display: block; }
.ht-title { color: #3c624d; font-size: 14px; font-weight: 650; line-height: 1.4; }
.ht-action-row { display:flex; width:100%; min-width:0; align-items:stretch; gap:calc(var(--rpx) * 12); margin:calc(var(--rpx) * 12) 0 0; }
.ht-action-row > .ht-instrument { flex:1.2 1 0%; width:0; }
.ht-toggle { flex:1 1 0%; width:0 !important; max-width:100%; min-width:0; margin:0; min-height:48px; padding:calc(var(--rpx) * 8) calc(var(--rpx) * 10); display:flex; align-items:center; justify-content:center; gap:calc(var(--rpx) * 8); border:1px solid #c7dac7; border-radius:11px; background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),linear-gradient(140deg,#eef6e8,#dfece0); box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(73,119,79,.05); color:#466a4f; font-size:14px; font-weight:600; line-height:1.4; text-align:center; box-sizing:border-box; white-space:normal; transition:background-color .15s,transform .15s,box-shadow .15s; }
.zdwc { display:flex; flex:none; align-items:center; justify-content:center; gap:2px; width:15px; height:18px; opacity:.8; }
.zdwc > view { width: 3px; height: 7px; border-radius: 2px; background: currentColor; transition:transform .15s; }
.zdwc > view:nth-child(2) { height: 15px; }
.zdwc > view:last-child { height: 10px; }
.ht-toggle::after, .zq1p > button::after { border: none; }
.ht-toggle.zq3 { background: #dcece1; border-color: #89b59b; color: #2f6046; box-shadow: inset 0 calc(var(--rpx) * 2) 0 rgba(255,255,255,.6); }
.ht-toggle:active, .ht-toggle.qv3 { transform:translateY(1px); background:#d7e8dc; box-shadow:inset 0 2px 4px rgba(62,104,65,.09); }
.ht-toggle.qv3 .zdwc > view { transform:scaleY(.8); }
.ht-instrument { position:relative; display:flex; min-width:0; width:100%; align-items:stretch; border:calc(var(--rpx) * 1) solid #dbe5db; border-radius:calc(var(--rpx) * 16); background:linear-gradient(130deg,#fffdf8,#f0f6ed); box-shadow:inset 0 calc(var(--rpx) * 1) 0 #fff; box-sizing:border-box; overflow:hidden; }
.ht-instrument::before, .ht-instrument::after { content:""; position:absolute; top:0; bottom:0; z-index:2; width:calc(var(--rpx) * 18); pointer-events:none; background:linear-gradient(90deg,#f9fcf4,transparent); }
.ht-instrument::before { left:0; }.ht-instrument::after { right:0; transform:rotate(180deg); }
.ht-instrument-wheel { width:100%; min-width:0; height:48px; }
.zdt15 { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; min-width:0; color:#486553; text-align:center; line-height:1.4; opacity:.32; transform:scale(.88); transition:opacity .22s,transform .22s; }
.zdt15.qv5 { opacity:1; transform:scale(1); }
.zdt15.qv5.qv3 { color:#2f6046; background:rgba(218,235,218,.45); transform:scale(.98); }
.zdt15 > text { display:block; max-width:100%; white-space:nowrap; font-size:14px; font-weight:600; }
.zdt15 > text:last-child { color:#90a18b; font-size:8px; font-weight:400; letter-spacing:1px; }
.zds3 { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; flex:none; width:152px; align-items:stretch; box-sizing:border-box; border:calc(var(--rpx) * 1) solid #d4e2d7; border-radius:calc(var(--rpx) * 16); overflow:hidden; background:rgba(255,255,255,.65); box-shadow:inset 0 calc(var(--rpx) * 1) 0 #fff; }
.zds3 > button { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; margin:0; min-height:44px; padding:calc(var(--rpx) * 4); border:0; border-radius:0; background:transparent; color:#3f6650; line-height:1.3; text-align:center; }
.zds3 > button::after, .ht-calibration-input-row > button::after, .zr1m::after { border:none; }
.zds3 .zr28 { width:44px; flex:none; font-size:19px; }
.zds3 .ht-calibration-value { display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:0; padding:3px 2px; flex-direction:column; border-left:calc(var(--rpx) * 1) solid #dde7df; border-right:calc(var(--rpx) * 1) solid #dde7df; color:#3f6650; font-size:14px; line-height:1.3; text-align:center; font-variant-numeric:tabular-nums; font-weight:650; }
.zds3 > button:active { background:#e1eddf; }
.ht-calibration-value > text:first-child { color:#6a7e70; font-size:10px; font-weight:400; }
.zdx3d { font-size:10px; font-weight:400; }
.zr28[disabled] { color:#a3b0a6; background:transparent; border-color:#e3ebe4; }
.ht-calibration-editor { margin:calc(var(--rpx) * 10) 0 calc(var(--rpx) * 4); padding:calc(var(--rpx) * 12); border:calc(var(--rpx) * 1) solid #d4e2d7; border-radius:calc(var(--rpx) * 14); background:rgba(255,255,255,.6); }
.ht-calibration-input-row { display:flex; flex-wrap:wrap; align-items:center; gap:calc(var(--rpx) * 8); color:#526d5b; font-size:12px; }
.ht-calibration-input { box-sizing:border-box; flex:1; min-width:48px; width:0; height:44px; border:calc(var(--rpx) * 1) solid #a9c9b5; border-radius:calc(var(--rpx) * 10); background:#fff; text-align:center; color:#2e6145; font-size:16px; }
.ht-calibration-input-row > button { display:flex; align-items:center; justify-content:center; flex:none; width:auto; min-width:44px; min-height:44px; margin:0; padding:calc(var(--rpx) * 8); border:calc(var(--rpx) * 1) solid #d4e2d7; border-radius:calc(var(--rpx) * 10); background:#f2f7f0; color:#476d53; font-size:12px; line-height:1.4; text-align:center; }
.ht-calibration-help { display:block; margin-top:calc(var(--rpx) * 6); color:#667c6b; font-size:11px; line-height:1.5; }
.ht-calibration-help.is-error { color:#94663f; }
.ht-reference-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:calc(var(--rpx) * 10); margin-bottom:calc(var(--rpx) * 10); }
.ht-reference-toolbar .ht-reference-summary { min-width:0; margin:0; }
.zr1m { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:76px; min-height:44px; margin:0; padding:4px; border:calc(var(--rpx) * 1) solid #d4e2d7; border-radius:calc(var(--rpx) * 12); background:#f4f8f2; color:#617965; font-size:12px; line-height:1.4; text-align:center; white-space:normal; }
.zr1m.zq3 { width:64px; color:#34654a; background:#dfede1; border-color:#aecbb6; }
.ht-active { width:100%; max-width:calc(var(--rpx) * 660); margin:0 auto; text-align:center; }
.ht-reading { display:flex; flex-direction:column; align-items:center; gap:calc(var(--rpx) * 22); }
.zdx1u { display:flex; align-items:center; justify-content:center; gap:calc(var(--rpx) * 8); font-size:12px; line-height:1.5; }
.zdx1f { display:block; width:6px; height:6px; border-radius:50%; background:#86a68f; }
.zdx5k { min-width:0; width:100%; display:flex; flex-direction:column; align-items:center; padding:calc(var(--rpx) * 24) 0 calc(var(--rpx) * 8); }
.ht-hz { display:block; width:100%; max-width:100%; margin-top:calc(var(--rpx) * 20); color:#274e3b; font-size:calc(var(--rpx) * 128); font-weight:500; line-height:1.4; font-variant-numeric:tabular-nums; letter-spacing:calc(var(--rpx) * -2); text-align:center; transition:color .18s; }
.ht-hz.motion-near-0 { animation:tunerNear0 .3s ease-out; }
.ht-hz.motion-near-1 { animation:tunerNear1 .3s ease-out; }
.ht-hz.motion-tuned-0 { animation:tunerTuned0 .48s cubic-bezier(.2,.8,.25,1); }
.ht-hz.motion-tuned-1 { animation:tunerTuned1 .48s cubic-bezier(.2,.8,.25,1); }
@keyframes tunerNear0 { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-2px); } 50% { transform:translateX(2px); } 75% { transform:translateX(-1px); } }
@keyframes tunerNear1 { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-2px); } 50% { transform:translateX(2px); } 75% { transform:translateX(-1px); } }
@keyframes tunerTuned0 { 0%,100% { transform:scale(1); } 45% { transform:scale(1.06); } }
@keyframes tunerTuned1 { 0%,100% { transform:scale(1); } 45% { transform:scale(1.06); } }
@media (prefers-reduced-motion:reduce) { .ht-hz { animation:none !important; } }
.ht-unit { display:block; font-size:14px; line-height:1.5; }
.zdx5l { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:calc(var(--rpx) * 10) calc(var(--rpx) * 18); min-height:36px; text-align:center; }
.ht-note { display:block; color:#3c6650; font-size:calc(var(--rpx) * 32); font-weight:650; line-height:1.4; }
.zdx2h { display:block; font-size:12px; line-height:1.5; }
.ht-meter { display:flex; align-items:center; gap:calc(var(--rpx) * 18); margin:calc(var(--rpx) * 42) calc(var(--rpx) * 12) calc(var(--rpx) * 30); color:#6b7d70; font-size:12px; }
.ht-track { position: relative; flex: 1; height: calc(var(--rpx) * 8); border-radius: calc(var(--rpx) * 6); background: linear-gradient(90deg,#d8e6ec,#d8e9dc 50%,#e9dfd0); }
.zdyj { position: absolute; left: 44%; top: calc(var(--rpx) * -6); width: 12%; height: calc(var(--rpx) * 20); border-radius: calc(var(--rpx) * 8); background: rgba(88,149,111,.13); }
.ht-center { position: absolute; left: 50%; top: calc(var(--rpx) * -7); width: calc(var(--rpx) * 2); height: calc(var(--rpx) * 22); background: #8cad99; }
.ht-needle { position: absolute; top: calc(var(--rpx) * -6); width: calc(var(--rpx) * 20); height: calc(var(--rpx) * 20); border: calc(var(--rpx) * 3) solid #f6faf6; border-radius: 50%; box-sizing: border-box; background: #75957e; transform: translateX(-50%); transition: left 64ms linear; }
.ht-needle.tone-flat { background: #6094ac; }
.ht-needle.tone-sharp { background: #b3874a; }
.ht-needle.tone-steady { background: #33835a; }
.zdyk { box-sizing:border-box; padding:calc(var(--rpx) * 14) calc(var(--rpx) * 18); min-height:78px; text-align:center; }
.ht-status { color: #4e6e59; font-size: 14px; font-weight: 650; line-height: 1.4; }
.ht-guidance { font-size: 12px; line-height: 1.5; margin-top: calc(var(--rpx) * 4); }
.ht-active.tone-steady .ht-hz { color:#2e8056; }
.ht-active.tone-steady .zdx1f, .ht-active.tone-steady .ht-needle { background:#33835a; }
.ht-active.tone-flat .ht-needle { background:#6094ac; }
.ht-active.tone-sharp .ht-needle { background:#b3874a; }
.ht-active.tone-steady .ht-status { color: #27673e; }
.zq6 { padding-top: calc(var(--rpx) * 16); margin-top: calc(var(--rpx) * 4); border-top: calc(var(--rpx) * 1) solid #d6e3d9; }
.ht-reference-summary { display: block; margin-bottom: calc(var(--rpx) * 14); font-size: 11px; line-height: 1.5; color: #5d7163; }
.ht-reference-group { position:relative; margin-bottom:calc(var(--rpx) * 12); padding:calc(var(--rpx) * 4) calc(var(--rpx) * 14) calc(var(--rpx) * 14); border:calc(var(--rpx) * 1) solid #d9e5dc; border-radius:calc(var(--rpx) * 20); background:rgba(255,255,255,.82); box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(50,78,59,.025); transition:background-color .12s,border-color .12s; }
.ht-reference-group.zq1v { border-color:#a3c4b0; background:#f7fbf7; }
.ht-reference-group.zr29 { background: #E5F0E7; }
.ht-reference-audio-status { display: block; margin: 0 0 calc(var(--rpx) * 12); font-size: 12px; line-height: 1.5; color: #6B806F; }
.ht-reference-row.zq1v, .ht-reference-row.zr29 { background:linear-gradient(100deg,#e2eee4,#f3f7ed); border-color:#b9d1c1; box-shadow:inset calc(var(--rpx) * 3) 0 0 #7daa8a; }
.ht-reference-row.zq1v .ht-reference-value { color:#356247; background:#d5e6d9; }
.ht-reference-heading { display:flex; align-items:center; justify-content:space-between; min-width:0; min-height:44px; gap:6px; margin-bottom:2px; color:#42614e; font-size:12px; font-weight:650; line-height:1.4; }
.ht-reference-copy { flex:0 0 auto; min-width:0; }
.ht-reference-name { display:block; white-space:nowrap; }
.zq1p { display:flex; align-items:center; justify-content:flex-end; flex:1 1 0%; width:0; min-width:0; gap:2px; margin:0; }
/* Slim surfaces and narrow arrow controls retain a 44px touch height. */
.zq1p > button { position:relative; z-index:0; display:flex; align-items:center; justify-content:center; flex:none; box-sizing:border-box; min-width:30px; min-height:44px; width:30px; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#4f765b; font-size:16px; line-height:1.3; white-space:nowrap; }
.zq1p > button::before { content:""; position:absolute; z-index:-1; left:0; right:0; top:7px; bottom:7px; border:calc(var(--rpx) * 1) solid #ccdcca; border-radius:8px; background:linear-gradient(145deg,#fbfff8,#e8f1e5); box-shadow:inset 0 1px 0 #fff; }
.zq1p > button[disabled] { color:#a3b0a6; }
.zq1p > button[disabled]::before { background:transparent; border-color:#e3ebe4; box-shadow:none; }
.zq1p > button:active::before, .zq1p > button.qv3::before { background:#d9e9d8; border-color:#aac6ae; }
.zq1p .ht-reference-apply { width:50px; min-width:50px; font-size:10.5px; font-weight:600; }
.zq1p .ht-reference-apply.zq3 { color:#376348; }
.zq1p .ht-reference-apply.zq3::before { background:#e0eee3; border-color:#a9c7b1; }
.ht-reference-group.is-tuner-applied { border-color:#b5cebe; }
.zdw1c { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 4); font-size:12px; }
.zdw1c.is-six-strings { grid-template-columns:repeat(6,minmax(0,1fr)); }
.ht-reference-row { display:flex; flex-direction:column; box-sizing:border-box; min-width:0; min-height:54px; align-items:center; justify-content:center; gap:calc(var(--rpx) * 2); padding:calc(var(--rpx) * 5) calc(var(--rpx) * 1); font-size:inherit; line-height:1.3; border:calc(var(--rpx) * 1) solid #e3ebe5; border-radius:calc(var(--rpx) * 12); background:linear-gradient(155deg,#fffef9,#eff5ec); white-space:nowrap; transition:background-color .12s,box-shadow .12s; }
.ht-reference-value { color:#5c7865; font-size:10px; font-variant-numeric:tabular-nums; }
.zdx3e { color:#829083; font-size:9px; line-height:1.2; }
.ht-reference-progress { position:absolute; left:calc(var(--rpx) * 14); right:calc(var(--rpx) * 14); bottom:calc(var(--rpx) * 6); height:calc(var(--rpx) * 3); overflow:hidden; border-radius:calc(var(--rpx) * 3); background:transparent; pointer-events:none; }
.zq1v > .ht-reference-progress { background:#e2ece3; }
.ht-reference-progress > view { height:100%; border-radius:calc(var(--rpx) * 3); background:#91b69f; transition:width .12s linear; }
.ht-reference-note { margin:0; color:#355a43; font-size:13px; font-weight:650; }
.zq1p .ht-tuning-cycle { flex:1 1 0%; width:0; min-width:0; max-width:104px; gap:3px; padding:0 4px; justify-content:center; color:#42694f; font-size:10.5px; font-weight:550; }
.ht-tuning-cycle > text:first-child { min-width:0; white-space:normal; overflow-wrap:anywhere; word-break:break-all; text-align:center; }
.zdw1z { flex:none; color:#6b8d75; font-size:12px; }
.zdx5z { flex:1; min-width:0; max-width:104px; color:#718775; font-size:10.5px; text-align:center; }
.ht-reference-row.is-reference-only { color: #7b7355; }
.zdw1d { display: block; font-size: 11px; line-height: 1.6; margin-top: calc(var(--rpx) * 8); }
/* Small supporting text remains readable on the light-green surface. */
.zdx1u,
.ht-unit,
.zdx2h,
.ht-guidance,
.zdw1d,
.ht-reference-row,
.ht-reference-heading > text:last-child { color: #5d7163; }
.ht-active.tone-flat .ht-status { color: #386881; }
.ht-active.tone-sharp .ht-status { color: #805d2c; }
.mini-root .qv0.zq0.is-home .footer { width:100%; max-width:none; margin-top:auto !important; padding:calc(var(--rpx) * 20) 0 0 !important; }
.mini-root .qv0.zq0.is-home .footer-utility-bar { gap:4px; padding:calc(var(--rpx) * 4) !important; border:calc(var(--rpx) * 1) solid #d3dfd2; border-radius:14px !important; background:repeating-linear-gradient(0deg,rgba(70,110,77,.018) 0 1px,transparent 1px 4px),linear-gradient(120deg,#fbfdf7,#f0f5ec); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(55,85,63,.035) !important; }
.mini-root .qv0.zq0.is-home .zrh { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px !important; border-radius:10px; font-size:12px !important; color:#42654e; line-height:1.4 !important; padding:5px 3px; text-align:center; white-space:normal; background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(242,248,237,.38)); box-shadow:inset 0 1px 0 rgba(255,255,255,.85); transition:background-color .14s,transform .14s; }
.mini-root .qv0.zq0.is-home .zrh:active, .mini-root .qv0.zq0.is-home .zrh.qv3 { background:#e1eddf; transform:translateY(1px); box-shadow:inset 0 1px 3px rgba(67,102,76,.08); }
.mini-root .qv0.zq0.is-home .zdv17 { height:19px; background:linear-gradient(0deg,transparent,#c5d7c7,transparent); }
.zdw28 { display:flex; align-items:center; justify-content:center; flex:none; width:19px; height:19px; box-sizing:border-box; color:#68836c; }
.zdw27 { border:1px solid #b3cbb5; border-radius:7px 7px 9px 9px; background:linear-gradient(140deg,#fbfff4,#e2edde); }
.zdw27 > text { font-size:11px; font-weight:650; line-height:1; }
.zdvf { position:relative; height:16px; gap:3px; border:1px solid #b2cbb6; border-radius:6px; background:linear-gradient(140deg,#fafff6,#e3eee1); }
.zdvf::after { content:""; position:absolute; left:3px; bottom:-3px; width:4px; height:4px; border-right:1px solid #b2cbb6; border-bottom:1px solid #b2cbb6; background:#e3eee1; transform:skewY(-25deg); }
.zdvf > view { width:3px; height:3px; border-radius:50%; background:#799b7f; }
@media (max-width: 350px) {
  .zq0.is-home .ht-card { padding-left: calc(var(--rpx) * 22); padding-right: calc(var(--rpx) * 22); }
  .ht-toggle { padding-left: calc(var(--rpx) * 15); padding-right: calc(var(--rpx) * 15); }
  .ht-action-row { gap: calc(var(--rpx) * 14); }
  .zdw1c { column-gap: calc(var(--rpx) * 12); }
  .ht-reference-heading { gap:4px; }
  .zdw1z { display:none; }
  .zq1p .ht-tuning-cycle { padding-left:2px; padding-right:2px; }
}

/* Focus mode is outside scroll-view: home scroll position and content are retained. */
.scrollarea { transition:opacity .26s ease; }
.scrollarea.ht-underlay { opacity:0; pointer-events:none; }
.scrollarea.ht-underlay.is-returning { opacity:1; }
.hf-layer { position:fixed; left:0; right:0; z-index:300; display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; background:radial-gradient(ellipse at 50% 40%,#fff 0%,rgba(247,252,248,.92) 40%,transparent 75%),linear-gradient(160deg,#f8faf6,#eaf3ed); transform-origin:50% 80%; }
.hf-layer.phase-opening { animation:home-tuner-focus-in .36s cubic-bezier(.2,.8,.2,1) both; }
.hf-layer.phase-closing { animation:home-tuner-focus-out .3s cubic-bezier(.4,0,.6,1) both; pointer-events:none; }
.hf-header { position:relative; z-index:4; display:flex; flex:none; align-items:center; min-height:64px; padding:8px 20px; box-sizing:border-box; }
.hf-title { color:#466551; font-size:16px; font-weight:650; line-height:1.5; }
.ht-wordmark { display:flex; flex:none; align-items:center; gap:6px; color:#356347; white-space:nowrap; }
.ht-wordmark .hf-title { color:inherit; font-size:15px; font-weight:650; letter-spacing:.5px; }
.zdto { display:flex; align-items:center; justify-content:center; gap:3px; flex:none; width:23px; height:25px; border:calc(var(--rpx) * 1) solid #a8c6ae; border-radius:8px; background:linear-gradient(145deg,#fafff3,#d5e9d6); box-shadow:inset 0 1px 0 #fff; }
.zdto > view { width:3px; height:9px; border-radius:3px; background:#548765; }
.zdto > view:nth-child(2) { height:16px; background:#356f4c; }
.zdto > view:last-child { height:12px; }
.zr1p { display:flex; align-items:center; flex:none; min-width:0; gap:4px; margin-left:auto; }
/* Outrank WeChat style-v2 wx-button:not([size=mini]), not just browser button. */
.zr1p .hf-basis, .zr1p .hf-sensitivity { position:relative; z-index:0; display:flex; flex:0 0 72px; flex-direction:column; align-items:center; justify-content:center; gap:1px; width:72px; max-width:72px; min-width:0; min-height:44px; margin:0; padding:3px 6px; border:0; border-radius:0; background:transparent; color:#627d68; font-size:10px; line-height:1.2; white-space:nowrap; box-sizing:border-box; transition:transform .15s; }
.hf-control-caption { display:flex; align-items:center; justify-content:center; gap:2px; font-size:10px; line-height:1.2; }
.hf-basis::before { content:""; position:absolute; z-index:-1; left:0; right:0; top:3px; bottom:3px; border:calc(var(--rpx) * 1) solid #b9d2be; border-radius:12px; background:repeating-linear-gradient(135deg,rgba(64,121,78,.035) 0 1px,transparent 1px 4px),linear-gradient(140deg,#fbfff7,#e0eee1); box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(45,93,58,.06); }
.hf-basis:active, .hf-basis.qv3 { transform:scale(.97); }
.hf-basis:active::before, .hf-basis.qv3::before { background:#dcebdd; }
.hf-basis-value, .zdw1y { color:#315e43; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; line-height:1.2; }
.hf-basis-value > text { font-size:10px; font-weight:400; }
.zdx1e { font-size:10px; }
.zr1p .hf-basis{flex-basis:60px;width:60px;max-width:60px;}
.zr1p .hf-sensitivity{flex-basis:56px;width:56px;max-width:56px;}
.zr1p .zdyn,.zr1p .ht-tuning-switch{flex-basis:48px;width:48px;max-width:48px;}
.ht-tuning-switch .hf-basis-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;}
.zr6.hf-layer{background:#080909;}
.zr6 .ht-wordmark{color:#E5EAE8;}
.zr6 .zr1p button{color:#ADB8B3;}
.zr6 .zr1p button::before{background:#232725;border-color:#3C4942;box-shadow:none;}
.zr6 .hf-basis-value,.zr6 .zdw1y{color:#E5EAE8;}
.zr6 .zdx5x{padding:6px 8px;}
.zdy16{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;gap:12px;}
.zdx3t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:6px;align-items:center;color:#F0F3F1;text-align:center;}
.zdx3t > view{min-width:0;}
.zdx3t text{display:block;font-size:25px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;}
.zdx3t text + text{font-size:10px;color:#98A59D;line-height:1.5;}
.zdx3t .tm-note > text:first-child{font-size:42px;font-weight:600;}
.tm-plot{position:relative;flex:1;min-height:120px;overflow:hidden;border-radius:14px;background:#202322;}
.tm-plot.signal-steady{background:#23372B;box-shadow:inset 0 0 0 1px #4B9F71;}
.tm-plot.signal-sharp,.tm-plot.signal-flat{background:#342626;box-shadow:inset 0 0 0 1px #A25B58;}
.tm-band{position:absolute;left:44%;width:12%;top:0;bottom:0;background:rgba(34,187,152,.4);}
.tm-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#58BD9F;}
.tm-line{position:absolute;height:2.5px;border-radius:2px;transform-origin:0 50%;background:#F4FFF9;transition:top 96ms linear;}
.tm-line.tone-sharp,.tm-line.tone-flat{background:#FFAD9F;}
.tm-current{position:absolute;bottom:30px;width:3px;transform:translateX(-50%);background:rgba(248,146,132,.65);box-shadow:0 0 8px rgba(248,146,132,.25);}
.tm-current.tone-steady{background:rgba(111,239,172,.8);box-shadow:0 0 10px rgba(111,239,172,.3);}
.tm-current.is-smooth{transition:left 80ms linear;}
.tm-current.tone-waiting{opacity:.35;background:#C5CDC8;box-shadow:none;}
.tone-waiting > .tm-dot{background:#A5AEA8;}
.tm-dot{position:absolute;left:50%;top:0;width:10px;height:10px;border:2px solid #FFF;border-radius:50%;background:#F49D8E;transform:translate(-50%,-50%);}
.tone-steady > .tm-dot{background:#75EAA8;}
.tm-axis{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;color:#99AAA2;font-size:10px;}
.zdy2m{min-height:18px;color:#B3C4B9;font-size:12px;text-align:center;line-height:1.5;}
.zr6 .zq1l,.zr6 .ht-applied-heading,.zr6 .zq1l .ht-octave-label{color:#C9D5CD;}
.zr6 .zq1l .zry .zq1g,.zr6 .zr18{background:#303533;border-color:#3D4842;color:#EEF3EF;box-shadow:none;}
.zr6 .zq1l .zry .zq1g.is-black{background:#232927;border-color:#3D4842;box-shadow:none;}
.zr6 .zq1l .zry .zq1g.zq1v,.zr6 .zq1l .zry .zq1g.is-tuned,.zr6 .zr18.is-tuned{background:#287F66;border-color:#65BE9D;}
.zr6 .zq1l .zdt4::before{background:#232A26;border-color:#3D5145;}
.zr6 .zq1l .zdw1b .zdt4{color:#C9D5CD;}
.zr6 .hf-actions{background:#080909;}
.zr6 .hf-actions .zr20{background:#232A26;color:#CEDBD2;border-color:#3D5145;box-shadow:none;}
@media (max-width:360px){.hf-header{padding-left:14px;padding-right:14px;}.zdto{display:none;}.zr1p{gap:4px;}.zdx3t text{font-size:22px;}}
.hf-basis.is-expanded::before { border-color:#91b89c; background:linear-gradient(140deg,#eff8ec,#d5e7d7); }
.hf-sensitivity::before { content:""; position:absolute; z-index:-1; left:0; right:0; top:3px; bottom:3px; border:calc(var(--rpx) * 1) solid #c4d8c8; border-radius:12px; background:linear-gradient(140deg,#fffef9,#edf4e8); box-shadow:inset 0 1px 0 #fff; }
.hf-sensitivity::after { border:0; }
.hf-sensitivity.is-expanded::before, .hf-sensitivity.qv3::before { border-color:#99bca3; background:#e1eee0; }
.zdx3g { position:absolute; left:0; right:0; z-index:4; background:transparent; }
.ht-sensitivity-popover { position:absolute; right:20px; z-index:5; box-sizing:border-box; width:260px; max-width:calc(100% - 40px); padding:10px; border:calc(var(--rpx) * 1) solid #c4d9c8; border-radius:16px; background:linear-gradient(135deg,#fffef9,#f0f7ed); box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(40,69,50,.1); }
.zdx2i { display:block; padding:0 4px 6px; color:#476950; font-size:12px; font-weight:650; line-height:1.5; }
.ht-sensitivity-popover .zds4 { display:flex; align-items:center; gap:10px; box-sizing:border-box; width:100%; min-height:44px; margin:0; padding:6px; border:0; border-radius:9px; background:transparent; color:#58705c; font-size:12px; line-height:1.5; text-align:left; white-space:normal; }
.zds4::after { border:0; }
.zds4.zq3 { color:#315f43; background:#e0edde; }
.zds4.qv3 { background:#d4e6d4; }
.zdw2l { flex:0 0 44px; font-weight:650; white-space:nowrap; }
.zdw2p { flex:1; min-width:0; font-size:11px; }
.zdx3f { display:block; margin:8px 4px 0; color:#788675; font-size:10px; line-height:1.6; }
.zdym{position:absolute;left:0;right:0;z-index:4;background:transparent;}
.ht-tuning-popover{position:absolute;right:20px;z-index:5;box-sizing:border-box;width:208px;max-width:calc(100% - 40px);padding:8px;border:calc(var(--rpx) * 1) solid #c4d9c8;border-radius:14px;background:#f5faf1;box-shadow:0 5px 16px rgba(40,69,50,.1);}
.ht-tuning-popover .ht-tuning-option{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#4d7058;font-size:12px;line-height:1.4;}
.ht-tuning-option::after{border:0;}
.ht-tuning-option.zq3{background:#dfeedd;color:#315f43;font-weight:600;}
.ht-tuning-option.qv3{background:#d4e6d4;}
.ht-basis-mask { position:absolute; left:0; right:0; z-index:4; background:transparent; }
.zdt9 { position:absolute; right:20px; z-index:5; display:flex; align-items:center; gap:3px; padding:4px; border:calc(var(--rpx) * 1) solid #c4d9c8; border-radius:18px; background:linear-gradient(135deg,#fffef8,#f0f7ed); box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(40,69,50,.1); }
.zdt9 .zds3 { width:142px; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.zdt9 .ht-calibration-value { padding:3px 0; border:0; }
.zdt9 .zr28 { position:relative; z-index:0; border-radius:50%; font-size:18px; background:transparent; }
.zdt9 .zr28::before { content:""; position:absolute; z-index:-1; inset:5px; border:calc(var(--rpx) * 1) solid #c8ddca; border-radius:50%; background:linear-gradient(145deg,#fff,#e2eee0); box-shadow:inset 0 1px 0 #fff; }
.zdt9 .zr28:active::before { background:#d3e7d6; border-color:#9fbda7; }
.zdt9 .zr28[disabled]::before { opacity:.4; }
.zdt9 .ht-basis-edit { display:flex; flex:none; align-items:center; justify-content:center; position:relative; z-index:0; width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:18px; background:transparent; color:#416e50; font-size:12px; font-weight:550; line-height:1.4; }
.ht-basis-edit::before { content:""; position:absolute; z-index:-1; inset:5px 0; border:calc(var(--rpx) * 1) solid #c6d9c7; border-radius:11px; background:linear-gradient(145deg,#fafff5,#e6eee0); }
.ht-basis-edit:active::before { background:#dbe9d8; }
.ht-basis-edit::after { border:0; }
.hf-body { display:block; flex:none; min-height:0; box-sizing:border-box; }
.zdx5x { display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:calc(var(--rpx) * 22) calc(var(--rpx) * 38); }
.hf-layer .ht-reading { flex-direction:row; align-items:center; gap:calc(var(--rpx) * 24); margin:calc(var(--rpx) * 18) auto 0; }
.hf-layer .zdx5l { flex:1 1 0; min-width:0; flex-direction:column; gap:calc(var(--rpx) * 8); min-height:0; }
.hf-layer .ht-note { color:#31583f; font-size:calc(var(--rpx) * 112); font-weight:650; line-height:1.25; white-space:nowrap; }
.hf-layer .zdx5k { flex:1.2 1 0; width:auto; padding:0; }
.hf-layer .ht-hz { margin-top:0; font-size:calc(var(--rpx) * 84); line-height:1.25; letter-spacing:calc(var(--rpx) * -1); white-space:nowrap; }
.hf-layer .ht-hz.is-long { font-size:calc(var(--rpx) * 76); }
.hf-layer .ht-unit { margin-top:calc(var(--rpx) * 8); font-size:12px; }
.ht-cents { display:block; min-height:22px; margin-top:calc(var(--rpx) * 14); color:#647f6d; font-size:13px; line-height:1.5; font-variant-numeric:tabular-nums; }
.ht-active.tone-flat .ht-cents { color:#47768b; }
.ht-active.tone-sharp .ht-cents { color:#98713d; }
.ht-active.tone-steady .ht-cents { color:#3c7b54; }
.hf-layer.zdx4p .zdx5x { padding-top:calc(var(--rpx) * 8); padding-bottom:calc(var(--rpx) * 8); }
.hf-layer.zdx4p .ht-meter { margin-top:calc(var(--rpx) * 24); margin-bottom:calc(var(--rpx) * 12); }
.hf-layer.zdx4p .zdyk { min-height:60px; padding-top:calc(var(--rpx) * 8); padding-bottom:calc(var(--rpx) * 8); }
.zq1l { box-sizing:border-box; padding:0 calc(var(--rpx) * 38) calc(var(--rpx) * 16); }
.ht-applied-heading { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 12); max-width:calc(var(--rpx) * 660); margin:0 auto calc(var(--rpx) * 6); color:#50705b; font-size:12px; font-weight:600; line-height:1.5; }
.zq1s { position:relative; z-index:0; display:flex; align-items:center; flex:none; gap:2px; padding:0 2px; }
.zq1s::before { content:""; position:absolute; z-index:-1; left:0; right:0; top:6px; bottom:6px; border:calc(var(--rpx) * 1) solid #c6d9c7; border-radius:12px; background:linear-gradient(140deg,#fffef8,#eaf2e4); box-shadow:inset 0 1px 0 #fff; }
.zq1s > button { position:relative; z-index:0; display:flex; align-items:center; justify-content:center; flex:none; width:48px; min-width:0; min-height:44px; padding:0 2px; margin:0; box-sizing:border-box; border:0; border-radius:0; background:transparent; color:#526d57; font-size:11px; line-height:1.4; text-align:center; }
.zq1s > button::after { border:none; }
.zq1s .zr1m { width:60px; }
.zq1s .zr1m.zq3 { color:#346846; background:transparent; }
.zq1s .zr1m.zq3::before { content:""; position:absolute; z-index:-1; left:1px; right:1px; top:8px; bottom:8px; border-radius:9px; background:#dcebd7; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
.zq1s > button:active, .zq1s > button.qv3 { color:#284e34; transform:translateY(1px); }
.ht-applied-grid { display:flex; align-items:stretch; justify-content:center; gap:4px; max-width:calc(var(--rpx) * 660); margin:0 auto; }
.zr18 { display:flex; flex:1 1 0; flex-direction:column; align-items:center; justify-content:center; gap:2px; box-sizing:border-box; width:0; min-width:0; max-width:58px; min-height:58px; margin:0; padding:6px 1px; border:calc(var(--rpx) * 1) solid #dce6dc; border-radius:calc(var(--rpx) * 16); text-align:center; font-size:15px; line-height:1.25; }
.zr18::after { border:0; }
.ht-applied-name { display:block; flex:none; font-weight:650; line-height:1.2; white-space:nowrap; }
.zdx4q { display:block; flex:none; color:#8a9c8d; font-size:9px; font-weight:400; line-height:1.25; white-space:nowrap; }
.ht-applied-hz { display:block; flex:none; color:#7b8f7f; font-size:10px; line-height:1.25; font-variant-numeric:tabular-nums; white-space:nowrap; }
.zdx5y { color:#839585; font-size:10px; font-weight:400; }
.ht-tuning-wheel { flex:1; min-width:0; height:34px; }
.ht-tuning-wheel-hint { display:block; max-width:calc(var(--rpx) * 660); margin:0 auto 6px; color:#7d8d7e; font-size:10px; line-height:1.4; }
.zr18.is-near { background:#f0f5e7; }
.zr18.is-tuned { background:#e3f1e6; }
.zr18.is-reference-only { color:#8c866d; }
.zr18.zq1v, .zr18.zr29 { border-color:#99bdad; background:#e3efed; box-shadow:inset 0 -3px 0 #92b4a9; }
.ht-applied-match { display:block; min-height:18px; margin:6px auto 0; max-width:calc(var(--rpx) * 660); color:#7b8d7d; font-size:11px; line-height:1.5; text-align:center; }
.zry { width:100%; max-width:calc(var(--rpx) * 660); margin:0 auto; }
.zdw1b { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin-bottom:2px; }
.zdw1b .zdt4 { position:relative; z-index:0; display:flex; flex:0 0 44px; align-items:center; justify-content:center; box-sizing:border-box; width:44px; max-width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#5a7c62; font-size:23px; line-height:1; }
.zdt4::before { content:""; position:absolute; z-index:-1; inset:6px; border:calc(var(--rpx) * 1) solid #c8dac7; border-radius:9px; background:#edf4e8; }
.zdt4::after, .zq1g::after { border:0; }
.zdt4[disabled] { color:#b2beb0; }
.zdt4[disabled]::before { border-color:#e0e8dc; background:transparent; }
.zdt4.qv3::before { background:#d9e9d8; }
.ht-octave-label { display:flex; flex:0 1 auto; min-width:96px; flex-direction:column; align-items:center; color:#4d7058; font-size:13px; font-weight:650; line-height:1.4; white-space:nowrap; }
.ht-octave-label > text:last-child { color:#889682; font-size:9px; font-weight:400; }
.ht-octave-black-row { position:relative; height:44px; margin-bottom:3px; }
.ht-octave-white-row { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1px; }
.zry .zq1g { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; box-sizing:border-box; min-width:0; width:100%; min-height:48px; margin:0; padding:3px 0; border:calc(var(--rpx) * 1) solid #cbdac8; border-radius:6px; background:linear-gradient(165deg,#fffffc,#edf3e5); color:#4c6c50; font-size:14px; line-height:1.15; text-align:center; white-space:nowrap; }
.zry .zq1g.is-black { position:absolute; top:0; width:12.5%; min-height:44px; height:44px; transform:translateX(-50%); border-color:#496950; background:linear-gradient(155deg,#577760,#3f6049); color:#f4f9ed; font-size:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(48,80,54,.1); }
.ht-octave-note { display:block; font-weight:650; }
.ht-octave-hz { display:block; font-size:9px; font-weight:400; font-variant-numeric:tabular-nums; color:#7b8e75; }
.zq1g.is-black .ht-octave-hz { font-size:8px; color:#d0dece; }
.zq1g.is-near { border-color:#9eb893; box-shadow:inset 0 -3px 0 #9eb893; }
.zq1g.is-tuned { border-color:#6d9d78; background:#deedda; color:#2e6840; box-shadow:inset 0 -3px 0 #6d9d78; }
.zq1g.is-black.is-tuned { background:#426f4f; color:#fff; }
.zq1g.zq1v, .zq1g.zr29 { border-color:#79a495; background:#dcebe4; color:#355f4c; box-shadow:inset 0 -3px 0 #79a495; }
.zq1g.is-black.zq1v, .zq1g.is-black.zr29 { background:#517e6b; color:#fff; }
.zq1g.is-unavailable { border-color:#e2e9de; background:rgba(236,243,230,.28); box-shadow:none; }
.zq1g.is-black.is-unavailable { border-style:dashed; }
.zdyl { display:block; margin:5px 0 0; color:#89927c; font-size:9px; line-height:1.5; text-align:center; }
.home-tuner-trace { width:100%; margin:0 auto calc(var(--rpx) * 16); color:#819486; text-align:left; }
.ht-trace-caption, .zdx3x { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 12); font-size:11px; line-height:1.5; }
.zdx3x { font-size:10px; color:#91a195; }
.ht-trace-plot { position:relative; width:100%; height:52px; margin:calc(var(--rpx) * 6) 0; overflow:hidden; border-radius:calc(var(--rpx) * 10); background:linear-gradient(0deg,rgba(218,232,222,.12),rgba(255,255,255,.25)); }
.zdy17 { position:absolute; left:0; right:0; top:23.36px; height:5.28px; background:rgba(115,167,128,.09); }
.zdy18 { position:absolute; left:0; right:0; top:26px; height:1px; background:#ccdbcf; }
.ht-trace-line { position:absolute; height:2px; border-radius:2px; transform-origin:0 50%; background:#6b957b; }
.zdx3h { position:absolute; width:5px; height:5px; border-radius:50%; background:#6b957b; transform:translate(-50%,-50%); }
.ht-trace-line.tone-flat, .zdx3h.tone-flat { background:#7799a8; }
.ht-trace-line.tone-sharp, .zdx3h.tone-sharp { background:#b49768; }
.hf-actions { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:calc(var(--rpx) * 18); flex:none; padding:calc(var(--rpx) * 20) calc(var(--rpx) * 38) max(calc(var(--rpx) * 32),var(--home-safe-bottom,env(safe-area-inset-bottom))); background:linear-gradient(0deg,#edf4ef,rgba(237,244,239,.1)); }
.hf-actions > button { display:flex; align-items:center; justify-content:center; gap:calc(var(--rpx) * 12); width:100%; min-width:0; min-height:48px; margin:0; padding:calc(var(--rpx) * 14) calc(var(--rpx) * 16); border:calc(var(--rpx) * 1) solid #c9dace; border-radius:calc(var(--rpx) * 18); color:#4e6e58; background:rgba(255,255,255,.62); font-size:14px; font-weight:600; line-height:1.4; text-align:center; white-space:normal; }
.hf-actions .hf-stop { color:#f8fcf8; }
.hf-actions .zr20 { gap:7px; box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(52,93,63,.035); }
.zdxn { display:block; flex:none; color:#72957a; font-size:19px; font-weight:400; line-height:1; }
.zr20.zq3 .zdxn { font-size:25px; color:#4f7c5b; }
.hf-actions .zr20.qv3 { background:#d5e5d3; transform:scale(.98); }
.zdy1p { width:9px; height:9px; flex:none; background:currentColor; border-radius:2px; opacity:.85; }
.hf-basis::after, .hf-actions > button::after { border:none; }
.hf-actions > button:active { transform:scale(.98); }
.zdxo { position:absolute; left:0; right:0; z-index:1; background:rgba(236,244,237,.5); }
.hf-reference-sheet { position:absolute; left:calc(var(--rpx) * 24); right:calc(var(--rpx) * 24); z-index:2; overflow:hidden; box-sizing:border-box; border:calc(var(--rpx) * 1) solid #cfdfd3; border-radius:calc(var(--rpx) * 24); background:#f5faf4; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 32) rgba(40,69,50,.09); animation:home-tuner-reference-in .2s ease-out both; }
.hf-reference-scroll { display:block; height:100%; box-sizing:border-box; padding:calc(var(--rpx) * 12) calc(var(--rpx) * 18) calc(var(--rpx) * 24); }
.zdw2o { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#446750; font-size:14px; font-weight:600; line-height:1.5; }
.hf-reference-sheet .zq6 { padding-top:calc(var(--rpx) * 6); margin-top:0; border-top:0; }
.zdw1x { position:absolute; left:20px; right:20px; z-index:2; border:calc(var(--rpx) * 1) solid #cfdfd3; border-radius:calc(var(--rpx) * 20); padding:calc(var(--rpx) * 6); background:#f5faf4; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 24) rgba(40,69,50,.08); }
.zdw1x .ht-calibration-editor { margin:0; border:0; }
@keyframes home-tuner-focus-in { from { opacity:0; transform:translateY(28px) scale(.975); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes home-tuner-focus-out { from { opacity:1; transform:translateY(0) scale(1); } to { opacity:0; transform:translateY(24px) scale(.98); } }
@keyframes home-tuner-reference-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-height:700px) {
  .zdx5x { padding-top:calc(var(--rpx) * 8); padding-bottom:calc(var(--rpx) * 8); }
  .ht-meter { margin-top:calc(var(--rpx) * 24); margin-bottom:calc(var(--rpx) * 18); }
}
@media (max-width:350px) {
  .hf-header { padding-left:16px; padding-right:16px; }
  .hf-header .zdto { display:none; }
  .zr1p { gap:4px; }
  .hf-basis, .hf-sensitivity { padding-left:5px; padding-right:5px; }
}
.home-benefit{display:flex;align-items:center;justify-content:center;gap:calc(var(--rpx) * 8);margin:calc(var(--rpx) * 10) 0;color:#7c8c7e;font-size:calc(var(--rpx) * 22);line-height:1.5;min-height:calc(var(--rpx) * 58);box-sizing:border-box;}
.home-benefit-copy{display:flex;align-items:center;justify-content:center;gap:calc(var(--rpx) * 8);min-width:0;flex:1;text-align:center;}
.home-benefit.is-member{background:#edf5ec;border:calc(var(--rpx) * 1) solid #d9e8d8;border-radius:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 4) calc(var(--rpx) * 10);color:#427656;}
.home-benefit .home-benefit-hide{flex:none;width:calc(var(--rpx) * 88);min-height:calc(var(--rpx) * 56);margin:0;padding:0 calc(var(--rpx) * 6);font-size:calc(var(--rpx) * 22);line-height:calc(var(--rpx) * 56);color:#6d8570;background:transparent;border-radius:calc(var(--rpx) * 12);}
.home-benefit-hide::after{border:0;}
.zq1 .wb-start-actions{display:flex;gap:calc(var(--rpx) * 8);align-items:center;}
.wb-start-actions .zdx1t,.wb-start-actions .zdxd,.wb-start-actions .zdyi{display:none;}
.mini-root .qv0.zq0 .zq2.zq1 .wb-start-actions button{background:#e7f3e7!important;border-color:#bdd8c6!important;color:#326e50!important;}
.mini-root .qv0.zq0 .zq2.zq1 .wb-member.is-member{background:#fff0ce!important;border-color:#dbbc77!important;color:#90691f!important;}
.mini-root .qv0.zq0 .zq2.zq1 .wb-member.is-free{background:#f1f3ed!important;border-color:#d9dfd1!important;color:#768371!important;}
@media (prefers-reduced-motion:reduce) {
  .hf-layer.phase-opening, .hf-layer.phase-closing, .hf-reference-sheet { animation:none; }
  .scrollarea { transition:none; }
  .ht-toggle, .zdwc > view { transition:none !important; transform:none !important; }
}
.zq0{background:radial-gradient(circle at 12% 5%, rgba(92, 158, 132, .1), transparent 25%),
    radial-gradient(circle at 92% 32%, rgba(126, 145, 190, .08), transparent 24%);padding-bottom:calc(var(--rpx) * 64);box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%;}.hero-section{text-align:center;}.zdx2g,
.zr1o{display:block;color:var(--primary-green-dark);font-weight:700;letter-spacing:calc(var(--rpx) * 3);margin-bottom:calc(var(--rpx) * 10);}.zdwh{display:block;color:#17231D;font-weight:800;}.zdwl{display:block;margin:0 auto;}.zdw1o{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:calc(var(--rpx) * 24);}.zdw15{color:var(--text-primary);display:block;font-weight:750;}.zdx55{border-radius:calc(var(--rpx) * 24);}.zq10{display:flex;justify-content:center;}.zq10 .btn{flex:1;font-size:calc(var(--rpx) * 28);max-width:calc(var(--rpx) * 290);}.zdx11{display:block;text-align:center;}.zdu1d{animation:recordingButton 1.1s ease-in-out infinite;box-shadow:0 0 0 calc(var(--rpx) * 10) rgba(205, 76, 76, .12);}.zdx2u{align-items:center;background:linear-gradient(145deg, #FFF6F3 0%, #FFF9F6 100%);border:calc(var(--rpx) * 1) solid rgba(205, 76, 76, .22);border-radius:calc(var(--rpx) * 20);display:flex;flex-direction:column;margin-bottom:calc(var(--rpx) * 20);padding:calc(var(--rpx) * 24) calc(var(--rpx) * 20) calc(var(--rpx) * 22);}.zdx5g{align-items:center;display:flex;gap:calc(var(--rpx) * 24);height:calc(var(--rpx) * 58);justify-content:center;margin-bottom:calc(var(--rpx) * 12);}.zdyy{align-items:center;animation:recordingPulse 1.1s ease-in-out infinite;background:rgba(205, 76, 76, .12);border-radius:50%;display:flex;height:calc(var(--rpx) * 48);justify-content:center;width:calc(var(--rpx) * 48);}.zdyx{background:var(--primary-red);border-radius:50%;height:calc(var(--rpx) * 20);width:calc(var(--rpx) * 20);}.zdyz{align-items:center;display:flex;gap:calc(var(--rpx) * 7);height:calc(var(--rpx) * 52);}.wave-bar{animation:recordingWave .8s ease-in-out infinite;background:var(--primary-red);border-radius:calc(var(--rpx) * 999);height:calc(var(--rpx) * 18);opacity:.78;transform-origin:center;width:calc(var(--rpx) * 7);}.zdy2x, .zdy31{animation-delay:-0.18s;}.zdy2y, .zdy30{animation-delay:-0.36s;}.zdy2z{animation-delay:-0.54s;}.zdx2v{color:var(--primary-red);font-weight:750;}.zdx1o{color:#8C6660;line-height:1.5;margin-top:calc(var(--rpx) * 6);text-align:center;}.zduv{background:rgba(255, 255, 255, .72);border:calc(var(--rpx) * 1) solid rgba(167, 75, 67, .24);border-radius:calc(var(--rpx) * 999);color:#A34E46;line-height:1;margin-top:calc(var(--rpx) * 14);min-width:calc(var(--rpx) * 220);padding:calc(var(--rpx) * 15) calc(var(--rpx) * 24);}.zduv::after{border:none;}@keyframes recordingPulse{0%, 100%{transform:scale(.92);}50%{transform:scale(1.12);}}@keyframes recordingWave{0%, 100%{transform:scaleY(.65);}50%{transform:scaleY(2.5);}}@keyframes recordingButton{0%, 100%{transform:scale(1);}50%{transform:scale(.98);}}.zdy1x{color:var(--primary-red);}.zdy1w{background:#E4E9E6;border-radius:calc(var(--rpx) * 999);height:calc(var(--rpx) * 12);margin-top:calc(var(--rpx) * 10);overflow:hidden;}.zdy1g{background:linear-gradient(90deg, #8FC9AA, var(--primary-green-dark));border-radius:calc(var(--rpx) * 999);height:100%;transition:width .25s ease;}.zdw2f{color:#748179;display:block;margin-top:calc(var(--rpx) * 10);text-align:right;}.zdy28{background:#FFF2F2;border:calc(var(--rpx) * 1) solid #F6CACA;border-radius:calc(var(--rpx) * 14);margin-top:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20);}.zdy1j{color:#B93838;}.zq13{align-items:stretch;background:linear-gradient(135deg, #F6F9FF 0%, #F8FCFA 100%);border:calc(var(--rpx) * 1) solid #DCE6ED;display:flex;flex-direction:column;gap:calc(var(--rpx) * 20);justify-content:space-between;padding:calc(var(--rpx) * 24) calc(var(--rpx) * 26);}.zdx2x{align-items:center;display:flex;gap:calc(var(--rpx) * 20);justify-content:space-between;min-width:0;width:100%;}.zdx2w{flex:1;min-width:0;}.zdx2w .zr1o{margin-bottom:calc(var(--rpx) * 4);}.zdx18{display:block;font-weight:750;}.zr7{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:calc(var(--rpx) * 7);}.zq1y{background:#4C7088;border:none;color:#fff;font-size:calc(var(--rpx) * 24);font-weight:700;line-height:1;margin:0;min-width:calc(var(--rpx) * 132);padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20);}.zq1y::after{border:none;}.zq1y.qve{background:var(--primary-red);}.mix-volume-controls{border-top:calc(var(--rpx) * 1) solid rgba(76, 112, 136, .12);display:grid;gap:calc(var(--rpx) * 8);grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:calc(var(--rpx) * 2);padding-top:calc(var(--rpx) * 13);width:100%;}.zr1q{flex:0 0 auto;}.zdu1c{flex:1;}.zqr{overflow:hidden;}.zqr::before{background:var(--primary-green);content:'';height:calc(var(--rpx) * 8);left:0;position:absolute;right:0;top:0;}.zr1c{margin:calc(var(--rpx) * -2) 0 calc(var(--rpx) * 18);}.zdvg{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(var(--rpx) * 10);}.zdun{font-weight:780;}.zr2a{display:flex;}.zqc{align-items:flex-start;background:rgba(255, 255, 255, .86);border:calc(var(--rpx) * 1) solid rgba(47, 78, 63, .14);border-radius:calc(var(--rpx) * 16);color:#294838;display:flex;flex:1;flex-direction:column;margin:0;min-width:0;position:relative;text-align:left;}.zqc::after{border:none;}.zqc.zq3{background:linear-gradient(145deg, rgba(225, 244, 234, .98), rgba(240, 249, 244, .96));border-color:rgba(46, 125, 91, .45);}.zr1n{color:#173326;font-weight:820;}.zr3{color:#5A7869;margin-top:calc(var(--rpx) * 6);}.zrj{background:#fff;border:calc(var(--rpx) * 1) solid rgba(47, 78, 63, .14);border-radius:calc(var(--rpx) * 14);color:#315846;flex:1;font-weight:750;line-height:1;margin:0;min-width:0;padding:calc(var(--rpx) * 19) calc(var(--rpx) * 10);white-space:nowrap;}.zrj::after{border:none;}.zduo{align-items:flex-start;border:calc(var(--rpx) * 1) solid rgba(175, 145, 74, .16);border-radius:calc(var(--rpx) * 14);display:flex;gap:calc(var(--rpx) * 12);margin:calc(var(--rpx) * 14) 0 calc(var(--rpx) * 18);padding:calc(var(--rpx) * 13) calc(var(--rpx) * 15);}.zdxg{color:#816B35;flex:none;font-size:calc(var(--rpx) * 19);font-weight:750;}.zdv15{color:#706A5C;line-height:1.55;}.zr15{border:calc(var(--rpx) * 1) solid rgba(44, 80, 62, .1);border-radius:calc(var(--rpx) * 22);box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;width:100%;}.zdx16{align-items:flex-start;display:flex;gap:calc(var(--rpx) * 12);justify-content:space-between;}.cg-title{display:block;font-weight:820;margin-top:calc(var(--rpx) * 3);}.cg-tip{color:#6D7D75;display:block;line-height:1.55;margin:calc(var(--rpx) * 9) 0 calc(var(--rpx) * 13);}.zdvj{grid-template-columns:repeat(2, minmax(0, 1fr));margin-bottom:calc(var(--rpx) * 11);}.zdvj .zqu{min-height:calc(var(--rpx) * 76);padding:calc(var(--rpx) * 12) calc(var(--rpx) * 8) calc(var(--rpx) * 10);}.zdvj .zr5{font-size:calc(var(--rpx) * 20);}.simple-chord-heading{margin-top:calc(var(--rpx) * 14);}.zqd{align-items:center;display:flex;justify-content:space-between;margin:calc(var(--rpx) * 16) calc(var(--rpx) * 2) calc(var(--rpx) * 10);gap:calc(var(--rpx) * 10);min-width:0;}.chord-title{font-weight:750;}.zqj{flex-wrap:wrap;box-sizing:border-box;max-width:100%;min-width:0;width:100%;}.zqg{align-items:center;border:calc(var(--rpx) * 1) solid rgba(47, 78, 63, .11);border-radius:calc(var(--rpx) * 13);display:flex;flex-direction:column;margin:0;min-width:0;box-sizing:border-box;max-width:100%;overflow:hidden;}.zqg::after{border:none;}.zdx14{animation:accompanimentBeatPulseA 190ms cubic-bezier(.18, .84, .3, 1);}.zdx15{animation:accompanimentBeatPulseB 190ms cubic-bezier(.18, .84, .3, 1);}@keyframes accompanimentBeatPulseA{0%{filter:brightness(1);transform:translateY(calc(var(--rpx) * -1)) scale(1.006);}42%{filter:brightness(1.08);transform:translateY(calc(var(--rpx) * -3)) scale(1.022);}100%{filter:brightness(1);transform:translateY(calc(var(--rpx) * -2)) scale(1.012);}}@keyframes accompanimentBeatPulseB{0%{filter:brightness(1);transform:translateY(calc(var(--rpx) * -1)) scale(1.006);}42%{filter:brightness(1.08);transform:translateY(calc(var(--rpx) * -3)) scale(1.022);}100%{filter:brightness(1);transform:translateY(calc(var(--rpx) * -2)) scale(1.012);}}.zqv{color:#708078;font-weight:650;}.zqq{color:#253A2F;font-weight:800;margin-top:calc(var(--rpx) * 6);overflow-wrap:anywhere;}.zdx30{color:#2D705A;font-weight:800;}.zrq{display:grid;gap:calc(var(--rpx) * 7);grid-template-columns:repeat(3, minmax(0, 1fr));}.zqu{align-items:center;background:rgba(255, 255, 255, .92);border:calc(var(--rpx) * 1) solid rgba(48, 76, 62, .1);border-radius:calc(var(--rpx) * 12);color:#59675F;display:flex;flex-direction:column;margin:0;min-width:0;box-sizing:border-box;max-width:100%;overflow:hidden;}.zqu::after{border:none;}.zr5{font-weight:750;}.zqp{margin-top:calc(var(--rpx) * 4);opacity:.68;}.zqi{background:radial-gradient(circle at 92% 8%, rgba(99, 168, 136, .1), transparent 31%),
    linear-gradient(145deg, #F8FBF9, #F0F6F3);border:calc(var(--rpx) * 1) solid rgba(48, 94, 72, .12);border-radius:calc(var(--rpx) * 20);box-sizing:border-box;margin:calc(var(--rpx) * 13) 0;overflow:hidden;padding:calc(var(--rpx) * 14);width:100%;}@media (max-width: 390px){.zqd,
  .zdx16{align-items:flex-start;flex-wrap:wrap;}.zrq{grid-template-columns:repeat(3, minmax(0, 1fr));}.mix-volume-controls{grid-template-columns:repeat(2, minmax(0, 1fr));}}.zq1 .zqh .zr16{line-height:1.35 !important;}.zr9.is-loading{opacity:.72;}.zru{background:#EEF6F1;border-radius:calc(var(--rpx) * 12);margin:calc(var(--rpx) * -2) 0 calc(var(--rpx) * 12);min-height:calc(var(--rpx) * 38);}.zru.state-error{background:#FFF3EA;color:#955C3A;}.zru.is-empty{background:transparent;color:transparent;visibility:hidden;}@keyframes chromatic-panel-open{from{opacity:0;transform:translateY(calc(var(--rpx) * -5));}to{opacity:1;transform:translateY(0);}}.zrd{position:relative;margin:calc(var(--rpx) * 18) 0 calc(var(--rpx) * 22);padding:calc(var(--rpx) * 23);border:calc(var(--rpx) * 1) solid rgba(47, 76, 61, .12);border-radius:calc(var(--rpx) * 25);overflow:hidden;background:radial-gradient(circle at 98% 0%, rgba(196, 164, 103, .13) 0, rgba(196, 164, 103, 0) 30%),
    linear-gradient(155deg, #FBFCF9 0%, #F3F6F0 100%);box-shadow:0 calc(var(--rpx) * 11) calc(var(--rpx) * 28) rgba(35, 63, 48, .055), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .94);}.zrd::before{content:'';position:absolute;left:0;top:0;width:100%;height:calc(var(--rpx) * 5);background:linear-gradient(90deg, var(--studio-green-deep), #7EAF96 68%, var(--studio-brass));opacity:.84;}.zrd.is-loading::before{height:calc(var(--rpx) * 7);background:linear-gradient(90deg, var(--studio-brass), #D5B777, var(--studio-green-deep));}.zdx60{margin-top:calc(var(--rpx) * 5);display:flex;flex-direction:column;gap:calc(var(--rpx) * 11);}.zdy32{padding:calc(var(--rpx) * 11);border:calc(var(--rpx) * 1) solid rgba(47, 76, 61, .07);border-radius:calc(var(--rpx) * 18);background:rgba(255, 255, 255, .52);}.hy-slot{position:relative;min-width:0;height:calc(var(--rpx) * 86);border:calc(var(--rpx) * 1) solid rgba(47, 112, 85, .15);border-radius:calc(var(--rpx) * 14);overflow:hidden;background:linear-gradient(155deg, #fff, #F1F6F0);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .9);}.hy-slot.is-empty{border-style:dashed;border-color:rgba(47, 76, 61, .11);background:rgba(246, 247, 243, .55);}.hy-slot.qve{border-color:var(--studio-brass);box-shadow:0 0 0 calc(var(--rpx) * 3) rgba(166, 121, 63, .12), 0 calc(var(--rpx) * 7) calc(var(--rpx) * 15) rgba(75, 57, 32, .07);transform:translateY(calc(var(--rpx) * -1));}.hy-slot-number{position:absolute;top:calc(var(--rpx) * 6);left:calc(var(--rpx) * 8);z-index:2;color:rgba(47, 76, 61, .45);font-size:calc(var(--rpx) * 14);font-weight:700;}.zdw2i{height:100%;color:rgba(47, 76, 61, .22);font-size:calc(var(--rpx) * 42);line-height:calc(var(--rpx) * 86);text-align:center;}.zdwm{width:100%;height:100%;display:flex;}.zq1m{min-width:0;flex:1;padding:calc(var(--rpx) * 18) calc(var(--rpx) * 4) calc(var(--rpx) * 5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--rpx) * 2);}.hy-slot.is-split .zq1m + .zq1m{border-left:calc(var(--rpx) * 1) solid rgba(47, 76, 61, .12);background:rgba(232, 240, 233, .56);}.zq1m.qve{background:linear-gradient(145deg, rgba(205, 174, 112, .26), rgba(255, 250, 238, .72));}.zrt{max-width:100%;color:var(--studio-green-deep);font-weight:850;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hy-slot-name{max-width:100%;color:var(--studio-muted);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hy-preset-drawer{margin-top:calc(var(--rpx) * 10);padding-top:calc(var(--rpx) * 12);border-top:calc(var(--rpx) * 1) solid rgba(47, 76, 61, .09);}.zdy2v{margin-bottom:calc(var(--rpx) * 13);}.zdwi,
.zdv1c{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 10);}.zdwi{margin-bottom:calc(var(--rpx) * 8);color:var(--studio-ink-soft);font-size:calc(var(--rpx) * 19);font-weight:750;}.zdwi text:last-child{color:var(--studio-muted);font-size:calc(var(--rpx) * 15);font-weight:500;}.pl-list{display:flex;flex-direction:column;gap:calc(var(--rpx) * 7);}.pl-card{min-width:0;min-height:calc(var(--rpx) * 94);padding:calc(var(--rpx) * 10) calc(var(--rpx) * 11) calc(var(--rpx) * 10) calc(var(--rpx) * 13);border:calc(var(--rpx) * 1) solid rgba(47, 112, 85, .12);border-radius:calc(var(--rpx) * 16);background:rgba(255, 255, 255, .68);display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:calc(var(--rpx) * 10);}.pl-card.is-saved{background:linear-gradient(145deg, rgba(238, 247, 240, .94), rgba(255, 252, 244, .88));border-color:rgba(47, 112, 85, .18);}.pl-copy{min-width:0;display:flex;flex-direction:column;gap:calc(var(--rpx) * 3);}.zdv1c{justify-content:flex-start;}.pl-name{color:var(--studio-ink-soft);font-size:calc(var(--rpx) * 19);font-weight:750;white-space:nowrap;}.pl-meta{padding:calc(var(--rpx) * 3) calc(var(--rpx) * 7);border-radius:calc(var(--rpx) * 999);background:rgba(47, 112, 85, .08);color:var(--studio-muted);font-size:calc(var(--rpx) * 14);white-space:nowrap;}.pl-formula{max-width:100%;color:var(--studio-green-deep);font-size:calc(var(--rpx) * 17);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pl-card.is-empty .pl-formula{color:var(--studio-muted);font-weight:500;}.pl-actions{width:calc(var(--rpx) * 126);display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;gap:calc(var(--rpx) * 6);}.pl-card.is-saved .pl-actions{width:calc(var(--rpx) * 252);grid-template-columns:repeat(3, minmax(0, 1fr));}.pl-action{width:100%;min-width:0;height:calc(var(--rpx) * 58);margin:0;padding:0 calc(var(--rpx) * 5);box-sizing:border-box;border:calc(var(--rpx) * 1) solid rgba(47, 76, 61, .1);border-radius:calc(var(--rpx) * 999);background:#fff;color:var(--studio-ink-soft);font-weight:700;line-height:calc(var(--rpx) * 56);text-align:center;white-space:nowrap;}.pl-action::after{border:0;}.pl-action.is-load{background:var(--studio-green-deep);border-color:var(--studio-green-deep);color:#fff;}.pl-action.is-save{color:var(--studio-brass);border-color:rgba(166, 121, 63, .18);background:rgba(255, 250, 239, .94);}.pl-action.is-delete{color:#8B8178;}@media (max-width: 390px){.zrd{padding:calc(var(--rpx) * 21) calc(var(--rpx) * 18);}.hy-slot{height:calc(var(--rpx) * 82);}}.zqa .zrl{box-sizing:border-box;}.zrl::after{border:none;}.zdtu{align-items:center;background:#E3EFE9;border:calc(var(--rpx) * 1) solid rgba(51, 108, 81, .12);border-radius:50%;color:#39725A;display:flex;font-size:calc(var(--rpx) * 22);font-weight:760;height:calc(var(--rpx) * 41);justify-content:center;line-height:1;width:calc(var(--rpx) * 41);}.zdx1p,
.zdup,
.zdt16{display:block;min-width:0;}.zdup{color:#315B49;font-weight:800;white-space:nowrap;}.zdt16{color:#819087;margin-top:calc(var(--rpx) * 4);white-space:nowrap;}@media (max-width: 390px){.zdtu{font-size:calc(var(--rpx) * 19);height:calc(var(--rpx) * 37);width:calc(var(--rpx) * 37);}.zdup{font-size:calc(var(--rpx) * 16);}.zdt16{font-size:calc(var(--rpx) * 10);}}.footer{text-align:center;}.scrollarea{background:var(--bg-cream);flex:1;min-height:0;overflow-y:hidden;}.zdx27{align-items:center;background:rgba(16, 25, 21, .62);bottom:0;display:flex;justify-content:center;left:0;padding:calc(var(--rpx) * 32) calc(var(--rpx) * 24);position:fixed;right:0;top:0;z-index:9999;}.zdx34{background:#FAFBF9;border:calc(var(--rpx) * 1) solid rgba(255, 255, 255, .72);border-radius:calc(var(--rpx) * 30);box-shadow:0 calc(var(--rpx) * 28) calc(var(--rpx) * 90) rgba(7, 20, 14, .3);box-sizing:border-box;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:100%;}.zdx35{border-bottom:calc(var(--rpx) * 1) solid #E4EBE7;padding:calc(var(--rpx) * 27) calc(var(--rpx) * 30) calc(var(--rpx) * 22);text-align:center;}.zdx36{color:var(--primary-green-dark);display:block;font-size:calc(var(--rpx) * 19);font-weight:750;letter-spacing:calc(var(--rpx) * 2);margin-bottom:calc(var(--rpx) * 7);}.zdw2e{color:#17241D;display:block;font-weight:800;}.zdx4g{color:#8B938E;display:block;font-size:calc(var(--rpx) * 19);margin-top:calc(var(--rpx) * 7);}.zdx38{box-sizing:border-box;flex:1;height:calc(var(--rpx) * 700);min-height:calc(var(--rpx) * 280);padding:calc(var(--rpx) * 24) calc(var(--rpx) * 30) calc(var(--rpx) * 12);}.zdw2d{background:#EDF5F1;border-left:calc(var(--rpx) * 6) solid #5A9A7A;border-radius:calc(var(--rpx) * 10);color:#3D5047;display:block;margin-bottom:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 17) calc(var(--rpx) * 18);}.zdx28{border-top:calc(var(--rpx) * 1) solid #E7ECE9;padding:calc(var(--rpx) * 20) 0 calc(var(--rpx) * 9);}.zdw2n{color:#243C31;display:block;font-size:calc(var(--rpx) * 25);font-weight:750;margin-bottom:calc(var(--rpx) * 10);}.zdvt{color:#56625C;display:block;margin-bottom:calc(var(--rpx) * 11);text-align:justify;}.zdw2k{background:#FFF6E4;border:calc(var(--rpx) * 1) solid #EED6A5;border-radius:calc(var(--rpx) * 13);color:#725A2E;display:block;font-size:calc(var(--rpx) * 22);font-weight:650;line-height:1.55;margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 26);padding:calc(var(--rpx) * 16);}.zdx26{background:#fff;border-top:calc(var(--rpx) * 1) solid #E0E8E3;display:flex;gap:calc(var(--rpx) * 15);padding:calc(var(--rpx) * 20) calc(var(--rpx) * 22) calc(calc(var(--rpx) * 20) + env(safe-area-inset-bottom));}.zdui{align-items:center;border-radius:calc(var(--rpx) * 17);display:flex;font-weight:700;justify-content:center;line-height:1.35;margin:0;padding:calc(var(--rpx) * 14) calc(var(--rpx) * 10);}.zdui::after{border:none;}.zdx37{background:#F0F2F0;color:#66726B;flex:0 0 28%;}.zdx33{background:linear-gradient(145deg, #3A9078 0%, #236D5C 100%);box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(35, 109, 92, .2);color:#fff;flex:1;}.zdw1k{align-items:center;display:flex;gap:calc(var(--rpx) * 11);justify-content:center;}.zdw1k .zdx2g{margin-bottom:0;}.zdx4i{align-items:center;background:radial-gradient(circle, #37423D 0 16%, #18201C 17% 42%, #4B5751 43% 46%, #151B18 47% 70%, #3D4943 71% 74%, #121714 75%);border:calc(var(--rpx) * 3) solid rgba(255, 255, 255, .88);border-radius:50%;box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 14) rgba(31, 55, 43, .18);display:flex;justify-content:center;}.zdx2o{align-items:center;animation:vinylSpin 10s linear infinite;background:#F2B266;border-radius:50%;display:flex;justify-content:center;}.zdx5e{align-items:center;background:#F9F4E8;border-radius:50%;color:#2F5E4C;display:flex;font-size:calc(var(--rpx) * 11);font-weight:900;height:calc(var(--rpx) * 12);justify-content:center;width:calc(var(--rpx) * 12);}.zdx4i.pulse-a{animation:vinylTapA 320ms ease-out;}.zdx4i.pulse-b{animation:vinylTapB 320ms ease-out;}.zdy9{animation:stickerReveal 360ms ease-out;background:#FFF6DC;border:calc(var(--rpx) * 1) solid rgba(204, 155, 72, .24);border-radius:calc(var(--rpx) * 999);color:#80652F;display:inline-flex;font-size:calc(var(--rpx) * 19);margin:0 auto calc(var(--rpx) * 14);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 15);transform:rotate(-1deg);}.zq10 .zrw{max-width:none;}.zq10 .zs7{font-size:calc(var(--rpx) * 24);max-width:none;}.zdx4d{align-items:center;display:flex;gap:calc(var(--rpx) * 4);}.zdte{animation:statusDot 900ms ease-in-out infinite;background:#4A9A78;border-radius:50%;height:calc(var(--rpx) * 7);width:calc(var(--rpx) * 7);}.zdte.dot-2{animation-delay:120ms;}.zdte.dot-3{animation-delay:240ms;}.zqr{animation:resultCardReveal 460ms cubic-bezier(.2, .8, .2, 1);}.mini-root .qv0.zq0 .zq2 .zq4 .zq1k{align-items:center;background:linear-gradient(120deg, #FFFCF3, #F4EEDC) !important;border:calc(var(--rpx) * 1) solid #E1D5B7 !important;border-radius:calc(var(--rpx) * 22) !important;box-shadow:inset 0 calc(var(--rpx) * 1) #FFF, 0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(106, 88, 44, .04) !important;color:#3C4D44;display:flex;justify-content:space-between;line-height:1.25;margin:calc(var(--rpx) * 15) 0 0;padding:calc(var(--rpx) * 13) calc(var(--rpx) * 15);text-align:left;width:100%;}.zq1k::after{border:none;}.zq1k.is-open{border-color:rgba(65, 116, 91, .34);}.zr17,
.zr23{display:block;}.zr17{font-weight:850;}.zr23{font-weight:760;margin-top:calc(var(--rpx) * 3);}.mini-root .qv0.zq0 .zq2 .zq4 .zdu7{color:#826A3D !important;background:#FFFCF5 !important;border-color:#DDD0B1 !important;box-shadow:inset 0 calc(var(--rpx) * 1) #FFF;font-size:calc(var(--rpx) * 20);font-weight:600;}.zq14{animation:drawerReveal 300ms ease-out;border:calc(var(--rpx) * 1) solid rgba(55, 91, 73, .09);border-radius:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 9);}.zdtm{display:block;font-weight:800;margin:0 calc(var(--rpx) * 2) calc(var(--rpx) * 7);}.zsa{color:#849088;display:block;text-align:center;}.zqg.is-active{animation:chordKeyPop 280ms ease-out;}@keyframes vinylSpin{to{transform:rotate(360deg);}}@keyframes vinylTapA{50%{transform:scale(1.14) rotate(5deg);}}@keyframes vinylTapB{50%{transform:scale(1.14) rotate(-5deg);}}@keyframes sparkleBreath{0%, 100%{opacity:.45;transform:scale(.86);}50%{opacity:1;transform:scale(1.12);}}@keyframes stickerReveal{from{opacity:0;transform:translateY(calc(var(--rpx) * -5)) rotate(1deg);}to{opacity:1;transform:translateY(0) rotate(-1deg);}}@keyframes noteFloat{0%, 100%{transform:translateY(calc(var(--rpx) * 2)) rotate(-8deg);}50%{transform:translateY(calc(var(--rpx) * -5)) rotate(5deg);}}@keyframes statusDot{0%, 100%{opacity:.28;transform:translateY(0);}50%{opacity:1;transform:translateY(calc(var(--rpx) * -4));}}@keyframes resultCardReveal{from{opacity:0;transform:translateY(calc(var(--rpx) * 18)) scale(.985);}to{opacity:1;transform:translateY(0) scale(1);}}@keyframes tapBeatA{50%{transform:scale(.97);box-shadow:0 0 0 calc(var(--rpx) * 7) rgba(66, 137, 106, .12);}}@keyframes tapBeatB{50%{transform:scale(.97);box-shadow:0 0 0 calc(var(--rpx) * 7) rgba(66, 137, 106, .12);}}@keyframes drawerReveal{from{opacity:0;transform:translateY(calc(var(--rpx) * -8));}to{opacity:1;transform:translateY(0);}}@keyframes chordKeyPop{45%{transform:translateY(calc(var(--rpx) * -3)) scale(1.035);}}@media (max-width: 390px){.zq10 .btn{padding-left:calc(var(--rpx) * 9);padding-right:calc(var(--rpx) * 9);}}.zq0.has-result{padding-top:calc(var(--rpx) * 14);}.zdx55{background:transparent;border:none;}.zdx5p{background:linear-gradient(135deg, rgba(240, 247, 243, .96), rgba(247, 248, 245, .96));border:calc(var(--rpx) * 1) solid rgba(55, 102, 79, .11);border-radius:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 5);padding:calc(var(--rpx) * 14) calc(var(--rpx) * 16) calc(var(--rpx) * 12);}.zdy6{align-items:center;display:flex;gap:calc(var(--rpx) * 9);min-width:0;}.zdx43{color:#315D49;flex:0 0 auto;font-weight:780;}.zdx5q{color:#7A8880;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zdx1n{color:#38755D;flex:0 0 auto;font-weight:800;}.zdx2b{height:calc(var(--rpx) * 7);margin-top:calc(var(--rpx) * 10);}.zdx4l{font-size:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 7);}.zq2{margin-top:0;scroll-margin-top:calc(var(--rpx) * 12);}.zqr{padding:calc(var(--rpx) * 26);}.zdwv{align-items:center;border-bottom:calc(var(--rpx) * 1) solid rgba(46, 92, 70, .09);display:flex;gap:calc(var(--rpx) * 13);justify-content:space-between;margin:calc(var(--rpx) * -2) 0 calc(var(--rpx) * 22);padding:calc(var(--rpx) * 2) 0 calc(var(--rpx) * 14);}.zdw1s{align-items:center;display:flex;flex:1;gap:calc(var(--rpx) * 8);min-width:0;}.zdx1q{background:#3D9673;border-radius:50%;box-shadow:0 0 0 calc(var(--rpx) * 6) rgba(61, 150, 115, .1);flex:0 0 calc(var(--rpx) * 9);height:calc(var(--rpx) * 9);}.zdu8{flex:0 0 auto;font-weight:800;}.zdu15{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zq1z{flex:0 0 auto;line-height:1;margin:0;}.zq1z::after{border:none;}@media (max-width: 390px){.zq0{padding-left:calc(var(--rpx) * 17);padding-right:calc(var(--rpx) * 17);}.hero-section{padding-left:calc(var(--rpx) * 9);padding-right:calc(var(--rpx) * 9);}.zdwh{font-size:calc(var(--rpx) * 42);}.zr25,
  .zqr{padding-left:calc(var(--rpx) * 20);padding-right:calc(var(--rpx) * 20);}.zq10 .zrw{font-size:calc(var(--rpx) * 25);}.zdwv{gap:calc(var(--rpx) * 8);}.zdu8{font-size:calc(var(--rpx) * 16);}.zq1z{font-size:calc(var(--rpx) * 15);padding:calc(var(--rpx) * 11) calc(var(--rpx) * 12);}.zqc{padding:calc(var(--rpx) * 11) calc(var(--rpx) * 9);}.zdx2x{align-items:flex-start;}}.zq0{padding:calc(var(--rpx) * 22) calc(var(--rpx) * 24) calc(calc(var(--rpx) * 72) + env(safe-area-inset-bottom));}.hero-section{padding:calc(var(--rpx) * 46) calc(var(--rpx) * 18) calc(var(--rpx) * 38);}.zdw1k{margin-bottom:calc(var(--rpx) * 14);}.zdx2g{letter-spacing:calc(var(--rpx) * 2);}.zdx4i{height:calc(var(--rpx) * 46);width:calc(var(--rpx) * 46);}.zdx2o{height:calc(var(--rpx) * 20);width:calc(var(--rpx) * 20);}.zdwh{letter-spacing:calc(var(--rpx) * -1);margin-bottom:calc(var(--rpx) * 15);}.zdwl{color:#66736C;max-width:calc(var(--rpx) * 590);}.zdxm{align-items:center;color:#668077;display:flex;flex-wrap:wrap;gap:calc(var(--rpx) * 8);justify-content:center;line-height:1.5;margin-top:calc(var(--rpx) * 20);}.zdw29{color:#B5C2BC;}.zr25{border-radius:calc(var(--rpx) * 26);padding:calc(var(--rpx) * 31) calc(var(--rpx) * 28) calc(var(--rpx) * 27);}.zr25 .zdw1o{margin-bottom:calc(var(--rpx) * 18);}.zdx55{margin-bottom:calc(var(--rpx) * 19);padding:0;}.zq10{margin-bottom:calc(var(--rpx) * 16);width:100%;}.zq10 .btn{box-sizing:border-box;margin:0;min-width:0;padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zdx11{color:#849088;}.footer{box-sizing:border-box;margin:calc(var(--rpx) * 30) auto 0;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 12) 0;width:100%;}@media (max-width: 350px){.zq0{padding-left:calc(var(--rpx) * 16);padding-right:calc(var(--rpx) * 16);}.hero-section{padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}.zdwh{font-size:calc(var(--rpx) * 40);}.zdxm{gap:calc(var(--rpx) * 6);}.zr25{padding-left:calc(var(--rpx) * 20);padding-right:calc(var(--rpx) * 20);}.zq10 .zrw{flex:1.35;font-size:calc(var(--rpx) * 23);}.zq10 .zs7{font-size:calc(var(--rpx) * 21);}}.zq1t{display:grid;}.zq1t button{border:calc(var(--rpx) * 1) solid rgba(53, 104, 79, .12);border-radius:calc(var(--rpx) * 999);box-sizing:border-box;font-size:calc(var(--rpx) * 14);font-weight:780;line-height:calc(var(--rpx) * 48);margin:0;min-height:calc(var(--rpx) * 48);min-width:0;padding:0 calc(var(--rpx) * 10);}.zq1t button::after{border:0;}.zdx1g{background:linear-gradient(145deg, #3D8767, #286B50);box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 15) rgba(40, 105, 78, .14);color:#fff;}.zq1 .zq11 .zqp{display:block;}.zqm .zqu{padding-left:calc(var(--rpx) * 3);padding-right:calc(var(--rpx) * 3);}.zqm .zqp{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@keyframes queueSlotNotePulse{from{opacity:.72;transform:scale(.94);}to{opacity:1;transform:scale(1.06);}}.fp-entry{align-items:center;background:linear-gradient(135deg, rgba(234, 246, 239, .98), rgba(249, 247, 232, .96));border:calc(var(--rpx) * 1) solid rgba(54, 120, 91, .2);box-shadow:none;box-sizing:border-box;display:flex;gap:calc(var(--rpx) * 14);justify-content:flex-start;margin:0 0 calc(var(--rpx) * 20);text-align:left;width:100%;}.fp-entry::after,
.zq1a::after,
.zra::after{border:none;}.fp-entry.is-open{border-color:rgba(45, 126, 91, .36);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(41, 91, 67, .06);}.zdww{align-items:center;background:linear-gradient(145deg, #3E8B6C, #276950);border-radius:calc(var(--rpx) * 13);box-shadow:none;color:#fff;display:flex;flex:0 0 calc(var(--rpx) * 43);font-size:calc(var(--rpx) * 21);height:calc(var(--rpx) * 43);justify-content:center;}.zdx4o{display:block;flex:1;min-width:0;}.zdwj,
.fp-entry-caption{display:block;}.zdwj{color:#1D392C;font-weight:820;line-height:1.35;}.fp-entry-caption{color:#73847B;line-height:1.35;margin-top:calc(var(--rpx) * 4);}.fp-entry-action{color:#367A5F;flex:0 0 auto;font-weight:760;}.zdw1,
.zrk{align-items:center;display:flex;justify-content:space-between;}.zq1a{align-items:center;border:calc(var(--rpx) * 1) solid rgba(54, 104, 81, .15);border-radius:calc(var(--rpx) * 13);box-sizing:border-box;display:flex;flex-direction:column;font-weight:790;justify-content:center;line-height:1;margin:0;max-width:100%;overflow:hidden;padding:calc(var(--rpx) * 7) calc(var(--rpx) * 2);width:100%;}.zdwr{padding-top:calc(var(--rpx) * 22);}.fp-header{background:linear-gradient(145deg, rgba(245, 251, 247, .96), rgba(255, 252, 240, .92));border:calc(var(--rpx) * 1) solid rgba(45, 108, 80, .14);border-radius:calc(var(--rpx) * 18);margin-bottom:calc(var(--rpx) * 12);padding:calc(var(--rpx) * 12);}.zrk{border-bottom:calc(var(--rpx) * 1) solid rgba(51, 101, 77, .1);padding-bottom:calc(var(--rpx) * 9);}.zra{color:#315E49;font-weight:760;line-height:1;}.zrb{border-radius:calc(var(--rpx) * 999);font-weight:780;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 13);}.zdw1{align-items:flex-end;gap:calc(var(--rpx) * 12);margin-top:calc(var(--rpx) * 12);}.fp-title{display:block;font-weight:860;line-height:1.2;margin-top:calc(var(--rpx) * 4);}.zq1a.zq3{box-shadow:none;transform:none;}.zrz{grid-template-columns:minmax(0, 1fr);}.zq4{display:flex;flex-direction:column;}.zdx16{order:1;}.cg-tip{order:2;}.zr1w{order:3;}.zqd{order:4;}.zrm{order:5;}.zqj{order:6;}.zqm{order:7;}.zq1k{order:8;}.zq14{order:9;}.zq4 > .zqd{margin-top:calc(var(--rpx) * 3);}.zq4 > .zqj{margin-bottom:calc(var(--rpx) * 12);}.zq4 > .zq1k{margin-bottom:calc(var(--rpx) * 13);margin-top:0;}.zq4 > .zq14{margin-bottom:calc(var(--rpx) * 13);margin-top:calc(var(--rpx) * -6);}.zqm{display:flex;flex-direction:column;}.zqm > .mix-volume-controls{order:1;}.zqm > .zrq{order:2;}.zqm > .zqi{order:3;}.zq1 .zdu9{display:block;font-size:calc(var(--rpx) * 22);margin-bottom:calc(var(--rpx) * 10);}.zrz .zr21{align-items:center;display:grid;gap:calc(var(--rpx) * 10);grid-template-columns:calc(var(--rpx) * 160) minmax(0, 1fr);min-height:calc(var(--rpx) * 94);padding:calc(var(--rpx) * 12) calc(var(--rpx) * 14);}.zrz .zdu1c{margin-top:0;}.zrz .zr1q,
.zrz .zr16{font-size:calc(var(--rpx) * 20);}.zq1 .zq1k{box-shadow:none;padding-bottom:calc(var(--rpx) * 10);padding-top:calc(var(--rpx) * 10);}.zq1 .zq14{background:rgba(249, 250, 247, .9);border-color:rgba(61, 108, 84, .11);}.zq1 .zs5{opacity:.045;top:calc(var(--rpx) * 40);}.zq1a{background:#EAF4EF;border-color:rgba(50, 111, 83, .2);color:#2D5C47;}.zq1a:nth-child(3n + 2){background:#F2F0E5;border-color:rgba(137, 121, 77, .18);color:#655D42;}.zq1a:nth-child(3n){background:#E8F0EE;border-color:rgba(69, 111, 105, .18);color:#3F625C;}.zq1a.zq3,
.zq1a:nth-child(3n + 2).zq3,
.zq1a:nth-child(3n).zq3{background:linear-gradient(145deg, #448D6D, #2E6E54);border-color:#2F7056;color:#fff;}.zra{font-size:calc(var(--rpx) * 24);}@media (max-width: 390px){.zq1a{font-size:calc(var(--rpx) * 18);min-height:calc(var(--rpx) * 50);}}@media (max-width: 350px){.fp-entry{padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zdww{flex-basis:calc(var(--rpx) * 40);height:calc(var(--rpx) * 40);}.zrz .zr21{grid-template-columns:calc(var(--rpx) * 118) minmax(0, 1fr);}}.zr15{background:rgba(248, 251, 249, .92);padding:calc(var(--rpx) * 20) calc(var(--rpx) * 18);}.zqm{background:linear-gradient(145deg, rgba(235, 246, 240, .76), rgba(247, 247, 239, .72));border:0;border-radius:calc(var(--rpx) * 17);box-shadow:none;gap:0;margin:calc(var(--rpx) * 4) 0 calc(var(--rpx) * 14);padding:calc(var(--rpx) * 15);}.zqm > .zr1r{border:0;border-bottom:calc(var(--rpx) * 1) solid rgba(51, 96, 75, .12);padding:0 0 calc(var(--rpx) * 16);}.zqm > .zrq{border-bottom:calc(var(--rpx) * 1) solid rgba(51, 96, 75, .12);gap:calc(var(--rpx) * 8);margin:0;padding:calc(var(--rpx) * 12) 0;}.zqm .zqu{box-shadow:none;}.zqm > .zqi{overflow:visible;padding:calc(var(--rpx) * 15) 0 0;}.zdw4{align-items:center;border-bottom:calc(var(--rpx) * 1) solid rgba(51, 96, 75, .12);display:flex;gap:calc(var(--rpx) * 12);justify-content:space-between;padding:calc(var(--rpx) * 11) 0;}.pt-label{color:#587166;flex:0 0 auto;font-weight:720;}.zdw6{background:rgba(50, 107, 80, .055);border-radius:calc(var(--rpx) * 999);display:grid;flex:1;gap:calc(var(--rpx) * 3);grid-template-columns:repeat(3, minmax(0, 1fr));max-width:calc(var(--rpx) * 410);min-width:0;padding:calc(var(--rpx) * 3);}.zdw0{border:0;border-radius:calc(var(--rpx) * 999);font-weight:680;line-height:calc(var(--rpx) * 43);overflow:hidden;padding:0 calc(var(--rpx) * 7);text-overflow:ellipsis;white-space:nowrap;}.zdw0::after{border:0;}.zdw0.zq3{font-weight:790;}.zq1 .zr1r{background:transparent;border-color:rgba(51, 96, 75, .12);margin:0;padding:0 0 calc(var(--rpx) * 16);}.zq1 .zrz{display:block;}.zq1 .zrz .zr21{align-items:stretch;border-radius:0;gap:calc(var(--rpx) * 8);}.zq1 .zrz .designed-slider-shell{width:100%;}@media (max-width: 390px){.zr15{padding-left:calc(var(--rpx) * 15);padding-right:calc(var(--rpx) * 15);}.zqm{padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zqm .zr5{font-size:calc(var(--rpx) * 19);}.zqm .zqp{font-size:calc(var(--rpx) * 12);}}@keyframes scaleOctaveReveal{from{opacity:0;transform:translateY(calc(var(--rpx) * -7));}to{opacity:1;transform:translateY(0);}}.zqa .zq1y{transition:box-shadow 180ms ease, transform 180ms ease;}.zqa .zq1y::before{background:linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, .13) 48%, transparent 72%);content:'';height:180%;left:-42%;pointer-events:none;position:absolute;top:-40%;transform:rotate(8deg);width:42%;}.zqa .zq1y::after{border:none;}.rb-disc{align-items:center;background:rgba(255, 255, 255, .14);border:calc(var(--rpx) * 1) solid rgba(255, 255, 255, .2);border-radius:50%;display:flex;height:calc(var(--rpx) * 49);justify-content:center;position:relative;width:calc(var(--rpx) * 49);}.rb-icon{font-size:calc(var(--rpx) * 15);font-weight:850;line-height:1;transform:translateX(calc(var(--rpx) * 1));}.rb-copy,
.rb-title,
.zdx4j{display:block;min-width:0;}.rb-title{font-weight:830;line-height:1.2;}.zdx4j{color:rgba(255, 255, 255, .7);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:calc(var(--rpx) * 4);}.rb-state{background:rgba(255, 255, 255, .14);border-radius:calc(var(--rpx) * 999);color:rgba(255, 255, 255, .88);font-weight:730;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 9);white-space:nowrap;}@keyframes replayGlow{0%, 100%{transform:translateY(0);}50%{transform:translateY(calc(var(--rpx) * -1));}}@media (max-width: 390px){.rb-disc{height:calc(var(--rpx) * 43);width:calc(var(--rpx) * 43);}.rb-title{font-size:calc(var(--rpx) * 18);}}.zq0{display:flex;flex-direction:column;min-height:100%;}.hero-section,
.zr25,
.zq2{box-sizing:border-box;flex:0 0 auto;width:100%;}.footer{flex:0 0 auto;}@media (max-height: 650px){.footer{margin-top:calc(var(--rpx) * 18);}}@media (max-width: 420px){.zqy{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);}}.rc-card{align-items:center;border:calc(var(--rpx) * 1) solid var(--result-line);border-radius:calc(var(--rpx) * 22);box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0, 1fr) auto;justify-items:center;min-height:calc(var(--rpx) * 304);min-width:0;padding:calc(var(--rpx) * 18) calc(var(--rpx) * 12) calc(var(--rpx) * 17);text-align:center;width:100%;}.rc-label{display:block;font-weight:820;letter-spacing:calc(var(--rpx) * 2);line-height:1.25;white-space:nowrap;}.rc-value{align-items:center;align-self:stretch;display:flex;justify-content:center;min-width:0;overflow:visible;padding:calc(var(--rpx) * 8) 0 calc(var(--rpx) * 5);width:100%;}.rc-key{display:block;font-weight:900;max-width:100%;overflow:visible;text-align:center;text-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 18) var(--result-glow);white-space:nowrap;}.rc-mode{display:block;line-height:1.2;white-space:nowrap;}.rc-hint{display:block;white-space:nowrap;}.zqu:nth-child(1){background:linear-gradient(145deg, #F3FAF6, #E7F3ED);border-color:rgba(58, 133, 101, .16);color:#315F4B;}.zqu:nth-child(2){background:linear-gradient(145deg, #F8F6FC, #ECE9F6);border-color:rgba(108, 106, 163, .16);color:#595780;}.zqu:nth-child(1).zq3{background:linear-gradient(145deg, #DCEFE6, #CDE6DA);border-color:rgba(47, 128, 98, .42);color:#245A45;}.zqu:nth-child(2).zq3{background:linear-gradient(145deg, #E9E6F5, #DDD8EF);border-color:rgba(108, 106, 163, .4);color:#514E7A;}.zqg:nth-child(1){background:linear-gradient(145deg, #F4FAF7, #E4F2EB);border-color:rgba(54, 128, 95, .15);}.zqg:nth-child(2),
.zqg:nth-child(4){background:linear-gradient(145deg, #F5FAFA, #E8F2F3);border-color:rgba(70, 123, 132, .14);}.zqg:nth-child(3),
.zqg:nth-child(6){background:linear-gradient(145deg, #F9F7FC, #EEEAF6);border-color:rgba(112, 101, 157, .14);}.zqg:nth-child(5),
.zqg:nth-child(7){background:linear-gradient(145deg, #FFF9F2, #F7ECDF);border-color:rgba(174, 117, 69, .15);}.zrj:first-child{background:linear-gradient(145deg, #F6F4FA, #ECE8F4);border-color:rgba(108, 106, 163, .16);color:#5E5A84;}.zrj:last-child{background:linear-gradient(145deg, #FFF9F2, #F6EBDD);border-color:rgba(165, 110, 68, .17);color:#795337;}@media (max-width: 420px){.rc-card{min-height:calc(var(--rpx) * 296);padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}.rc-key{font-size:calc(var(--rpx) * 50);}.rc-mode{font-size:calc(var(--rpx) * 19);}}@media (max-width: 350px){.rc-card{min-height:calc(var(--rpx) * 158);}.rc-value{flex-direction:row;gap:calc(var(--rpx) * 8);}.rc-mode{margin-top:0;}}.zq10 .zrw{background:radial-gradient(circle at 12% 15%, rgba(255, 255, 255, .24), transparent 28%),
    linear-gradient(145deg, #F46D70 0%, #E65058 58%, #CF414B 100%);border:calc(var(--rpx) * 1) solid rgba(173, 46, 55, .22);box-shadow:0 calc(var(--rpx) * 13) calc(var(--rpx) * 27) rgba(201, 68, 77, .22), inset 0 calc(var(--rpx) * 1) 0 rgba(255, 255, 255, .28);gap:calc(var(--rpx) * 11);justify-content:flex-start;min-height:calc(var(--rpx) * 94);overflow:hidden;padding:calc(var(--rpx) * 13) calc(var(--rpx) * 17);position:relative;text-align:left;}.zq10 .zrw::before{background:linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .17) 48%, transparent 76%);content:'';height:180%;pointer-events:none;position:absolute;right:-28%;top:-42%;transform:rotate(10deg);width:54%;}.zdtn{align-items:center;background:rgba(255, 255, 255, .17);border:calc(var(--rpx) * 1) solid rgba(255, 255, 255, .42);border-radius:50%;box-shadow:inset 0 0 0 calc(var(--rpx) * 5) rgba(255, 255, 255, .08);display:flex;flex:0 0 calc(var(--rpx) * 45);height:calc(var(--rpx) * 45);justify-content:center;position:relative;z-index:1;}.zdxz{background:#fff;border-radius:50%;box-shadow:0 0 0 calc(var(--rpx) * 5) rgba(255, 255, 255, .13);height:calc(var(--rpx) * 15);width:calc(var(--rpx) * 15);}.zdx7,
.zr26,
.zr2e{display:block;min-width:0;position:relative;z-index:1;}.zdx7{flex:1;}.zr26{color:#fff;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zr2e{color:rgba(255, 255, 255, .78);font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zdu1d .zdxz{animation:recordDotPulse 900ms ease-in-out infinite;}@keyframes recordDotPulse{0%, 100%{opacity:.62;transform:scale(.78);}50%{opacity:1;transform:scale(1.12);}}@media (max-width: 350px){.zq10 .zrw{gap:calc(var(--rpx) * 8);padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zdtn{flex-basis:calc(var(--rpx) * 39);height:calc(var(--rpx) * 39);}.zr26{font-size:calc(var(--rpx) * 21);}.zr2e{font-size:calc(var(--rpx) * 10);}}.zdt5{align-items:center;background:#EEF6F2;border:calc(var(--rpx) * 1) solid rgba(52, 123, 98, .22);border-radius:calc(var(--rpx) * 999);color:#347B62;display:flex;font-weight:760;justify-content:center;line-height:1.2;margin:calc(var(--rpx) * 17) auto 0;padding:0 calc(var(--rpx) * 28);}.zdt5.recovery-system{background:#FFF8EB;border-color:rgba(180, 134, 62, .22);color:#8C6429;}.zdt5::after{border:none;}.zqr{display:flex;flex-direction:column;}.zdwv{order:1;}.zr1c{order:3;}.zqa{order:5;}.zr15{order:6;}.zduo{order:7;}.zduj{order:10;}.zq1y,
.zq1z{border-radius:calc(var(--rpx) * 999);box-sizing:border-box;min-height:calc(var(--rpx) * 72);}.zq1z{background:#fff;border:calc(var(--rpx) * 1) solid rgba(48, 91, 70, .18);color:#35604C;font-size:calc(var(--rpx) * 21);font-weight:760;padding:0 calc(var(--rpx) * 20);}.zqa{margin-bottom:calc(var(--rpx) * 18);}.zqa .zdx2x{align-items:stretch;display:grid;gap:calc(var(--rpx) * 18);grid-template-columns:1fr;}.zqa .zr7{display:grid;width:100%;}.zqa .zq1y,
.zqa .zq1z{align-items:center;display:flex;justify-content:center;width:100%;}.zqa .zq1y{font-size:calc(var(--rpx) * 22);font-weight:780;}.zr15{margin-bottom:calc(var(--rpx) * 18);}.zr1r{border:calc(var(--rpx) * 1) solid rgba(55, 91, 73, .09);border-radius:calc(var(--rpx) * 16);}.zdu9{display:block;font-weight:760;}.zr1c,
.zduo{margin-top:0;}.zr1c{border:calc(var(--rpx) * 1) solid rgba(48, 104, 78, .12);border-radius:calc(var(--rpx) * 20);margin-bottom:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 18) calc(var(--rpx) * 16);}.zqc.zq3::before{background:#3B8B6B;border-radius:calc(var(--rpx) * 999);content:'';height:calc(var(--rpx) * 7);position:absolute;right:calc(var(--rpx) * 11);top:calc(var(--rpx) * 11);width:calc(var(--rpx) * 7);}.zduj{border-top:calc(var(--rpx) * 1) solid rgba(48, 86, 67, .09);margin-top:calc(var(--rpx) * 2);padding-top:calc(var(--rpx) * 20);}.zdv1a{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:calc(var(--rpx) * 11);}.zdv5{color:#435F51;font-weight:760;}.zdvh{display:grid;gap:calc(var(--rpx) * 5);grid-template-columns:repeat(8, minmax(0, 1fr));}.zr11{background:#F5F7F5;border-radius:calc(var(--rpx) * 9);color:#6B7972;font-weight:650;min-width:0;overflow:hidden;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 1);text-align:center;text-overflow:ellipsis;white-space:nowrap;}.footer{margin-top:calc(var(--rpx) * 24);max-width:calc(var(--rpx) * 680);padding-bottom:calc(var(--rpx) * 30);}.footer-utility-bar{align-items:center;background:rgba(248, 250, 247, .9);border:calc(var(--rpx) * 1) solid rgba(52, 83, 67, .09);border-radius:calc(var(--rpx) * 999);box-sizing:border-box;display:flex;justify-content:center;min-height:calc(var(--rpx) * 66);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10);width:100%;}.zrh{background:transparent;border:none;color:#718078;flex:1;font-weight:560;line-height:calc(var(--rpx) * 56);margin:0;min-width:0;padding:0 calc(var(--rpx) * 8);}.zrh::after{border:none;}.zdx3a{color:#50705F;}.zdv17{background:rgba(74, 102, 88, .14);flex:0 0 calc(var(--rpx) * 1);height:calc(var(--rpx) * 27);}@media (max-width: 390px){.zqa .zq1y,
  .zqa .zq1z{font-size:calc(var(--rpx) * 19);}.zr11{font-size:calc(var(--rpx) * 14);}.zrh{font-size:calc(var(--rpx) * 15);padding-left:calc(var(--rpx) * 4);padding-right:calc(var(--rpx) * 4);}}.zqr button{box-sizing:border-box;max-width:100%;}.zr2a{align-items:stretch;gap:calc(var(--rpx) * 9);}.zqc{justify-content:center;line-height:1.22;}.zr1n,
.zr3{white-space:nowrap;}.zqa .zq1y,
.zqa .zq1z{line-height:1.2;}.zqu{justify-content:center;line-height:1.25;}.zqu.zq3{background:#E1F1E9;border-color:rgba(52, 123, 94, .42);box-shadow:none;color:#245A45;}.zqj{display:grid;gap:calc(var(--rpx) * 8);grid-template-columns:repeat(4, minmax(0, 1fr));}.zqg{flex:none;justify-content:center;line-height:1.15;width:100%;}.zqv,
.zqq{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zq1k{box-sizing:border-box;gap:calc(var(--rpx) * 14);line-height:1.2;min-height:calc(var(--rpx) * 88);padding:calc(var(--rpx) * 14) calc(var(--rpx) * 17);}.zq1k > view{min-width:0;}.zr23{line-height:1.25;}.zdu7{flex:0 0 auto;white-space:nowrap;}.zq14{box-sizing:border-box;}@media (max-width: 390px){.zr1c{padding-left:calc(var(--rpx) * 13);padding-right:calc(var(--rpx) * 13);}.zr2a{gap:calc(var(--rpx) * 7);}.zqc{min-height:calc(var(--rpx) * 116);padding-left:calc(var(--rpx) * 9);padding-right:calc(var(--rpx) * 9);}.zr1n{font-size:calc(var(--rpx) * 24);}.zr3{font-size:calc(var(--rpx) * 15);}.zq4{padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zqj{gap:calc(var(--rpx) * 6);}.zqg{min-height:calc(var(--rpx) * 88);padding-left:calc(var(--rpx) * 3);padding-right:calc(var(--rpx) * 3);}.zqv{font-size:calc(var(--rpx) * 13);}.zq1k{min-height:calc(var(--rpx) * 84);padding-left:calc(var(--rpx) * 14);padding-right:calc(var(--rpx) * 14);}.zr17{font-size:calc(var(--rpx) * 13);}.zr23{font-size:calc(var(--rpx) * 17);}.zdu7{font-size:calc(var(--rpx) * 14);}.zq14{padding:calc(var(--rpx) * 10);}}.result-skin-0{--result-accent:#2F8062;--result-accent-deep:#245F4B;--result-soft:#E7F4ED;--result-glow:rgba(98, 181, 145, 0.22);--result-line:rgba(47, 128, 98, 0.22);}.result-skin-1{--result-accent:#6C6AA3;--result-accent-deep:#54527F;--result-soft:#EEEDF8;--result-glow:rgba(137, 132, 197, 0.21);--result-line:rgba(108, 106, 163, 0.22);}.result-skin-2{--result-accent:#A56E44;--result-accent-deep:#7C5234;--result-soft:#F8EEE5;--result-glow:rgba(209, 157, 111, 0.22);--result-line:rgba(165, 110, 68, 0.22);}.zqr,
.zqr.result-skin-0{--result-accent:#2F8062;--result-accent-deep:#245F4B;--result-soft:#E7F4ED;--result-glow:rgba(98, 181, 145, 0.22);--result-line:rgba(47, 128, 98, 0.22);}.zqr.result-skin-1{--result-accent:#6C6AA3;--result-accent-deep:#54527F;--result-soft:#EEEDF8;--result-glow:rgba(137, 132, 197, 0.21);--result-line:rgba(108, 106, 163, 0.22);}.zqr.result-skin-2{--result-accent:#A56E44;--result-accent-deep:#7C5234;--result-soft:#F8EEE5;--result-glow:rgba(209, 157, 111, 0.22);--result-line:rgba(165, 110, 68, 0.22);}.zqr.result-skin-0,
.zqr.result-skin-1,
.zqr.result-skin-2{transition:background-color 260ms ease, border-color 260ms ease;}.zqc{transition:background-color 220ms ease, border-color 220ms ease, transform 220ms ease;}.zqc.candidate-skin-0.zq3::before{background:#3B8B6B;}.zqc.candidate-skin-1.zq3::before{background:#716DA7;}.zqc.candidate-skin-2.zq3::before{background:#AC7449;}.zqc.zq3{box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 22) rgba(50, 74, 62, .09);transform:translateY(calc(var(--rpx) * -2));}.zdva{align-items:center;display:flex;justify-content:space-between;margin:calc(var(--rpx) * 1) calc(var(--rpx) * 2) calc(var(--rpx) * 9);}.zdva .zdtm{color:#405F50;font-size:calc(var(--rpx) * 18);margin:0;}.zdu14{color:#829087;display:block;margin-top:calc(var(--rpx) * 3);}.zdx9{background:var(--result-soft);border-radius:calc(var(--rpx) * 999);color:var(--result-accent);font-size:calc(var(--rpx) * 13);font-weight:750;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 10);}.zduu{display:grid;gap:calc(var(--rpx) * 8);grid-template-columns:repeat(2, minmax(0, 1fr));}.zdx31{grid-column:1 / -1;min-width:0;}.theory-style-tabs{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:calc(var(--rpx) * 6);margin-bottom:calc(var(--rpx) * 20);}.mini-root .qv0.zq0 .theory-style-tabs button{width:100%;min-width:0;margin:0;padding:calc(var(--rpx) * 14) calc(var(--rpx) * 2);min-height:calc(var(--rpx) * 64);border:calc(var(--rpx) * 1) solid #E4DFD1;border-radius:calc(var(--rpx) * 12);background:linear-gradient(#FFF, #F8F7F1);color:#66735F;font-size:calc(var(--rpx) * 23);font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:inset 0 calc(var(--rpx) * 1) #FFF;}.mini-root .qv0.zq0 .theory-style-tabs button.zq3{color:#765D2E;border-color:#D1B87E;background:linear-gradient(#FFF7E3, #F4E8C8);box-shadow:inset 0 calc(var(--rpx) * -2) #D3BD86;}.theory-style-tabs button::after{border:none;}.mini-root .qv0.zq0 .zq14 .zqe{background:rgba(255, 255, 255, .94);border:calc(var(--rpx) * 1) solid rgba(55, 91, 73, .12);border-radius:calc(var(--rpx) * 15);box-sizing:border-box;color:#334F41;line-height:1.2;margin:0;min-height:calc(var(--rpx) * 132);min-width:0;overflow:hidden;padding:calc(var(--rpx) * 12) calc(var(--rpx) * 12) calc(var(--rpx) * 11);text-align:left;transition:background-color 180ms ease, border-color 180ms ease, transform 180ms ease;width:100%;}.zqe::after{border:none;}.zdw2q{align-items:center;display:flex;gap:calc(var(--rpx) * 7);justify-content:space-between;}.zr24{font-weight:820;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zre{color:var(--result-accent);flex:0 0 auto;}.zrx,
.zr13{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zrx{color:#5B6E64;font-weight:700;margin-top:calc(var(--rpx) * 7);}.zr13{color:#89938D;margin-top:calc(var(--rpx) * 6);}.zqe.is-active .zre,
.zqe.is-active .zrx,
.zqe.is-active .zr13{color:rgba(255, 255, 255, .82);}@media (max-width: 390px){.zduu{gap:calc(var(--rpx) * 6);}.zqe{min-height:calc(var(--rpx) * 128);padding-left:calc(var(--rpx) * 9);padding-right:calc(var(--rpx) * 9);}.zr24{font-size:calc(var(--rpx) * 18);}.zrx{font-size:calc(var(--rpx) * 14);}.zr13{font-size:calc(var(--rpx) * 13);}}.zr1r{background:#F8FAF8;border-color:rgba(54, 91, 72, .11);display:block;margin:calc(var(--rpx) * 16) 0 calc(var(--rpx) * 13);padding:calc(var(--rpx) * 15);}.zdu9{color:#3D5B4C;margin-bottom:calc(var(--rpx) * 10);}.mix-volume-cards{display:grid;gap:calc(var(--rpx) * 9);grid-template-columns:repeat(2, minmax(0, 1fr));}.zr21{align-items:stretch;border:calc(var(--rpx) * 1) solid rgba(58, 88, 73, .1);border-radius:calc(var(--rpx) * 14);box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--rpx) * 3);justify-content:space-between;min-height:calc(var(--rpx) * 100);min-width:0;padding:calc(var(--rpx) * 11) calc(var(--rpx) * 10) calc(var(--rpx) * 7);}.mix-volume-heading{align-items:center;display:flex;gap:calc(var(--rpx) * 7);justify-content:space-between;min-width:0;}.zr1q{color:#4D6156;font-weight:720;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zr16{color:#365F4D;flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:820;}.zdu1c{box-sizing:border-box;margin:calc(var(--rpx) * 3) 0 0;min-width:0;width:100%;}@media (max-width: 390px){.zr1r{padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.mix-volume-cards{gap:calc(var(--rpx) * 7);}.zr21{min-height:calc(var(--rpx) * 96);padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}.zr1q,
  .zr16{font-size:calc(var(--rpx) * 14);}}.zqy{align-items:stretch;display:grid;gap:calc(var(--rpx) * 12);grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);margin:calc(var(--rpx) * 3) 0 calc(var(--rpx) * 18);order:2;width:100%;}.zqy .zr1c{box-sizing:border-box;height:100%;margin:0;min-width:0;padding:calc(var(--rpx) * 12);}.zqy .zdvg{align-items:flex-start;display:block;margin:0 calc(var(--rpx) * 2) calc(var(--rpx) * 8);}.zqy .zdun{display:block;font-size:calc(var(--rpx) * 18);}.zqy .zr2a{display:flex;flex-direction:column;gap:calc(var(--rpx) * 6);}.zqy .zqc{align-items:center;display:grid;gap:calc(var(--rpx) * 1) calc(var(--rpx) * 7);grid-template-columns:minmax(0, 1fr) auto;justify-content:stretch;text-align:left;transform:none;}.zqy .zqc::before{display:none;}.zqy .zr1n{grid-area:key;}.zqy .zr3{grid-area:confidence;margin:0;}.zq14{padding:calc(var(--rpx) * 9);}.zdy3f{margin-top:calc(var(--rpx) * 10);}.zdtm{margin-bottom:calc(var(--rpx) * 6);}.zsa{margin-top:calc(var(--rpx) * 7);}@media (max-width: 420px){.zqy{gap:calc(var(--rpx) * 9);grid-template-columns:minmax(0, .78fr) minmax(0, 1.22fr);}.zqy .zr1c{padding:calc(var(--rpx) * 10);}.zqy .zqc{min-height:calc(var(--rpx) * 70);padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}.zqy .zr1n{font-size:calc(var(--rpx) * 21);}.zqy .zr3{font-size:calc(var(--rpx) * 13);}}@media (max-width: 350px){.zqy{grid-template-columns:1fr;}.zqy .zr2a{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));}.zqy .zqc{display:flex;min-height:calc(var(--rpx) * 104);}}.zqa{border:calc(var(--rpx) * 1) solid rgba(50, 101, 79, .12);}.zqa .zr7{align-items:stretch;gap:calc(var(--rpx) * 10);grid-template-columns:minmax(0, 1.45fr) minmax(0, .86fr);}.zqa .zq1y{align-items:center;border:calc(var(--rpx) * 1) solid rgba(255, 255, 255, .14);border-radius:calc(var(--rpx) * 999);display:grid;gap:calc(var(--rpx) * 10);grid-template-columns:calc(var(--rpx) * 49) minmax(0, 1fr) auto;justify-content:stretch;min-height:calc(var(--rpx) * 91);overflow:hidden;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 13);position:relative;text-align:left;}.zqa .zq1y.qve{animation:replayGlow 1.25s ease-in-out infinite;}.zqa .zq1z{box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .8);min-height:calc(var(--rpx) * 91);}@media (max-width: 390px){.zqa .zr7{grid-template-columns:minmax(0, 1.42fr) minmax(0, .88fr);}.zqa .zq1y{gap:calc(var(--rpx) * 8);grid-template-columns:calc(var(--rpx) * 43) minmax(0, 1fr);padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}.rb-state{display:none;}.zqa .zq1z{font-size:calc(var(--rpx) * 18);padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}}.zqa .zrl{align-items:center;border:calc(var(--rpx) * 1) solid rgba(48, 97, 75, .16);border-radius:calc(var(--rpx) * 20);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 18) rgba(46, 82, 65, .06), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .9);display:grid;gap:calc(var(--rpx) * 9);grid-template-columns:calc(var(--rpx) * 41) minmax(0, 1fr);justify-content:stretch;line-height:1.15;min-height:calc(var(--rpx) * 91);padding:calc(var(--rpx) * 10) calc(var(--rpx) * 12);text-align:left;}@media (max-width: 390px){.zqa .zrl{gap:calc(var(--rpx) * 6);grid-template-columns:calc(var(--rpx) * 37) minmax(0, 1fr);padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}}.zq10{align-items:stretch;gap:calc(var(--rpx) * 11);}.zq10 .zrw{flex:1.28;}.zq10 .zs7{align-items:center;background:linear-gradient(145deg, #F7FAF8, #E8F2ED);border:calc(var(--rpx) * 1) solid rgba(47, 111, 82, .17);border-radius:calc(var(--rpx) * 19);box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 20) rgba(45, 82, 64, .07), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .85);color:#315F4B;display:flex;flex:.92;gap:calc(var(--rpx) * 9);justify-content:flex-start;min-height:calc(var(--rpx) * 94);padding:calc(var(--rpx) * 11) calc(var(--rpx) * 12);text-align:left;}.zs8{align-items:center;background:#DCECE4;border:calc(var(--rpx) * 1) solid rgba(47, 111, 82, .13);border-radius:50%;color:#34775B;display:flex;flex:0 0 calc(var(--rpx) * 43);font-size:calc(var(--rpx) * 19);height:calc(var(--rpx) * 43);justify-content:center;}.zdxa,
.zr1j,
.zr1g{display:block;min-width:0;}.zdxa{flex:1;}.zr1j{color:#315F4B;font-weight:820;white-space:nowrap;}.zr1g{color:#788B81;white-space:nowrap;}.zr1h{align-items:center;background:linear-gradient(145deg, #FFFDF8, #F4F8F5);border:calc(var(--rpx) * 1) solid rgba(128, 105, 61, .14);border-radius:calc(var(--rpx) * 17);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 20) rgba(57, 82, 69, .055);color:#355C49;display:grid;gap:calc(var(--rpx) * 11);grid-template-columns:calc(var(--rpx) * 42) minmax(0, 1fr) auto;margin:calc(var(--rpx) * 17) 0 0;min-height:calc(var(--rpx) * 82);padding:calc(var(--rpx) * 10) calc(var(--rpx) * 13);text-align:left;width:100%;}.zr1h::after{border:none;}.zdvi{align-items:center;background:#E4EFE8;border-radius:50%;color:#377059;display:flex;font-size:calc(var(--rpx) * 23);height:calc(var(--rpx) * 42);justify-content:center;width:calc(var(--rpx) * 42);}.resume-session-copy,
.resume-session-title,
.zdu17{display:block;min-width:0;}.resume-session-title{font-size:calc(var(--rpx) * 27);font-weight:650;line-height:1.4;}.zdu17{color:#829087;font-size:calc(var(--rpx) * 23);margin-top:calc(var(--rpx) * 4);line-height:1.45;white-space:normal;overflow-wrap:anywhere;}.zdtt{color:#759083;font-size:calc(var(--rpx) * 27);}.zqy .zqc{grid-template-areas:'key confidence';grid-template-rows:auto;min-height:calc(var(--rpx) * 82);padding:calc(var(--rpx) * 11) calc(var(--rpx) * 12);}.zqy .zr1n{font-size:calc(var(--rpx) * 25);}.zqy .zr3{font-size:calc(var(--rpx) * 17);}.zq7{gap:calc(var(--rpx) * 12);}.zs3{border-radius:calc(var(--rpx) * 14);display:grid;flex:0 0 auto;gap:calc(var(--rpx) * 3);padding:calc(var(--rpx) * 3);}.zq12{background:transparent;border:none;border-radius:calc(var(--rpx) * 11);font-weight:730;margin:0;white-space:nowrap;}.zq12::after{border:none;}.zr19{color:#7E8D85;display:block;}.zqg{min-height:calc(var(--rpx) * 98);padding:calc(var(--rpx) * 10) calc(var(--rpx) * 7);}.zsa{line-height:1.45;}@media (max-width: 390px){.zq10{gap:calc(var(--rpx) * 8);}.zq10 .zrw{flex:1.22;padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zq10 .zs7{flex:.98;gap:calc(var(--rpx) * 6);padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}.zs8{flex-basis:calc(var(--rpx) * 37);font-size:calc(var(--rpx) * 16);height:calc(var(--rpx) * 37);}.zqy .zqc{min-height:calc(var(--rpx) * 80);padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}.zqy .zr1n{font-size:calc(var(--rpx) * 23);}.zqy .zr3{font-size:calc(var(--rpx) * 15);}.zq7{align-items:flex-start;}}.zq7{align-items:stretch;display:block;margin-bottom:calc(var(--rpx) * 8);}.zrm{align-items:center;background:rgba(242, 247, 244, .72);border:calc(var(--rpx) * 1) solid rgba(52, 100, 77, .09);border-radius:calc(var(--rpx) * 16);gap:calc(var(--rpx) * 13);grid-template-columns:calc(var(--rpx) * 290) minmax(0, 1fr);margin:0 0 calc(var(--rpx) * 13);}.zs3{box-sizing:border-box;}.zq12{box-sizing:border-box;width:100%;}.zr19{line-height:1.35;}@media (max-width: 390px){.zrm{gap:calc(var(--rpx) * 9);grid-template-columns:calc(var(--rpx) * 260) minmax(0, 1fr);}.zs3{width:calc(var(--rpx) * 260);}.zr19{font-size:calc(var(--rpx) * 12);}}@media (max-width: 350px){.zrm{grid-template-columns:1fr;}.zs3{width:100%;}.zr19{text-align:left;}}.designed-slider-shell{align-items:center;box-sizing:border-box;display:flex;height:calc(var(--rpx) * 43);min-width:0;position:relative;width:100%;}.designed-slider-rail{background:linear-gradient(90deg, rgba(125, 151, 138, .13), rgba(125, 151, 138, .25));border-radius:calc(var(--rpx) * 999);height:calc(var(--rpx) * 7);left:calc(var(--rpx) * 15);overflow:visible;position:absolute;right:calc(var(--rpx) * 15);top:50%;transform:translateY(-50%);}.designed-slider-fill{background:linear-gradient(90deg, #6B91A4, #4B8D75);border-radius:inherit;height:100%;max-width:100%;transition:width 70ms ease-out;}.zds5{align-items:center;background:linear-gradient(145deg, #fff 7%, #E4F3EC 52%, #7FC4A4 100%);border:calc(var(--rpx) * 3) solid rgba(255, 255, 255, .96);border-radius:50%;box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(39, 89, 67, .22), 0 0 0 calc(var(--rpx) * 1) rgba(55, 119, 89, .12);box-sizing:border-box;display:flex;height:calc(var(--rpx) * 25);justify-content:center;margin-left:calc(var(--rpx) * -12.5);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:left 70ms ease-out, transform 120ms ease, box-shadow 120ms ease;width:calc(var(--rpx) * 25);z-index:2;}.zdt6{border-radius:50%;height:calc(var(--rpx) * 7);width:calc(var(--rpx) * 7);}.zdv14 .designed-slider-fill{background:linear-gradient(90deg, #8AA9B8, #5E869A);}.zdv14 .zds5{background:linear-gradient(145deg, #fff 7%, #EAF2F6 54%, #92B8C9 100%);}.zdv14 .zdt6{background:rgba(66, 111, 132, .72);}.zdw1p{bottom:0;box-sizing:border-box;left:0;margin:0;opacity:.02;position:absolute;right:0;top:0;width:100%;z-index:3;}.zqg{position:relative;transform-origin:center 78%;transition:transform 82ms cubic-bezier(.2, .82, .32, 1), box-shadow 110ms ease, border-color 110ms ease, filter 110ms ease;}.zqg.qv4{box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 7) rgba(42, 86, 65, .1), inset 0 calc(var(--rpx) * 4) calc(var(--rpx) * 9) rgba(43, 96, 72, .08);filter:saturate(1.08);}.zqg.is-active{transform:translateY(calc(var(--rpx) * -2)) scale(1.012);}.zdtp{background:#397C62;border-radius:calc(var(--rpx) * 999);color:#fff;font-size:calc(var(--rpx) * 10);font-weight:760;line-height:1;padding:calc(var(--rpx) * 4) calc(var(--rpx) * 7);position:absolute;right:calc(var(--rpx) * 5);top:calc(var(--rpx) * 5);}.zqe{border-color:rgba(59, 113, 87, .14);box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 15) rgba(43, 79, 62, .06), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92);transform-origin:center 78%;transition:transform 90ms cubic-bezier(.2, .82, .32, 1), box-shadow 120ms ease, border-color 120ms ease, background 150ms ease;}.zqe:nth-child(3n + 1){background:linear-gradient(145deg, #F9FCFA, #ECF6F1);}.zqe:nth-child(3n + 2){background:linear-gradient(145deg, #FBFAFD, #F0EEF8);}.zqe:nth-child(3n){background:linear-gradient(145deg, #FFFDF9, #F8F0E6);}.zre{background:rgba(50, 112, 83, .08);border-radius:calc(var(--rpx) * 999);box-sizing:border-box;font-size:calc(var(--rpx) * 12);font-weight:800;min-width:calc(var(--rpx) * 34);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 8);text-align:center;white-space:nowrap;}.zqe.qv4{border-color:rgba(55, 125, 93, .3);box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 7) rgba(43, 79, 62, .07), inset 0 calc(var(--rpx) * 4) calc(var(--rpx) * 10) rgba(45, 101, 76, .07);transform:translateY(calc(var(--rpx) * 2)) scale(.98);}.zqe.qvd{border-color:rgba(55, 128, 95, .48);box-shadow:0 0 0 calc(var(--rpx) * 2) rgba(66, 143, 105, .12), 0 calc(var(--rpx) * 7) calc(var(--rpx) * 16) rgba(43, 79, 62, .07);}.zqe.qvd .zre{background:#3D8065;color:#fff;}.zqe.is-active,
.zqe:nth-child(3n + 1).is-active,
.zqe:nth-child(3n + 2).is-active,
.zqe:nth-child(3n).is-active{background:linear-gradient(145deg, #438B6D, #2E6D55);border-color:rgba(39, 99, 73, .52);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 18) rgba(42, 105, 77, .18), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .2);color:#fff;transform:translateY(calc(var(--rpx) * -1));}.zqe.is-active .zre{background:rgba(255, 255, 255, .16);color:#fff;}.zr25,
.zqr{position:relative;}.zr25{overflow:hidden;}.zr25 > view,
.zqr > view{position:relative;z-index:1;}.zr25 > .zq1w,
.zqr > .zq1w{position:absolute;z-index:0;}.zq1w{display:block;pointer-events:none;transform-origin:center;}.zdv4{bottom:calc(var(--rpx) * -260);height:calc(var(--rpx) * 590);opacity:.115;right:calc(var(--rpx) * -120);transform:rotate(-11deg);width:calc(var(--rpx) * 620);}.zs5{height:calc(var(--rpx) * 650);opacity:.052;right:calc(var(--rpx) * -235);top:calc(var(--rpx) * 265);transform:rotate(13deg);width:calc(var(--rpx) * 680);}@media (max-width: 350px){.zdv4{bottom:calc(var(--rpx) * -225);opacity:.09;right:calc(var(--rpx) * -170);width:calc(var(--rpx) * 580);}.zs5{opacity:.04;right:calc(var(--rpx) * -270);}}.zq4{background:transparent;border:0;border-radius:0;padding:0;}.zqm > .zr1r,
.zq1 .zqm > .zr1r{background:transparent;border-left:0;border-right:0;border-top:0;border-radius:0;box-shadow:none;margin:0;}.zqm > .zqi{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;}.zq1 .zrz .zr21{background:transparent;border:0;display:flex;flex-direction:column;min-height:0;padding:0;}.fp-key-scroll{box-sizing:border-box;margin-top:calc(var(--rpx) * 12);max-width:100%;white-space:nowrap;width:100%;}.zr1t{align-items:center;display:inline-flex;gap:calc(var(--rpx) * 7);min-width:100%;padding:calc(var(--rpx) * 2) calc(var(--rpx) * 1) calc(var(--rpx) * 5);}.zr1t .zq1a,
.zr1t .zq1a:nth-child(3n + 2),
.zr1t .zq1a:nth-child(3n){border:calc(var(--rpx) * 1) solid rgba(55, 101, 80, .12);border-radius:calc(var(--rpx) * 999);flex:0 0 calc(var(--rpx) * 61);font-weight:730;padding:0 calc(var(--rpx) * 6);}.zqm > .zrq{grid-template-columns:repeat(2, minmax(0, 1fr));}.zr1w{border-bottom:calc(var(--rpx) * 1) solid rgba(51, 99, 77, .07);border-top:calc(var(--rpx) * 1) solid rgba(51, 99, 77, .07);box-sizing:border-box;margin:calc(var(--rpx) * 11) 0 calc(var(--rpx) * 14);min-width:0;padding:calc(var(--rpx) * 13) 0 calc(var(--rpx) * 12);width:100%;}.zqm .zqu{min-height:calc(var(--rpx) * 70);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 7);}.zqm .zqp{margin-top:calc(var(--rpx) * 3);}.zq4 > .zqj .zqg{min-height:calc(var(--rpx) * 84);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 5) calc(var(--rpx) * 7);}@media (max-width: 390px){.zdw4{gap:calc(var(--rpx) * 8);}.pt-label{font-size:calc(var(--rpx) * 16);}.zdw0{font-size:calc(var(--rpx) * 14);padding-left:calc(var(--rpx) * 4);padding-right:calc(var(--rpx) * 4);}.zq4 > .zqj .zqg{min-height:calc(var(--rpx) * 80);}}@keyframes queueHintPulse{from{opacity:.55;transform:scale(.82);}to{opacity:1;transform:scale(1.12);}}.zqm > .zqi > .zr1r,
.zq1 .zqm > .zqi > .zr1r{background:transparent;border:0;border-radius:0;border-top:calc(var(--rpx) * 1) solid rgba(51, 96, 75, .11);box-shadow:none;margin:calc(var(--rpx) * 15) 0 0;padding:calc(var(--rpx) * 14) 0 0;}.zqg.is-held{border-color:rgba(49, 128, 91, .54);box-shadow:0 0 0 calc(var(--rpx) * 3) rgba(67, 152, 111, .12), 0 calc(var(--rpx) * 8) calc(var(--rpx) * 18) rgba(43, 93, 69, .1);filter:saturate(1.08);}.zqg.is-held .zdtp{animation:heldChordBreath 720ms ease-in-out infinite alternate;}@keyframes heldChordBreath{from{opacity:.72;}to{opacity:1;}}.zrm{display:block;padding:calc(var(--rpx) * 6);}.zs3{width:100%;}.zq12{padding-left:calc(var(--rpx) * 4);padding-right:calc(var(--rpx) * 4);}.zr19{margin:calc(var(--rpx) * 6) calc(var(--rpx) * 5) calc(var(--rpx) * 2);text-align:left;}@media (max-width: 390px){.zq12{padding-left:calc(var(--rpx) * 2);padding-right:calc(var(--rpx) * 2);}}.zdx11,
.cg-tip{font-size:calc(var(--rpx) * 16);}.zqm .zr5{font-size:calc(var(--rpx) * 21);}.zqm .zqp,
.zr19,
.zqv{font-size:calc(var(--rpx) * 15);}.zqq{font-size:calc(var(--rpx) * 21);}@media (max-width: 390px){.zr1j{font-size:calc(var(--rpx) * 20);}.zr1g{font-size:calc(var(--rpx) * 12);}.zqq{font-size:calc(var(--rpx) * 20);}}.zq4 > .zqj.chord-type-add9 .zqq{display:-webkit-box;font-size:calc(var(--rpx) * 17);line-height:1.08;margin-top:calc(var(--rpx) * 4);overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.zr1t .zq1a,
.zr1t .zq1a:nth-child(3n + 2),
.zr1t .zq1a:nth-child(3n){flex-basis:calc(var(--rpx) * 66);font-size:calc(var(--rpx) * 20);min-height:calc(var(--rpx) * 50);width:calc(var(--rpx) * 66);}@media (max-width: 390px){.zq4 > .zqj.chord-type-add9 .zqq{font-size:calc(var(--rpx) * 16);}}.zq4 > .zqj.chord-type-color{gap:calc(var(--rpx) * 7);grid-template-columns:repeat(4, minmax(0, 1fr));}.zq4 > .zqj.chord-type-color .zqg{min-height:calc(var(--rpx) * 82);padding-left:calc(var(--rpx) * 3);padding-right:calc(var(--rpx) * 3);}.zq4 > .zqj.chord-type-color .zqv{font-size:calc(var(--rpx) * 12);}.zq4 > .zqj.chord-type-color .zqq{font-size:calc(var(--rpx) * 17);}@keyframes meterSelectSettle{from{transform:scale(.97);}to{transform:translateY(calc(var(--rpx) * -1)) scale(1);}}@media (max-width: 390px){.zs3{gap:calc(var(--rpx) * 2);}.zq12{font-size:calc(var(--rpx) * 14);}.zq4 > .zqj.chord-type-color{gap:calc(var(--rpx) * 6);}.zq4 > .zqj.chord-type-color .zqq{font-size:calc(var(--rpx) * 16);}}.zdy1i{align-items:center;display:flex;gap:calc(var(--rpx) * 12);justify-content:space-between;margin-bottom:calc(var(--rpx) * 10);}.zdy1i > view:first-child{flex:1;min-width:0;}.zqt{background:transparent;border:0;border-radius:calc(var(--rpx) * 999);font-weight:730;line-height:calc(var(--rpx) * 44);margin:0;}.zqt::after{border:0;}@media (max-width: 390px){.zdy1i{align-items:flex-start;}.zq1n{flex-basis:calc(var(--rpx) * 220);}.zqt{font-size:calc(var(--rpx) * 13);}}.qv8{border-top:0;margin-top:calc(var(--rpx) * 8);padding-top:0;}.ec-toolbar{align-items:center;gap:calc(var(--rpx) * 10);justify-content:space-between;}.ec-label{flex:0 0 auto;letter-spacing:.02em;}.zq1n{flex-basis:calc(var(--rpx) * 230);}@media (max-width: 390px){.ec-toolbar{gap:calc(var(--rpx) * 7);margin-top:calc(var(--rpx) * 5);}.ec-label{font-size:calc(var(--rpx) * 14);}.zq1n{flex-basis:calc(var(--rpx) * 214);}.zq4 .ec-grid{gap:calc(var(--rpx) * 6);}.zq4 .ec-grid .zqg{min-height:calc(var(--rpx) * 80);}.zq4 .ec-grid .zqq{font-size:calc(var(--rpx) * 19);}}.zq4 > .zdx16{order:1;}.zq4 > .cg-tip{order:2;}.zq4 > .zr1w{order:3;}.zq1 .zq4 > .zdx16,
.zq1 .zq4 > .cg-tip{display:none;}.zq4 > .qv8{margin-bottom:calc(var(--rpx) * 12);}.zq4 > .zqm{margin-top:calc(var(--rpx) * 2);}.zra{align-items:center;border:calc(var(--rpx) * 1) solid rgba(48, 111, 82, .2);border-radius:calc(var(--rpx) * 999);box-sizing:border-box;display:flex;gap:calc(var(--rpx) * 9);margin:0;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 15) calc(var(--rpx) * 6) calc(var(--rpx) * 7);transition:background 140ms ease, box-shadow 140ms ease, transform 90ms ease;}.zra::after{border:0;}.zra:active{background:linear-gradient(145deg, rgba(242, 249, 245, .98), rgba(226, 240, 232, .98));box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 7) rgba(41, 91, 68, .07), inset 0 calc(var(--rpx) * 1) 0 rgba(255, 255, 255, .86);transform:translateY(calc(var(--rpx) * 1)) scale(.985);}.zdw12{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 calc(var(--rpx) * 39);height:calc(var(--rpx) * 39);justify-content:center;width:calc(var(--rpx) * 39);}.zdy15{font-size:calc(var(--rpx) * 20);font-weight:760;line-height:1;transform:translateY(calc(var(--rpx) * -1));}.zdx3b,
.zdw7,
.zr1a{display:block;}.zdx3b{min-width:0;text-align:left;}.zdw7{font-weight:800;line-height:1.15;white-space:nowrap;}.zr1a{font-weight:600;line-height:1.15;margin-top:calc(var(--rpx) * 3);white-space:nowrap;}.zq1 .zr1w{border:calc(var(--rpx) * 1) solid rgba(71, 121, 116, .15);margin:calc(var(--rpx) * 12) 0 calc(var(--rpx) * 15);}.zq1 .zq4 > .zqd{border:calc(var(--rpx) * 1) solid rgba(151, 122, 75, .15);border-bottom:0;border-radius:calc(var(--rpx) * 22) calc(var(--rpx) * 22) 0 0;margin:calc(var(--rpx) * 2) 0 0;padding:calc(var(--rpx) * 17) calc(var(--rpx) * 15) calc(var(--rpx) * 8);}.zq1 .zq4 > .zrm{border-left:calc(var(--rpx) * 1) solid rgba(151, 122, 75, .15);border-right:calc(var(--rpx) * 1) solid rgba(151, 122, 75, .15);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 14) calc(var(--rpx) * 7);}.zq1 .zq4 > .zqj{border:calc(var(--rpx) * 1) solid rgba(151, 122, 75, .15);border-radius:0 0 calc(var(--rpx) * 22) calc(var(--rpx) * 22);border-top:0;box-sizing:border-box;margin-bottom:calc(var(--rpx) * 13);padding:calc(var(--rpx) * 7) calc(var(--rpx) * 11) calc(var(--rpx) * 13);}.zq1 .qv8{margin:0 0 calc(var(--rpx) * 14);}.zq1 .ec-toolbar{margin-top:0;}.zdx2u,
.zdx5p{box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 22) rgba(57, 91, 74, .055);}@media (max-width: 390px){.zra{gap:calc(var(--rpx) * 7);min-height:calc(var(--rpx) * 54);padding-right:calc(var(--rpx) * 11);}.zdw12{flex-basis:calc(var(--rpx) * 36);height:calc(var(--rpx) * 36);width:calc(var(--rpx) * 36);}.zdw7{font-size:calc(var(--rpx) * 15);}.zr1a{font-size:calc(var(--rpx) * 10);}.zrb{font-size:calc(var(--rpx) * 13);padding:calc(var(--rpx) * 7) calc(var(--rpx) * 10);}.zq1 .zr1w{padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}.zq1 .zq4 > .zqd{padding-left:calc(var(--rpx) * 12);padding-right:calc(var(--rpx) * 12);}.zq1 .zq4 > .zrm{padding-left:calc(var(--rpx) * 10);padding-right:calc(var(--rpx) * 10);}.zq1 .zq4 > .zqj{padding-left:calc(var(--rpx) * 8);padding-right:calc(var(--rpx) * 8);}.zq1 .qv8{padding:calc(var(--rpx) * 10) calc(var(--rpx) * 8);}}.zq2{--studio-ink:#1E2923;--studio-ink-soft:#46544C;--studio-muted:#78837C;--studio-green:#2F7055;--studio-green-deep:#245641;--studio-green-soft:#E6F0EA;--studio-green-mist:#F1F6F2;--studio-paper:#FBFBF7;--studio-paper-warm:#F6F3EC;--studio-surface:#FFFFFF;--studio-brass:#A6793F;--studio-brass-soft:#F3EADC;--studio-line:rgba(43, 76, 59, 0.12);--studio-line-strong:rgba(43, 76, 59, 0.20);--studio-shadow:0 calc(var(--rpx) * 12) calc(var(--rpx) * 34) rgba(39, 64, 51, 0.065), 0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(39, 64, 51, 0.035);}.zqr,
.zqr.result-skin-0,
.zqr.result-skin-1,
.zqr.result-skin-2{--result-accent:var(--studio-green);--result-accent-deep:var(--studio-green-deep);--result-soft:var(--studio-green-soft);--result-glow:rgba(77, 138, 105, 0.16);--result-line:var(--studio-line);background:radial-gradient(circle at 94% 1%, rgba(78, 129, 100, .07), transparent 25%),
    linear-gradient(180deg, #FCFCF9 0%, #F7F7F2 100%);border:calc(var(--rpx) * 1) solid rgba(45, 76, 60, .1);box-shadow:0 calc(var(--rpx) * 18) calc(var(--rpx) * 48) rgba(34, 58, 46, .075), 0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(34, 58, 46, .035);}.zqr > .zs5{filter:saturate(.72) contrast(.88);opacity:.085;}.zdwv{border-bottom-color:rgba(43, 76, 59, .09);}.zdu8,
.rc-label,
.zdun,
.zr1o{color:var(--studio-green);}.zdu15,
.rc-hint{color:var(--studio-muted);}.rc-card{background:radial-gradient(circle at 50% 45%, rgba(90, 151, 116, .14), transparent 48%),
    linear-gradient(155deg, #fff 0%, #EDF4EF 100%);border-color:var(--studio-line-strong);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 10) calc(var(--rpx) * 25) rgba(40, 80, 60, .055);}.rc-key,
.rc-mode,
.fp-title,
.cg-title,
.zdx18,
.chord-title{color:var(--studio-ink);}.zr1c,
.zqa{background:rgba(255, 255, 255, .86);border-color:var(--studio-line);box-shadow:var(--studio-shadow);}.zqc.candidate-skin-0,
.zqc.candidate-skin-1,
.zqc.candidate-skin-2{background:#F7F8F5;border-color:rgba(50, 78, 64, .11);}.zqc.candidate-skin-0.zq3,
.zqc.candidate-skin-1.zq3,
.zqc.candidate-skin-2.zq3{background:linear-gradient(145deg, #EDF6F0, #E2EEE7);border-color:rgba(47, 112, 85, .42);}.zqy .zqc.candidate-skin-0.zq3,
.zqy .zqc.candidate-skin-1.zq3,
.zqy .zqc.candidate-skin-2.zq3{box-shadow:inset calc(var(--rpx) * 5) 0 var(--studio-green), 0 calc(var(--rpx) * 7) calc(var(--rpx) * 16) rgba(46, 81, 63, .065);}.zq1 .zr1w{background:var(--studio-paper-warm);border-color:rgba(98, 82, 55, .105);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .84);}.zqa .zq1y,
.zqa .zq1y.qve{background:linear-gradient(145deg, #367A5D, var(--studio-green-deep));border-color:var(--studio-green-deep);box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 23) rgba(36, 86, 65, .17);color:#fff;}.zqa{background:linear-gradient(150deg, #fff, #F5F6F2);}.zqa .zq1z,
.zqa .zrl{background:#F4F5F1;border-color:rgba(48, 76, 62, .13);color:var(--studio-ink-soft);}.zduo,
.zduj{background:var(--studio-paper-warm);border-color:rgba(93, 79, 55, .1);}.zq1 .zdwr{background:radial-gradient(circle at 94% 0%, rgba(74, 128, 98, .075), transparent 24%),
    linear-gradient(180deg, #FCFCF9 0%, #F6F6F1 100%);}.zq1 .fp-header{background:rgba(255, 255, 255, .88);border-color:var(--studio-line);box-shadow:var(--studio-shadow), inset 0 calc(var(--rpx) * 4) var(--studio-green);}.zq1 .zrk{border-bottom-color:rgba(43, 76, 59, .085);}.zrb{background:var(--studio-green-soft);border:calc(var(--rpx) * 1) solid rgba(47, 112, 85, .13);color:var(--studio-green-deep);}.zra{background:#F4F6F2;border-color:rgba(47, 92, 70, .14);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92);}.zdw12{background:var(--studio-green-deep);box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 10) rgba(36, 86, 65, .16);}.zdw7{color:var(--studio-green-deep);}.zr1a{color:var(--studio-muted);}.zr1t .zq1a,
.zr1t .zq1a:nth-child(3n + 2),
.zr1t .zq1a:nth-child(3n){background:#F0F2ED;border-color:rgba(50, 79, 64, .1);color:#59675F;}.zr1t .zq1a.zq3,
.zr1t .zq1a:nth-child(3n + 2).zq3,
.zr1t .zq1a:nth-child(3n).zq3{background:linear-gradient(145deg, #397B5F, var(--studio-green-deep));border-color:var(--studio-green-deep);box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 15) rgba(36, 86, 65, .17);color:#fff;}.zq1 .zr1w{border-radius:calc(var(--rpx) * 20);}.zq1 .zq4 > .zqd,
.zq1 .zq4 > .zrm,
.zq1 .zq4 > .zqj{background:rgba(255, 255, 255, .84);border-color:var(--studio-line);}.zq1 .zq4 > .zqd{box-shadow:inset 0 calc(var(--rpx) * 4) rgba(47, 112, 85, .78);}.zq1 .zq4 > .zqj{box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 24) rgba(40, 68, 53, .05);}.zs3,
.zq1n{background:#ECEFEA;border:calc(var(--rpx) * 1) solid rgba(48, 76, 62, .075);}.zq12,
.zqt{color:#68746D;}.zq12.zq3,
.zqt.zq3{background:var(--studio-surface);box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(38, 66, 52, .075);color:var(--studio-green-deep);}.zqg,
.zqg:nth-child(8),
.zq2 .zqj .zqg,
.zq2 .zqj .zqg:nth-child(2n),
.zq2 .zqj .zqg:nth-child(3n),
.zq2 .zqj .zqg:nth-child(4n),
.zq2 .zqj .zqg:nth-child(8){background:linear-gradient(180deg, #fff 0%, #F4F5F1 100%);border-color:rgba(47, 76, 61, .115);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(38, 65, 51, .035);color:var(--studio-ink);}.zqg.qv4{background:var(--studio-green-mist);border-color:rgba(47, 112, 85, .28);transform:translateY(calc(var(--rpx) * 1)) scale(.985);}.zq2 .zqj .zqg.qv4{background:var(--studio-green-mist);border-color:rgba(47, 112, 85, .28);}.zqg.is-active,
.zq2 .zqj .zqg.is-active{background:linear-gradient(145deg, #397B5F, var(--studio-green-deep));border-color:var(--studio-green-deep);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 19) rgba(36, 86, 65, .17);color:#fff;}.zqg.is-active .zqv,
.zqg.is-active .zqq{color:#fff;}.zqg.qvd,
.zqg.zq19{background:linear-gradient(145deg, #FBF5E9, var(--studio-brass-soft));border-color:rgba(166, 121, 63, .38);box-shadow:0 0 0 calc(var(--rpx) * 2) rgba(166, 121, 63, .08);color:#6E522F;}.zq2 .zqj .zqg.qvd,
.zq2 .zqj .zqg.zq19{background:linear-gradient(145deg, #FBF5E9, var(--studio-brass-soft));border-color:rgba(166, 121, 63, .38);color:#6E522F;}.zqg.qvd .zdtp,
.zqg.zq19 .zdtp{background:var(--studio-brass);color:#fff;}.zq1 .qv8{border-color:rgba(96, 81, 55, .11);}.zq1 .zqm{background:linear-gradient(180deg, #F8F9F6 0%, #F1F3EE 100%);border-color:var(--studio-line);box-shadow:0 calc(var(--rpx) * 10) calc(var(--rpx) * 26) rgba(39, 66, 52, .05), inset 0 calc(var(--rpx) * 4) rgba(47, 112, 85, .7);}.zqm .zqu,
.zdw0{background:#fff;border-color:rgba(48, 78, 63, .12);color:var(--studio-ink-soft);}.zqm .zqu.zq3,
.zdw0.zq3{background:linear-gradient(145deg, #3A7A5E, var(--studio-green-deep));border-color:var(--studio-green-deep);box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 17) rgba(36, 86, 65, .15);color:#fff;}.zqm .zqu.zq3 .zr5,
.zqm .zqu.zq3 .zqp{color:#fff;}.zr21,
.voice-mix-card,
.zdtq{background:rgba(255, 255, 255, .72);border-color:rgba(48, 78, 63, .1);}.zrz .zr16{background:var(--studio-green-soft);border-color:rgba(47, 112, 85, .13);color:var(--studio-green-deep);}.reference-slider-shell .designed-slider-fill{background:linear-gradient(90deg, #7EAF96, var(--studio-green-deep));}.zdt6{background:var(--studio-green-deep);}.zq1 .zq1k,
.zq14{background:var(--studio-paper-warm);border-color:rgba(98, 81, 55, .12);}.zr17,
.zr24,
.zdtm{color:var(--studio-brass);}@media (max-width: 390px){.zqr,
  .zqr.result-skin-0,
  .zqr.result-skin-1,
  .zqr.result-skin-2{box-shadow:0 calc(var(--rpx) * 12) calc(var(--rpx) * 32) rgba(34, 58, 46, .065), 0 calc(var(--rpx) * 2) calc(var(--rpx) * 6) rgba(34, 58, 46, .03);}.zq1 .fp-header,
.zr1c,
.zqa{box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 22) rgba(39, 64, 51, .05);}}.zro{justify-content:space-between;}.zro .chord-title{flex:0 0 auto;}.zq1 .zq4 > .zqm{order:3;}.zq1 .zq4 > .zr1w{order:4;}.zq1 .zq11{border-radius:calc(var(--rpx) * 18);gap:0;margin:calc(var(--rpx) * 8) 0 calc(var(--rpx) * 12);}.zq1 .zq11 > .zqi{order:1;}.zq1 .zq11 > .zrq{order:2;}.zq1 .zq11 > .zdw4{order:3;}.zq1 .zqh{align-items:center;border:calc(var(--rpx) * 1) solid rgba(48, 78, 63, .1);border-radius:calc(var(--rpx) * 15);display:grid;margin:0;}.zq1 .zq11 > .zqh > .zr1r{border:0;border-top:calc(var(--rpx) * 1) solid rgba(48, 78, 63, .08);grid-column:1 / -1;margin:calc(var(--rpx) * 7) 0 0;padding:calc(var(--rpx) * 7) 0 0;}.zq1 .zqh .zdu9{display:none;}.zq1 .zqh .zrz{display:block;}.zq1 .zqh .zrz .zdtq{align-items:center;background:rgba(255, 255, 255, .5);border:calc(var(--rpx) * 1) solid rgba(48, 78, 63, .09);border-radius:calc(var(--rpx) * 12);display:grid;gap:calc(var(--rpx) * 10);grid-template-columns:calc(var(--rpx) * 154) minmax(0, 1fr);min-height:calc(var(--rpx) * 50);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10);}.zq1 .zqh .zdtq .mix-volume-heading{gap:calc(var(--rpx) * 6);}.zq1 .zqh .zdtq .zr1q,
.zq1 .zqh .zdtq .zr16{font-size:calc(var(--rpx) * 15);}.zq1 .zqh .zdtq .designed-slider-shell{height:calc(var(--rpx) * 38);}.zq1 .zq11 > .zrq{border:0;margin:0;padding:calc(var(--rpx) * 10) 0 calc(var(--rpx) * 8);}.zq1 .zq11 .zqu{border-radius:calc(var(--rpx) * 10);}.zq1 .zq11 > .zdw4{border:0;gap:calc(var(--rpx) * 8);padding:0;}.zq1 .zq11 .zdw6{max-width:none;padding:calc(var(--rpx) * 2);}.zq1 .zq11 .zdw0{padding:0 calc(var(--rpx) * 4);}@media (max-width: 350px){.zq1 .zqh > .zr1r{grid-column:1;}}@media (max-width: 390px){.zq1 .zqh{grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);}}.zq4 > .zqm{order:10;}.zq4 > .zq1k{order:11;}.zq4 > .zq14{order:12;}.zq1 .zq11 > .zrq{grid-template-columns:repeat(5, minmax(0, 1fr));}.zq1 .zq11 .zqu{box-sizing:border-box;min-width:0;overflow:hidden;width:100%;}.zq1 .zq11 .zr5{line-height:1.1;white-space:nowrap;}.zq1 .zq11 .zqp{margin-top:calc(var(--rpx) * 4);max-width:100%;overflow:hidden;padding:0 calc(var(--rpx) * 1);text-overflow:ellipsis;white-space:nowrap;}@media (max-width: 390px){.zq1 .zq11 > .zrq{gap:calc(var(--rpx) * 4);}.zq1 .zq11 .zr5{font-size:calc(var(--rpx) * 14);}.zq1 .zq11 .zqp{font-size:calc(var(--rpx) * 8);}}.mini-root .zq4 > .zqj .zqg,
.mini-root .zq1 .zq4 > .zqj .zqg,
.mini-root .zq4 .ec-grid .zqg,
.mini-root .zq1 .zq4 .ec-grid .zqg{box-sizing:border-box !important;min-height:calc(var(--rpx) * 100) !important;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 4) !important;}.mini-root .zq4 > .zqj .zqv,
.mini-root .zq1 .zq4 > .zqj .zqv,
.mini-root .zq4 .ec-grid .zqv,
.mini-root .zq1 .zq4 .ec-grid .zqv{font-size:calc(var(--rpx) * 15) !important;line-height:1.16 !important;}.mini-root .zq4 > .zqj .zqq,
.mini-root .zq1 .zq4 > .zqj .zqq,
.mini-root .zq4 .ec-grid .zqq,
.mini-root .zq1 .zq4 .ec-grid .zqq{line-height:1.16 !important;}.mini-root .zq4 > .zqj .ec-function,
.mini-root .zq1 .zq4 > .zqj .ec-function,
.mini-root .zq4 .ec-grid .ec-function,
.mini-root .zq1 .zq4 .ec-grid .ec-function{line-height:1.16 !important;margin-top:calc(var(--rpx) * 3) !important;}.mini-root .zq1n,
.mini-root .zq1 .zq1n{display:grid !important;gap:calc(var(--rpx) * 5) !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;max-width:none !important;width:100% !important;}.mini-root .zqt,
.mini-root .zq1 .zqt{box-sizing:border-box !important;font-size:calc(var(--rpx) * 16) !important;min-height:calc(var(--rpx) * 50) !important;min-width:0 !important;padding:0 calc(var(--rpx) * 3) !important;white-space:nowrap !important;}.mini-root .chord-type-eleventh .zqg{background:linear-gradient(180deg, #fff 0%, #EDF5F4 100%) !important;}.mini-root .chord-type-thirteenth .zqg{background:linear-gradient(180deg, #fff 0%, #FAF3E5 100%) !important;}.mini-root .chord-type-sixNine .zqg{background:linear-gradient(180deg, #fff 0%, #F1F5E9 100%) !important;}.mini-root .chord-type-jazz .zqg,
.mini-root .chord-type-jazzAltered .zqg{background:linear-gradient(180deg, #fff 0%, #F1EEF7 58%, #EDF4F2 100%) !important;}.mini-root .chord-type-eleventh .zqq,
.mini-root .chord-type-thirteenth .zqq,
.mini-root .chord-type-sixNine .zqq,
.mini-root .chord-type-jazz .zqq,
.mini-root .chord-type-jazzAltered .zqq{font-size:calc(var(--rpx) * 19) !important;letter-spacing:calc(var(--rpx) * -0.25) !important;}@media (max-width: 390px){.mini-root .zqt,
  .mini-root .zq1 .zqt{font-size:calc(var(--rpx) * 15) !important;min-height:calc(var(--rpx) * 48) !important;}.mini-root .chord-type-eleventh .zqq,
  .mini-root .chord-type-thirteenth .zqq,
  .mini-root .chord-type-sixNine .zqq,
  .mini-root .chord-type-jazz .zqq,
  .mini-root .chord-type-jazzAltered .zqq{font-size:calc(var(--rpx) * 18) !important;}}.chord-type-jazz .zqg,
.chord-type-jazzAltered .zqg{background:linear-gradient(180deg, #fff 0%, #F4F1F8 55%, #EEF5F1 100%) !important;}.chord-type-jazz .zqq,
.chord-type-jazzAltered .zqq{font-size:calc(var(--rpx) * 19) !important;letter-spacing:calc(var(--rpx) * -0.25);}.linear-harmony-rows{margin-top:calc(var(--rpx) * 8) !important;}.zsd + .zsd{border-top:calc(var(--rpx) * 1) solid rgba(55, 98, 77, .08) !important;padding-top:calc(var(--rpx) * 7) !important;}.linear-harmony-rows.zdv18{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr));gap:calc(var(--rpx) * 8) !important;}.zdv18 .zsd + .zsd{border:0 !important;padding:0 !important;}.mini-root .qv0.zq0 .zq2 .zq4 .qv8 .zqg.is-active text,
.mini-root .qv0.zq0 .zq2 .zq4 .qv8 .zqg.is-active view{color:#FFF !important;}@media (max-width: 390px){.zqt,
  .zq1 .zqt{padding:0 calc(var(--rpx) * 1) !important;}.chord-type-jazz .zqq,
  .chord-type-jazzAltered .zqq{font-size:calc(var(--rpx) * 18) !important;}}.zq1 .zrk{gap:calc(var(--rpx) * 10) !important;}.zq1 .zra{overflow:hidden !important;}.zq1 .zr1y{flex:0 0 auto;white-space:nowrap;}.zq1 .zrb{border:calc(var(--rpx) * 1) solid rgba(47, 113, 84, .15);}.zq1 .zr1o,
.zq1 .pt-label{font-size:calc(var(--rpx) * 23) !important;}.zq1 .cg-tip,
.zq1 .zqp{font-size:calc(var(--rpx) * 14) !important;}.zq1 .zr5,
.zq1 .zdw0{font-size:calc(var(--rpx) * 16) !important;}@media (max-width: 390px){.zq1 .zrb{font-size:calc(var(--rpx) * 14);padding:0 calc(var(--rpx) * 10);}.zq1 .zr1a{display:none;}}.zr1y{align-items:center;display:flex;gap:calc(var(--rpx) * 7);}.zq1t{align-items:stretch;grid-template-columns:repeat(2, minmax(0, 1fr));}.zq1t .zrf{align-items:center;display:grid;line-height:1.15;text-align:left;}.zdwe{align-items:center;background:rgba(255, 255, 255, .34);border-radius:50%;display:flex;font-size:calc(var(--rpx) * 16);height:calc(var(--rpx) * 30);justify-content:center;width:calc(var(--rpx) * 30);}.zdw5,
.zr1x{display:block;}.zdw5{font-weight:830;}.zr1x{font-weight:620;margin-top:calc(var(--rpx) * 3);opacity:.72;white-space:normal;}@media (max-width: 390px){}.zq0.is-home{padding-top:calc(var(--rpx) * 10);}.zq0.is-home .hero-section{padding-bottom:calc(var(--rpx) * 30);padding-top:calc(var(--rpx) * 22);}@keyframes toneSourceDiscSpin{to{transform:rotate(360deg);}}.zqw{width:100%;margin:calc(var(--rpx) * 14) 0 calc(var(--rpx) * 6);padding:calc(var(--rpx) * 12) calc(var(--rpx) * 16);border:calc(var(--rpx) * 1) solid #DFEAE3;border-radius:calc(var(--rpx) * 16);background:#F7FAF8;color:#446c5b;}.zdtz{display:flex;align-items:center;gap:calc(var(--rpx) * 10);min-width:0;}.zdwk{align-items:center;background:#E6F0E9;border-radius:50%;display:flex;flex:0 0 calc(var(--rpx) * 32);height:calc(var(--rpx) * 32);justify-content:center;text-align:center;font-size:calc(var(--rpx) * 21);font-weight:800;}.zdth{flex:1;min-width:0;font-size:calc(var(--rpx) * 22);font-weight:650;line-height:1.4;}.zdum{flex:0 0 calc(var(--rpx) * 78);font-size:calc(var(--rpx) * 21);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;}.zr1b{height:calc(var(--rpx) * 4);margin-top:calc(var(--rpx) * 8);border-radius:calc(var(--rpx) * 8);overflow:hidden;background:#E4ECE7;}.zr1b > view{height:100%;border-radius:inherit;background:linear-gradient(90deg, #9ABDAA, #54896D);transition:width 180ms ease-out;}.zdu5{display:flex;align-items:baseline;gap:calc(var(--rpx) * 12);margin-top:calc(var(--rpx) * 6);color:#6B7E72;font-size:calc(var(--rpx) * 19);line-height:1.45;}.zdu5 > text:first-child{flex:1;min-width:0;}.zqw.state-ready{background:#F5FAF6;border-color:#DDEAE1;}.zqw.state-ready .zdwk{background:#DDEFE3;color:#2C7151;}.zqw.state-ready .zdum{color:#508067;font-size:calc(var(--rpx) * 19);}.zqw.state-partial{background:#fbf7ee;border-color:#e9dfc9;color:#876735;}.zqw.state-partial .zdwk{background:#F2E8D1;}.zqw.state-partial .zr1b > view{background:#B89B62;}@keyframes harmonyDrumPanelReveal{from{opacity:0;transform:translateY(calc(var(--rpx) * -5));}to{opacity:1;transform:translateY(0);}}.zq1 .zq11 .zqp{line-height:1.16 !important;}.zq1 .zr19{line-height:1.3 !important;}.zq1 .zqj .zqv{font-size:calc(var(--rpx) * 15) !important;line-height:1.28 !important;}.zq1 .zr17,
.zq1 .zdu14,
.zq1 .zsa{font-size:calc(var(--rpx) * 14) !important;}@media (max-width: 390px){.zq1 .zr1a{display:block !important;font-size:calc(var(--rpx) * 12) !important;}.zq1 .zqj .zqv{font-size:calc(var(--rpx) * 14) !important;}}.zq1t .zrf:active{opacity:.88;transform:translateY(calc(var(--rpx) * 1)) scale(.99);}.zq1t{gap:calc(var(--rpx) * 9);margin-top:calc(var(--rpx) * 9);}.zq1t .zrf{border:calc(var(--rpx) * 1) solid rgba(49, 101, 76, .15);border-radius:calc(var(--rpx) * 16);box-shadow:0 calc(var(--rpx) * 7) calc(var(--rpx) * 17) rgba(40, 81, 61, .075), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .3);gap:calc(var(--rpx) * 9);grid-template-columns:calc(var(--rpx) * 34) minmax(0, 1fr);min-height:calc(var(--rpx) * 72);padding:calc(var(--rpx) * 9) calc(var(--rpx) * 12);}.zq1t .zdx1g{background:linear-gradient(145deg, #3E8867, #28684E);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 19) rgba(37, 100, 74, .16), inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .22);}.zq1t .zdwe{font-size:calc(var(--rpx) * 17);height:calc(var(--rpx) * 34);width:calc(var(--rpx) * 34);}.zq1t .zdw5{font-size:calc(var(--rpx) * 17);line-height:1.15;}.zq1t .zr1x{font-size:calc(var(--rpx) * 12);line-height:1.25;margin-top:calc(var(--rpx) * 4);}.zq1t .zrf[disabled]{box-shadow:none;background:#EDF1EE !important;color:#78877D !important;filter:none;opacity:1;}.zq1t .zrf[disabled] .zdw5,
.zq1t .zrf[disabled] .zr1x,
.zq1t .zrf[disabled] .zdwe{color:#78877D !important;opacity:1;}.zq1 .zrb{border-width:calc(var(--rpx) * 1);}.zq2.zq1{gap:calc(var(--rpx) * 16);}.zq1 .zdwr{padding-left:calc(var(--rpx) * 13) !important;padding-right:calc(var(--rpx) * 13) !important;}.zq1 .fp-header{padding:calc(var(--rpx) * 18) calc(var(--rpx) * 16) !important;}.zq1 .zrk,
.zq1 .zr1y,
.zq1 .zdw1,
.zq1 .zdx16{min-width:0;}.zq1 .zrb{padding-left:calc(var(--rpx) * 12) !important;padding-right:calc(var(--rpx) * 12) !important;}.zq1 .zdw1{gap:calc(var(--rpx) * 12) !important;margin-top:calc(var(--rpx) * 16) !important;}.zq1 .zr1o{font-size:calc(var(--rpx) * 20) !important;}.zq1 .fp-title{font-size:calc(var(--rpx) * 33) !important;line-height:1.18 !important;}.zq1 .zr1t{gap:calc(var(--rpx) * 8) !important;padding:calc(var(--rpx) * 5) calc(var(--rpx) * 1) calc(var(--rpx) * 3) !important;}.zq1 .zq1a{flex-basis:calc(var(--rpx) * 68) !important;font-size:calc(var(--rpx) * 19) !important;height:calc(var(--rpx) * 56) !important;min-height:calc(var(--rpx) * 56) !important;min-width:calc(var(--rpx) * 68) !important;}.zq1 .is-free-play-listen{padding:calc(var(--rpx) * 17) calc(var(--rpx) * 13) !important;}.zq1 .cg-title{font-size:calc(var(--rpx) * 30) !important;line-height:1.18 !important;}.zq1 .zdx30{font-size:calc(var(--rpx) * 18) !important;}.zq1 .cg-tip{font-size:calc(var(--rpx) * 15) !important;line-height:1.45 !important;}.zq1 .zr1w{padding:calc(var(--rpx) * 17) calc(var(--rpx) * 14) !important;}.zq1 .zq11{padding:calc(var(--rpx) * 13) !important;}.zq1 .zq11 > .zrq{gap:calc(var(--rpx) * 6) !important;}.zq1 .zq11 .zqu{min-height:calc(var(--rpx) * 66) !important;padding:calc(var(--rpx) * 7) calc(var(--rpx) * 2) calc(var(--rpx) * 6) !important;}.zq1 .zq11 .zr5{font-size:calc(var(--rpx) * 17) !important;}.zq1 .zq11 .zqp{font-size:calc(var(--rpx) * 10) !important;}.zq1 .zq11 .pt-label{font-size:calc(var(--rpx) * 17) !important;}.zq1 .zq11 .zdw0{font-size:calc(var(--rpx) * 16) !important;line-height:calc(var(--rpx) * 44) !important;min-height:calc(var(--rpx) * 44) !important;}.zq1 .chord-title{font-size:calc(var(--rpx) * 25) !important;}.zq1 .zr19{font-size:calc(var(--rpx) * 13) !important;}.zq1 .zqj{gap:calc(var(--rpx) * 8) !important;}.zq1 .zqg{border-radius:calc(var(--rpx) * 14) !important;min-height:calc(var(--rpx) * 96) !important;min-width:0 !important;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 5) !important;}.zq1 .zqv{font-size:calc(var(--rpx) * 14) !important;line-height:1.25 !important;}.zq1 .zqq{font-size:calc(var(--rpx) * 22) !important;line-height:1.18 !important;margin-top:calc(var(--rpx) * 5) !important;}.zq1 .zq1k{min-height:calc(var(--rpx) * 70) !important;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 14) !important;}.zq1 .zr17{font-size:calc(var(--rpx) * 14) !important;}.zq1 .zr23{font-size:calc(var(--rpx) * 19) !important;}.zq1 .zsa{font-size:calc(var(--rpx) * 12) !important;line-height:1.35 !important;margin-top:calc(var(--rpx) * 7) !important;}@media (max-width: 390px){.zq1 .zdwr{padding-left:calc(var(--rpx) * 10) !important;padding-right:calc(var(--rpx) * 10) !important;}.zq1 .zrb{font-size:calc(var(--rpx) * 15) !important;padding-left:calc(var(--rpx) * 9) !important;padding-right:calc(var(--rpx) * 9) !important;}}@media (max-width: 350px){.zq1 .zdw1{align-items:flex-start !important;flex-direction:column !important;}.zq1 .zq11 > .zrq{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}}.zq8{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;min-width:0;}.zdy14{cursor:pointer;}.bpm-input-mask{align-items:center;background:rgba(20, 32, 27, .45);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999;}.bpm-input-card{background:#fff;border-radius:calc(var(--rpx) * 24);box-shadow:0 calc(var(--rpx) * 18) calc(var(--rpx) * 50) rgba(18, 45, 32, .22);box-sizing:border-box;max-width:calc(var(--rpx) * 520);padding:calc(var(--rpx) * 28) calc(var(--rpx) * 26) calc(var(--rpx) * 24);width:82%;}.zdx29{color:#274A38;display:block;font-size:calc(var(--rpx) * 20);font-weight:850;margin-bottom:calc(var(--rpx) * 18);text-align:center;}.bpm-input-field{background:#F2F6F3;border:calc(var(--rpx) * 1) solid rgba(52, 108, 80, .18);border-radius:calc(var(--rpx) * 14);box-sizing:border-box;color:#1F3B2D;font-size:calc(var(--rpx) * 28);font-weight:800;height:calc(var(--rpx) * 72);line-height:calc(var(--rpx) * 72);padding:0 calc(var(--rpx) * 16);text-align:center;width:100%;}.zduq{display:flex;gap:calc(var(--rpx) * 12);margin-top:calc(var(--rpx) * 22);}.zdvl{border-radius:calc(var(--rpx) * 14);flex:1;font-weight:800;height:calc(var(--rpx) * 68);line-height:calc(var(--rpx) * 68);margin:0;padding:0;}.zdvl::after{border:0;}.bpm-input-cancel{background:#EEF2EF;color:#5A6E62;}.bpm-input-confirm{background:linear-gradient(145deg, #3E8867, #28684E);color:#fff;}.zq8{gap:calc(var(--rpx) * 4) !important;}.zdu1.is-recording{background:linear-gradient(145deg, #FDE8E8, #F8D5D5) !important;border-color:rgba(190, 70, 60, .25) !important;color:#A33A2E !important;}.zdu1.is-recording .zdwe{background:rgba(190, 70, 60, .12);color:#A33A2E;}.zdu1.is-ready{background:linear-gradient(145deg, #E9F6EF, #D8EDE2) !important;border-color:rgba(47, 112, 85, .22) !important;color:#2C684D !important;}.zdu1{background:linear-gradient(145deg, #EFF6F2, #E3EFE8) !important;border-color:rgba(47, 112, 85, .18) !important;color:#2F6E52 !important;}.zdu1 .zdwe{background:rgba(47, 112, 85, .12);color:#2F6E52;}.zdu1 .zdw5{font-weight:850 !important;}.hy-slot.zq3{border-color:rgba(47, 112, 85, .45) !important;box-shadow:0 0 0 calc(var(--rpx) * 4) rgba(47, 112, 85, .1) !important;transform:translateY(calc(var(--rpx) * -1));}.zsd{align-items:center;border-radius:calc(var(--rpx) * 12);gap:calc(var(--rpx) * 8);grid-template-columns:calc(var(--rpx) * 74) minmax(0, 1fr);}.zdsa{padding:calc(var(--rpx) * 8) calc(var(--rpx) * 5) calc(var(--rpx) * 7) !important;}.linear-harmony-panel{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;}.zsd{background:transparent !important;border:none !important;display:block !important;min-height:0 !important;padding:0 !important;}.zq1n{background:rgba(53, 108, 82, .06) !important;border-radius:calc(var(--rpx) * 999) !important;display:grid !important;flex:1 1 calc(var(--rpx) * 230) !important;gap:calc(var(--rpx) * 3) !important;min-width:0 !important;padding:calc(var(--rpx) * 3) !important;}.zrh{overflow:visible !important;text-overflow:clip !important;white-space:normal !important;}@media (max-width: 420px){.zq1 .zdwr{padding-left:calc(var(--rpx) * 14) !important;padding-right:calc(var(--rpx) * 14) !important;}.zq1 .fp-title{font-size:calc(var(--rpx) * 31) !important;line-height:1.18 !important;}.zq1 .cg-tip{font-size:calc(var(--rpx) * 17) !important;line-height:1.35 !important;}.zq1 .zq1a{font-size:calc(var(--rpx) * 20) !important;min-height:calc(var(--rpx) * 56) !important;min-width:calc(var(--rpx) * 70) !important;}.zq1 .zr1o,
.zq1 .pt-label,
  .zq1 .zq11 .zr5{font-size:calc(var(--rpx) * 18) !important;}.zq1 .zq11 .zqp{font-size:calc(var(--rpx) * 13) !important;line-height:1.2 !important;}.zq1 .zdw0{font-size:calc(var(--rpx) * 15) !important;min-height:calc(var(--rpx) * 46) !important;}.zq1 .zqv{font-size:calc(var(--rpx) * 14) !important;}.zq1 .zqq{font-size:calc(var(--rpx) * 21) !important;}.zq1n{flex-basis:calc(var(--rpx) * 220) !important;max-width:calc(var(--rpx) * 280) !important;}.zqt{font-size:calc(var(--rpx) * 14) !important;min-height:calc(var(--rpx) * 46) !important;}}.zs3{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;}.zq12{align-items:center !important;display:flex !important;justify-content:center !important;}.qv8,
.zq1 .qv8{background:linear-gradient(150deg, rgba(250, 248, 242, .98), rgba(244, 248, 246, .98)) !important;border:calc(var(--rpx) * 1) solid rgba(48, 103, 78, .14) !important;border-radius:calc(var(--rpx) * 22) !important;box-shadow:0 calc(var(--rpx) * 9) calc(var(--rpx) * 24) rgba(48, 77, 61, .045) !important;box-sizing:border-box !important;margin-bottom:calc(var(--rpx) * 14) !important;padding:calc(var(--rpx) * 13) !important;}.ec-toolbar,
.zq1 .ec-toolbar{display:block !important;margin:0 0 calc(var(--rpx) * 11) !important;padding:0 !important;}.ec-toolbar-heading{align-items:center;display:flex;gap:calc(var(--rpx) * 10);justify-content:space-between;margin-bottom:calc(var(--rpx) * 10);min-width:0;}.zdv1b{flex:1;min-width:0;}.ec-label,
.zq1 .ec-label{color:#355F4D !important;display:block;font-weight:820 !important;line-height:1.2;}.zdx2e{color:#849189;display:block;line-height:1.3;}.mini-root .qv0.zq0 .zq2 .qv8 .zq1n{background:transparent !important;border:0 !important;border-radius:0 !important;display:grid !important;gap:calc(var(--rpx) * 8) !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;max-width:none !important;margin:calc(var(--rpx) * 7) 0 calc(var(--rpx) * 11) !important;padding:0 !important;width:100% !important;}.mini-root .qv0.zq0 .zq2 .qv8 .zqt{align-items:center !important;background:linear-gradient(#FFF, #F2F7F0) !important;border:calc(var(--rpx) * 1) solid #D1DFD2 !important;border-radius:calc(var(--rpx) * 14) !important;box-shadow:inset 0 calc(var(--rpx) * 1) #FFF, 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(47, 80, 52, .035) !important;color:#4E6F58 !important;display:flex !important;font-size:calc(var(--rpx) * 22) !important;font-weight:550 !important;justify-content:center !important;line-height:1.15 !important;min-height:44px !important;padding:0 calc(var(--rpx) * 3) !important;}.mini-root .qv0.zq0 .zq2 .qv8 .zqt.zq3{background:linear-gradient(#E6F3E7, #D2E8D6) !important;border:calc(var(--rpx) * 1) solid #8FB79B !important;box-shadow:inset 0 calc(var(--rpx) * -2) #89B096 !important;color:#2B6444 !important;}.zq4 .ec-grid{gap:calc(var(--rpx) * 8) !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;}.zq4 .ec-grid .zqg,
.zq1 .zq4 .ec-grid .zqg{border-radius:calc(var(--rpx) * 14) !important;box-sizing:border-box !important;}.chord-type-color .zqg{background:linear-gradient(180deg, #fff 0%, #F9F5EB 100%) !important;}.chord-type-dominant .zqg{background:linear-gradient(180deg, #fff 0%, #EEF7F3 100%) !important;}.chord-type-dominant9 .zqg{background:linear-gradient(180deg, #fff 0%, #F3F1F8 100%) !important;}.zq4 .ec-grid .zqv,
.zq1 .zq4 .ec-grid .zqv{color:#667B70 !important;display:block !important;font-weight:750 !important;line-height:1.2 !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zq4 .ec-grid .zqq,
.zq1 .zq4 .ec-grid .zqq{color:#1E342A !important;display:block !important;font-weight:830 !important;margin-top:calc(var(--rpx) * 3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.linear-harmony-panel{margin-top:0 !important;}.linear-harmony-description{color:#7E8D85;display:block;font-size:calc(var(--rpx) * 19);line-height:1.4;margin:calc(var(--rpx) * 7) calc(var(--rpx) * 3) calc(var(--rpx) * 11);}.linear-harmony-rows{display:flex !important;flex-direction:column !important;}.zsd{margin:0 !important;}@media (max-width: 390px){.zq12{font-size:calc(var(--rpx) * 22) !important;min-height:calc(var(--rpx) * 54) !important;}.qv8,
  .zq1 .qv8{padding:calc(var(--rpx) * 11) !important;}.zq1n{max-width:none !important;}.zq4 .ec-grid{gap:calc(var(--rpx) * 6) !important;}.zq4 .ec-grid .zqg,
  .zq1 .zq4 .ec-grid .zqg{min-height:calc(var(--rpx) * 104) !important;padding-left:calc(var(--rpx) * 3) !important;padding-right:calc(var(--rpx) * 3) !important;}.zq4 .ec-grid .zqv,
  .zq1 .zq4 .ec-grid .zqv{font-size:calc(var(--rpx) * 17) !important;}.ec-function{font-size:calc(var(--rpx) * 16) !important;}}.zq12,
.zq1 .zq12{font-size:calc(var(--rpx) * 19) !important;line-height:1.15 !important;min-height:calc(var(--rpx) * 54) !important;padding:0 calc(var(--rpx) * 3) !important;}.zq4 > .zqj .zqv,
.zq1 .zq4 > .zqj .zqv{font-size:calc(var(--rpx) * 15) !important;}.zq4 > .zqj .zqq,
.zq1 .zq4 > .zqj .zqq{font-size:calc(var(--rpx) * 22) !important;line-height:1.16 !important;}.ec-label,
.zq1 .ec-label{font-size:calc(var(--rpx) * 22) !important;}.zdx2e{margin-top:calc(var(--rpx) * 2) !important;}.zq4 .ec-grid .zqg,
.zq1 .zq4 .ec-grid .zqg{min-height:calc(var(--rpx) * 100) !important;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 4) !important;}.zq4 .ec-grid .zqv,
.zq1 .zq4 .ec-grid .zqv{font-size:calc(var(--rpx) * 16) !important;}.zq4 .ec-grid .zqq,
.zq1 .zq4 .ec-grid .zqq{font-size:calc(var(--rpx) * 22) !important;line-height:1.16 !important;}.ec-function{color:#7C8C84;display:block;line-height:1.16;margin-top:calc(var(--rpx) * 3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.linear-harmony-rows{gap:calc(var(--rpx) * 11) !important;margin-top:calc(var(--rpx) * 9);}.zdsa,
.zq4 .ec-grid .zdsa{min-height:calc(var(--rpx) * 96) !important;}.zq1 .zrb:active{filter:brightness(.98);transform:translateY(calc(var(--rpx) * 1)) scale(.985);}.zq1 .zrk{justify-content:space-between !important;}.zq1 .zra,
.zq1 .zr1y{min-width:0 !important;}.zq1 .zdw12{flex-basis:calc(var(--rpx) * 34) !important;}.zq1 .zdx3b{min-width:0;overflow:hidden;}.zq1 .zdw7,
.zq1 .zr1a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@media (max-width: 390px){.zq12,
  .zq1 .zq12{font-size:calc(var(--rpx) * 18) !important;min-height:calc(var(--rpx) * 50) !important;}.zq4 .ec-grid .zqq,
  .zq1 .zq4 .ec-grid .zqq{font-size:calc(var(--rpx) * 21) !important;}.zq1 .zrk{grid-template-columns:minmax(0, 1fr) auto !important;}.zq1 .zra{width:auto !important;}}button{box-sizing:border-box;font-family:inherit;}.zdwh{line-height:1.22 !important;}.zdwl{line-height:1.55 !important;}.zdw15{line-height:1.24 !important;}.zq10 .btn{border-radius:calc(var(--rpx) * 22) !important;min-height:calc(var(--rpx) * 92) !important;padding:calc(var(--rpx) * 17) calc(var(--rpx) * 18) !important;}.zr26,
.zr1j{line-height:1.16 !important;}.zr2e,
.zr1g{line-height:1.25 !important;margin-top:calc(var(--rpx) * 5) !important;}.zdx11{line-height:1.45 !important;}.fp-entry{border-radius:calc(var(--rpx) * 20) !important;min-height:calc(var(--rpx) * 70) !important;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 15) !important;}.zdx2v{font-size:calc(var(--rpx) * 29) !important;}.zdx1o{font-size:calc(var(--rpx) * 22) !important;}.zduv,
.zdt5{font-size:calc(var(--rpx) * 22) !important;min-height:calc(var(--rpx) * 56) !important;}.zdx43,
.zdx1n{font-size:calc(var(--rpx) * 23) !important;}.zdx5q,
.zdw2f,
.zdy1j{font-size:calc(var(--rpx) * 20) !important;line-height:1.45 !important;}.rc-key{line-height:1 !important;}.rc-hint{line-height:1.35 !important;}.zqc{min-height:calc(var(--rpx) * 78) !important;padding:calc(var(--rpx) * 13) calc(var(--rpx) * 16) !important;}.zdv15{font-size:calc(var(--rpx) * 18) !important;}.zrj{font-size:calc(var(--rpx) * 20) !important;min-height:calc(var(--rpx) * 54) !important;}.zdv5{font-size:calc(var(--rpx) * 21) !important;}.zr11{font-size:calc(var(--rpx) * 19) !important;}.zq1y,
.zrl{min-height:calc(var(--rpx) * 78) !important;}.zra{min-height:calc(var(--rpx) * 56) !important;}.zrb{min-height:calc(var(--rpx) * 50) !important;}.zq1a{min-height:calc(var(--rpx) * 58) !important;min-width:calc(var(--rpx) * 72) !important;}.zqu{min-height:calc(var(--rpx) * 76) !important;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 4) !important;}.zqp{line-height:1.2 !important;}.zdw0{min-height:calc(var(--rpx) * 46) !important;}.zr9{font-size:calc(var(--rpx) * 17) !important;min-height:calc(var(--rpx) * 64) !important;}.zri{align-items:center;background:rgba(255, 255, 255, .82);border:calc(var(--rpx) * 1) solid rgba(47, 112, 85, .17);border-radius:calc(var(--rpx) * 999);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .94), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(39, 69, 53, .04);box-sizing:border-box;color:var(--studio-green-deep);display:flex;flex:0 0 calc(var(--rpx) * 94);font-size:calc(var(--rpx) * 17);font-weight:760;justify-content:center;line-height:1;margin:0;min-height:calc(var(--rpx) * 64);min-width:0;padding:0 calc(var(--rpx) * 10);transition:background 150ms ease, border-color 150ms ease, color 150ms ease, transform 100ms ease;width:calc(var(--rpx) * 94);}.zri::after{border:0;}.zri.is-number{background:linear-gradient(135deg, rgba(46, 124, 91, .13), rgba(244, 238, 215, .52));border-color:rgba(39, 112, 81, .28);color:#245c46;}.zri:active{transform:translateY(calc(var(--rpx) * 1)) scale(.98);}.zdx2a{white-space:nowrap;}.zr9{align-items:center;background:rgba(255, 255, 255, .82);border:calc(var(--rpx) * 1) solid rgba(47, 112, 85, .17);border-radius:calc(var(--rpx) * 999);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .94), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(39, 69, 53, .04);box-sizing:border-box;color:var(--studio-green-deep);display:flex;flex:0 0 calc(var(--rpx) * 78);font-size:calc(var(--rpx) * 17);font-weight:760;justify-content:center;line-height:1;margin:0;min-height:calc(var(--rpx) * 64);min-width:0;padding:0 calc(var(--rpx) * 7);transition:background 150ms ease, border-color 150ms ease, color 150ms ease, transform 100ms ease;width:calc(var(--rpx) * 78);}.zr9::after{border:0;}.zr9.is-active{background:linear-gradient(135deg, rgba(46, 124, 91, .16), rgba(244, 238, 215, .66));border-color:rgba(39, 112, 81, .31);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 5) calc(var(--rpx) * 14) rgba(39, 91, 65, .08);color:#1f6046;}.zr9:active{transform:translateY(calc(var(--rpx) * 1)) scale(.98);}.zdw1w{white-space:nowrap;}@media (max-width: 390px){.zri{flex-basis:calc(var(--rpx) * 88);padding:0 calc(var(--rpx) * 7);width:calc(var(--rpx) * 88);}}.zq12{min-height:calc(var(--rpx) * 52) !important;}.zr17{font-size:calc(var(--rpx) * 17) !important;}.zr23{font-size:calc(var(--rpx) * 22) !important;}.zdu7{font-size:calc(var(--rpx) * 17) !important;}.zdu14{font-size:calc(var(--rpx) * 16) !important;}.zr24{font-size:calc(var(--rpx) * 20) !important;}.zrx{font-size:calc(var(--rpx) * 17) !important;}.zr13{font-size:calc(var(--rpx) * 15) !important;}.zsa{font-size:calc(var(--rpx) * 16) !important;}.zrt{font-size:calc(var(--rpx) * 22) !important;}.hy-slot-name{font-size:calc(var(--rpx) * 16) !important;}.zdw5{font-size:calc(var(--rpx) * 22) !important;}.zr1x{font-size:calc(var(--rpx) * 18) !important;line-height:1.3 !important;}.zrf{min-height:calc(var(--rpx) * 64) !important;}.pl-action{font-size:calc(var(--rpx) * 16) !important;min-height:calc(var(--rpx) * 48) !important;}.zrh{font-size:calc(var(--rpx) * 18) !important;min-height:calc(var(--rpx) * 54) !important;}.zdw2e{font-size:calc(var(--rpx) * 29) !important;}.zdw2d,
.zdvt{font-size:calc(var(--rpx) * 20) !important;line-height:1.55 !important;}.zdui,
.zdvl{font-size:calc(var(--rpx) * 20) !important;min-height:calc(var(--rpx) * 58) !important;}@media (max-width: 390px){.hero-section{padding-left:calc(var(--rpx) * 16) !important;padding-right:calc(var(--rpx) * 16) !important;}.zr25{padding-left:calc(var(--rpx) * 22) !important;padding-right:calc(var(--rpx) * 22) !important;}.zq10 .btn{min-height:calc(var(--rpx) * 88) !important;padding-left:calc(var(--rpx) * 13) !important;padding-right:calc(var(--rpx) * 13) !important;}.zdwj{font-size:calc(var(--rpx) * 23) !important;}.zr1n{font-size:calc(var(--rpx) * 25) !important;}.zq1a{min-width:calc(var(--rpx) * 68) !important;}.zqt{font-size:calc(var(--rpx) * 17) !important;}.ec-grid .zqq{font-size:calc(var(--rpx) * 21) !important;}}@media (max-width: 350px){.zq10{grid-template-columns:1fr !important;}.zrk{align-items:stretch !important;grid-template-columns:1fr !important;}.zr1y{justify-content:stretch !important;}.zrb{flex:1 !important;}.zqt{font-size:calc(var(--rpx) * 16) !important;}}.zq1 .zqh{background:linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(239, 247, 242, .7));border-color:rgba(47, 104, 78, .13);box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 5) calc(var(--rpx) * 14) rgba(47, 82, 64, .045);}.zdx30{font-variant-numeric:tabular-nums;letter-spacing:0;}@media (max-width: 390px){.zq1 .zqh{grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);}}@media (max-width: 350px){.zq1 .zqh{grid-template-columns:1fr;}}.zq1 .zrk{align-items:stretch !important;column-gap:calc(var(--rpx) * 10) !important;display:grid !important;grid-template-columns:minmax(0, 1fr) calc(var(--rpx) * 280) !important;padding-bottom:calc(var(--rpx) * 12) !important;}.zq1 .zra{align-items:center !important;background:#FAFCFA !important;border:calc(var(--rpx) * 1) solid rgba(47, 105, 79, .17) !important;border-radius:calc(var(--rpx) * 16) !important;box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(40, 77, 59, .045) !important;box-sizing:border-box !important;height:calc(var(--rpx) * 64) !important;min-height:calc(var(--rpx) * 64) !important;padding:0 calc(var(--rpx) * 11) 0 calc(var(--rpx) * 7) !important;width:100% !important;}.zq1 .zdw12{flex:0 0 calc(var(--rpx) * 36) !important;height:calc(var(--rpx) * 36) !important;width:calc(var(--rpx) * 36) !important;}.zq1 .zdw7{font-size:calc(var(--rpx) * 20) !important;line-height:1.15 !important;}.zq1 .zr1a{font-size:calc(var(--rpx) * 15) !important;line-height:1.05 !important;margin-top:calc(var(--rpx) * 4) !important;}.zq1 .zr1y{align-items:stretch !important;display:grid !important;gap:calc(var(--rpx) * 8) !important;grid-template-columns:calc(var(--rpx) * 100) calc(var(--rpx) * 172) !important;width:calc(var(--rpx) * 280) !important;}.zq1 .zrb{align-items:center !important;border-radius:calc(var(--rpx) * 16) !important;box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .92), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 11) rgba(40, 77, 59, .045) !important;box-sizing:border-box !important;display:flex !important;flex:none !important;font-size:calc(var(--rpx) * 20) !important;font-weight:680 !important;gap:calc(var(--rpx) * 7);height:calc(var(--rpx) * 64) !important;justify-content:center !important;line-height:1 !important;margin:0 !important;min-height:calc(var(--rpx) * 64) !important;min-width:0 !important;padding:0 calc(var(--rpx) * 8) !important;background:#FBF7ED !important;border-color:rgba(168, 127, 57, .18) !important;color:#80622C !important;width:calc(var(--rpx) * 172) !important;}.zq1 .zrb.is-open{background:#F2E8CF !important;border-color:#D6BF8F !important;box-shadow:inset 0 calc(var(--rpx) * 1) rgba(255, 255, 255, .7) !important;color:#80602A !important;}.zdyi{font-size:calc(var(--rpx) * 16);}.zq1 .zra::after,
.zq1 .zrb::after{border:0 !important;}@media (max-width: 350px){.zq1 .zrk{grid-template-columns:minmax(0, 1fr) calc(var(--rpx) * 270) !important;}.zq1 .zr1y{grid-template-columns:calc(var(--rpx) * 94) calc(var(--rpx) * 168) !important;width:calc(var(--rpx) * 270) !important;}.zq1 .zrb{width:calc(var(--rpx) * 168) !important;}.zq1 .zr1a{display:none !important;}}.zdx2g{font-size:calc(var(--rpx) * 22) !important;}.zdwh{font-size:calc(var(--rpx) * 44) !important;}.zdwl{font-size:calc(var(--rpx) * 24) !important;}.zdxm{font-size:calc(var(--rpx) * 19) !important;}.zr1o{font-size:calc(var(--rpx) * 20) !important;}.zdw15{font-size:calc(var(--rpx) * 33) !important;}.zr26,
.zr1j{font-size:calc(var(--rpx) * 26) !important;}.zr2e,
.zr1g{font-size:calc(var(--rpx) * 17) !important;}.zdx11{font-size:calc(var(--rpx) * 18) !important;}.zdwj{font-size:calc(var(--rpx) * 22) !important;}.fp-entry-caption{font-size:calc(var(--rpx) * 16) !important;}.fp-entry-action{font-size:calc(var(--rpx) * 18) !important;}.zdu8{font-size:calc(var(--rpx) * 19) !important;}.zdu15{font-size:calc(var(--rpx) * 16) !important;}.rc-label,
.zdun{font-size:calc(var(--rpx) * 22) !important;}.zr1n{font-size:calc(var(--rpx) * 24) !important;}.zr3{font-size:calc(var(--rpx) * 16) !important;}.zdx18{font-size:calc(var(--rpx) * 27) !important;}.rb-title,
.zdup{font-size:calc(var(--rpx) * 22) !important;}.zdx4j,
.zdt16,
.rb-state{font-size:calc(var(--rpx) * 15) !important;}.zdw7{font-size:calc(var(--rpx) * 19) !important;}.zr1a{font-size:calc(var(--rpx) * 14) !important;}.zrb{font-size:calc(var(--rpx) * 16) !important;}.fp-title{font-size:calc(var(--rpx) * 29) !important;}.zq1a{font-size:calc(var(--rpx) * 18) !important;}.cg-title{font-size:calc(var(--rpx) * 27) !important;}.cg-tip{font-size:calc(var(--rpx) * 17) !important;}.zdx30{font-size:calc(var(--rpx) * 22) !important;}.pt-label,
.zdu9,
.zr1q,
.zr16{font-size:calc(var(--rpx) * 17) !important;}.zdw0{font-size:calc(var(--rpx) * 16) !important;}.zr5{font-size:calc(var(--rpx) * 17) !important;}.zqp{font-size:calc(var(--rpx) * 13) !important;}.chord-title{font-size:calc(var(--rpx) * 26) !important;}.zq12{font-size:calc(var(--rpx) * 17) !important;}.zq4 > .zqj .zqv,
.ec-grid .zqv{font-size:calc(var(--rpx) * 15) !important;}.zq4 > .zqj .zqq{font-size:calc(var(--rpx) * 21) !important;}.ec-label{font-size:calc(var(--rpx) * 20) !important;}.zdx2e{font-size:calc(var(--rpx) * 14) !important;}.ec-grid .zqq{font-size:calc(var(--rpx) * 20) !important;}.ec-function{font-size:calc(var(--rpx) * 14) !important;}.zdtm{font-size:calc(var(--rpx) * 21) !important;}@media (max-width: 390px){.zdwh{font-size:calc(var(--rpx) * 42) !important;}.zdwl{font-size:calc(var(--rpx) * 23) !important;}.zdw15{font-size:calc(var(--rpx) * 32) !important;}.zr26,
  .zr1j{font-size:calc(var(--rpx) * 25) !important;}.rc-key{font-size:calc(var(--rpx) * 58) !important;}.fp-title{font-size:calc(var(--rpx) * 28) !important;}.zq1a{font-size:calc(var(--rpx) * 17) !important;}.cg-title{font-size:calc(var(--rpx) * 26) !important;}.zq4 > .zqj .zqq,
.ec-grid .zqq{font-size:calc(var(--rpx) * 19) !important;}}.zqw{box-sizing:border-box !important;height:calc(var(--rpx) * 112) !important;max-height:calc(var(--rpx) * 112) !important;min-height:calc(var(--rpx) * 112) !important;overflow:hidden !important;}.zdtz{box-sizing:border-box !important;min-height:calc(var(--rpx) * 38) !important;}.zdth,
.zdu5 > text:first-child{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.zr1b{display:block !important;}.zdu5{max-height:calc(var(--rpx) * 28) !important;min-height:calc(var(--rpx) * 28) !important;overflow:hidden !important;}.zq4 > .zqd{order:4 !important;}.zq4 > .zrd{order:5 !important;}.zq4 > .zrm{order:6 !important;}.zq4 > .zqj{order:8 !important;}.zq4 > .zqo{order:9 !important;}.zq4 > .qv8{order:10 !important;}.hy-loader-banks-slot{box-sizing:border-box !important;display:block !important;height:calc(var(--rpx) * 144) !important;max-height:calc(var(--rpx) * 144) !important;min-height:calc(var(--rpx) * 144) !important;overflow-y:auto !important;width:100% !important;}.hy-loader-banks-slot .zdx60{margin-top:calc(var(--rpx) * 5) !important;}.zq4 > .zq7{box-sizing:border-box !important;min-width:0 !important;max-width:100% !important;}.zro{align-items:center !important;box-sizing:border-box !important;display:grid !important;min-width:0 !important;width:100% !important;}.zro .chord-title{min-width:0 !important;line-height:1.3 !important;}.zro .zq8{align-items:center !important;display:grid !important;margin:0 !important;min-width:0 !important;}.zq8 .zri,
.zq8 .zr9{max-width:100% !important;}.hy-loader-banks-slot.zqn{box-sizing:border-box !important;display:grid !important;gap:calc(var(--rpx) * 8) !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;grid-auto-rows:calc(var(--rpx) * 87) !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;padding:calc(var(--rpx) * 4) !important;}.zqn .hy-slot{box-sizing:border-box;height:100% !important;min-height:0;}.zqn .hy-slot-number{font-size:calc(var(--rpx) * 16);}.zqn .zdw2i{align-items:center;display:flex;font-size:calc(var(--rpx) * 28);justify-content:center;line-height:1;}.zs9{align-items:center;color:var(--studio-muted);display:flex;font-size:calc(var(--rpx) * 18);justify-content:space-between;min-height:calc(var(--rpx) * 60);padding:calc(var(--rpx) * 4);}.zdw9{align-items:center;background:#E8F2ED;border:calc(var(--rpx) * 1) solid #B9D5C7;border-radius:calc(var(--rpx) * 999);color:var(--studio-green-deep);display:flex;font-weight:700;justify-content:center;line-height:1;margin:0;white-space:nowrap;}.zdw9::after{border:0;}.zdw9[disabled]{background:#F1F4F1;border-color:#DEE7E1;color:#82948A;}.zq1 .zdw1{align-items:center !important;display:grid !important;grid-template-columns:minmax(0, 1fr) calc(var(--rpx) * 190);}.zq1 .zdw1 > view{min-width:0;}.zdw1 .fp-starter-entry{align-items:center;background:#FAFCFA;border:calc(var(--rpx) * 1) solid #CCDCD1;border-radius:calc(var(--rpx) * 17);box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(45, 84, 61, .06), inset 0 calc(var(--rpx) * 1) #fff;box-sizing:border-box;color:#376853;display:flex;flex:0 0 auto;font-size:calc(var(--rpx) * 22);font-weight:650;gap:calc(var(--rpx) * 8);justify-content:center;line-height:1.4;margin:0;height:calc(var(--rpx) * 60);min-height:calc(var(--rpx) * 60);padding:0 calc(var(--rpx) * 12);white-space:nowrap;width:calc(var(--rpx) * 190);}.fp-starter-entry::after{border:0;}.zdx1t{align-items:center;background:#E3EFE7;border-radius:50%;display:flex;flex:0 0 calc(var(--rpx) * 30);height:calc(var(--rpx) * 30);justify-content:center;font-size:calc(var(--rpx) * 20);}.zdxd{color:#80958A;font-size:calc(var(--rpx) * 24);font-weight:500;}.fp-starter-entry:active{background:#E7F1EA;opacity:.88;}.rc-value{flex-direction:column !important;gap:calc(var(--rpx) * 10) !important;}.rc-key{font-size:calc(var(--rpx) * 54) !important;letter-spacing:calc(var(--rpx) * -1) !important;}.rc-mode{color:#526D60 !important;font-size:calc(var(--rpx) * 24) !important;font-weight:650 !important;margin-top:0 !important;}.rc-hint{font-size:calc(var(--rpx) * 21) !important;}.zdx10{background:#F2F7F3;border:calc(var(--rpx) * 1) solid #DEE9E1;border-radius:calc(var(--rpx) * 18);box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--rpx) * 6);margin:0 0 calc(var(--rpx) * 18);min-width:0;order:3;padding:calc(var(--rpx) * 16) calc(var(--rpx) * 20);width:100%;}.zdvr{color:#315F4B;font-size:calc(var(--rpx) * 24);font-weight:700;line-height:1.4;}@media (max-width: 360px){.rc-key{font-size:calc(var(--rpx) * 48) !important;}.rc-hint{font-size:calc(var(--rpx) * 20) !important;}}.zr1e{display:block;color:#7b8982;font-size:calc(var(--rpx) * 21);line-height:1.5;}.zrd .zs9{padding:calc(var(--rpx) * 10) 0 calc(var(--rpx) * 16);margin:0;}.zrd .zdw9{min-width:0;width:auto;padding:0 calc(var(--rpx) * 20);border-radius:calc(var(--rpx) * 14);}.zr2h{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:calc(var(--rpx) * 6);background:#eaf0ec;padding:calc(var(--rpx) * 6);margin-top:calc(var(--rpx) * 12);border-radius:calc(var(--rpx) * 18);}.zr2h button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:0 calc(var(--rpx) * 8);height:calc(var(--rpx) * 66);line-height:1.2;font-size:calc(var(--rpx) * 24);font-weight:600;color:#61756b;background:transparent;border:calc(var(--rpx) * 1) solid transparent;border-radius:calc(var(--rpx) * 14);}.zr2h button::after{border:0;}.zr2h .zq3{color:#26624b;background:#fff;border-color:#d6e5dc;box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) #203c2510;}.zdx1i{display:block;min-height:calc(var(--rpx) * 58);font-size:calc(var(--rpx) * 21);line-height:1.45;color:#7b8982;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 4) 0;}.zdw1 .fp-starter-entry.is-open{background:#DDEEE4;border-color:#A7CBB4;color:#255C45;}.zs9{gap:calc(var(--rpx) * 10) !important;min-width:0;}.zs9 > text{flex:1 1 auto;min-width:0;white-space:nowrap;}.zr22{display:grid;flex:0 0 calc(var(--rpx) * 300);gap:calc(var(--rpx) * 6);grid-template-columns:repeat(2, minmax(0, 1fr));min-width:0;}.zr22 button,
.zdws,
.zdw9{box-sizing:border-box;flex:1 1 auto !important;font-size:calc(var(--rpx) * 18) !important;height:calc(var(--rpx) * 50);min-width:0 !important;padding:0 calc(var(--rpx) * 8) !important;width:100% !important;}.zdws{align-items:center;background:#F7FAF8;border:calc(var(--rpx) * 1) solid #C8DCD0;border-radius:calc(var(--rpx) * 14);color:#49705D;display:flex;font-weight:700;justify-content:center;line-height:1;margin:0;white-space:nowrap;}.zdws::after{border:0;}.zdws[disabled]{background:#F1F4F1;border-color:#DEE7E1;color:#82948A;}.zr22 .zdw9{border-radius:calc(var(--rpx) * 14);font-weight:700;}.chord-type-altered .zqg{background:linear-gradient(180deg, #fff 0%, #F8EFE1 100%) !important;border-color:rgba(147, 107, 48, .17) !important;}.zq4 > .zqj .zqv.zrp,
.zq4 .ec-grid .zqv.zrp{align-items:baseline !important;display:flex !important;gap:calc(var(--rpx) * 1);justify-content:center !important;max-width:none !important;overflow:visible !important;text-overflow:clip !important;white-space:nowrap !important;}.zr2f{color:#315F4B;font-size:calc(var(--rpx) * 28);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:0;line-height:1.25;}.zr14{color:#6D806F;font-size:calc(var(--rpx) * 18);font-variant-numeric:tabular-nums;font-weight:780;line-height:1;position:relative;top:-0.45em;}.zr1k{color:#6A7E72;font-size:calc(var(--rpx) * 20);font-variant-numeric:tabular-nums;font-weight:720;line-height:1;margin-left:calc(var(--rpx) * 2);white-space:nowrap;}@media (max-width: 390px){.zr2f{font-size:calc(var(--rpx) * 26);}.zr14{font-size:calc(var(--rpx) * 18);}.zr1k, .zdxh{font-size:calc(var(--rpx) * 19);}}.zq1n,
.zq1 .zq1n{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;max-width:none !important;width:100% !important;}.zqt,
.zq1 .zqt{font-size:calc(var(--rpx) * 20) !important;min-height:calc(var(--rpx) * 54) !important;min-width:0 !important;padding:0 calc(var(--rpx) * 3) !important;white-space:nowrap !important;}.zduh{box-sizing:border-box;color:#71847A;display:block;font-size:calc(var(--rpx) * 18);height:calc(var(--rpx) * 32);line-height:calc(var(--rpx) * 32);margin:calc(var(--rpx) * 1) calc(var(--rpx) * 3) calc(var(--rpx) * 5);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ec-board{box-sizing:border-box;display:grid !important;gap:calc(var(--rpx) * 8) !important;grid-auto-rows:calc(var(--rpx) * 108);grid-template-columns:repeat(4, minmax(0, 1fr)) !important;max-width:100%;min-width:0;overflow:hidden;width:100%;}.ec-board .extension-board-key{box-sizing:border-box;height:calc(var(--rpx) * 108) !important;min-height:calc(var(--rpx) * 108) !important;min-width:0 !important;padding:calc(var(--rpx) * 9) calc(var(--rpx) * 4) !important;width:100%;}.zq1j,
.zq4 .ec-grid.zq1j{box-sizing:border-box;display:grid !important;gap:calc(var(--rpx) * 8) !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;max-width:100%;min-width:0;overflow:hidden;width:100%;}.zq1j .zdsa,
.zq4 .ec-grid.zq1j .zdsa{box-sizing:border-box;height:calc(var(--rpx) * 108) !important;min-height:calc(var(--rpx) * 108) !important;min-width:0 !important;padding:calc(var(--rpx) * 9) calc(var(--rpx) * 4) !important;width:100%;}.zq1j .zqv,
.zq1j .zqq,
.zq1j .ec-function{max-width:100%;}@media (max-width: 390px){.zqt,
  .zq1 .zqt{font-size:calc(var(--rpx) * 19) !important;min-height:calc(var(--rpx) * 52) !important;}.zduh{font-size:calc(var(--rpx) * 17);}.ec-board,
  .zq1j{gap:calc(var(--rpx) * 7) !important;grid-auto-rows:calc(var(--rpx) * 106);}.ec-board .extension-board-key,
  .zq1j .zdsa,
  .zq4 .ec-grid.zq1j .zdsa{height:calc(var(--rpx) * 106) !important;min-height:calc(var(--rpx) * 106) !important;}}.chord-type-slash .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #F1F7F4 100%) !important;border-color:rgba(47, 111, 80, .16) !important;}.zdxh{color:inherit !important;font-size:calc(var(--rpx) * 20) !important;font-variant-numeric:tabular-nums;font-weight:720 !important;line-height:1 !important;margin-left:calc(var(--rpx) * 2);white-space:nowrap;}.zq12.is-cycle{gap:calc(var(--rpx) * 5);}.zdsh{font-size:calc(var(--rpx) * 15);font-weight:750;line-height:1;opacity:.58;transform:translateY(calc(var(--rpx) * -1));}.zq12.zq3 .zdsh{opacity:.82;}.chord-type-diatonicEleventh .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #EDF5F4 100%) !important;border-color:rgba(56, 111, 91, .15) !important;}.chord-type-diatonicThirteenth .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #FAF3E5 100%) !important;border-color:rgba(158, 111, 47, .14) !important;}.chord-type-quickDominant .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-quickDominant9 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-quickDominant11 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-quickDominant13 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #F3F8F4 100%) !important;}.chord-type-halfDiminished .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-fullDiminished .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-quickDiminished .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-quickAugmented .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #F6F3FA 100%) !important;border-color:rgba(101, 85, 139, .14) !important;}.chord-type-borrowedQuick .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-appliedQuick .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #FBF5EA 100%) !important;border-color:rgba(158, 111, 47, .14) !important;}.chord-type-power .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #EEF5F0 100%) !important;border-color:rgba(70, 108, 87, .18) !important;}.zq4 > .qv2{order:4 !important;}.zro{grid-template-columns:minmax(0, 1fr) !important;gap:calc(var(--rpx) * 14) !important;}.zro .zq8{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;gap:calc(var(--rpx) * 10) !important;width:100% !important;}.zq8 .zri,
.zq8 .zr9,
.cd-toggle{align-items:center !important;border-radius:calc(var(--rpx) * 18) !important;box-sizing:border-box !important;display:flex !important;font-size:calc(var(--rpx) * 21) !important;font-weight:700 !important;height:calc(var(--rpx) * 64) !important;justify-content:center !important;line-height:1.1 !important;margin:0 !important;min-height:calc(var(--rpx) * 64) !important;min-width:0 !important;padding:0 calc(var(--rpx) * 6) !important;white-space:nowrap !important;width:100% !important;}.cd-toggle{background:#F8FBF9;border:calc(var(--rpx) * 1) solid #CFDFD7;color:#2C6651;box-shadow:0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(34, 79, 61, .04);}.cd-toggle::after{border:0;}.cd-toggle.is-active{background:#E1EFE7;border-color:#91B9A5;}.zq9{align-items:center;grid-template-columns:calc(var(--rpx) * 106) calc(var(--rpx) * 76);flex:0 0 auto;}.qv2{border:calc(var(--rpx) * 1) solid #C9DDD1;box-sizing:border-box;margin:calc(var(--rpx) * 18) 0;overflow:hidden;width:100%;}.cd-heading{display:flex;justify-content:space-between;}.cd-name{color:#214D3B;flex:1;min-width:0;text-overflow:ellipsis;}.cd-instrument{color:#476857;flex:0 0 auto;}.cd-caption{color:#64786E;display:block;font-size:calc(var(--rpx) * 20);}.cd-stage{align-items:center;display:flex;justify-content:center;}.cd-notes{color:#425F50;display:block;font-size:calc(var(--rpx) * 21);text-align:center;word-break:keep-all;}.chord-piano{width:100%;}.cp-keyboard{background:#D2DBD6;border:calc(var(--rpx) * 2) solid #A7B5AD;box-sizing:border-box;height:calc(var(--rpx) * 188);overflow:hidden;position:relative;width:100%;}.cp-white{background:linear-gradient(#fff, #F8F9F6);border-right:calc(var(--rpx) * 1) solid #BFCBC3;box-sizing:border-box;height:100%;position:absolute;top:0;}.cp-black{background:linear-gradient(#39473F, #1F2C25);border:calc(var(--rpx) * 1) solid #17251C;border-radius:0 0 calc(var(--rpx) * 4) calc(var(--rpx) * 4);box-sizing:border-box;height:61%;position:absolute;top:0;z-index:2;}.cp-black.qv3{background:linear-gradient(#649A7C, #377050);border-color:#325E45;}.cp-black.is-root{background:linear-gradient(#C7A65C, #987936);border-color:#806329;}.cp-dot{background:#285B40;border:calc(var(--rpx) * 1) solid rgba(255,255,255,.6);border-radius:50%;bottom:calc(var(--rpx) * 39);height:calc(var(--rpx) * 10);left:50%;position:absolute;transform:translateX(-50%);width:calc(var(--rpx) * 10);}.cp-black .cp-dot{background:#F6FFF7;bottom:calc(var(--rpx) * 14);height:calc(var(--rpx) * 8);width:calc(var(--rpx) * 8);}.cp-white.is-root .cp-dot{background:#89652A;}.cp-anchor{bottom:calc(var(--rpx) * 8);color:#63766A;font-size:calc(var(--rpx) * 15);left:0;line-height:calc(var(--rpx) * 20);position:absolute;text-align:center;width:100%;}.cd-key{align-items:center;color:#6B7B70;display:flex;font-size:calc(var(--rpx) * 18);justify-content:space-between;margin-top:calc(var(--rpx) * 14);}.cd-key > view{align-items:center;display:flex;gap:calc(var(--rpx) * 8);}.chord-legend-dot{background:#609D7B;border-radius:50%;height:calc(var(--rpx) * 12);margin-left:calc(var(--rpx) * 8);width:calc(var(--rpx) * 12);}.chord-legend-dot.is-root{background:#C9A85C;}.zqb{align-items:center;display:flex;justify-content:center;padding-top:calc(var(--rpx) * 5);width:100%;}.zqx{border-top:calc(var(--rpx) * 1) solid #9EA99F;box-sizing:border-box;flex:0 0 calc(var(--rpx) * 252);height:calc(var(--rpx) * 226);margin:calc(var(--rpx) * 25) 0 calc(var(--rpx) * 25) calc(var(--rpx) * 20);position:relative;}.zqx.has-nut{border-top:calc(var(--rpx) * 6) solid #556859;}.chord-guitar-string{background:#A3ADA2;bottom:0;position:absolute;top:0;width:calc(var(--rpx) * 2);z-index:1;}.chord-guitar-string:first-child{width:calc(var(--rpx) * 4);}.zrr{color:#738176;font-size:calc(var(--rpx) * 24);height:calc(var(--rpx) * 28);left:calc(var(--rpx) * -15);line-height:calc(var(--rpx) * 28);position:absolute;text-align:center;top:calc(var(--rpx) * -34);width:calc(var(--rpx) * 30);}.zrr.is-open{color:#2E7851;font-weight:800;}.zrr.is-root{color:#9A762E;}.chord-guitar-tuning{bottom:calc(var(--rpx) * -29);color:#67796B;font-size:calc(var(--rpx) * 17);left:calc(var(--rpx) * -22);line-height:calc(var(--rpx) * 24);position:absolute;text-align:center;width:calc(var(--rpx) * 44);}.chord-guitar-fret{border-bottom:calc(var(--rpx) * 2) solid #A5ADA1;box-sizing:border-box;left:0;position:absolute;width:100%;}.chord-guitar-fret > text{align-items:center;color:#718073;display:flex;font-size:calc(var(--rpx) * 17);height:100%;justify-content:flex-end;left:calc(var(--rpx) * -35);position:absolute;width:calc(var(--rpx) * 24);}.chord-guitar-dot{background:#377451;border:calc(var(--rpx) * 3) solid #F8FCF8;border-radius:50%;box-sizing:border-box;position:absolute;transform:translate(-50%, -50%);z-index:2;}.chord-guitar-dot.is-root{background:#B28B3F;}.chord-guitar-legend{color:#617466;display:flex;flex-direction:column;white-space:nowrap;}.zdx3v{color:#5F7566;display:flex;flex-direction:column;font-size:calc(var(--rpx) * 23);gap:calc(var(--rpx) * 16);line-height:1.5;text-align:center;}.zdx3v > text + text{color:#809085;font-size:calc(var(--rpx) * 20);}.zq4 > .zdtv{order:10 !important;}.zdtv{background:#F8FAF6;border:calc(var(--rpx) * 2) solid #D6E4D9;border-radius:calc(var(--rpx) * 24);box-sizing:border-box;margin:calc(var(--rpx) * 16) 0;overflow:hidden;width:100%;}.zdtv.is-open{background:#FCFDFA;}.zdv1 button::after{border:0;}.zdv1{border-top:calc(var(--rpx) * 1) solid #E2EAE3;padding:calc(var(--rpx) * 18);}.zdw2g{background:#EAF0E9;display:grid;gap:calc(var(--rpx) * 6);grid-template-columns:repeat(2, minmax(0, 1fr));}.zdt0{align-items:center;background:transparent;border:0;color:#697C6D;display:flex;font-weight:650;justify-content:center;line-height:1.2;margin:0;padding:0;width:100%;}.zdt0.zq3{background:#fff;box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(38,70,48,.05);color:#2E6548;}.zds2{border:calc(var(--rpx) * 1) solid #E0E7D9;text-align:center;}.zdvc{color:#29583D;display:block;font-weight:750;}.zdv2{color:#5D7460;display:block;word-break:keep-all;}.zdvb{color:#788673;display:block;}.zdvo{display:flex;flex-wrap:wrap;justify-content:center;}.zdt1{background:#fff;border:calc(var(--rpx) * 1) solid #D7E3D2;border-radius:calc(var(--rpx) * 24);color:#577353;margin:0;}.zdt1.zq3{background:#DCEAD8;border-color:#82A17B;color:#2F5F37;}.zdtw{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));}.zdtw > button{align-items:center;box-sizing:border-box;display:flex;font-weight:650;justify-content:center;line-height:1.3;margin:0;width:100%;}.zdx2c{background:#fff;border:calc(var(--rpx) * 2) solid #CFDED1;color:#497553;}.zdx56{background:#347250;border:calc(var(--rpx) * 2) solid #347250;color:#fff;}.zdtw > button[disabled]{opacity:.5;}.zdw26{color:#7A8C7D;display:block;overflow:hidden;text-align:center;}.zq9{display:flex;gap:calc(var(--rpx) * 8);min-width:0;}.zq9 .cd-toggle{flex:0 0 calc(var(--rpx) * 104);}.zr1v{align-items:center;background:#F6FAF7;border:calc(var(--rpx) * 1) solid #CFDFD7;border-radius:calc(var(--rpx) * 18);box-sizing:border-box;color:#2D6650;display:flex;flex:0 0 calc(var(--rpx) * 90);font-size:calc(var(--rpx) * 22);font-weight:700;height:calc(var(--rpx) * 64);justify-content:center;line-height:1.2;margin:0;padding:0 calc(var(--rpx) * 5);white-space:nowrap;width:calc(var(--rpx) * 90);}.zr1v::after{border:0;}.zr1v.is-active{background:#E1EFE7;border-color:#91B9A5;}.qv8 > .zdtv{background:transparent;border:0;border-radius:0;margin:0;overflow:visible;}.qv8 .zdv1{border:0;padding:0;}.zdt0{flex-direction:column;}.zdt0 > text + text{color:#829085;font-weight:400;}.zr1i{align-items:baseline;color:#365D46;display:flex;flex-wrap:wrap;gap:calc(var(--rpx) * 6) calc(var(--rpx) * 16);justify-content:space-between;}.zr1i > text:first-child{font-weight:700;}.zr1i > text + text{color:#7A8A7D;}.zdw1j, .zdw1u{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));}.zdtj, .zds7, .zdsi, .zr1s{align-items:center;background:#FCFDFB;border:calc(var(--rpx) * 1) solid #D8E2D8;box-sizing:border-box;color:#46624E;display:flex;font-weight:650;justify-content:center;line-height:1.2;margin:0;min-width:0;padding:0 calc(var(--rpx) * 3);width:100%;}.zdtj.zq3, .zds7.zq3, .zr1s.zq3{background:#347357;border-color:#347357;color:#fff;box-shadow:0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(40,87,58,.1);}.zdv1d{background:#EAF0E9;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));}.zds7{background:transparent;border-color:transparent;}.zdv3{color:#788978;display:block;margin:calc(var(--rpx) * 8) calc(var(--rpx) * 4) 0;}.zdv16{align-content:start;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));}.zdsi.zq3{background:#E6F0E7;border-color:#8CAF98;color:#286044;}.zdt1b{align-items:center;background:#F3F6EF;border:calc(var(--rpx) * 1) solid #DFE7DA;display:flex;justify-content:space-between;margin:0 0 calc(var(--rpx) * 18);}.zdt1b > view{display:flex;flex-direction:column;gap:calc(var(--rpx) * 2);min-width:0;}.zdt1b > view > text:first-child{color:#3B6148;font-weight:650;}.zdt1b > view > text + text{color:#7A897A;}.zdu11{background:#fff;border:calc(var(--rpx) * 1) solid #CDDDD0;border-radius:calc(var(--rpx) * 12);color:#47705A;flex:0 0 auto;margin:0;width:auto;}.zdu11::after{border:0;}.zdv0{color:#748474;display:block;}.zdtj.is-auto{grid-column:span 6;}.zdvd{align-items:center;color:#5C745F;display:flex;justify-content:space-between;}.zdt10{background:linear-gradient(135deg, #EFF6F0, #F7F5EA);border:calc(var(--rpx) * 1) solid #DDE7D9;display:flex;flex-direction:column;gap:calc(var(--rpx) * 3);}.zdt10 > text:first-child{color:#3B674E;font-weight:650;}.zdt10 > text + text{color:#768777;}.zdw2h{background:#EDF2EA;border:calc(var(--rpx) * 1) solid #DCE5D7;border-radius:calc(var(--rpx) * 12);color:#6C806B;margin:0;}.zdxi{background:#F3F6EF;border:calc(var(--rpx) * 1) solid #E2E8DD;}.zdtd{align-items:center;color:#54725A;display:flex;font-weight:650;justify-content:space-between;}.zdtd > text + text{color:#81907F;font-weight:400;}.zr1s{position:relative;}.zr1s.is-accidental:not(.zq3){background:#E5EBE3;border-color:#CFD9CC;color:#536450;}.zr1s > text{bottom:calc(var(--rpx) * 2);font-size:calc(var(--rpx) * 14);line-height:calc(var(--rpx) * 16);position:absolute;right:calc(var(--rpx) * 5);}.zr2b{align-items:center;color:#778874;display:flex;gap:calc(var(--rpx) * 12);justify-content:space-between;}.zr2b > .zr1s{flex:0 0 calc(var(--rpx) * 80);width:calc(var(--rpx) * 80);}.zdt17{display:grid;grid-template-columns:1fr 1.15fr 1fr;}.zdt17 > text{background:rgba(255,255,255,.65);border:calc(var(--rpx) * 1) solid rgba(143,167,135,.15);color:#567250;}.zdw1v .zdtj.is-auto{font-size:calc(var(--rpx) * 22);}.zr27{display:grid;}.zr27 > button{background:#EEF3EC;border:calc(var(--rpx) * 1) solid #DBE5D6;color:#768674;margin:0;padding:0;width:100%;}.zr27 > button.zq3{background:#FCFDFB;border-color:#9BB89B;color:#356645;font-weight:650;}.zq18 .qv2{background:#F7FAF5;margin:0;}.zq18 .cd-heading{display:none;}.zq18 .cd-caption{white-space:normal;}.zdw1t{align-items:center;background:#F2F6EF;border:calc(var(--rpx) * 1) dashed #CEDCC5;color:#809078;display:flex;justify-content:center;}.cp-white.is-editable, .cp-black.is-editable{cursor:pointer;}.cp-white.is-editable:active{background:#DDEBE1;}.cp-black.is-editable:active{background:#4E725D;}.zdt18{background:transparent;border:0;border-radius:calc(var(--rpx) * 8);box-sizing:border-box;margin:0;padding:0;position:absolute;z-index:4;}.zdt18::after{border:0;}.zdt18:active{background:rgba(73, 131, 98, .16);}.zdt18.is-disabled{opacity:.25;}.mini-root .qv0.zq0 .zq2 .zq4 .qv8 .zq9{align-items:center;background:transparent !important;border:0 !important;border-radius:0 !important;box-sizing:border-box;display:flex;flex:0 0 auto;gap:calc(var(--rpx) * 8) !important;padding:0 !important;}.mini-root .qv0.zq0 .zq2 .zq4 .qv8 .zq9 > button{background:linear-gradient(#FFF, #F4F7F0) !important;border:calc(var(--rpx) * 1) solid #D3DFD0 !important;border-radius:calc(var(--rpx) * 14) !important;box-shadow:inset 0 calc(var(--rpx) * 1) #FFF, 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(42, 76, 49, .035) !important;box-sizing:border-box;color:#426A56 !important;flex:0 0 auto;font-size:12px !important;font-weight:550 !important;height:44px !important;line-height:1.3 !important;margin:0 !important;min-height:44px !important;min-width:44px !important;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 10) !important;width:auto !important;}.zq9 .cd-toggle{width:calc(var(--rpx) * 94) !important;}.zq9 .zr1v{width:calc(var(--rpx) * 82) !important;}.mini-root .qv0.zq0 .zq2 .zq4 .qv8 .zq9 > button.is-active{background:#E1EFE2 !important;border-color:#9ABCA0 !important;box-shadow:inset 0 calc(var(--rpx) * -2) #9ABA9D !important;color:#296347 !important;}.zq9.is-custom-open{background:rgba(53, 101, 77, .04);}.qv8 > .zdtv.is-open{border-top:calc(var(--rpx) * 1) solid rgba(57, 101, 78, .11);margin-top:calc(var(--rpx) * 5);padding-top:calc(var(--rpx) * 11);}.zdw2g{border-radius:calc(var(--rpx) * 12);margin-bottom:calc(var(--rpx) * 10);padding:calc(var(--rpx) * 4);}.zdt0{border-radius:calc(var(--rpx) * 9);font-size:calc(var(--rpx) * 23);gap:calc(var(--rpx) * 2);height:calc(var(--rpx) * 68);}.zdt0 > text + text{font-size:calc(var(--rpx) * 18);}.zr1i{line-height:calc(var(--rpx) * 31);margin:calc(var(--rpx) * 14) 0 calc(var(--rpx) * 8);}.zr1i > text:first-child{font-size:calc(var(--rpx) * 23);}.zr1i > text + text{font-size:calc(var(--rpx) * 18);}.zdw1j,
.zdw1u{gap:calc(var(--rpx) * 7);}.zdtj,
.zds7,
.zdsi,
.zr1s{border-radius:calc(var(--rpx) * 10);font-size:calc(var(--rpx) * 23);height:calc(var(--rpx) * 58);}.zdw1v .zdtj{font-size:calc(var(--rpx) * 24);}.zdv1d{border-radius:calc(var(--rpx) * 12);gap:calc(var(--rpx) * 4);padding:calc(var(--rpx) * 4);}.zds7{font-size:calc(var(--rpx) * 21);height:calc(var(--rpx) * 54);}.zdv3{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 25);margin-top:calc(var(--rpx) * 6);}.zdv16{gap:calc(var(--rpx) * 7);grid-auto-rows:calc(var(--rpx) * 58);margin:calc(var(--rpx) * 9) 0 calc(var(--rpx) * 11);min-height:calc(var(--rpx) * 123);}.zdsi{height:calc(var(--rpx) * 58);}.zdt1b{border-radius:calc(var(--rpx) * 12);margin-bottom:calc(var(--rpx) * 12);min-height:calc(var(--rpx) * 64);padding:calc(var(--rpx) * 7) calc(var(--rpx) * 9) calc(var(--rpx) * 7) calc(var(--rpx) * 13);}.zdt1b > view > text:first-child{font-size:calc(var(--rpx) * 21);line-height:calc(var(--rpx) * 27);}.zdt1b > view > text + text{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 23);}.zdu11{font-size:calc(var(--rpx) * 19);height:calc(var(--rpx) * 46);line-height:calc(var(--rpx) * 44);padding:0 calc(var(--rpx) * 12);}.zdx39{margin-bottom:calc(var(--rpx) * 13);}.zdv0{font-size:calc(var(--rpx) * 19);line-height:calc(var(--rpx) * 28);margin-bottom:calc(var(--rpx) * 8);}.zdtj.is-auto{font-size:calc(var(--rpx) * 19);height:calc(var(--rpx) * 50);}.zdt10{border-radius:calc(var(--rpx) * 12);margin:calc(var(--rpx) * 9) 0 calc(var(--rpx) * 7);padding:calc(var(--rpx) * 9) calc(var(--rpx) * 12);}.zdt10 > text:first-child{font-size:calc(var(--rpx) * 21);line-height:calc(var(--rpx) * 27);}.zdt10 > text + text{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 24);}.zdvd{font-size:calc(var(--rpx) * 20);line-height:calc(var(--rpx) * 28);margin:calc(var(--rpx) * 10) 0 calc(var(--rpx) * 7);}.zdw2h{font-size:calc(var(--rpx) * 19);line-height:calc(var(--rpx) * 44);padding:0 calc(var(--rpx) * 13);}.zdxi{border-radius:calc(var(--rpx) * 12);margin-bottom:calc(var(--rpx) * 8);padding:calc(var(--rpx) * 9);}.zdtd{font-size:calc(var(--rpx) * 20);line-height:calc(var(--rpx) * 28);margin-bottom:calc(var(--rpx) * 7);}.zdtd > text + text{font-size:calc(var(--rpx) * 17);}.zr1s,
.zdsi{font-size:calc(var(--rpx) * 22);}.zr1s{height:calc(var(--rpx) * 60);}.zr2b{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 26);margin:calc(var(--rpx) * 7) 0 calc(var(--rpx) * 12);}.zr2b > .zr1s{height:calc(var(--rpx) * 48);}.zds2{background:linear-gradient(135deg, rgba(239, 246, 239, .82), rgba(248, 246, 235, .72));border-radius:calc(var(--rpx) * 13);padding:calc(var(--rpx) * 13) calc(var(--rpx) * 11) calc(var(--rpx) * 10);}.zdvc{font-size:calc(var(--rpx) * 32);line-height:1.25;}.zdv2{font-size:calc(var(--rpx) * 20);line-height:calc(var(--rpx) * 29);margin-top:calc(var(--rpx) * 3);}.zdvb{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 26);margin-top:calc(var(--rpx) * 5);}.zdvo{gap:calc(var(--rpx) * 7);margin-top:calc(var(--rpx) * 9);}.zdt1{font-size:calc(var(--rpx) * 20);line-height:calc(var(--rpx) * 44);min-width:calc(var(--rpx) * 96);padding:0 calc(var(--rpx) * 12);}.zdt17{gap:calc(var(--rpx) * 6);margin-top:calc(var(--rpx) * 8);}.zdt17 > text{border-radius:calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 19);line-height:calc(var(--rpx) * 26);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 2);}.zdtw{gap:calc(var(--rpx) * 8);margin-top:calc(var(--rpx) * 11);}.zdtw > button{border-radius:calc(var(--rpx) * 13);font-size:calc(var(--rpx) * 22);min-height:calc(var(--rpx) * 66);padding:calc(var(--rpx) * 7) calc(var(--rpx) * 5);}.zdw26{font-size:calc(var(--rpx) * 18);height:calc(var(--rpx) * 44);line-height:calc(var(--rpx) * 22);margin-top:calc(var(--rpx) * 7);}.zq18{margin-top:calc(var(--rpx) * 10);}.zr27{gap:calc(var(--rpx) * 6);margin-bottom:calc(var(--rpx) * 7);}.zr27 > button{border-radius:calc(var(--rpx) * 10);font-size:calc(var(--rpx) * 20);height:calc(var(--rpx) * 50);line-height:calc(var(--rpx) * 48);}.zq18 .qv2{border:calc(var(--rpx) * 1) solid #DDE8DD;border-radius:calc(var(--rpx) * 13);padding:calc(var(--rpx) * 10) calc(var(--rpx) * 13) calc(var(--rpx) * 5);}.zq18 .cp-keyboard{height:calc(var(--rpx) * 148);}.zq18 .cd-caption{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 23);}.zq18 .cd-notes{font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 21);}.zq18 .cd-key{font-size:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 8);}.zq18 .zqb{gap:calc(var(--rpx) * 28);padding-top:0;}.zq18 .zqx{flex-basis:calc(var(--rpx) * 226);height:calc(var(--rpx) * 188);margin:calc(var(--rpx) * 22) 0 calc(var(--rpx) * 22) calc(var(--rpx) * 17);}.zq18 .chord-guitar-legend{font-size:calc(var(--rpx) * 18);gap:calc(var(--rpx) * 10);}.zdw1t{border-radius:calc(var(--rpx) * 13);font-size:calc(var(--rpx) * 20);height:calc(var(--rpx) * 128);}@media (max-width: 350px){.zq9 .cd-toggle{width:calc(var(--rpx) * 88) !important;}.zq9 .zr1v{width:calc(var(--rpx) * 78) !important;}.zq9 .cd-toggle,
.zq9 .zr1v{font-size:calc(var(--rpx) * 19) !important;}}.zqx .zrr{border-radius:50%;box-sizing:border-box;line-height:calc(var(--rpx) * 42);width:calc(var(--rpx) * 42);left:calc(var(--rpx) * -21);top:calc(var(--rpx) * -43);z-index:5;}.zqx .zrr.is-disabled{color:#AAB2AC;opacity:.55;}.zqx.is-ukulele{margin-left:calc(var(--rpx) * 46);margin-right:calc(var(--rpx) * 46);}.zqo{background:linear-gradient(135deg, rgba(239, 248, 242, .96), rgba(250, 248, 239, .96));border:calc(var(--rpx) * 1) solid #D7E6D9;border-radius:calc(var(--rpx) * 22);box-sizing:border-box;margin:calc(var(--rpx) * 20) 0 calc(var(--rpx) * 22);min-height:calc(var(--rpx) * 228);padding:calc(var(--rpx) * 18);}.zr1u{align-items:center;display:flex;justify-content:space-between;margin:0 calc(var(--rpx) * 2) calc(var(--rpx) * 14);}.zr1u > view{display:flex;flex-direction:column;min-width:0;}.zduz{color:#234B39;font-size:calc(var(--rpx) * 25);font-weight:720;line-height:1.25;}.zdu6{color:#7C8C82;margin-top:calc(var(--rpx) * 3);}.zdy4{display:grid;gap:calc(var(--rpx) * 9);grid-template-columns:repeat(4, minmax(0, 1fr));}.zr8{align-items:center;background:rgba(255,255,255,.92);border:calc(var(--rpx) * 1) solid #D9E3DA;border-radius:calc(var(--rpx) * 16);box-shadow:0 calc(var(--rpx) * 5) calc(var(--rpx) * 14) rgba(44, 80, 58, .055);box-sizing:border-box;color:#244936;display:flex;flex-direction:column;height:calc(var(--rpx) * 132);justify-content:center;line-height:1.1;margin:0;min-width:0;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 6);width:100%;}.zr8::after{border:0;}.zr8:active{background:#E8F4EA;transform:translateY(calc(var(--rpx) * 1)) scale(.985);}.zr8 .zqv{color:#5B7768;font-size:calc(var(--rpx) * 20);min-height:calc(var(--rpx) * 24);}.zdu3{font-size:calc(var(--rpx) * 23);font-weight:760;margin-top:calc(var(--rpx) * 5);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.zdus{color:#849188;font-size:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 7);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chord-type-suspended2 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-suspended4 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #EEF6F4 100%) !important;border-color:rgba(54, 118, 91, .16) !important;}.chord-type-add9 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-add11 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4),
.chord-type-add13 .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #F3F7EE 100%) !important;border-color:rgba(82, 117, 65, .15) !important;}.chord-type-borrowed .zqg:not(.is-active):not(.qvd):not(.zq19):not(.is-held):not(.qv4){background:linear-gradient(180deg, #fff 0%, #FBF4E8 100%) !important;border-color:rgba(155, 108, 45, .15) !important;}.zr27{grid-template-columns:repeat(4, minmax(0, 1fr));}.zq1 .zqh .zdu9,
.zq1 .zqh .zr1q,
.zq1 .pt-label{font-size:calc(var(--rpx) * 25) !important;line-height:1.35 !important;white-space:nowrap;}.zq1 .zdw0{min-height:calc(var(--rpx) * 72) !important;font-size:calc(var(--rpx) * 25) !important;}.zq1 .zr21{min-height:calc(var(--rpx) * 78) !important;padding:calc(var(--rpx) * 10) calc(var(--rpx) * 14) !important;}.zq8 .zri,
.zq8 .zr9,
.zq8 .cd-toggle{font-size:calc(var(--rpx) * 24) !important;height:calc(var(--rpx) * 72) !important;min-height:calc(var(--rpx) * 72) !important;}@media (max-width: 380px){.zq8{gap:calc(var(--rpx) * 7) !important;}.zq8 .zri,
.zq8 .zr9,
.zq8 .cd-toggle{font-size:calc(var(--rpx) * 24) !important;padding:0 calc(var(--rpx) * 3) !important;}}.zq1 .zqh{grid-template-columns:minmax(0, 1fr) !important;gap:calc(var(--rpx) * 10) !important;padding:calc(var(--rpx) * 12) !important;}.zq1 .zqh .zr21{grid-template-columns:calc(var(--rpx) * 230) minmax(0, 1fr) !important;gap:calc(var(--rpx) * 16) !important;}.zq1 .zqh .mix-volume-heading{display:flex;align-items:center;gap:calc(var(--rpx) * 8);width:auto !important;min-width:0;}.zq1 .zqh .zr16{font-size:calc(var(--rpx) * 22) !important;}.zq1 .zqh .zr1q{font-size:calc(var(--rpx) * 25) !important;}.zq4 > .zru{order:4 !important;}.qv2{background:#F9FBF8;border-color:#DAE5DC;border-radius:calc(var(--rpx) * 20);box-shadow:0 calc(var(--rpx) * 6) calc(var(--rpx) * 18) rgba(39, 78, 57, .035);padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20) calc(var(--rpx) * 14);}.cd-heading{align-items:flex-start;flex-wrap:wrap;height:auto;min-height:calc(var(--rpx) * 38);gap:calc(var(--rpx) * 8) calc(var(--rpx) * 12);}.cd-name{font-size:calc(var(--rpx) * 28);font-weight:750;line-height:1.4;overflow:visible;white-space:normal;overflow-wrap:anywhere;}.cd-instrument{background:#EAF1EB;border-radius:calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 20);line-height:1.5;max-width:100%;padding:calc(var(--rpx) * 3) calc(var(--rpx) * 10);}.cd-caption{height:auto;min-height:calc(var(--rpx) * 28);line-height:1.5;margin-top:calc(var(--rpx) * 5);overflow:visible;white-space:normal;}.cd-stage{background:rgba(255, 255, 255, .72);border:calc(var(--rpx) * 1) solid #E7EDE7;border-radius:calc(var(--rpx) * 14);box-sizing:border-box;height:calc(var(--rpx) * 310);margin:calc(var(--rpx) * 12) 0;padding:calc(var(--rpx) * 12);}.cd-notes{background:#EDF3EE;border-radius:calc(var(--rpx) * 10);box-sizing:border-box;height:auto;min-height:calc(var(--rpx) * 44);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 12);line-height:1.5;overflow:visible;}.cp-keyboard{border-color:#BCCABF;border-radius:calc(var(--rpx) * 8);box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 8) rgba(39, 68, 49, .06);}.cp-white{border-right-color:#D0DAD2;}.cp-white.qv3{background:linear-gradient(#E0EEE4, #96C3A8);}.cp-white.is-root{background:linear-gradient(#F6EFD8, #E1C989);}.cp-black{box-shadow:0 calc(var(--rpx) * 3) calc(var(--rpx) * 3) rgba(18, 37, 27, .16);}.zqb{gap:calc(var(--rpx) * 30);}.zqx{background:linear-gradient(90deg, #F8F4EB, #F1EDDF);border-radius:0 0 calc(var(--rpx) * 5) calc(var(--rpx) * 5);}.chord-guitar-fret{border-bottom-color:#BBC0B5;}.chord-guitar-dot{height:calc(var(--rpx) * 25);width:calc(var(--rpx) * 25);box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 4) rgba(23, 52, 33, .12);}.chord-guitar-legend{font-size:calc(var(--rpx) * 20);gap:calc(var(--rpx) * 12);}.zq18 .cd-stage{height:calc(var(--rpx) * 270);}.zq18 .cd-caption{height:auto;min-height:calc(var(--rpx) * 32);}.zq18 .cd-notes{height:auto;min-height:calc(var(--rpx) * 38);}.zq4 > .zqs{order:4 !important;}.zqs{background:#F4F8F4;border:calc(var(--rpx) * 1) solid #DDE7DE;border-radius:calc(var(--rpx) * 16);box-sizing:border-box;margin:calc(var(--rpx) * 10) 0;padding:calc(var(--rpx) * 10);width:100%;}.zqs .zrq{display:grid;gap:calc(var(--rpx) * 7);grid-template-columns:repeat(5, minmax(0, 1fr));margin:0;width:100%;}.zqs .zqu{min-width:0;width:100%;margin:0;}.zqs .zdw4{margin:calc(var(--rpx) * 10) 0 0;}.zqs .zqu{box-sizing:border-box;min-height:calc(var(--rpx) * 78);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 2);}.zqs .zr5{line-height:1.3;white-space:nowrap;}.zqs .zqp{line-height:1.3;margin-top:calc(var(--rpx) * 3);white-space:nowrap;}.zqs .zdw6{max-width:none;}.zqs .zdw4{border-bottom:0;padding:0;}.mini-root .zq4 .chord-title,
.mini-root .zq4 .ec-label,
.mini-root .zq4 .zduz{font-size:calc(var(--rpx) * 26) !important;font-weight:700;line-height:1.35;}.mini-root .zq4 > .zqj .zqq,
.mini-root .zq1 .zq4 > .zqj .zqq,
.mini-root .zq4 .ec-grid .zqq,
.mini-root .zq1 .zq4 .ec-grid .zqq,
.mini-root .zq4 .zdu3{font-size:calc(var(--rpx) * 23) !important;font-weight:700;line-height:1.3;}.mini-root .zq4 > .zqj .zqv:not(.zrp),
.mini-root .zq1 .zq4 > .zqj .zqv:not(.zrp),
.mini-root .zq4 .ec-grid .zqv:not(.zrp),
.mini-root .zq1 .zq4 .ec-grid .zqv:not(.zrp){font-size:calc(var(--rpx) * 17) !important;font-weight:500;line-height:1.35;}.mini-root .zq4 > .zqj .ec-function,
.mini-root .zq1 .zq4 > .zqj .ec-function,
.mini-root .zq4 .ec-grid .ec-function,
.mini-root .zq1 .zq4 .ec-grid .ec-function,
.mini-root .zq4 .zdus{font-size:calc(var(--rpx) * 17) !important;font-weight:400;line-height:1.4;}.mini-root .zq4 .zq12,
.mini-root .zq1 .zq4 .zq12,
.mini-root .zq4 .zqt{font-size:calc(var(--rpx) * 19) !important;font-weight:650;}.mini-root .zq4 .zdx2e{font-size:calc(var(--rpx) * 17) !important;line-height:1.5;}.zdu6{font-size:calc(var(--rpx) * 19);line-height:1.4;}.mini-root .qv0.zq0 .zq2 .zql .zsc button{border-color:#CCDCCE;border-radius:calc(var(--rpx) * 14);background:linear-gradient(#FFF, #EFF5EB);box-shadow:inset 0 calc(var(--rpx) * 1) #FFF, 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(45, 76, 48, .035);}.mini-root .qv0.zq0 .zq2 .zql .zsc button:first-child{background:#E9F2E5;border-color:#B9CFAF;font-weight:600;}.mini-root .qv0.zq0 .zq2 .zql .zsc button[disabled]{border-style:solid;border-color:#E3E8DE;color:#97A08F;background:#F5F7F1;box-shadow:none;}.zsc button::after, .zq9 > button::after{border:0;}.zqs .zr5{font-size:calc(var(--rpx) * 23) !important;font-weight:650;}.zqs .zqp{font-size:calc(var(--rpx) * 18) !important;font-weight:400;}.zq1 .zqs .pt-label,
.zq1 .zqs .zdw0{font-size:calc(var(--rpx) * 24) !important;}/* Compact controls: reduce chrome, not chord pads or text legibility. */
.mini-root .qv0.zq0.is-home .zdwl { margin-top:calc(var(--rpx) * 14); color:#748077; }
.mini-root .qv0.zq0.is-home .zr25 { border:calc(var(--rpx) * 1) solid #e3e9e1; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 26) rgba(42,66,48,.04); }
.mini-root .qv0.zq0.is-home .zdw1o { margin-bottom:calc(var(--rpx) * 18); }
.mini-root .qv0.zq0.is-home .zdw15 { font-size:16px !important; font-weight:650; }
.mini-root .qv0.zq0.is-home .zq10 { display:flex !important; gap:calc(var(--rpx) * 12); width:100%; align-items:stretch; }
.mini-root .qv0.zq0.is-home .zq10 .btn { flex:1 1 0%; width:0 !important; min-width:0; min-height:58px !important; height:auto; padding:calc(var(--rpx) * 14) calc(var(--rpx) * 12) !important; gap:calc(var(--rpx) * 10); border-radius:12px !important; box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(52,80,62,.04); transition:transform .15s,box-shadow .15s; }
.mini-root .qv0.zq0.is-home .zdtn, .mini-root .qv0.zq0.is-home .zs8 { flex:0 0 1.8em; width:1.8em; height:1.8em; font-size:14px; line-height:1.4; box-sizing:border-box; transition:transform .16s; }
.mini-root .qv0.zq0.is-home .zs8 { border:1px solid #d2e1ce; box-shadow:inset 0 1px 0 #fff; font-size:14px; }
.mini-root .qv0.zq0.is-home .zdtn { box-shadow:inset 0 0 0 3px rgba(255,255,255,.09),0 0 0 2px rgba(255,255,255,.045); }
.mini-root .qv0.zq0.is-home .zr26, .mini-root .qv0.zq0.is-home .zr1j { font-size:14px !important; font-weight:650; line-height:1.4 !important; white-space:normal; }
.mini-root .qv0.zq0.is-home .zr2e, .mini-root .qv0.zq0.is-home .zr1g { font-size:11px !important; line-height:1.4 !important; white-space:normal; }
.mini-root .qv0.zq0.is-home .zr1h { display:flex; align-items:center; gap:calc(var(--rpx) * 14); box-sizing:border-box; width:100% !important; max-width:100%; min-height:52px; margin:calc(var(--rpx) * 12) 0 0; padding:calc(var(--rpx) * 10) calc(var(--rpx) * 14); border:1px solid #e4e5d8; border-radius:11px; transition:transform .15s,box-shadow .15s; }
.mini-root .qv0.zq0.is-home .zdvi { flex:0 0 1.8em; width:1.8em; height:1.8em; box-sizing:border-box; border:1px solid #e5e5cb; font-size:15px; line-height:1.4; box-shadow:inset 0 1px 0 #fff; }
.mini-root .qv0.zq0.is-home .resume-session-copy { flex:1; }
.mini-root .qv0.zq0.is-home .resume-session-title { font-size:14px; font-weight:600; }
.mini-root .qv0.zq0.is-home .zdu17 { margin-top:calc(var(--rpx) * 1); font-size:12px; font-weight:400; color:#7d8e80; }
.mini-root .qv0.zq0.is-home .zdtt { display:flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; min-height:1.4em; border-radius:50%; font-size:20px; line-height:1.4; font-weight:400; transition:transform .16s; }
.mini-root .qv0.zq0.is-home .zdx3c { margin-top:calc(var(--rpx) * 16); padding-top:calc(var(--rpx) * 14); border-top:calc(var(--rpx) * 1) solid #e7ede5; }
.mini-root .qv0.zq0.is-home .fp-entry { display:flex; align-items:center; box-sizing:border-box; width:100% !important; max-width:100%; margin:0;
  position:relative; overflow:hidden; padding:calc(var(--rpx) * 12) calc(var(--rpx) * 14) !important; min-height:52px !important; gap:calc(var(--rpx) * 14);
  border:1px solid #cdded1; border-radius:11px !important;
  transition:transform .16s ease,box-shadow .16s ease;
}
.mini-root .qv0.zq0.is-home .fp-entry::before {
  content: ''; position: absolute; top: 0; left: calc(var(--rpx) * 22); right: calc(var(--rpx) * 22); height: calc(var(--rpx) * 2);
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); pointer-events: none;
}
.mini-root .qv0.zq0.is-home .zdww {
  position:relative; flex:0 0 1.8em; width:1.8em; height:1.8em; border-radius:8px;
  border:calc(var(--rpx) * 1) solid #47795b;
  color:#f7fcf4; font-size:15px; line-height:1.4; text-shadow:none;
}
.mini-root .qv0.zq0.is-home .zdww::before {
  content: ''; position: absolute; top: calc(var(--rpx) * 4); left: calc(var(--rpx) * 5); right: calc(var(--rpx) * 5); height: calc(var(--rpx) * 22); border-radius: calc(var(--rpx) * 13) calc(var(--rpx) * 13) calc(var(--rpx) * 20) calc(var(--rpx) * 20);
  background: linear-gradient(180deg,rgba(255,255,255,.16),transparent); pointer-events: none;
}
.mini-root .qv0.zq0.is-home .zdx4o { position:relative; flex:1; min-width:0; }
.mini-root .qv0.zq0.is-home .zdwj { font-size:14px !important; font-weight:650; letter-spacing:0; text-shadow:none; }
.mini-root .qv0.zq0.is-home .fp-entry-caption { font-size:11px !important; line-height:1.4; white-space:normal; margin-top:calc(var(--rpx) * 2); }
.mini-root .qv0.zq0.is-home .fp-entry-action {
  position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: auto; min-height: 1.4em;
  border: 0; border-radius: 50%;
  font-size: 20px !important; font-weight: 400; line-height: 1.4; transition:transform .16s;
}
.mini-root .qv0.zq0.is-home .fp-entry:active,
.mini-root .qv0.zq0.is-home .fp-entry.qv3 {
  transform: translateY(calc(var(--rpx) * 1)); border-color: #A6BFAA;
}
.mini-root .qv0.zq0.is-home .zq10 .btn.qv3:not([disabled]), .mini-root .qv0.zq0.is-home .zr1h.qv3 { transform:translateY(1px); box-shadow:inset 0 calc(var(--rpx) * 2) calc(var(--rpx) * 8) rgba(42,68,50,.07); }
.mini-root .qv0.zq0.is-home .zq10 .btn.qv3:not([disabled]) .zdtn,
.mini-root .qv0.zq0.is-home .zq10 .btn.qv3:not([disabled]) .zs8 { transform:scale(.94); }
.mini-root .qv0.zq0.is-home .zr1h.qv3 .zdtt,
.mini-root .qv0.zq0.is-home .fp-entry.qv3 .fp-entry-action { transform:translateX(2px); }
@media (prefers-reduced-motion:reduce) {
  .mini-root .qv0.zq0.is-home .zq10 .btn, .mini-root .qv0.zq0.is-home .zr1h, .mini-root .qv0.zq0.is-home .fp-entry,
  .mini-root .qv0.zq0.is-home .zdtn, .mini-root .qv0.zq0.is-home .zs8, .mini-root .qv0.zq0.is-home .zdtt, .mini-root .qv0.zq0.is-home .fp-entry-action { transition:none !important; transform:none !important; }
}
/* Quiet source status is shared; workshop places it inside the toolbar. */
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk { display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--rpx) * 12); height: calc(var(--rpx) * 40) !important; min-height: calc(var(--rpx) * 40) !important; max-height: calc(var(--rpx) * 40) !important; margin: 0 0 calc(var(--rpx) * 6) !important; padding: 0 calc(var(--rpx) * 2) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk .zdtz { order: 1; min-height: 0 !important; gap: calc(var(--rpx) * 8); max-width: calc(100% - calc(var(--rpx) * 88)); }
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk .zdwk { flex: 0 0 calc(var(--rpx) * 9); width: calc(var(--rpx) * 9) !important; height: calc(var(--rpx) * 9) !important; padding: 0; background: #80A991; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk .zdth { flex: 0 1 auto; font-size: calc(var(--rpx) * 20) !important; font-weight: 400 !important; line-height: 1.4; color: #728777; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk .zdum { flex: 0 0 auto; font-size: calc(var(--rpx) * 19) !important; font-weight: 400; color: #84968A; }
.mini-root .qv0.zq0 .zq2.zq1 .zr1l .zqw.zqk .zr1b { order: 0; flex: 0 0 calc(var(--rpx) * 72); height: calc(var(--rpx) * 3) !important; margin: 0; background: #E7EEE8; }
.zr1l .zqw.zqk.state-ready .zr1b { visibility: hidden; }
.mini-root .qv0.zq0.has-result.is-chord-workbench { padding-bottom: calc(calc(var(--rpx) * 180) + env(safe-area-inset-bottom)) !important; }
.mini-root .qv1 .qv0.zq0 { padding-bottom: 0 !important; }
.mini-root .qv0.zq0 .zq1 .zrk { display: flex !important; align-items: center; gap: calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq1 .zra { flex:0 0 calc(var(--rpx) * 230); width:calc(var(--rpx) * 230) !important; min-width:0 !important; padding:calc(var(--rpx) * 6) !important; margin:0 !important; }
.mini-root .qv0.zq0 .zq1 .zr1y { display:grid !important; grid-template-columns:repeat(2,calc(var(--rpx) * 152)) !important; align-items:center; flex:none; width:auto !important; gap:calc(var(--rpx) * 8) !important; margin-left:auto; }
.mini-root .qv0.zq0 .zq1 .zr1y button { width:calc(var(--rpx) * 152) !important; min-width:0 !important; min-height:44px !important; height:44px !important; padding:0 calc(var(--rpx) * 6) !important; margin:0; font-size:calc(var(--rpx) * 22) !important; display:flex; align-items:center; justify-content:center; border-radius:calc(var(--rpx) * 14) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zra { min-height:44px !important; height:44px !important; background:linear-gradient(150deg,#fcfdf9,#f0f6ee) !important; border-color:#d0dfd1 !important; box-shadow:inset 0 calc(var(--rpx) * 2) 0 #fff !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw7, .mini-root .qv0.zq0 .zq2.zq1 .zr1a { line-height:1.35 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zrb { width:calc(var(--rpx) * 152) !important; height:44px !important; min-height:44px !important; font-size:calc(var(--rpx) * 22) !important; padding:0 calc(var(--rpx) * 6) !important; background:linear-gradient(150deg,#fdfbf3,#f1e8d0) !important; border:calc(var(--rpx) * 1) solid #ded3b7 !important; box-shadow:inset 0 calc(var(--rpx) * 2) 0 #fff !important; line-height:1.4 !important; white-space:nowrap !important; }
.zsb { display:flex; align-items:center; justify-content:center; flex:none; width:calc(var(--rpx) * 152); height:44px; min-width:0; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk { flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--rpx) * 4); height:44px !important; min-height:44px !important; max-height:44px !important; margin:0 !important; padding:0 !important; width:100%; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk .zdtz { flex-wrap:wrap; justify-content:center; gap:calc(var(--rpx) * 3); order:0; max-width:100%; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk .zdth { min-width:0; text-align:center; font-size:calc(var(--rpx) * 22) !important; line-height:1.4; white-space:normal; overflow:visible; text-overflow:clip; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk .zdum { font-size:calc(var(--rpx) * 18) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk .zr1b { order:1; flex:none; width:calc(var(--rpx) * 40); max-width:100%; }
.mini-root .qv0.zq0 .zq2.zq1 .zsb .zqw.zqk.state-ready .zr1b { display:none; }
.mini-root .qv0.zq0 .zq1 .zdw1 { margin: calc(var(--rpx) * 12) 0 !important; grid-template-columns:minmax(0,1fr) auto !important; }
.mini-root .qv0.zq0 .zq1 .zdw1 .fp-starter-entry { width:calc(var(--rpx) * 152) !important; min-width:0; min-height:44px !important; height:44px !important; font-size:calc(var(--rpx) * 22) !important; padding:0 calc(var(--rpx) * 6) !important; border-radius:calc(var(--rpx) * 14) !important; background:linear-gradient(150deg,#fbfdf9,#eaf3ea); border-color:#c5d9cb; box-shadow:inset 0 calc(var(--rpx) * 2) 0 #fff !important; }
.zdw1 > view { flex:1; min-width:0; }
.mini-root .qv0.zq0 .zq2.zq1 .zq1a { width: calc(var(--rpx) * 70) !important; height: calc(var(--rpx) * 70) !important; min-height: calc(var(--rpx) * 70) !important; min-width: calc(var(--rpx) * 70) !important; line-height: calc(var(--rpx) * 70) !important; }
.mini-root .qv0.zq0 .zq1 .zr1t { gap: calc(var(--rpx) * 10) !important; }

.mini-root .qv0.zq0 .zq2.zq1 .qva { padding: calc(var(--rpx) * 14) !important; border-radius: calc(var(--rpx) * 18) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .ls-heading { display: flex; flex-wrap: nowrap !important; margin-bottom: calc(var(--rpx) * 6); }
.ls-heading .ls-title { flex: none; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .zdy2b { flex: 1; width: auto; min-height: calc(var(--rpx) * 60); padding: calc(var(--rpx) * 6) calc(var(--rpx) * 10); gap: calc(var(--rpx) * 8); border-radius: calc(var(--rpx) * 10); font-size: calc(var(--rpx) * 24); line-height: 1.4; }
.zdy2b > text:first-child { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.zdw14 { margin: calc(var(--rpx) * 8) calc(var(--rpx) * 1); }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-1 { min-height: calc(var(--rpx) * 72) !important; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 1) !important; border-radius: calc(var(--rpx) * 10); }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-2 { min-height: calc(var(--rpx) * 94) !important; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 1) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.labels-3 { min-height: calc(var(--rpx) * 120) !important; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 1) !important; }
.zdxs { min-height: 0; margin: calc(var(--rpx) * 10) calc(var(--rpx) * 1) 0; }
.ls-notice { margin-top: calc(var(--rpx) * 6); font-size: calc(var(--rpx) * 20); }

.mini-root .qv0.zq0 .zq2 .zq4 > .zdt1a { min-height: calc(var(--rpx) * 68); padding: calc(var(--rpx) * 10) calc(var(--rpx) * 12); margin-bottom: calc(var(--rpx) * 8); border-radius: calc(var(--rpx) * 12); background: #F5F8F3; }
.mini-root .qv0.zq0 .zq2.zq1 .zqm { padding: calc(var(--rpx) * 12) !important; border-radius: calc(var(--rpx) * 16) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw0 { min-height: calc(var(--rpx) * 68) !important; height: auto !important; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 4) !important; border-radius: calc(var(--rpx) * 10) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqu { min-height: calc(var(--rpx) * 78) !important; height: auto !important; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 3) !important; border-radius: calc(var(--rpx) * 10) !important; gap: calc(var(--rpx) * 2) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw6 { padding: calc(var(--rpx) * 3) !important; border-radius: calc(var(--rpx) * 12) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw1w { font-size: calc(var(--rpx) * 27) !important; }

.mini-root .qv0.zq0 .zq2.zq1 .zqo { margin: calc(var(--rpx) * 14) 0 0 !important; padding: calc(var(--rpx) * 10) 0 0 !important; background: transparent !important; border: 0 !important; border-top: calc(var(--rpx) * 1) solid #E3EBE2 !important; border-radius: 0 !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2 .zr1u { display: flex; justify-content: space-between; align-items: center; width: 100%; min-width: 0; margin: 0; padding: 0; background: transparent; line-height: 1.4; border-radius: 0; text-align: left; }
.zr1u::after { border: 0; }
.mini-root .qv0.zq0 .zq2 .zduz { font-size: calc(var(--rpx) * 26); font-weight: 600; }
.mini-root .qv0.zq0 .zq2 .zdu6 { display: block; margin: 0 0 calc(var(--rpx) * 6); font-size: calc(var(--rpx) * 19); line-height: 1.4; }
.mini-root .qv0.zq0 .zq2 .zrc { margin: calc(var(--rpx) * 6) 0 calc(var(--rpx) * 10); }
.mini-root .qv0.zq0 .zq2 .zrc button { min-height: calc(var(--rpx) * 62); padding: calc(var(--rpx) * 6) calc(var(--rpx) * 8); }
/* Main and expansion pads share one visual hierarchy, including route mode. */
.mini-root .qv0.zq0 .zq2.zq1 .zql > .zqj .zqg,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr8 { min-height: calc(var(--rpx) * 120) !important; height: auto !important; padding: calc(var(--rpx) * 9) calc(var(--rpx) * 3) !important; gap: calc(var(--rpx) * 3); border: calc(var(--rpx) * 1) solid #E2E8E1 !important; border-radius: calc(var(--rpx) * 16) !important; background: linear-gradient(180deg,#fff,#F6F8F3) !important; box-shadow: 0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(36,67,49,.025) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr8 .zqv,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zdu3,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zdus { min-height: 0 !important; height: auto; margin: 0 !important; line-height: 1.35 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr2f { font-size: calc(var(--rpx) * 28) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr14,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr1k { font-size: calc(var(--rpx) * 19) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zql > .zqj .zqg.is-active,
.mini-root .qv0.zq0 .zq2.zq1 .zql > .zqj .zqg.qv4,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr8.is-route-active,
.mini-root .qv0.zq0 .zq2.zq1 .zqo .zq16 .zr8.qv4 { background: #E3F0E7 !important; border-color: #86AF97 !important; box-shadow: inset 0 calc(var(--rpx) * 1) calc(var(--rpx) * 3) rgba(36,67,49,.06) !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zql .zqg.is-active .zqq,
.mini-root .qv0.zq0 .zq2.zq1 .zql .zqg.qv4 .zqq { color: #244B39 !important; }
.mini-root .qv0.zq0 .zq2 .zr2g { margin-top: calc(var(--rpx) * 8); }
.mini-root .qv0.zq0 .zq2 .zr2g button { min-height: calc(var(--rpx) * 60); padding: calc(var(--rpx) * 6) calc(var(--rpx) * 8); background: transparent; }

.mini-root .qv0.zq0 .zq2 .ec-toolbar-heading { flex-wrap: nowrap !important; gap: calc(var(--rpx) * 10) !important; margin-bottom: calc(var(--rpx) * 8) !important; }
.mini-root .qv0.zq0 .zq2 .zdv1b { flex: 1 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zq9 .zr1v { min-width: calc(var(--rpx) * 90) !important; height: auto !important; min-height: calc(var(--rpx) * 60) !important; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 10) !important; background: transparent !important; box-shadow: none !important; border-color: transparent !important; font-size: calc(var(--rpx) * 23) !important; }
.zr27 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.zru { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 8); padding: calc(var(--rpx) * 4) calc(var(--rpx) * 2) calc(var(--rpx) * 8); color: #718374; font-size: calc(var(--rpx) * 21); line-height: 1.4; }
.zru > text { min-width: 0; }
.mini-root .qv0.zq0 .zru button { width: auto; min-width: calc(var(--rpx) * 70); margin: 0; padding: calc(var(--rpx) * 4) calc(var(--rpx) * 10); min-height: calc(var(--rpx) * 56); line-height: 1.4; display: flex; align-items: center; justify-content: center; font-size: calc(var(--rpx) * 21); background: #F1F6F0; color: #37654D; border-radius: calc(var(--rpx) * 10); }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key { background: linear-gradient(180deg,#fff 0%,#FAFCF8 75%,#F1F5EE 100%); border-color: #DAE4D9; border-bottom-color: #BACBBC; box-shadow: 0 calc(var(--rpx) * 2) calc(var(--rpx) * 3) rgba(37,67,46,.07),inset 0 calc(var(--rpx) * 1) 0 #FFF; border-radius: calc(var(--rpx) * 10); transition: background-color 80ms,box-shadow 80ms; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-tonic { background: linear-gradient(180deg,#F4FBF4,#E6F1E7); border-color: #83AC91; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-out-scale { background: #EDF1EA; border-style: dashed; box-shadow: none; }
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.is-active,
.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-key.qv4 { background: #327455; border-color: #285E43; box-shadow: inset 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(15,54,33,.2); color: #FFF; }
.mini-root .qv0.zq0 .footer { margin: calc(var(--rpx) * 14) 0 0 !important; padding: 0 !important; }
.mini-root .qv0.zq0 .footer-utility-bar { padding: calc(var(--rpx) * 8) !important; border-radius: calc(var(--rpx) * 12) !important; box-shadow: none !important; }
.mini-root .qv0.zq0 .zq2 .zq4 > .zs6{order:0 !important;box-sizing:border-box;width:100%;margin:0 0 calc(var(--rpx) * 10);padding:calc(var(--rpx) * 12) calc(var(--rpx) * 14);background:#fff;border:calc(var(--rpx) * 1) solid #E1E9E3;border-radius:calc(var(--rpx) * 18);}.mini-root .qv0.zq0 .zq2 .zs6 .zqi{padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}.mini-root .qv0.zq0 .zq2 .zs6 .zdv9{min-height:0;}.mini-root .qv0.zq0 .zq2.zq1 .zq4 > .zs6{padding:calc(var(--rpx) * 12) calc(var(--rpx) * 10);border-radius:calc(var(--rpx) * 18);background:linear-gradient(160deg,#fff,#F8FBF7);box-shadow:0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(45,81,58,.025);}.mini-root .qv0.zq0 .zq2.zq1 .zs6 .zqi{gap:0 !important;}.zq1d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr);align-items:stretch;gap:calc(var(--rpx) * 6);width:100%;min-width:0;}.mini-root .qv0.zq0 .zq2 .zq1d > button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;width:100%;min-height:44px;height:auto;margin:0;padding:calc(var(--rpx) * 5) calc(var(--rpx) * 1);gap:calc(var(--rpx) * 2);border:calc(var(--rpx) * 1) solid #dce6dd;border-radius:calc(var(--rpx) * 12);font-size:13px;font-weight:550;line-height:1.3;text-align:center;white-space:normal;}.zq1d > button::after{border:none;}.zq1d .meter-pair-button{flex-wrap:wrap;}.zq1d .meter-pair-button > text:first-child{white-space:nowrap;}.zq1d .zdx1l{font-size:9px;color:#8b9d8e;}.mini-root .qv0.zq0 .zq2 .zq1d .is-pending{border-style:dashed;border-color:#96b697;}.mini-root .qv0.zq0 .zq2 .zq1d .performance-bpm-button{flex-direction:column;font-size:15px;font-variant-numeric:tabular-nums;gap:0;}.zq1d .zdx2r{font-size:9px;color:#839487;font-weight:400;}.zq1d > button[disabled]{color:#a4afa6;background:#f1f4ef;}.zq1d > button:active{background:#dfece1;}.mini-root .qv0.zq0 .zq2.zq1 .qva{background:#FCFDF9 !important;margin-top:0 !important;}.mini-root .qv0.zq0 .zq2.zq1 .ls-heading{gap:calc(var(--rpx) * 8) !important;margin:calc(var(--rpx) * 2) 0 calc(var(--rpx) * 10);}.ls-heading .ls-title{color:#2E5541;font-size:calc(var(--rpx) * 26);font-weight:650;}.ls-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--rpx) * 6);}.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button{display:flex;align-items:center;justify-content:center;gap:calc(var(--rpx) * 4);width:100%;min-width:0;min-height:calc(var(--rpx) * 78);padding:calc(var(--rpx) * 8) calc(var(--rpx) * 2);border:calc(var(--rpx) * 1) solid #DFE7DC;border-radius:calc(var(--rpx) * 13);font-size:calc(var(--rpx) * 25);white-space:normal;}.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button.is-instrument{font-weight:650;}.ls-toolbar button > text{font-size:calc(var(--rpx) * 20);color:#78917E;}.zdy2s{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 10) calc(var(--rpx) * 1);line-height:1.4;}.ls-current-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--rpx) * 4);overflow-wrap:anywhere;}.ls-current-copy > text:first-child{color:#42634D;font-size:calc(var(--rpx) * 23);font-weight:600;}.zdy0{color:#7B896D;font-size:calc(var(--rpx) * 19);line-height:1.35;}.ls-quick-toggles{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;}.zdt2 > text{display:flex;align-items:center;justify-content:center;min-width:12px;min-height:16px;border-radius:4px;border:calc(var(--rpx) * 1) solid #DFE7D9;background:#F5F7F1;color:#81917F;font-size:9px;}.zdt2.zq3 > text{background:#E2F0E3;border-color:#B6D1BB;color:#44714F;}.mini-root .qv0.zq0 .zq2.zq1 .zq17 .zdtk{grid-template-columns:repeat(2,minmax(0,1fr));}.mini-root .qv0.zq0 .zq2.zq1 .zq17 .zdtk button{width:100%;min-width:0;min-height:44px;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4);white-space:normal;border-radius:calc(var(--rpx) * 10);border:calc(var(--rpx) * 1) solid #DFE7DA;background:#FFF;color:#5B7861;font-size:calc(var(--rpx) * 23);}.zq17 .zdw14{margin-bottom:0;}.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-settings button{min-height:36px;display:flex;align-items:center;justify-content:center;}.ls-settings{margin:calc(var(--rpx) * 8) 0;padding:0 calc(var(--rpx) * 14);border:calc(var(--rpx) * 1) solid #D5E4D8;border-radius:calc(var(--rpx) * 18);background:linear-gradient(145deg,#fff,#F5F9F2);}.zduc{padding:calc(var(--rpx) * 6) 0;}.zduc + .zduc{border-top:calc(var(--rpx) * 1) solid #DEE7D9;}.zdu16{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 10);min-height:calc(var(--rpx) * 32);margin-bottom:calc(var(--rpx) * 6);}.zdu16 > text:first-child, .zdx4w > text:first-child{font-size:calc(var(--rpx) * 24);font-weight:650;color:#3E604A;}.zdu16 > text:last-child:not(:first-child){font-size:calc(var(--rpx) * 20);font-weight:400;color:#7A8C78;}.zdx4w{display:flex;align-items:center;gap:calc(var(--rpx) * 10);min-height:calc(var(--rpx) * 50);font-size:calc(var(--rpx) * 22);color:#486952;}.zdx4w > text{flex:none;}.zdx4w > text:nth-child(2){min-width:calc(var(--rpx) * 62);font-variant-numeric:tabular-nums;text-align:right;}.zdx4w slider{flex:1;min-width:0;margin:0 calc(var(--rpx) * 6);}.ls-note-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--rpx) * 6);}.ls-rhythm-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 6);}.zdx5r{display:flex;align-items:center;gap:calc(var(--rpx) * 10);margin-top:calc(var(--rpx) * 8);}.zdx5r > text{flex:none;font-size:calc(var(--rpx) * 21);color:#71836D;}.ls-articulation{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--rpx) * 6);}.mini-root .qv0.zq0 .zq2.zq1 .ls-settings button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:36px;margin:0;padding:calc(var(--rpx) * 5) calc(var(--rpx) * 3);line-height:1.3;background:linear-gradient(#FFF,#F4F8F1);border:calc(var(--rpx) * 1) solid #D6E3D4;border-radius:calc(var(--rpx) * 12);color:#50715B;font-size:calc(var(--rpx) * 22);white-space:normal;box-shadow:inset 0 calc(var(--rpx) * 1) 0 #FFF;}.mini-root .qv0.zq0 .zq2.zq1 .ls-settings button.zq3{background:linear-gradient(#E8F4E9,#D5E9DA);border-color:#9CBFA8;color:#285C41;font-weight:600;}.mini-root .qv0.zq0 .zq2.zq1 .ls-settings .sc-dotted-toggle{flex:none;width:auto;min-height:30px;margin:0;padding:calc(var(--rpx) * 4) calc(var(--rpx) * 10);font-size:calc(var(--rpx) * 20);}.ls-settings .zrv{margin-top:calc(var(--rpx) * 10);}.mini-root .qv0.zq0 .zq2.zq1 .ls-settings .zq17{margin:calc(var(--rpx) * 8) 0 0;padding:0;border:0;background:transparent;}.mini-root .qv0.zq0 .zq2.zq1 .ls-settings .zdts, .mini-root .qv0.zq0 .zq2.zq1 .ls-settings .zdta, .mini-root .qv0.zq0 .zq2.zq1 .ls-settings .zdtk{gap:calc(var(--rpx) * 6);padding:0;margin:calc(var(--rpx) * 6) 0 calc(var(--rpx) * 10);background:transparent;}.mini-root .qv0.zq0 .zq2.zq1 .zq17[hidden]{display:none !important;}.zqz{box-sizing:border-box;padding:calc(var(--rpx) * 10);margin:calc(var(--rpx) * 6) 0 calc(var(--rpx) * 12);border:calc(var(--rpx) * 1) solid #D9E5DD;border-radius:calc(var(--rpx) * 12);background:linear-gradient(135deg,#F3F9F5,#FCFAF2);box-shadow:inset 0 calc(var(--rpx) * 1) 0 #fff;}.zdtr{display:flex;justify-content:space-between;gap:calc(var(--rpx) * 10);align-items:baseline;min-height:calc(var(--rpx) * 34);line-height:1.4;font-size:calc(var(--rpx) * 19);color:#849080;}.zdtr > text:first-child{color:#3C6550;font-size:calc(var(--rpx) * 22);font-weight:600;}.zqz.is-piano{padding:calc(var(--rpx) * 12) calc(var(--rpx) * 14) calc(var(--rpx) * 10);border-color:#E0E8DF;border-radius:calc(var(--rpx) * 16);background:#F6F9F4;box-shadow:none;}.is-piano .zdtr{min-height:calc(var(--rpx) * 30);}.sc-piano-board{position:relative;box-sizing:border-box;height:calc(var(--rpx) * 164);margin-top:calc(var(--rpx) * 10);border:calc(var(--rpx) * 1) solid #BFCBBF;border-top:calc(var(--rpx) * 6) solid #567264;border-radius:calc(var(--rpx) * 8);overflow:hidden;box-shadow:0 calc(var(--rpx) * 3) calc(var(--rpx) * 7) rgba(41,63,49,.08);}.zr12{position:absolute;top:0;bottom:0;box-sizing:border-box;background:linear-gradient(180deg,#F6F7F2 0%,#fff 28%,#FCFCF8 94%,#E4E8DF 100%);border-right:calc(var(--rpx) * 1) solid #CAD3C9;border-radius:0 0 calc(var(--rpx) * 4) calc(var(--rpx) * 4);box-shadow:inset calc(var(--rpx) * 1) 0 #fff,inset 0 calc(var(--rpx) * -3) #E1E6DB;}.zr12 > text{position:absolute;bottom:calc(var(--rpx) * 10);left:0;right:0;text-align:center;font-size:calc(var(--rpx) * 19);line-height:1.2;color:#A1AA9F;}.zrg{position:absolute;box-sizing:border-box;top:0;height:62%;z-index:1;background:linear-gradient(100deg,#39463E,#26362D 65%,#425046);border:calc(var(--rpx) * 1) solid #27362D;border-top:0;border-bottom:calc(var(--rpx) * 5) solid #1F2E26;border-radius:0 0 calc(var(--rpx) * 5) calc(var(--rpx) * 5);box-shadow:calc(var(--rpx) * 1) calc(var(--rpx) * 3) calc(var(--rpx) * 3) rgba(27,42,33,.22),inset calc(var(--rpx) * 1) 0 rgba(255,255,255,.13);}.zrg > text{position:absolute;bottom:calc(var(--rpx) * 25);left:0;right:0;text-align:center;font-size:calc(var(--rpx) * 17);line-height:1.2;color:#C6DECF;}.zr12.is-in-scale{background:linear-gradient(180deg,#F6F8F2,#fff 36%,#F1F7F1 95%,#DAE7DD);}.zr12.is-in-scale > text{color:#648773;}.zrg.is-in-scale{background:linear-gradient(100deg,#3D5044,#2C3F33 65%,#435B4A);}.zr12.is-tonic{background:linear-gradient(180deg,#F8F8F1,#fff 36%,#FBF4DF 95%,#EAD5A4);box-shadow:inset 0 calc(var(--rpx) * -4) #CDAE62;}.zrg.is-tonic{background:linear-gradient(100deg,#514B35,#353A2C 65%,#635B3D);box-shadow:inset 0 calc(var(--rpx) * -3) #D4B879,calc(var(--rpx) * 1) calc(var(--rpx) * 3) calc(var(--rpx) * 3) rgba(27,42,33,.22);}.zr12.is-tonic > text{color:#80652D;}.zrg.is-tonic > text{color:#EED49E;}.zr12.qv5{background:linear-gradient(180deg,#F8F6FC,#fff 30%,#E3DCEC);box-shadow:inset 0 calc(var(--rpx) * -4) #9B83B6;}.zrg.qv5{background:linear-gradient(100deg,#73637F,#554762 65%,#897698);box-shadow:inset 0 calc(var(--rpx) * -3) #B9A2D0,calc(var(--rpx) * 1) calc(var(--rpx) * 3) calc(var(--rpx) * 3) rgba(27,42,33,.22);}.zr12.qv5 > text{color:#574374;}.zrg.qv5 > text{color:#F0E8F8;}.zdwa{position:absolute;width:calc(var(--rpx) * 18);height:calc(var(--rpx) * 6);border-radius:calc(var(--rpx) * 6);background:#76A38A;bottom:calc(var(--rpx) * 39);left:50%;transform:translateX(-50%);}.zrg .zdwa{background:#93C1A7;bottom:calc(var(--rpx) * 11);}.is-tonic > .zdwa{width:calc(var(--rpx) * 10);height:calc(var(--rpx) * 10);background:#C4A150;border-radius:calc(var(--rpx) * 2);transform:translateX(-50%) rotate(45deg);}.zrg.is-tonic > .zdwa{background:#EED49E;}.qv5 > .zdwa{background:#896EA8;box-shadow:0 0 0 calc(var(--rpx) * 3) #E1D6EC;}.zrg.qv5 > .zdwa{background:#E1D6EC;box-shadow:0 0 0 calc(var(--rpx) * 2) #9D82BA;}.is-sounding .zr12.qv5{background:linear-gradient(180deg,#F8F6FC,#F4EFFA 30%,#D8CAE8);}.is-sounding .zrg.qv5{background:linear-gradient(100deg,#7A638D,#544064 65%,#8C729E);}.zr2c{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 4) 0;}.mini-root .qv0.zq0 .zq2.zq1 .zr2c button{display:flex;align-items:center;justify-content:center;flex:0 1 auto;box-sizing:border-box;width:auto;min-width:0;min-height:calc(var(--rpx) * 58);padding:calc(var(--rpx) * 5) calc(var(--rpx) * 14);margin:0;border:calc(var(--rpx) * 1) solid #DCE5D7;border-radius:calc(var(--rpx) * 8);background:#FCFEF9;font-size:calc(var(--rpx) * 20);line-height:1.4;text-align:center;white-space:normal;color:#6B826D;}.mini-root .qv0.zq0 .zq2.zq1 .zr2c button.zq3{background:#DFECDA;color:#355B40;border-color:#ADC4A7;}.zdt11{padding:calc(var(--rpx) * 18) calc(var(--rpx) * 8) calc(var(--rpx) * 30) calc(var(--rpx) * 92);}.zq1u{position:relative;height:calc(var(--rpx) * 148);border-left:calc(var(--rpx) * 4) solid #B8B797;background:linear-gradient(115deg,#F8F2E4,#EEF3E9);}.zdy11{position:absolute;left:0;right:0;height:calc(var(--rpx) * 1);background:#BCC5B9;}.zdt3{position:absolute;box-sizing:border-box;width:calc(var(--rpx) * 84);left:calc(var(--rpx) * -92);top:0;transform:translateY(-50%);border:calc(var(--rpx) * 1) solid transparent;border-radius:calc(var(--rpx) * 6);font-size:calc(var(--rpx) * 20);color:#7A8974;line-height:1.2;text-align:center;white-space:nowrap;}.zdt3.is-in-scale{background:#D8EAE1;color:#477265;}.zdt3.is-tonic{background:#F4E5BA;color:#80602D;border-color:#C5A352;}.zdt3.qv5{border-radius:calc(var(--rpx) * 7);background:#E3D9F0;color:#614B7E;border-color:#A693BF;box-shadow:0 0 0 calc(var(--rpx) * 1) #A693BF;font-weight:700;}.zdx3r{position:absolute;top:0;bottom:0;width:calc(var(--rpx) * 1);background:#B9C1AC;}.zdx3r > text{position:absolute;bottom:calc(var(--rpx) * -28);transform:translateX(calc(var(--rpx) * -32));width:calc(var(--rpx) * 32);font-size:calc(var(--rpx) * 19);color:#839078;text-align:center;}.qvb{position:absolute;transform:translate(-50%,-50%);width:calc(var(--rpx) * 20);height:calc(var(--rpx) * 20);border-radius:50%;background:linear-gradient(145deg,#E6F4EC,#BEDCCE);border:1px solid #8EB8A2;box-shadow:inset 0 calc(var(--rpx) * 1) 0 #FFF,0 1px 3px rgba(55,93,77,.14);}.qvb.is-tonic{background:linear-gradient(145deg,#F9ECC5,#E5C879);border-color:#C5A252;border-radius:50%;box-shadow:inset 0 calc(var(--rpx) * 1) 0 #FFF7DD,0 1px 3px rgba(143,108,42,.16);}.qvb.qv5{background:#7B629F;border-color:#fff;box-shadow:0 0 0 1px #9E89BD,0 0 0 3px rgba(175,154,205,.18);}.is-sounding .qvb.qv5{background:#70578F;}.zdw1i{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--rpx) * 20);margin-top:calc(var(--rpx) * 9);color:#738273;font-size:calc(var(--rpx) * 18);line-height:1.4;}.zdw1i > text{display:flex;align-items:center;gap:calc(var(--rpx) * 6);}.zdwz{display:inline-block;width:calc(var(--rpx) * 12);height:calc(var(--rpx) * 12);border:calc(var(--rpx) * 1) solid #689B8C;border-radius:50%;background:#8DB7A8;}.zdwz.is-tonic{background:#E1BF73;border-color:#BA9349;}.zdwz.qv5{background:#8A75AD;border-color:#fff;box-shadow:0 0 0 calc(var(--rpx) * 1) #9E89BD;}.sc-diagram-position{display:block;min-height:calc(var(--rpx) * 28);font-size:calc(var(--rpx) * 20);line-height:1.4;color:#6e8172;text-align:center;}.zr2c .sc-fingering-entry{margin-right:auto !important;}.zdsc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 7);padding:calc(var(--rpx) * 8) 0;}.mini-root .qv0.zq0 .zq2.zq1 .zdsc button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--rpx) * 3);box-sizing:border-box;width:100%;min-width:0;min-height:calc(var(--rpx) * 76);padding:calc(var(--rpx) * 6) calc(var(--rpx) * 2);margin:0;border:calc(var(--rpx) * 1) solid #D9E5DB;border-radius:calc(var(--rpx) * 10);background:#fff;color:#456B56;line-height:1.3;font-size:calc(var(--rpx) * 23);}.mini-root .qv0.zq0 .zq2.zq1 .zdsc button.zq3{background:#DEECE0;border-color:#A3C5AD;}.zdsc button > text:last-child{font-size:calc(var(--rpx) * 18);color:#7B8C7C;}.zdx4c{grid-column:1 / -1;color:#8A8063;font-size:calc(var(--rpx) * 20);line-height:1.4;}.zq1u.is-fingering{height:88px;}.zq1u.is-fingering .qvb{display:flex;align-items:center;justify-content:center;width:21px;height:21px;line-height:1;font-weight:600;color:#294F40;}.zq1u.is-fingering .qvb.is-tonic{color:#755822;}.zq1u.is-fingering .qvb.qv5{background:#70578F;color:#fff;border-color:#fff;}.is-ukulele .zdt3{font-size:calc(var(--rpx) * 22);}.is-guitar .zq1u{height:120px;}.zqz.is-sounding.pulse-0 .zr12.qv5 > text,
.zqz.is-sounding.pulse-0 .zrg.qv5 > text,
.zqz.is-sounding.pulse-0 .zdtr > text{animation:scaleLabel0 .3s ease-out;}.zqz.is-sounding.pulse-1 .zr12.qv5 > text,
.zqz.is-sounding.pulse-1 .zrg.qv5 > text,
.zqz.is-sounding.pulse-1 .zdtr > text{animation:scaleLabel1 .3s ease-out;}.zqz.is-sounding.pulse-0 .qvb.qv5{animation:scaleDot0 .3s ease-out;}.zqz.is-sounding.pulse-1 .qvb.qv5{animation:scaleDot1 .3s ease-out;}.zqz.is-sounding.pulse-0 .zdt3.qv5{animation:scaleOpen0 .3s ease-out;}.zqz.is-sounding.pulse-1 .zdt3.qv5{animation:scaleOpen1 .3s ease-out;}@keyframes scaleLabel0{0%,100%{transform:scale(1);}40%{transform:scale(1.12);}}@keyframes scaleLabel1{0%,100%{transform:scale(1);}40%{transform:scale(1.12);}}@keyframes scaleDot0{0%,100%{transform:translate(-50%,-50%) scale(1);}40%{transform:translate(-50%,-50%) scale(1.18);}}@keyframes scaleDot1{0%,100%{transform:translate(-50%,-50%) scale(1);}40%{transform:translate(-50%,-50%) scale(1.18);}}@keyframes scaleOpen0{0%,100%{transform:translateY(-50%) scale(1);}40%{transform:translateY(-50%) scale(1.1);}}@keyframes scaleOpen1{0%,100%{transform:translateY(-50%) scale(1);}40%{transform:translateY(-50%) scale(1.1);}}@media (prefers-reduced-motion:reduce){.zqz .qv5, .zqz text{animation:none !important;}}.zdt19{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--rpx) * 8);margin-top:calc(var(--rpx) * 12);}.zdt19 > button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;padding:calc(var(--rpx) * 4);border:calc(var(--rpx) * 1) solid #d5e3d8;border-radius:calc(var(--rpx) * 12);background:#f1f6f0;color:#416c51;font-size:14px;line-height:1.4;}.zdt19 > button::after{border:none;}.zdt19 > button[disabled]{color:#a6b2a7;background:#f6f8f4;border-color:#e4eae1;}.zdt19 > button:active{background:#e2eee2;}.zduq > button{display:flex;align-items:center;justify-content:center;min-height:44px !important;height:auto !important;padding:calc(var(--rpx) * 8) !important;line-height:1.4 !important;}@media (max-width: 370px){.ls-toolbar button{font-size:calc(var(--rpx) * 24) !important;}.ls-note-options button{font-size:calc(var(--rpx) * 21) !important;}}.zdy10{width:100%;min-width:0;}.zdt11{box-sizing:border-box;}.sc-map-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:650;line-height:1.15;white-space:nowrap;color:inherit;}.sc-map-pitch{position:relative;line-height:1.15;}.zdx54{display:flex;align-items:center;justify-content:center;gap:3px;line-height:1;}.sc-map-label .sc-map-note{font-size:9px;font-weight:500;opacity:.9;}.sc-map-octave{position:absolute;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px;line-height:1;}.sc-map-octave.above{top:-5px;}.sc-map-octave.below{bottom:-4px;}.sc-map-label.zdx59 .zdx54{margin-top:3px;}.zr12 > .sc-map-label{position:absolute;left:0;right:0;bottom:5px;color:#507860;}.zrg > .sc-map-label{position:absolute;left:0;right:0;bottom:13px;font-size:9px;color:#E5F1E7;}.zrg .sc-map-note{font-size:7px;}.zr12 .zdwa{bottom:40px;}.zq1u .qvb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:21px;height:21px;color:#294F40;}.qvb .sc-map-label{font-size:11px;line-height:1.15;}.zr1d .zq1u{height:112px;}.is-guitar.zr1d .zq1u{height:155px;}.zqz.zr1d .zq1u .qvb{width:29px;height:29px;border-radius:9px;}.zqz.is-triple-label .zq1u .qvb{width:34px;height:30px;}.zr1d .qvb .sc-map-octave.above{top:-3px;}.qvb.qv5 .sc-map-label{color:#FFF;}.sc-map-finger{display:inline-flex;align-items:center;justify-content:center;min-width:11px;height:11px;border-radius:3px;background:rgba(255,255,255,.85);color:#355C48;font-size:10px;font-weight:650;line-height:1;box-shadow:0 0 0 calc(var(--rpx) * 1) #94B5A0;}.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-quick-toggles button{display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:28px;margin:0;padding:3px 6px;font-size:10px;line-height:1.2;white-space:nowrap;border:calc(var(--rpx) * 1) solid #D9E6DA;border-radius:7px;background:linear-gradient(#FFF,#F2F7F0);color:#587763;}.mini-root .qv0.zq0 .zq2.zq1 .qva .ls-quick-toggles .zq3{border-color:#AECDB7;color:#2C6449;background:linear-gradient(#F0F8F0,#E2EEE2);}.zr1d .zdt11{padding-top:20px;}.ls-quick-toggles .zdt14{min-width:0;margin:0;}.zr2c.zdx4h{display:grid;grid-template-columns:1.35fr 1.3fr 1fr 1fr;gap:calc(var(--rpx) * 4);}.zr2c.zdx4h .zdt14{min-width:0;margin:0;}.mini-root .qv1 .zr2c.zdx4h button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:40px;margin:0 !important;padding:calc(var(--rpx) * 3);white-space:normal;font-size:10px;line-height:1.25;border:calc(var(--rpx) * 1) solid #D2E0D3;border-radius:calc(var(--rpx) * 10);background:linear-gradient(#FFF,#F0F6ED);color:#486C52;}.cp-degree{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:10px;line-height:1.1;color:#547460;font-weight:600;}.cp-black .cp-degree{bottom:20px;color:#D7E8DC;font-size:8px;}.zr1f{display:flex;gap:5px;margin:6px 0;color:#63796B;}.mini-root .zr1f button,.mini-root .qv0.zq0 .zq2 .qva .zq17 .zr1f button{display:flex;align-items:center;justify-content:center;flex:1;gap:4px;width:auto;min-width:0;min-height:31px;margin:0;padding:4px 3px;border:calc(var(--rpx) * 1) solid #D4E2D5;border-radius:8px;background:linear-gradient(#FFF,#F1F7EE);font-size:11px;line-height:1.3;color:#4B6F56;}.mini-root .zr1f button.zq3,.mini-root .qv0.zq0 .zq2 .qva .zq17 .zr1f button.zq3,.mini-root .qv1 .ln-module .zr1f button.zq3{background:#DFEEDF;border-color:#A9CBB2;color:#286347;}.is-partial-overview:not(.zr1d) .zq1u .qvb{width:21px;height:21px;}.is-partial-overview:not(.is-dual-label) .qvb .sc-map-label{font-size:10px;}.zdw2j{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 6);}.zq17{padding:7px;}.zrs{display:flex;align-items:center;gap:7px;margin:0 0 5px;}.zrs > .zrv{flex:none;width:26px;margin:0;font-size:11px;color:#849181;}.zrs > view{flex:1;min-width:0;}.mini-root .qv0.zq0 .zq2.zq1 .zq17 .zdts,
.mini-root .qv0.zq0 .zq2.zq1 .zq17 .zdta,
.mini-root .qv0.zq0 .zq2.zq1 .zq17 .zdtk,
.zdx3s{display:flex;gap:5px;margin:0;padding:0;background:transparent;}.zrs .zr1f{margin:0;}.mini-root .qv0.zq0 .zq2.zq1 .qva .zq17 button{display:flex;align-items:center;justify-content:center;flex:1;width:auto;min-width:0;min-height:31px;margin:0;padding:4px 3px;border:calc(var(--rpx) * 1) solid #D4E2D5;border-radius:8px;background:linear-gradient(#FFF,#F6F9F2);color:#58725F;font-size:11px;line-height:1.25;white-space:nowrap;}.mini-root .qv0.zq0 .zq2.zq1 .qva .zq17 button.zq3{background:#E2EFE2;border-color:#ADCBB5;color:#2E6148;}.mini-root .qv0.zq0 .zq2.zq1 .zq17 button[disabled]{color:#ADB6AA;border-color:#E2E8DE;background:#F7F9F4;}.zq17 .zdw14{margin:5px 0 0;font-size:10px;color:#85907E;}.zq4 .ec-grid.zq1j.is-applied-pair{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}@media (max-width:370px){.ls-current-copy{flex-basis:100%;}.ls-quick-toggles{margin-top:2px;}}.sa-mask{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}.zdy2i{position:absolute;inset:0;background:rgba(27,48,36,.28);}.sa-panel{position:relative;width:100%;max-width:360px;padding:18px 16px 14px;box-sizing:border-box;border:1px solid #D7E4D6;border-radius:24px;background:linear-gradient(145deg,#FFF,#F3F8F0);box-shadow:0 16px 48px rgba(33,64,46,.16);}.zdy2j,.sa-title,.zdy8,.zdx22,.sa-skip{display:block;}.zdy2j{color:#829886;font-size:11px;letter-spacing:1px;}.sa-title{margin:8px 0 6px;color:#285C43;font-size:21px;font-weight:650;line-height:1.3;}.zdy8{color:#4A6D54;font-size:14px;font-weight:550;}.zdy1m{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;}.zdy1m text{padding:5px 9px;border-radius:8px;background:#E6EFE1;color:#3E684E;font-size:12px;}.zdx22,.sa-skip{color:#718574;font-size:11px;line-height:1.7;}.sa-skip{color:#947B48;margin-top:8px;}.zdx2y{display:flex;gap:10px;margin-top:20px;}.mini-root .zdx2y button{display:flex;align-items:center;justify-content:center;flex:1;width:0;min-width:0;min-height:44px;margin:0;padding:8px;border:1px solid #CEDFCF;border-radius:14px;background:#FFF;color:#4C7158;font-size:14px;line-height:1.4;}.mini-root .zdx2y button.is-primary{background:linear-gradient(125deg,#397E5B,#266246);border-color:#2E6C4C;color:#FFF;box-shadow:0 3px 8px rgba(44,103,72,.15);}.mini-root .zdx2y button:active{transform:scale(.97);}.sa-body{height:52vh;min-height:0;overflow-y:auto;}.sa-scope{margin:10px 0;}.zdy7{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border-bottom:1px solid #DFE8DC;}.zdy7 view{flex:1;min-width:0;}.zdy7 checkbox{flex:none;transform:scale(.8);}.zdy2k{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:11px;color:#4A6D54;}.zdy2k input{width:55px;height:36px;min-width:0;padding:0 4px;border:1px solid #CEDFCF;border-radius:8px;background:#FFF;font:inherit;text-align:center;}.sa-body text{overflow-wrap:anywhere;}.zdy2l{flex-wrap:wrap;gap:6px;margin:8px 0;}.mini-root .zdy2l button{font-size:12px;padding:6px;}.mini-root .zdy3c button{flex:1 0 40%;width:auto;}.zdy2l picker{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;border:1px solid #CEDFCF;border-radius:10px;background:#FFF;color:#4C7158;font-size:12px;}
.zqz.piano-follow .zdwb.qv5{background:#8654AE;border-color:#6F4198;color:#FFF;box-shadow:inset 0 -3px 0 #633B89;}.zqz.piano-follow .zdwb.qv5>.sc-map-label{color:#FFF;}.zqz.piano-follow .zdwb.is-next:not(.qv5),.zqz .zdwz.is-next{background:#E9DCF3;box-shadow:inset 0 0 0 1px #C7A9DF;}.zqz.piano-follow .zdwb.is-next:not(.qv5)>.sc-map-label{color:#785794;}.zdwb>.piano-next-mark{position:absolute;top:4px;bottom:auto;left:0;right:0;text-align:center;font-size:8px;line-height:1.1;color:#785794;}.zdwb.qv5>.piano-next-mark{color:#FFF;}
.mini-root .qv0.zq0 .zq2 .qv2.zq5{display:flex !important;flex-direction:column;gap:calc(var(--rpx) * 12);height:auto !important;min-height:0 !important;max-height:none !important;padding:calc(var(--rpx) * 20) !important;overflow:visible;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-heading{width:100%;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:calc(var(--rpx) * 8) calc(var(--rpx) * 16);}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-name{font-size:calc(var(--rpx) * 34) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cd-stage,.mini-root .qv0.zq0 .zq2 .qv2.zq5.zdu0 .cd-stage{width:100%;height:calc(var(--rpx) * 304) !important;flex:none;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cp-keyboard{height:calc(var(--rpx) * 250) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cp-anchor{font-size:calc(var(--rpx) * 20) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zq1e{width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--rpx) * 8);}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zq1e button{flex:1 1 auto;width:auto !important;min-width:44px;min-height:44px;padding:calc(var(--rpx) * 12) calc(var(--rpx) * 20) !important;}.zdsg{font-size:calc(var(--rpx) * 22);line-height:1.5;color:#657D6D;}.zr12, .zrg, .qvb, .zdt3{cursor:pointer;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn{display:grid !important;grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr) !important;grid-template-rows:auto auto auto;height:auto !important;min-height:0 !important;max-height:none !important;padding:calc(var(--rpx) * 14) calc(var(--rpx) * 12) !important;gap:calc(var(--rpx) * 16) calc(var(--rpx) * 14);}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .cd-heading{grid-column:1;grid-row:1;width:auto;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:calc(var(--rpx) * 2) calc(var(--rpx) * 8);}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .cd-instrument{font-size:calc(var(--rpx) * 19) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .cd-bass{width:100%;font-size:calc(var(--rpx) * 18);}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .cd-stage{grid-column:1;grid-row:2;width:100%;height:calc(var(--rpx) * 250) !important;align-self:center;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .zqx{height:calc(var(--rpx) * 204);margin-top:calc(var(--rpx) * 20) !important;margin-bottom:calc(var(--rpx) * 20) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .cp-keyboard{height:calc(var(--rpx) * 218) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .zq1e{grid-column:1 / span 2;grid-row:3;position:static;width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 8);padding-top:calc(var(--rpx) * 6);border-top:calc(var(--rpx) * 1) solid #E3EBE0;}.mini-root .qv0.zq0 .zq2 .qv2.zrn .zdsg{display:block;flex:1;min-width:0;font-size:calc(var(--rpx) * 19);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .zr4{flex:0 0 auto;margin:0;font-size:12px !important;width:auto !important;min-width:0;min-height:44px !important;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 12) !important;}.zdti{grid-column:2;grid-row:1 / span 2;padding:calc(var(--rpx) * 4) calc(var(--rpx) * 2) calc(var(--rpx) * 4) calc(var(--rpx) * 12);border-left:calc(var(--rpx) * 1) solid #DCE7DA;display:flex;flex-direction:column;gap:calc(var(--rpx) * 5);min-width:0;border-radius:0 calc(var(--rpx) * 10) calc(var(--rpx) * 10) 0;}.zdti.is-playable{cursor:pointer;}.zdti.qv4{background:#E8F1E4;}.zdti .zr10{height:calc(var(--rpx) * 128);flex:none;}.zdti .zdw1g{height:calc(var(--rpx) * 148);flex:none;}.zdt1d{display:flex;align-items:center;gap:calc(var(--rpx) * 10);color:#7B8978;font-size:calc(var(--rpx) * 22);}.zs4{width:calc(var(--rpx) * 58);height:calc(var(--rpx) * 32);padding:calc(var(--rpx) * 3);border-radius:calc(var(--rpx) * 40);background:#D6DFD2;box-sizing:border-box;}.zs4 > view{width:calc(var(--rpx) * 26);height:calc(var(--rpx) * 26);border-radius:50%;background:#FFF;box-shadow:0 calc(var(--rpx) * 1) calc(var(--rpx) * 3) #46633C20;}.zdt1d.is-on{color:#396D4E;}.zdt1d.is-on .zs4{background:#548466;}.zdt1d.is-on .zs4 > view{margin-left:calc(var(--rpx) * 26);}.mini-root .qv0.zq0 .zq2 .zr1u{min-height:44px;}@media (max-width: 340px){.zdu1a{flex-wrap:wrap;}}.zq1f{position:static !important;width:auto;max-width:100%;box-sizing:border-box;transform:none !important;margin:calc(var(--rpx) * 8) 0 calc(var(--rpx) * 12);}.zq1f .zdwg > text{flex:1;min-width:0;line-height:1.4;overflow-wrap:anywhere;}.zq1f .zdwg > button{flex:none;}.mini-root .qv0.zq0 .zq2 .zrn .zq1e{flex-wrap:wrap;}.mini-root .qv0.zq0 .zq2 .zrn .zq1e .zdsg{display:none;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zrn .zq1e .zr4{flex:1 1 0;min-width:0;justify-content:center;white-space:normal;}.zdx4y{border-color:#CEDFCA;color:#496D50;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf{display:grid !important;grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr) !important;grid-template-rows:calc(var(--rpx) * 106) calc(var(--rpx) * 250) minmax(44px, 1fr);gap:calc(var(--rpx) * 6) calc(var(--rpx) * 14);box-sizing:border-box;height:calc(calc(var(--rpx) * 420) + 44px) !important;min-height:calc(calc(var(--rpx) * 420) + 44px) !important;max-height:calc(calc(var(--rpx) * 420) + 44px) !important;padding:calc(var(--rpx) * 14) calc(var(--rpx) * 12) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cd-heading{grid-column:1;grid-row:1;width:auto;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:baseline;align-content:flex-start;justify-content:flex-start;gap:calc(var(--rpx) * 2) calc(var(--rpx) * 8);overflow-y:auto;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cd-instrument{font-size:calc(var(--rpx) * 19) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cd-bass{width:100%;font-size:calc(var(--rpx) * 18);}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cd-stage{grid-column:1;grid-row:2;width:100%;height:calc(var(--rpx) * 250) !important;align-self:center;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .zqx{height:calc(var(--rpx) * 204);margin-top:calc(var(--rpx) * 20) !important;margin-bottom:calc(var(--rpx) * 20) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cp-keyboard{height:calc(var(--rpx) * 218) !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .zq1e{grid-column:1 / span 2;grid-row:3;position:static;width:100%;min-height:0;display:flex;align-items:center;gap:calc(var(--rpx) * 8);flex-wrap:nowrap;padding-top:calc(var(--rpx) * 6);border-top:calc(var(--rpx) * 1) solid #E3EBE0;}.mini-root .qv0.zq0 .zq2 .zqf .zq1e .zdsg{display:none;}.mini-root .qv0.zq0 .zq2 .qv2.zqf .zq1e .zr4{flex:1 1 0;min-width:0;min-height:44px;margin:0;width:auto !important;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 12) !important;justify-content:center;white-space:normal;font-size:12px !important;}.zqf .zdti{min-height:0;overflow:hidden;}.zqf .zdu1a{min-height:44px;flex:none;}.zqf .zdw1l{flex:none;}.zqf .zdwt{display:block;flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .cd-name{flex:0 0 100%;width:100%;}.mini-root .qv0.zq0 .zq2 .zqf.zdu10 .cd-instrument,.mini-root .qv0.zq0 .zq2 .zqf.zdu10 .cd-bass{display:none;}.mini-root .qv0.zq0 .zq2 .zqf.zdu10 .cd-omission{flex:0 0 100%;width:100%;line-height:1.3;}.ar-inline-companion{grid-column:2;grid-row:1 / span 2;min-width:0;min-height:0;border-left:calc(var(--rpx) * 1) solid #DCE7DA;padding-left:calc(var(--rpx) * 10);}.qv2:not(.zdu0) .ar-inline-companion,.qv2:not(.zdu0) .zdti{border-left:0;border-top:calc(var(--rpx) * 1) solid #DCE7DA;padding:calc(var(--rpx) * 10) 0 0;}.mini-root .qv0.zq0 .zq2 .zq1f.zq1r{display:flex;flex-direction:column;gap:calc(var(--rpx) * 6);height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;}.zq1r .zdwg{flex:none;min-height:20px;font-size:13px;line-height:1.3;}.mini-root .qv0.zq0 .zq2 .zq1r .ar-strategy{flex:none;gap:calc(var(--rpx) * 4);}.mini-root .qv0.zq0 .zq2 .zq1r .ar-strategy > button{min-height:44px;padding:calc(var(--rpx) * 4) 0;font-size:11px !important;line-height:1.3;white-space:normal;border-radius:calc(var(--rpx) * 10);}.ar-family-picker{flex:none;min-width:0;}.ar-family-picker > view{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 calc(var(--rpx) * 4);border:calc(var(--rpx) * 1) solid #DFE7DD;border-radius:calc(var(--rpx) * 10);background:#FFF;color:#526F5C;font-size:12px;line-height:1.3;}.zq1r .ar-candidates-viewport{flex:1;height:0;min-height:44px;max-height:none;}.qv2:not(.zdu0) .ar-candidates-viewport{flex:none;height:calc(var(--rpx) * 260);}.zq1r .zdx1s{grid-template-columns:minmax(0, 1fr);gap:calc(var(--rpx) * 6);}.mini-root .qv0.zq0 .zq2 .zq1r .ar-candidate{min-height:44px;padding:calc(var(--rpx) * 7) calc(var(--rpx) * 8);gap:calc(var(--rpx) * 2);border-radius:calc(var(--rpx) * 10);}.zq1r .ar-candidate > view{flex-direction:column;gap:calc(var(--rpx) * 1);font-size:12px;}.zq1r .ar-candidate > view > text:last-child{font-size:11px;}.zq1r .ar-frets{font-size:11px;line-height:1.3;}.zq1r .ar-note{font-size:11px;}.mini-root .qv0.zq0 .zq2 .zr4.zq3{background:#E7F1E8;border-color:#94B49C;color:#2F6447;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .zqx{margin-left:calc(var(--rpx) * 23) !important;margin-right:calc(var(--rpx) * 23) !important;}.zdti .zdw1g{margin-left:calc(var(--rpx) * 18);margin-right:calc(var(--rpx) * 18);}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.zdut .cd-heading,.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.zdut .cd-stage{grid-column:1 / span 2;}.mini-root .qv0.zq0 .zq2 .zqf.zdut .zqb{justify-content:center;gap:0;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.zdut .zqx{flex:0 0 auto;width:calc(var(--rpx) * 360);max-width:72%;margin-left:0 !important;margin-right:0 !important;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.zdut .zqx.is-ukulele{width:calc(var(--rpx) * 290);max-width:66%;}.mini-root .qv0.zq0 .zq2 .zqf.zdut .chord-piano{width:94%;max-width:calc(var(--rpx) * 640);margin:0 auto;}.cp-rows{display:flex;flex-direction:column;gap:calc(var(--rpx) * 10);height:calc(var(--rpx) * 232);width:100%;min-width:0;}.cp-row{display:flex;flex:1 1 0;flex-direction:column;min-width:0;min-height:0;}.zdw11{flex:none;color:#758477;font-size:calc(var(--rpx) * 17);line-height:1.2;margin-bottom:calc(var(--rpx) * 4);text-align:left;}.chord-piano.is-focused-piano .zdw11,.chord-piano.is-focused-piano .cd-key{display:none;}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .cp-row .cp-keyboard{flex:1 1 0;height:auto !important;min-height:0;width:100%;}.cp-note{position:absolute;left:0;bottom:calc(var(--rpx) * 8);width:100%;color:#315D42;font-size:calc(var(--rpx) * 19);font-weight:650;line-height:1.1;text-align:center;white-space:nowrap;}.cp-black .cp-note{bottom:calc(var(--rpx) * 7);color:#F8FCF6;font-size:calc(var(--rpx) * 16);}.cp-rows .cp-dot{bottom:calc(var(--rpx) * 38);}.cp-rows .cp-black .cp-dot{bottom:calc(var(--rpx) * 30);}.cp-rows.zdxl .cp-dot{bottom:calc(var(--rpx) * 32);}.cp-rows.zdxl .cp-black .cp-dot{bottom:calc(var(--rpx) * 26);}.zdti .zr10.zq1o{position:static;height:auto !important;min-height:0;border:0;background:none;overflow:visible;}.zr10.zq1o .cp-rows{height:auto;gap:calc(var(--rpx) * 6);}.zr10.zq1o .cp-row{flex:none;}.mini-root .qv0.zq0 .zq2 .zr10.zq1o .cp-row .cp-keyboard{flex:none;height:calc(var(--rpx) * 92) !important;}.zr10.zq1o .zdw11{font-size:calc(var(--rpx) * 15);}.zr10.zq1o .cp-note{font-size:calc(var(--rpx) * 16);bottom:calc(var(--rpx) * 5);}.zr10.zq1o .cp-black .cp-note{font-size:calc(var(--rpx) * 14);bottom:calc(var(--rpx) * 4);}.zr10.zq1o .cp-dot{bottom:calc(var(--rpx) * 27);}.zr10.zq1o .cp-black .cp-dot{bottom:calc(var(--rpx) * 21);}.zqf .zr10.zq1o{flex:1 1 0;display:flex;}.zqf .zr10.zq1o .cp-rows{height:100%;min-height:0;}.zqf .zr10.zq1o .cp-row{flex:1 1 0;}.zqf .zr10.zq1o .zdw11{display:none;}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .zr10.zq1o .cp-row .cp-keyboard{flex:1 1 0;height:auto !important;}.cs-piano{height:auto;min-height:0}.cd-strings{width:100%;min-width:0}.zdy35{display:block;min-width:0;width:100%;max-width:100%;overflow:auto;pointer-events:auto}.cs-score{position:relative;width:100%}.cs-line{position:absolute;left:4px;right:4px;height:1px;background:#718779}.cs-note{position:absolute;width:12px;height:8px;border:2px solid #347b58;border-radius:50%;box-sizing:border-box;transform:translateY(-50%) rotate(-20deg);background:#fff}.cs-note.is-root{border-color:#b9832f}.cs-sign{position:absolute;font:15px/1 serif;transform:translateY(-50%)}.zdx0{margin:0;min-width:44px;min-height:44px;width:auto;padding:4px;font-size:11px;white-space:nowrap;line-height:1.2}.zq1e.cs-tools{display:flex}.cs-tools .zdsg{display:none}.mini-root .qv0.zq0 .zq2 .qv2 .zq1e.cs-tools>.zdx0{flex:0 0 66px;width:66px!important;min-width:44px;min-height:44px;padding:4px!important;font-size:11px!important}#zs0 .zq15 .zq1e.cs-tools{display:flex!important}#zs0 .zq15 .cs-tools>.zdx0{min-height:44px}.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.cs-panel{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:calc(var(--rpx) * 106) auto minmax(44px,1fr)}.mini-root .qv0.zq0 .zq2 .qv2.zq5.cs-panel .cd-stage,#zs0 .zq15 .qv2.cs-panel .cd-stage{height:auto!important;min-height:0}.mini-root .zdx0{display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-self:center;color:#355f49;background:linear-gradient(#f8fbf5,#e8f1e8);border:1px solid #cddccf;border-radius:11px;font-weight:600;box-shadow:inset 0 1px #fff;flex-shrink:0}.mini-root .zdx0.zdx5s{color:#694c99;background:linear-gradient(#faf7ff,#ede5f8);border-color:#d1c1e6}.mini-root .zdx0::after{border:0}.zqz>.zdtr{align-items:center}.cs-note.is-filled{background:#347b58}.cs-note.qv5{border-color:#8a5ac2;background:#8a5ac2;box-shadow:0 0 0 3px #8a5ac224,0 0 10px #8a5ac244}.cs-stem{position:absolute;width:1.5px;background:#347b58}.cs-stem.qv5{background:#8a5ac2}.cs-beam{position:absolute;height:3px;background:#347b58}.cs-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#347b58;transform:translateY(-50%)}.cs-dot.qv5{background:#8a5ac2}.cs-rest{position:absolute}.zdy36{position:absolute;font:11px/1 serif;color:#526e5d}.cs-bar{position:absolute;width:1px;background:#718779}.cs-meter{position:absolute;display:flex;flex-direction:column;align-items:center;font:bold 16px/1.05 serif;color:#355f49}.zdx4n{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#7c897e}.mini-root .qv0.zq0 .zq2 .qv2.zq5.cs-panel.cs-dual .cd-stage{height:auto!important;min-height:0}.cs-dual .cp-rows{margin-top:calc(var(--rpx) * 10)}.cs-dual .zdx2z,.cs-dual .zdx24{margin-top:10px}.cs-window{order:1;width:100%;min-width:0}.cs-note.qv5:not(.is-filled){background:#fff}.zqf.cs-panel .zdti{height:calc(var(--rpx) * 362);box-sizing:border-box;align-self:center}.cs-tie{position:absolute;height:7px;border-bottom:1px solid #347b58;border-radius:0 0 50% 50%;pointer-events:none}
.mini-root .qv0.zq0 .zq2 .zql .zq8 {
  display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: calc(var(--rpx) * 7) !important; width: 100%;
}
.mini-root .qv0.zq0 .zq2 .zql .zq8 > button,
.mini-root .qv0.zq0 .zq2 .zql .zq8 .capo-button {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  width: 100% !important; min-width: 0 !important; max-width: 100%; height: calc(var(--rpx) * 88) !important; min-height: 44px !important;
  box-sizing: border-box; margin: 0 !important; padding: calc(var(--rpx) * 6) calc(var(--rpx) * 2) !important; gap: calc(var(--rpx) * 4);
  border: calc(var(--rpx) * 1) solid rgba(39,112,81,.24) !important; border-radius: calc(var(--rpx) * 14) !important;
  background: linear-gradient(135deg, rgba(46,124,91,.16), rgba(244,238,215,.66)) !important;
  color: #1f6046 !important; font-size: calc(var(--rpx) * 24) !important; font-weight: 550 !important; line-height: 1.2 !important;
  box-shadow: inset 0 calc(var(--rpx) * 1) rgba(255,255,255,.92) !important; white-space: normal !important;
}
.mini-root .qv0.zq0 .zq2 .zql .zq8 > button::after { border: 0; }
.zql .zdx4k { min-width: 0; width: 100%; }
.zql .zdw24 { display: block; font-size: calc(var(--rpx) * 20); font-weight: 400; line-height: 1.15; }
.zdv10 { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 16) 0; color: #586c60; font-size: calc(var(--rpx) * 24); }
.zdv10 button { width: 100%; margin: 0; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 20); min-height: calc(var(--rpx) * 76); line-height: 1.4; background: linear-gradient(120deg, #edf5eb, #f6f3e9); border: calc(var(--rpx) * 1) solid #cbded0; border-radius: calc(var(--rpx) * 18); color: #28654f; font-size: calc(var(--rpx) * 25); font-weight: 600; }
.zdv10 button::after { border: 0; }
.zdvq { width: 100%; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: calc(var(--rpx) * 10); }
.zdvq button { min-width: 0; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 4); }
.zqj .zqg.is-custom-editing { border: calc(var(--rpx) * 2) dashed #6d9b84; }
.zqj .zqg.is-empty-slot { background: #f5f8f3; border: calc(var(--rpx) * 2) dashed #c1cec4; }
.zdx21 { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 32); padding-top: calc(12px + env(safe-area-inset-top)); padding-bottom: calc(12px + env(safe-area-inset-bottom)); box-sizing: border-box; background: rgba(22, 39, 30, .45); }
.zdx53 { width: 100%; max-width: calc(var(--rpx) * 680); max-height: 88vh; max-height: calc(88vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); min-height: 0; overflow: hidden; padding: calc(var(--rpx) * 24); box-sizing: border-box; border-radius: calc(var(--rpx) * 28); background: #fffef9; display: flex; flex-direction: column; gap: calc(var(--rpx) * 12); }
.zdx6 { font-size: calc(var(--rpx) * 32); font-weight: 700; color: #234d3c; }
.zdu4 { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); }
.zdu4 .zdx6 { min-width: 0; }
.zdu4 button { width: auto; min-width: 44px; min-height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin: 0; padding: calc(var(--rpx) * 10); color: #426b51; background: #edf3e9; font-size: calc(var(--rpx) * 24); line-height: 1.5; border-radius: calc(var(--rpx) * 12); }
.zdv12 .zdur { display: block; font-size: calc(var(--rpx) * 22); line-height: 1.5; color: #81907E; overflow-wrap: anywhere; }
.zdv12 > .zdur { flex-shrink: 0; }
.zdx2t { height: 58vh; min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior-y: contain; }
.zdv12 > .zdu19 { flex-shrink: 0; min-height: 44px; }
.zdxy { display: flex; flex-direction: column; gap: calc(var(--rpx) * 8); margin-bottom: calc(var(--rpx) * 16); padding: calc(var(--rpx) * 18); background: #f3f6ef; border: calc(var(--rpx) * 1) solid #dee8dc; border-radius: calc(var(--rpx) * 16); }
.zdv11 { color: #315b43; font-weight: 600; font-size: calc(var(--rpx) * 27); }
.zdx2s { color: #52715a; font-size: calc(var(--rpx) * 25); overflow-wrap: anywhere; }
.zdty { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--rpx) * 10); margin-top: calc(var(--rpx) * 6); }
.zdty button, .zdvz, .zdu19 { width: 100%; min-width: 0; margin: 0; padding: calc(var(--rpx) * 14) calc(var(--rpx) * 8); border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 25); line-height: 1.4; background: #e0ecdc; color: #2e6043; }
.zdty .is-load, .zdvz { background: #2e7052; color: #fff; }
.zdty button[disabled] { opacity: .4; }
.zdty button::after, .zdvz::after, .zdu19::after, .zdu4 button::after { border: 0; }
.zdx4b { display: flex; flex-direction: column; gap: calc(var(--rpx) * 8); margin: calc(var(--rpx) * 26) 0 calc(var(--rpx) * 16); color: #53705b; font-size: calc(var(--rpx) * 25); line-height: 1.5; }
.quick-chord-scale-hint { display: block; margin: calc(var(--rpx) * 6) calc(var(--rpx) * 2); color: #6e7f73; font-size: calc(var(--rpx) * 21); line-height: 1.45; overflow-wrap: anywhere; }
.vc-entry { width: 100%; box-sizing: border-box; background: #EAF3EA; color: #30684A; border: calc(var(--rpx) * 1) solid #C5DCC8; border-radius: calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 25); line-height: 1.4; margin: calc(var(--rpx) * 12) 0; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 8); }
.vc-entry::after,.vc-card button::after { border: 0; }
.vc-backdrop { position: fixed; inset: 0; z-index: 2200; background: #182C2477; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 22); padding-top: calc(12px + env(safe-area-inset-top)); padding-bottom: calc(12px + env(safe-area-inset-bottom)); box-sizing: border-box; }
.vc-card { background: #F9FBF6; border: calc(var(--rpx) * 1) solid #DCE6D9; border-radius: calc(var(--rpx) * 24); box-sizing: border-box; width: 100%; max-width: calc(var(--rpx) * 820); max-height: 90vh; max-height: calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); min-height: 0; overflow: hidden; padding: calc(var(--rpx) * 22); display: flex; flex-direction: column; color: #345F45; }
.vc-card button { box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 5); font-size: calc(var(--rpx) * 24); line-height: 1.4; color: #4B6A54; background: #EFF4EB; border: calc(var(--rpx) * 1) solid #DEE7D9; border-radius: calc(var(--rpx) * 12); }
.vc-card button.zq3 { background: #D7EADB; border-color: #7AA88B; color: #236342; }
.vc-heading { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 16); }
.vc-heading > view { display: flex; flex-direction: column; min-width: 0; gap: calc(var(--rpx) * 4); }
.vc-heading > view > text:first-child { font-size: calc(var(--rpx) * 30); font-weight: 700; }
.vc-heading > view > text:last-child { font-size: calc(var(--rpx) * 21); color: #81907E; overflow-wrap: anywhere; }
.vc-heading button { width: auto; min-width: 44px; min-height: 44px; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 20); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.vc-instruments { display: grid; gap: calc(var(--rpx) * 8); margin: calc(var(--rpx) * 16) 0; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: calc(var(--rpx) * 18); }
.vc-scroll { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior-y: contain; }
.zdve { display: flex; flex-direction: column; gap: calc(var(--rpx) * 4); padding: calc(var(--rpx) * 14) calc(var(--rpx) * 18); margin: calc(var(--rpx) * 18) 0; background: #EAF3EA; border-radius: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 24); font-weight: 600; }
.zdve text + text { font-size: calc(var(--rpx) * 20); color: #7A8C7A; font-weight: 400; }
.zdvk { display: flex; align-items: center; gap: calc(var(--rpx) * 16); margin: calc(var(--rpx) * 14) 0; font-size: calc(var(--rpx) * 22); }
.zdvk > view { flex: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--rpx) * 8); }
.zdvk button[disabled] { opacity: .45; }
.vc-range { display: flex; align-items: center; gap: calc(var(--rpx) * 10); margin-bottom: calc(var(--rpx) * 12); font-size: calc(var(--rpx) * 23); }
.vc-range button { width: calc(var(--rpx) * 60); padding: calc(var(--rpx) * 5); font-size: calc(var(--rpx) * 26); }
.vc-range > text { flex: 1; text-align: center; }
.vc-range button.vc-clear { width: auto; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 22); }
.zdwf { height: calc(var(--rpx) * 170); position: relative; border: calc(var(--rpx) * 2) solid #BACABC; border-radius: calc(var(--rpx) * 10); overflow: hidden; background: white; }
.zdwf button { position: absolute; top: 0; border-radius: 0 0 calc(var(--rpx) * 6) calc(var(--rpx) * 6); padding: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.zdwf .zdxc { height: 100%; background: #FFF; border: 0; border-right: calc(var(--rpx) * 1) solid #CAD6C7; z-index: 1; }
.zdwf .zdxc.zq3 { background: linear-gradient(#EEF6EC,#9FCCA8); }
.zdwf .zdxb { height: 62%; background: #283E30; border: 0; color: #FFF; z-index: 2; box-shadow: 0 calc(var(--rpx) * 3) calc(var(--rpx) * 4) #152B2733; }
.zdwf .zdxb.zq3 { background: #51916B; }
.zdwf text { font-size: calc(var(--rpx) * 21); padding-bottom: calc(var(--rpx) * 10); }
.zdx5j { position: relative; width: 100%; max-width: calc(var(--rpx) * 460); margin: calc(var(--rpx) * 4) auto calc(var(--rpx) * 14); box-sizing: border-box; }
.zdx3u, .zdx5i { display: flex; padding: 0 calc(var(--rpx) * 6) 0 calc(var(--rpx) * 38); }
.visual-fret-scroll { display: block; height: calc(var(--rpx) * 300); width: 100%; overflow-y: auto; overscroll-behavior-y: contain; }
.zdw2r { position: relative; }
.zdx32 { position: absolute; top: 0; bottom: 0; left: calc(var(--rpx) * 38); right: calc(var(--rpx) * 6); pointer-events: none; z-index: 1; }
.zdy1y { position: absolute; height: calc(var(--rpx) * 18); border-radius: calc(var(--rpx) * 12); background: #32745180; transform: translateY(-50%); }
.zdx4e { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--rpx) * 6) calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 21); line-height: 1.5; color: #4A7456; margin: calc(var(--rpx) * 8) 0; }
.vc-card .zdv13.has-fret { font-size: calc(var(--rpx) * 22); }
.zdw25 { flex: 1; min-width: 0; text-align: center; }
.zdx4f { display: block; height: calc(var(--rpx) * 30); line-height: calc(var(--rpx) * 30); font-size: calc(var(--rpx) * 21); color: #869284; }
.vc-card .zdv13 { padding: 0; height: calc(var(--rpx) * 56); line-height: calc(var(--rpx) * 56); border: none; background: transparent; font-size: calc(var(--rpx) * 30); color: #81907E; }
.vc-card .zdv13.is-open { color: #276D49; font-weight: 700; }
.zdw2c { border-top: calc(var(--rpx) * 2) solid #9DAA98; }
.has-nut .zdw2c { border-top: calc(var(--rpx) * 6) solid #4D6554; }
.vc-card .zdy13 { display: flex; align-items: center; justify-content: center; border: none; border-bottom: calc(var(--rpx) * 2) solid #C2CCBE; border-radius: 0; padding: 0; height: calc(var(--rpx) * 56); background: linear-gradient(to right, transparent 49%, #A1AE9B 49%, #A1AE9B 51%, transparent 51%); }
.vc-card .zdy13.zq3 { background: linear-gradient(to right, transparent 49%, #A1AE9B 49%, #A1AE9B 51%, transparent 51%); }
.zdyc { width: calc(var(--rpx) * 32); height: calc(var(--rpx) * 32); border-radius: 50%; background: #327451; box-shadow: 0 calc(var(--rpx) * 1) calc(var(--rpx) * 3) #214A3022; animation: visual-fret-press 160ms ease-out; }
.zdw2b { position: absolute; left: 0; top: calc(var(--rpx) * 6); display: flex; flex-direction: column; }
.zdw2b text { height: calc(var(--rpx) * 56); line-height: calc(var(--rpx) * 56); color: #8A9587; font-size: calc(var(--rpx) * 21); }
.zdy2w { display: block; text-align: center; font-size: calc(var(--rpx) * 21); color: #8B9687; line-height: 1.5; margin: calc(var(--rpx) * 8) 0; }
.zdx1r + .zdx1r { margin-top: calc(var(--rpx) * 12); }
.zdx25 { display: block; color: #82907E; font-size: calc(var(--rpx) * 20); margin-bottom: calc(var(--rpx) * 5); }
.vc-help { display: block; font-size: calc(var(--rpx) * 22); color: #7A8876; line-height: 1.5; white-space: normal; }
.vc-notes { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--rpx) * 12); margin: calc(var(--rpx) * 10) 0; font-size: calc(var(--rpx) * 22); color: #748570; }
.zdy3d { margin: calc(var(--rpx) * 12) 0; }
.zdx12 { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); }
.zdx12 button { width: auto; flex-shrink: 0; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 18); font-size: calc(var(--rpx) * 22); }
.zdy12 { display: block; font-size: calc(var(--rpx) * 34); font-weight: 700; margin-bottom: calc(var(--rpx) * 5); }
.zdwo { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(var(--rpx) * 8); margin: calc(var(--rpx) * 12) 0; }
.zdwo button { display: flex; flex-direction: column; overflow-wrap: anywhere; }
.zdwo button > text:first-child { font-size: calc(var(--rpx) * 27); font-weight: 650; }
.zdwo button > text:last-child { font-size: calc(var(--rpx) * 20); opacity: .75; }
.zdx5h { display: block; margin-top: calc(var(--rpx) * 16); font-size: calc(var(--rpx) * 24); font-weight: 650; }
.zdwo button > text { white-space: normal; overflow-wrap: anywhere; }
.zdwo button > text:not(:first-child) { font-size: calc(var(--rpx) * 20); line-height: 1.5; }
.zdya { color: #8A7044; }
.zdy1h { flex-shrink: 0; border-top: calc(var(--rpx) * 1) solid #DEE7D9; padding-top: calc(var(--rpx) * 12); margin-top: calc(var(--rpx) * 12); }
.zdy1h > view { display: flex; gap: calc(var(--rpx) * 8); margin-top: calc(var(--rpx) * 10); }
.zdy1h button { background: #317352; color: white; flex: 1; min-height: 44px; padding: calc(var(--rpx) * 17) calc(var(--rpx) * 6); }
.vc-card button[disabled] { opacity: .4; }

@keyframes visual-fret-press { from { transform: scale(.7); opacity: .5; } to { transform: scale(1); opacity: 1; } }
.zdx1c { width: 100%; min-height: 44px; margin: calc(var(--rpx) * 8) 0 0; padding: calc(var(--rpx) * 10); border-radius: calc(var(--rpx) * 12); background: #f0f4ec; color: #5f7266; font-size: calc(var(--rpx) * 24); line-height: 1.4; }
/* Keep the sheet inside the viewport, including native iOS scroll-view sizing. */
.qv1 { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; padding-bottom: 0; }
.lw-scroll { width: 100%; max-width: 100%; box-sizing: border-box; }
.mini-root .qv1 .qv0.zq0.zdy1l { min-height: 0; width: 100%; box-sizing: border-box; padding-bottom: calc(var(--rpx) * 24) !important; padding-bottom: calc(calc(var(--rpx) * 24) + constant(safe-area-inset-bottom)) !important; padding-bottom: calc(calc(var(--rpx) * 24) + env(safe-area-inset-bottom)) !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zrd { box-sizing: border-box; width: auto; min-width: 0; margin: 0 calc(var(--rpx) * 14) !important; padding: calc(var(--rpx) * 18) !important; }
.lw-heading { gap: calc(var(--rpx) * 12); flex-wrap: wrap; }
.zdw3 { min-width: 0; flex-wrap: wrap; }
.mini-root .qv1 .lw-heading { flex-shrink: 0; flex-wrap: nowrap; }
.mini-root .qv1 .lw-heading .zdw3 { display: flex; flex: 0 0 auto; flex-wrap: nowrap; gap: calc(var(--rpx) * 8); }
.mini-root .qv1 .lw-heading .zdw3 button { min-width: 44px; min-height: 44px; margin: 0; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 12); white-space: nowrap; }
.mini-root .qv1 .lw-heading .zdw3 .zdy19 { font-size: calc(var(--rpx) * 22); min-width: 44px; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 8); background: transparent; border-color: transparent; box-shadow: none; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zq1t { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; min-width: 0; gap: calc(var(--rpx) * 12); }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zrf { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0; height: auto !important; min-height: calc(var(--rpx) * 104) !important; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 10) !important; white-space: normal; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zdw5 { font-size: calc(var(--rpx) * 28) !important; line-height: 1.45 !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1x { font-size: calc(var(--rpx) * 23) !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
@media (max-width: 360px) {
  .mini-root .qv1 .qv0.zq0 .zq2.zq1 .zq1t { grid-template-columns: minmax(0,1fr); }
  .mini-root .qv1 .qv0.zq0 .zq2.zq1 .zrf { justify-content: flex-start !important; padding: calc(var(--rpx) * 16) calc(var(--rpx) * 24) !important; }
}
/* Native hover classes give immediate feedback without delaying audio or taps. */
.mini-root button {
  transition: transform .14s ease-out, filter .14s ease-out, box-shadow .14s ease-out;
}
.mini-root button.button-hover:not([disabled]):not(.zdw10),
.mini-root button.qv4:not([disabled]),
.mini-root button:active:not([disabled]):not(.zdw10) {
  filter: brightness(.94);
  box-shadow: inset 0 0 0 calc(var(--rpx) * 2) rgba(73,133,99,.32),inset 0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(28,65,43,.12),0 0 0 calc(var(--rpx) * 3) rgba(126,172,139,.12) !important;
}
/* Downward travel is limited to controls whose positioning does not use transforms. */
.mini-root .btn.button-hover:not([disabled]),
.mini-root .btn:active:not([disabled]),
.mini-root .zq1b button.button-hover:not([disabled]),
.mini-root .zq1b button:active:not([disabled]),
.mini-root .zqg.qv4:not([disabled]),
.mini-root .ls-key.qv4:not([disabled]),
.mini-root .zdy2p.qv4:not([disabled]),
.mini-root .zdy2d.qv4:not([disabled]),
.mini-root .zdy34.qv4:not([disabled]) {
  transform: translateY(calc(var(--rpx) * 2)) scale(.975) !important;
}
.mini-root .zqg.qv4:not([disabled]),
.mini-root .theory-chord-button.qv4:not([disabled]) {
  background: linear-gradient(145deg,#F5F9E9,#C9E6D4) !important;
  border-color: #6B9F7F !important;
}
.mini-root .zdwb { transition: filter .14s ease-out, box-shadow .14s ease-out; }
.mini-root .zdwb.is-tap-lit,
.mini-root .zdwb:active {
  filter: brightness(.9);
  box-shadow: inset 0 0 0 calc(var(--rpx) * 3) rgba(86,147,109,.5),0 0 0 calc(var(--rpx) * 3) rgba(123,176,139,.18);
}
/* The entry retains its own raised rim and pressed shadow. */
.mini-root .qv0.zq0.is-home .fp-entry.qv3,
.mini-root .qv0.zq0.is-home .fp-entry:active {
  filter: brightness(.98);
  box-shadow: inset 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) rgba(53,91,62,.08),0 calc(var(--rpx) * 1) 0 #D8E2D8,0 calc(var(--rpx) * 4) calc(var(--rpx) * 10) rgba(35,73,48,.09) !important;
}
@media (prefers-reduced-motion: reduce) {
  .mini-root button, .mini-root .zdwb { transition: none !important; }
.mini-root .btn:active,
.mini-root .zq1b button:active,
.mini-root .zqg.qv4,
.mini-root .ls-key.qv4,
.mini-root .qv0.zq0.is-home .fp-entry.qv3,
.mini-root .qv0.zq0.is-home .fp-entry:active { transform: none !important; }
}
/* Keep scroll boundaries; preserve native input and drag events. */
.lw-mask,
.lw-heading,
.lw-tabs,
.l-transport { touch-action: none; overscroll-behavior: none; }
.lw-scroll,
.qv1 .ll-scroll { overscroll-behavior-y: contain; }
.mini-root .qv1 {
  height: 88vh; max-height: 94vh; padding-bottom: calc(calc(var(--rpx) * 112) + env(safe-area-inset-bottom)); overflow: hidden;
  background: #F1F4EF; border: calc(var(--rpx) * 1) solid #D9E3D8; border-bottom: 0;
  box-shadow: 0 calc(var(--rpx) * -14) calc(var(--rpx) * 60) #203B2826; border-radius: calc(var(--rpx) * 32) calc(var(--rpx) * 32) 0 0;
}
.mini-root .lw-heading { padding: calc(var(--rpx) * 24) calc(var(--rpx) * 24) calc(var(--rpx) * 18); gap: calc(var(--rpx) * 10); }
.lw-title { display: flex; flex-direction: column; min-width: 0; gap: calc(var(--rpx) * 6); }
.lw-title > text:first-child { font-size: calc(var(--rpx) * 34); font-weight: 700; letter-spacing: calc(var(--rpx) * .5); color: #244E3C; }
.lw-title > text + text { font-size: calc(var(--rpx) * 23); color: #708174; font-weight: 400; }
.mini-root .zdw3 { gap: calc(var(--rpx) * 8); }
.mini-root .zdw3 button { min-height: calc(var(--rpx) * 84); padding: calc(var(--rpx) * 14) calc(var(--rpx) * 16); line-height: 1.4; font-size: calc(var(--rpx) * 24); border-radius: calc(var(--rpx) * 16); }
.mini-root .zdw3 .zdy2q { background: linear-gradient(150deg,#fff,#E4EEE3); border: calc(var(--rpx) * 1) solid #CCDCCC; color: #35654B; box-shadow: inset 0 calc(var(--rpx) * 2) #FFF,0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) #36563B0D; }
.lw-tabs { flex-shrink: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: calc(var(--rpx) * 4); padding: calc(var(--rpx) * 6); margin: 0 calc(var(--rpx) * 20) calc(var(--rpx) * 18); border: calc(var(--rpx) * 1) solid #DAE4D7; background: #E8EFE5; border-radius: calc(var(--rpx) * 18); }
.mini-root .lw-tabs button { margin: 0; width: 100%; min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 10) calc(var(--rpx) * 4); line-height: 1.4; font-size: calc(var(--rpx) * 26); font-weight: 500; color: #647A67; background: transparent; border-radius: calc(var(--rpx) * 13); white-space:nowrap; }
.mini-root .lw-tabs button.zq3 { background: #FFF; color: #256147; font-weight: 650; box-shadow: 0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) #304D310C; }
.lw-tabs button::after,.l-transport button::after,.l-card button::after,.zdw18 button::after { border: 0; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zdx1v { display: block !important; margin: 0 !important; padding: 0 calc(var(--rpx) * 20) calc(var(--rpx) * 24) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
.mini-root .qv1 .zdx1v::before,.mini-root .qv1 .zdx1v::after { display: none !important; }
.zdx4s { min-width: 0; }
.zdx61 { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); margin: calc(var(--rpx) * 8) 0 calc(var(--rpx) * 14); padding: 0 calc(var(--rpx) * 8); color: #54725C; font-size: calc(var(--rpx) * 27); }
.mini-root .qv1 .zdu1b { flex: 0 0 auto; width: auto; min-width: calc(var(--rpx) * 88); min-height: max(calc(var(--rpx) * 78),44px); margin: 0; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 16); border: calc(var(--rpx) * 1) solid #D6E2D2; border-radius: calc(var(--rpx) * 14); background: #EDF4E9; color: #477555; font-size: calc(var(--rpx) * 23); line-height: 1.4; }
.mini-root .qv1 .zdu1b.is-inserted { color: #70816C; background: #F3F6EF; border-color: #E0E7DA; }
.l-card { box-sizing: border-box; padding: calc(var(--rpx) * 24); margin-bottom: calc(var(--rpx) * 20); background: linear-gradient(145deg,#FFF,#FDFDF9); border: calc(var(--rpx) * 1) solid #DDE5D9; border-radius: calc(var(--rpx) * 24); box-shadow: 0 calc(var(--rpx) * 5) calc(var(--rpx) * 16) #294B2A09,inset 0 calc(var(--rpx) * 2) #FFF; }
.zdwd { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); margin-bottom: calc(var(--rpx) * 20); }
.zdwd > view { display: flex; flex-direction: column; gap: calc(var(--rpx) * 6); min-width: 0; }
.mini-root .qv1 .zdx3i { font-size: calc(var(--rpx) * 32); line-height: 1.4; font-weight: 700; color: #294E39; }
.mini-root .qv1 .zdxp { display: block; color: #738375; font-size: calc(var(--rpx) * 23); line-height: 1.5; }
.mini-root .qv1 .l-card .zdwn { width: auto; flex-shrink: 0; margin: 0; padding: calc(var(--rpx) * 14) calc(var(--rpx) * 16); min-height: calc(var(--rpx) * 80); background: linear-gradient(#FCF8EC,#F1EDDA); color: #826B37; border: calc(var(--rpx) * 1) solid #E4DCC2; border-radius: calc(var(--rpx) * 14); font-size: calc(var(--rpx) * 25); line-height: 1.4; box-shadow: inset 0 calc(var(--rpx) * 2) #FFFDF6; }
.mini-root .qv1 .zq1q { margin: 0; }
.mini-root .qv1 .zq1q button.zq3 { box-shadow: inset 0 calc(var(--rpx) * 2) #F7FFF7; }
.zdw1a { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 8); height: calc(var(--rpx) * 66); margin: calc(var(--rpx) * 8) 0 calc(var(--rpx) * 2); color: #71826F; font-size: calc(var(--rpx) * 23); }
.zdw1a > text { white-space: nowrap; }
.mini-root .qv1 .zdw1a button { width: auto; margin: 0; padding: calc(var(--rpx) * 12) 0 calc(var(--rpx) * 12) calc(var(--rpx) * 10); line-height: 1.4; min-height: calc(var(--rpx) * 62); background: transparent; color: #36704F; font-size: calc(var(--rpx) * 22); }
.zdw1a .is-invisible { visibility: hidden; pointer-events: none; }
/* calc(var(--rpx) * 132) cards; selected-row tools may grow naturally. */
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .hy-loader-banks-slot.zqn { grid-auto-rows: auto !important; align-items: start; gap: calc(var(--rpx) * 12) !important; margin: 0 0 calc(var(--rpx) * 20) !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot { height: calc(var(--rpx) * 132) !important; min-height: calc(var(--rpx) * 132) !important; border-radius: calc(var(--rpx) * 16) !important; background: linear-gradient(145deg,#FFF,#F3F6EE); border: calc(var(--rpx) * 1) solid #D9E3D2; box-shadow: inset 0 calc(var(--rpx) * 2) #FFF,0 calc(var(--rpx) * 3) calc(var(--rpx) * 6) #294B300A; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot.is-empty { background: #F5F8F1; border-style: dashed; box-shadow: none; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot.qve { background: linear-gradient(145deg,#DCECD9,#F0E8C3) !important; border-color: #ACBD8E !important; box-shadow: inset 0 calc(var(--rpx) * 2) #FBFFF8,0 calc(var(--rpx) * 2) calc(var(--rpx) * 6) #55724512 !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot.zq3 { transform: none !important; outline: calc(var(--rpx) * 3) solid #4C8964; outline-offset: calc(var(--rpx) * -3); background: linear-gradient(#ECF6E9,#DEEDDC); }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .zrt { font-size: calc(var(--rpx) * 34) !important; font-weight: 650 !important; color: #28523B; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot-name { font-size: calc(var(--rpx) * 26) !important; line-height: 1.3 !important; color: #647761; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .hy-slot-number { font-size: calc(var(--rpx) * 19) !important; color: #82937C; }
.zdx2m { position: absolute; right: calc(var(--rpx) * 7); top: calc(var(--rpx) * 4); font-size: calc(var(--rpx) * 20); line-height: 1.2; color: #36734D; pointer-events: none; }
.mini-root .qv1 button[disabled] { opacity: .48; }
.zdx4r { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 16); margin-bottom: calc(var(--rpx) * 18); background: #F0F5E8; border-radius: calc(var(--rpx) * 14); color: #667C59; font-size: calc(var(--rpx) * 23); line-height: 1.5; }
.mini-root .qv1 .zdx4r button { width: auto; flex-shrink: 0; margin: 0; padding: calc(var(--rpx) * 14); line-height: 1.4; font-size: calc(var(--rpx) * 23); background: white; color: #426D4F; }
.zdw18 { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--rpx) * 10); margin: 0 0 calc(var(--rpx) * 20); }
.mini-root .qv1 .zdw18 button { width: 100%; min-height: calc(var(--rpx) * 84); margin: 0; padding: calc(var(--rpx) * 16); line-height: 1.4; border-radius: calc(var(--rpx) * 15); font-size: calc(var(--rpx) * 26); color: #6D7D60; background: #E5ECD9; border: calc(var(--rpx) * 1) solid #DCE5CE; }
.mini-root .qv1 .zdw18 button.zq3 { color: #806936; background: linear-gradient(#FFFBEF,#F4EED8); border-color: #DED1A5; box-shadow: inset 0 calc(var(--rpx) * 2) #FFF; }
.mini-root .qv1 .hy-preset-drawer { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .zdwi { font-size: calc(var(--rpx) * 29) !important; margin-bottom: calc(var(--rpx) * 20); }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .zdwi text + text { font-size: calc(var(--rpx) * 22) !important; color: #78866F; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-card { padding: calc(var(--rpx) * 20); margin-bottom: calc(var(--rpx) * 14); border: calc(var(--rpx) * 1) solid #DEE5D3; border-radius: calc(var(--rpx) * 17); background: #F6F8F0; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .zdv1c { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--rpx) * 6); }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-name { font-size: calc(var(--rpx) * 28) !important; color: #34583C; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-meta,.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-formula { font-size: calc(var(--rpx) * 23) !important; line-height: 1.5; color: #78886D; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-action { min-height: calc(var(--rpx) * 82) !important; font-size: calc(var(--rpx) * 25) !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .is-empty .pl-actions { display: flex; justify-content: flex-end; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .is-empty .pl-action { width: auto; min-width: calc(var(--rpx) * 180); }
.mini-root .qv1 .zr2h button { min-height: calc(var(--rpx) * 84); font-size: calc(var(--rpx) * 26); }
.mini-root .qv1 .zdx1i { font-size: calc(var(--rpx) * 23); line-height: 1.6; color: #7D896F; }
.mini-root .qv1 .zdw13 .zq1t { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; margin-top:calc(var(--rpx) * 16)!important; gap:calc(var(--rpx) * 10)!important; }
.mini-root .qv1 .zdw13 .zrf { width:100%!important; min-width:0; min-height:calc(var(--rpx) * 96)!important; height:auto!important; margin:0!important; padding:calc(var(--rpx) * 12) calc(var(--rpx) * 8)!important; border-radius:calc(var(--rpx) * 14); }
.mini-root .qv1 .zdw13 .zdw5 { font-size:calc(var(--rpx) * 25)!important; }
.mini-root .qv1 .zdw13 .zr1x { font-size:calc(var(--rpx) * 20)!important; line-height:1.4; }
.l-transport { flex-shrink: 0; padding: calc(var(--rpx) * 12) calc(var(--rpx) * 24) calc(var(--rpx) * 14); background: #FAFCF6; border-top: calc(var(--rpx) * 1) solid #DAE4CF; box-shadow: 0 calc(var(--rpx) * -5) calc(var(--rpx) * 18) #304A2F0A; }
.l-transport-status { display: flex; justify-content: space-between; align-items: flex-start; gap: calc(var(--rpx) * 10); height: calc(var(--rpx) * 60); overflow: hidden; font-size: calc(var(--rpx) * 22); line-height: 1.35; color: #77866B; }
.l-transport-status > text:first-child { min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.l-transport-status > text:last-child { flex-shrink: 0; }
.l-transport-status .qve { color: #3E8056; }
.zdw20 { display: grid; align-items: stretch; }
.zdy1a { align-self: center; color: #54744D; font-size: calc(var(--rpx) * 26); }
.zdt13 { display: grid; align-items: center; gap: calc(var(--rpx) * 8); }
.zdt13 > view { display: flex; flex-direction: column; align-items: center; line-height: 1.2; color: #355D3E; }
.zdt13 > view > text:first-child { font-size: calc(var(--rpx) * 35); font-weight: 700; font-variant-numeric: tabular-nums; }
.zdt13 > view > text + text { font-size: calc(var(--rpx) * 19); letter-spacing: calc(var(--rpx) * 1); color: #80906F; }
.mini-root .zdt13 button { width: 100%; margin: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; padding: calc(var(--rpx) * 8) 0; background: linear-gradient(145deg,#fff,#E5F0E5); border: calc(var(--rpx) * 1) solid #C8DBCD; border-radius: calc(var(--rpx) * 18); color: #356C4C; font-size: calc(var(--rpx) * 27); line-height: 1.4; box-shadow: inset 0 calc(var(--rpx) * 2) #FFF,0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) #294B3008; }
.zdx1j { display: flex; align-items: center; justify-content: space-between; margin-bottom: calc(var(--rpx) * 12); color: #AD5C50; font-size: calc(var(--rpx) * 24); }
.mini-root .zdx1j button { margin: 0; width: auto; padding: calc(var(--rpx) * 14) calc(var(--rpx) * 16); line-height: 1.4; font-size: calc(var(--rpx) * 24); color: #A2544B; background: #F9ECE7; border-radius: calc(var(--rpx) * 14); }
.mini-root .qv1 button { transition: background-color .15s,color .15s,box-shadow .15s; }
.mini-root .qv1 button:active { filter: brightness(.96); box-shadow: inset 0 calc(var(--rpx) * 2) calc(var(--rpx) * 7) #35503220; }
@media (max-width: 350px) {
  .mini-root .lw-heading { padding-left: calc(var(--rpx) * 18); padding-right: calc(var(--rpx) * 18); }
  .lw-title > text:first-child { font-size: calc(var(--rpx) * 31); }
  .mini-root .zdw3 button { padding-left: calc(var(--rpx) * 10); padding-right: calc(var(--rpx) * 10); }
  .l-card { padding: calc(var(--rpx) * 20); }
}

.mini-root .qv1 .zdt8 .cd-name { font-size: calc(var(--rpx) * 32) !important; }
.mini-root .qv1 .zdt8 .cd-instrument, .mini-root .qv1 .zdt8 .cd-bass { font-size: calc(var(--rpx) * 23) !important; line-height: 1.5; }
.mini-root .qv1 .zdt8 .zq1e { gap: calc(var(--rpx) * 12); }
.mini-root .qv1 .zdt8 .zdsg { font-size: calc(var(--rpx) * 23) !important; }
.mini-root .qv1 .zdt8 .zr4 { flex: 1 1 0; align-self: stretch; min-width: 0; min-height: 44px !important; font-size: calc(var(--rpx) * 24) !important; background: #FFF; color: #35664D; border: calc(var(--rpx) * 1) solid #C9DDCC; }
.mini-root .qv1 .zdt8 .zr4.zq3 { background: #E7F1E8; border-color: #94B49C; color: #2F6447; }
.mini-root .qv1 button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; }
.mini-root .qv1 .zdwd > .zdsd { flex-direction: row; flex-shrink: 0; align-items: center; gap: calc(var(--rpx) * 10); }
.mini-root .qv1 .zdx5m { width: auto; margin: 0; min-height: calc(var(--rpx) * 80); padding: calc(var(--rpx) * 14); border-radius: calc(var(--rpx) * 14); border: calc(var(--rpx) * 1) solid #CBDCC8; background: #EFF5E9; color: #54754D; font-size: calc(var(--rpx) * 25); line-height: 1.4; }
.mini-root .qv1 .zdx5m.zq3 { color: #fff; background: linear-gradient(#4B8861,#326B4D); border-color: #3A7551; box-shadow: inset 0 calc(var(--rpx) * 2) #89B38B; }
.mini-root .qv1 .zdx3y .zdt8 { margin: 0 0 calc(var(--rpx) * 18); padding: 0; }
.mini-root .qv1 .zdx3y .qv2 { margin: 0 !important; }
.mini-root .qv1 .lv-grid button { flex-direction: column; }
.mini-root .qv1 .zdw13 .zrf { justify-content: flex-start; text-align: left; }

.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-card.is-empty { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: calc(var(--rpx) * 16); }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zr1 .pl-card.is-empty .pl-actions { width: auto; }

.lt-console { padding:calc(var(--rpx) * 14) calc(var(--rpx) * 18); }
.zdy2,.lt-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 10); }
.zdy2 { margin-bottom:calc(var(--rpx) * 8); color:#2D6149; font-size:calc(var(--rpx) * 26); font-weight:650; }
.zdy2 > text + text { font-size:calc(var(--rpx) * 20); color:#859189; font-weight:400; }
.lt-row { display:grid; grid-template-columns:minmax(0,1fr) 32px 32px; align-items:center; column-gap:8px; padding:calc(var(--rpx) * 8) 0; border-top:calc(var(--rpx) * 1) solid #EDF2EC; }
.lt-row.zdx3w {grid-template-columns:minmax(0,1fr) 58px 32px 32px;}
.lt-row.zdy37 {grid-template-columns:minmax(0,1fr) 48px 32px 32px;}
.mini-root .qv1 .lt-row > .lt-key.lt-start {width:48px;font-size:9.5px;white-space:nowrap;}
.mini-root .qv1 .lt-row > .lt-key.lt-instrument{width:58px;font-size:11px;}
.zdy2t{grid-column:1 / -1;grid-row:3;min-width:0;font-size:10px;line-height:1.4;color:#73846D;}
.lt-label { display:flex; flex-direction:column; gap:calc(var(--rpx) * 3); min-width:0; font-size:calc(var(--rpx) * 26); font-weight:600; color:#365C48; }
.lt-label > text + text { color:#7D8C81; font-size:calc(var(--rpx) * 19); font-weight:400; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.lt-slider { grid-column:1 / -1; grid-row:2; margin:calc(var(--rpx) * 10) calc(var(--rpx) * 18) 0; width:calc(100% - calc(var(--rpx) * 36)); min-width:0; position:relative; z-index:0; }
.mini-root .qv1 .lt-key { width:auto; min-width:0; min-height:44px; margin:0; padding:calc(var(--rpx) * 6) calc(var(--rpx) * 10); border:calc(var(--rpx) * 1) solid #CDDED2; border-radius:calc(var(--rpx) * 15); background:linear-gradient(145deg,#FFF,#F1F7F1); color:#3A694F; font-size:calc(var(--rpx) * 23); line-height:1.3; box-shadow:inset 0 calc(var(--rpx) * 2) #FFF; }
.mini-root .qv1 .lt-row > .lt-key { width:32px; min-height:32px; height:32px; padding:0; border-radius:9px; font-size:13px; line-height:30px; }
.mini-root .qv1 .lt-key.zq3 { background:#DCEFE2; color:#215F40; border-color:#94BC9F; font-weight:600; }
.mini-root .qv1 .lt-key.is-muted { background:#EBEEE9; color:#6B776C; border-color:#ABB7AB; }
.mini-root .qv1 .lt-key.is-solo { background:#F4E7C4; color:#775A1F; border-color:#D7BE83; }
.zdw2 { display:flex; flex-wrap:wrap; gap:calc(var(--rpx) * 8); margin-top:calc(var(--rpx) * 10); }
.zdw2.is-five { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.zdw2 > .lt-key { flex:1 1 auto; }
.zdy1 { padding:calc(var(--rpx) * 12) calc(var(--rpx) * 18); margin-bottom:calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 18); }
.mini-root .qv1 .lt-fold { display:flex; flex:1; width:100%; min-width:0; justify-content:space-between; margin:0; padding:calc(var(--rpx) * 8) 0; min-height:40px; border:0; background:transparent; color:#365C48; font-size:calc(var(--rpx) * 25); font-weight:600; line-height:1.4; }
.lt-fold > text + text { color:#829284; font-weight:400; font-size:calc(var(--rpx) * 20); }
.mini-root .qv1 .zdy1 .zdu1b { padding:calc(var(--rpx) * 6) calc(var(--rpx) * 10); min-height:40px; min-width:0; font-size:calc(var(--rpx) * 20); border-radius:calc(var(--rpx) * 12); }
.zdx41 { padding:0 0 calc(var(--rpx) * 8); }
.mini-root .qv1 .lt-detail-heading > .lt-key.lt-pair {min-height:32px;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 10);white-space:nowrap;font-size:calc(var(--rpx) * 20);border-radius:calc(var(--rpx) * 12);}
.zdx4x {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 10);margin-top:calc(var(--rpx) * 10);color:#829084;font-size:calc(var(--rpx) * 20);}
.mini-root .qv1 .zdx4x > .lt-key {min-height:32px;font-size:calc(var(--rpx) * 20);padding:calc(var(--rpx) * 6) calc(var(--rpx) * 16);}
.lt-hint { display:block; font-size:calc(var(--rpx) * 21); color:#829084; line-height:1.5; margin-top:calc(var(--rpx) * 12); }
.ds-mask {position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(20,40,30,.3);padding:24px;box-sizing:border-box;}
.ds-panel {width:100%;max-width:340px;background:#F8FCF8;border-radius:18px;padding:18px;box-sizing:border-box;color:#365C48;}
.ds-title,.ds-hint,.ds-error {display:block;}
.ds-title {font-size:18px;font-weight:650;}
.ds-hint {font-size:12px;line-height:1.5;margin:10px 0;}
.ds-line {display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;}
.ds-line input {width:56px;padding:8px;border:1px solid #BCD6C4;border-radius:8px;text-align:center;background:white;}
.ds-all {font-size:13px;margin:12px 0;background:#EDF4EE;color:#365C48;}
.ds-all.is-all {background:#DCEFE2;}
.zdy27 label {display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.4;}
.zdy27 checkbox {flex:none;transform:scale(.85);}
.ds-error {color:#A44837;font-size:12px;margin-top:8px;}
.zdx5t {display:flex;gap:10px;margin-top:14px;}
.zdx5t button {flex:1;font-size:14px;white-space:nowrap;}
.zdx5t button+button {background:#387D5F;color:white;}

.zdw20 { grid-template-columns:calc(var(--rpx) * 64) minmax(0,1fr); gap:calc(var(--rpx) * 10); }
.zdt13 { grid-template-columns:repeat(2,minmax(calc(var(--rpx) * 66),1fr)) minmax(calc(var(--rpx) * 92),1.4fr) repeat(2,minmax(calc(var(--rpx) * 66),1fr)); }
.zdx52 { border:calc(var(--rpx) * 1) solid #D5E1D6; background:#FAFCF9; border-radius:calc(var(--rpx) * 16); font-size:calc(var(--rpx) * 26); margin:calc(var(--rpx) * 8) 0 calc(var(--rpx) * 16); }
.zdue { display:flex; flex-wrap:wrap; gap:calc(var(--rpx) * 10); }
.mini-root .zdue button { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; margin:0; padding:calc(var(--rpx) * 12) calc(var(--rpx) * 10); min-height:44px; border:calc(var(--rpx) * 1) solid #C9DCCF; border-radius:calc(var(--rpx) * 18); background:linear-gradient(145deg,#FFF,#EAF3EB); color:#35694D; font-size:calc(var(--rpx) * 25); line-height:1.35; text-align:center; box-shadow:inset 0 calc(var(--rpx) * 2) #FFF; }
.mini-root .zdue .is-primary { background:linear-gradient(145deg,#478D70,#2B6F53); border-color:#327657; color:#FFF; font-weight:600; box-shadow:inset 0 calc(var(--rpx) * 2) #FFFFFF30,0 calc(var(--rpx) * 4) calc(var(--rpx) * 8) #2C604412; }
.zdxx { padding:calc(var(--rpx) * 5); border-radius:calc(var(--rpx) * 20); background:#EAF1E8; border:calc(var(--rpx) * 1) solid #D9E4D7; }
.mini-root .zdxx button { border:0; background:transparent; box-shadow:none; }
.mini-root .zdxx .is-primary { background:#FFF; color:#286348; box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 6) #2B503412; }
.zdx1m { margin-top:calc(var(--rpx) * 16); padding:calc(var(--rpx) * 16); border-radius:calc(var(--rpx) * 18); background:#F6F9F3; border:calc(var(--rpx) * 1) solid #DFE8DB; }
.zduf { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 14); margin-bottom:calc(var(--rpx) * 14); color:#42604E; font-size:calc(var(--rpx) * 26); }
.zduf > text { flex-shrink:0; min-width:calc(var(--rpx) * 130); }
.zdvy { display:flex; flex:1; min-width:0; gap:calc(var(--rpx) * 8); }
.mini-root .qv1 .zduf button { width:auto; margin:0; min-width:0; min-height:44px; padding:calc(var(--rpx) * 8) calc(var(--rpx) * 14); border-radius:calc(var(--rpx) * 15); border:calc(var(--rpx) * 1) solid #D1DFD2; background:#FFF; color:#47674F; font-size:calc(var(--rpx) * 24); line-height:1.35; }
.mini-root .qv1 .zdvy button { flex:1; }
.mini-root .qv1 .zdx52 { display:block; box-sizing:border-box; width:100%; height:calc(var(--rpx) * 80); padding:calc(var(--rpx) * 14) calc(var(--rpx) * 16); }
.mini-root .qv1 .zduf button.zq3 { background:#DDECE0; border-color:#A6CBB3; color:#225D41; font-weight:600; }
.zdx4 { display:flex; align-items:center; gap:calc(var(--rpx) * 12); margin-top:calc(var(--rpx) * 18); }
.zdx4 progress { flex:1; min-width:0; }
.pr-export-result { margin-top:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 16); border:calc(var(--rpx) * 1) solid #D3E2D7; border-radius:calc(var(--rpx) * 18); background:#F4F9F3; }
.zdyw { display:block; font-size:calc(var(--rpx) * 26); line-height:1.5; color:#315F48; word-break:break-all; }
.zdvn { display:flex; flex-direction:column; gap:calc(var(--rpx) * 12); padding:calc(var(--rpx) * 16); background:#EDF3E5; border-radius:calc(var(--rpx) * 14); font-size:calc(var(--rpx) * 26); }
.zdvn > text + text { font-size:calc(var(--rpx) * 22); color:#75876A; }
.zdvn > view { display:flex; gap:calc(var(--rpx) * 12); }
.mini-root .qv1 .zq1q button,.mini-root .qv1 .zdt12 button { width:100%; min-width:0; height:44px; min-height:44px; margin:0; padding:0 calc(var(--rpx) * 3); border:calc(var(--rpx) * 1) solid #D7E3D9; border-radius:calc(var(--rpx) * 14); background:linear-gradient(#FAFCF7,#EDF3E7); color:#36664E; font-size:max(calc(var(--rpx) * 21),11px); line-height:1.25; font-weight:500; white-space:nowrap; box-shadow:inset 0 calc(var(--rpx) * 2) #FFF; }
.mini-root .qv1 .zq1q button.zq3,.mini-root .qv1 .zdt12 button.zq3 { background:#DEEEE3; border-color:#92B79E; color:#286247; font-weight:600; }
.mini-root .qv1 .zq1q button[disabled],.mini-root .qv1 .zdt12 button[disabled] { opacity:1; background:#EFF3EC; border-color:#E0E7DC; color:#9AA794; box-shadow:none; }
.mini-root .qv1 .zdsd { gap:calc(var(--rpx) * 8); }
.mini-root .qv1 .zdsd button { padding-left:calc(var(--rpx) * 12); padding-right:calc(var(--rpx) * 12); font-size:calc(var(--rpx) * 24); white-space:nowrap; }
.mini-root .qv1 .zdsd .zdx1w { background:#EDF4E8; border-color:#C9DCC0; color:#426F4C; }
.mini-root .qv1 .zdsd .zdx1w.is-ready { background:#377452; border-color:#377452; color:#FFF; }
.zdx2l { display:block; margin:calc(var(--rpx) * -4) 0 calc(var(--rpx) * 14); font-size:calc(var(--rpx) * 23); line-height:1.5; color:#627957; overflow-wrap:anywhere; }
.mini-root .lw-heading { padding-right:calc(var(--rpx) * 36); }
.mini-root .zdw3 .zdy19 { display:flex; align-items:center; justify-content:center; gap:calc(var(--rpx) * 10); min-width:calc(var(--rpx) * 160); min-height:calc(var(--rpx) * 80); padding:calc(var(--rpx) * 14) calc(var(--rpx) * 18); font-size:calc(var(--rpx) * 24); line-height:1.4; border:calc(var(--rpx) * 1) solid #D7DED0; border-radius:calc(var(--rpx) * 18); background:#F7F8F1; color:#71806A; box-shadow:inset 0 calc(var(--rpx) * 2) #fff; }
.mini-root .qv1 .zdug { margin:0 0 calc(var(--rpx) * 18); gap:calc(var(--rpx) * 12); align-items:center; flex-wrap:wrap; }
.mini-root .qv1 .zdug > text { font-size:calc(var(--rpx) * 23); line-height:1.4; color:#7C8B71; white-space:nowrap; }
.mini-root .qv1 .zdug .zr22 { display:flex; flex:0 0 auto; gap:calc(var(--rpx) * 10); }
.mini-root .qv1 .zdug .zr22 button { width:auto!important; min-width:calc(var(--rpx) * 146)!important; }
.mini-root .qv1 .zdug button { width:auto; min-width:calc(var(--rpx) * 146); min-height:calc(var(--rpx) * 76); margin:0; padding:calc(var(--rpx) * 14) calc(var(--rpx) * 12); font-size:calc(var(--rpx) * 25); line-height:1.4; border-radius:calc(var(--rpx) * 14); }
.zqn .hy-slot.zdy24,
.zqn .hy-slot.zdy2n { outline:calc(var(--rpx) * 2) dashed #8AAD7D; outline-offset:calc(var(--rpx) * -2); }
.zqn .hy-slot.zdy1o { background:linear-gradient(90deg,#D3E9D7 50%,#F6FAF7 50%) !important; }
.zqn .hy-slot.zdy20 { background:linear-gradient(90deg,#F6FAF7 50%,#D3E9D7 50%) !important; }
.mini-root .zdvn button { flex:1; margin:0; font-size:calc(var(--rpx) * 26); line-height:1.4; padding:calc(var(--rpx) * 18); border-radius:calc(var(--rpx) * 12); }
.hy-slot.is-split .zdwm { flex-wrap:nowrap; }
.hy-slot.is-split .zq1m { flex-basis:0; min-height:0; }
.zdx42 { position:fixed; top:calc(var(--rpx) * 200); left:calc(var(--rpx) * 28); right:calc(var(--rpx) * 28); z-index:120; padding:calc(var(--rpx) * 24); border-radius:calc(var(--rpx) * 18); background:#F7FBF1; border:calc(var(--rpx) * 1) solid #C6D8B6; box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 30) #31432620; font-size:calc(var(--rpx) * 28); }
.mini-root .zdx42 button { margin:calc(var(--rpx) * 12) 0 0; font-size:calc(var(--rpx) * 26); background:#DDEBD1; line-height:1.4; padding:calc(var(--rpx) * 16); border-radius:calc(var(--rpx) * 12); }
.mini-root .qv1 .zdwm { flex-wrap:nowrap !important; gap:0; align-items:stretch; }
.mini-root .qv1 .zq1m { box-sizing:border-box; min-width:0; min-height:0; height:100%; padding:calc(var(--rpx) * 24) calc(var(--rpx) * 6) calc(var(--rpx) * 8); border:0; border-radius:0; box-shadow:none; }
.mini-root .qv1 .hy-slot.is-split .zq1m { flex-basis:0; }
.mini-root .qv1 .hy-slot.is-split .zq1m + .zq1m { border-left:calc(var(--rpx) * 1) solid #D7E1D3; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .is-split .zrt { white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; text-align:center; }
.mini-root .qv1 .zq1m.is-voicing-target { outline:calc(var(--rpx) * 2) solid #6D9D76; outline-offset:calc(var(--rpx) * -3); background:#E0EFE0; }
.mini-root .qv1 .zq1m.qve { background:#F0E6C9 !important; color:#745A23; box-shadow:inset 0 calc(var(--rpx) * -5) #B79959; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .zrt { box-sizing:border-box; padding:calc(var(--rpx) * 1) calc(var(--rpx) * 2); line-height:1.3 !important; overflow:visible; text-overflow:clip; letter-spacing:0; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .is-split .zrt { font-size:calc(var(--rpx) * 23) !important; line-height:1.3 !important; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .is-split .hy-slot-name { font-size:calc(var(--rpx) * 20) !important; line-height:1.2 !important; white-space:normal; overflow-wrap:anywhere; text-overflow:clip; overflow:visible; text-align:center; }
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .zqn .zqk .zrt { padding:calc(var(--rpx) * 1) 0; font-size:calc(var(--rpx) * 21) !important; line-height:1.3 !important; letter-spacing:0; }
.mini-root .qv1 .zqk .hy-slot-degree-suffix { display:inline-block; max-width:100%; font-size:.75em; font-weight:500; line-height:1.12; vertical-align:baseline; }
.mini-root .qv1 .hy-slot.zqk .zq1m { padding:calc(var(--rpx) * 1); }
.mini-root .qv1 .hy-slot.is-split { height:auto !important;min-height:calc(var(--rpx) * 132); }
.mini-root .qv1 .hy-slot.is-split .zq1m { height:auto;padding:calc(var(--rpx) * 18) calc(var(--rpx) * 4) calc(var(--rpx) * 8);gap:calc(var(--rpx) * 3); }
.mini-root .qv1 .hy-slot.is-split .zrt, .mini-root .qv1 .hy-slot.is-split .hy-slot-name { max-width:100%; }
.zr1 .zdv1c{flex-wrap:wrap;gap:calc(var(--rpx) * 3);}
.zr1 .pl-name,.zr1 .pl-meta,.zr1 .pl-formula{white-space:normal;overflow-wrap:anywhere;}
.loop-transport-card .zduq button{background:#E6F0E8;color:#315E48;border:calc(var(--rpx) * 1) solid #B7D1BD;border-radius:calc(var(--rpx) * 12);}
.loop-transport-card .zduq button.is-primary{background:#307653;color:#FFF;border-color:#307653;}
.zdsj{display:flex;gap:8px;margin:10px 0;}
.zdsj > view{flex:1;min-width:0;font-size:13px;color:#496b55;}
.zdsj input{box-sizing:border-box;width:100%;height:40px;margin:6px 0 0;font-size:18px;}
.loop-transport-passes{display:flex;align-items:center;gap:8px;color:#285f42;font-size:15px;}
.loop-transport-passes button{margin:0;width:36px;padding:0;font-size:22px;line-height:40px;background:#e6f0e8;color:#315e48;}
.zds9{display:block;color:#74836e;font-size:12px;line-height:1.5;margin-top:6px;}
.loop-transport-error{display:block;color:#a3483c;font-size:12px;margin-top:8px;}
.mini-root .qv0.zq0 .zq8 .cd-toggle:not(.is-active) { opacity:1; color:#36664E; background:#F7FAF5; border:calc(var(--rpx) * 1) solid #D7E3D9; box-shadow:none; }
.zdse { grid-column:1 / -1; width:100%; min-width:0; max-width:100%; box-sizing:border-box; align-self:start; margin:0; padding:calc(var(--rpx) * 12); border:calc(var(--rpx) * 1) solid #DBE5D5; background:#F2F7EC; border-radius:calc(var(--rpx) * 14); }
.zdse > text { display:block; font-size:calc(var(--rpx) * 23); line-height:1.5; color:#62765A; margin-bottom:calc(var(--rpx) * 10); overflow-wrap:anywhere; }
.zdu13 > view { display:flex; gap:calc(var(--rpx) * 10); }
.zdsf { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:calc(var(--rpx) * 6); min-width:0; }
.zdse.has-group .zdsf { grid-template-columns:repeat(8,minmax(0,1fr)); }
.mini-root .qv1 .zdse button { width:100%; }
.mini-root .qv1 .zdse button, .mini-root .qv1 .zdu13 button { flex:1; min-width:0; margin:0; min-height:max(44px,calc(var(--rpx) * 84)); padding:calc(var(--rpx) * 12) calc(var(--rpx) * 4); font-size:calc(var(--rpx) * 25); line-height:1.4; border-radius:calc(var(--rpx) * 12); background:#FFF; color:#426B48; border:calc(var(--rpx) * 1) solid #D2DFC9; }
.mini-root .qv1 .zdsf button { min-height:44px; height:auto; max-height:none; padding:calc(var(--rpx) * 6) calc(var(--rpx) * 4); font-size:12px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
.l-selection-timing { min-width:0; margin:calc(var(--rpx) * 10) 0 0; padding:calc(var(--rpx) * 10) 0 0; border:0; border-top:calc(var(--rpx) * 1) solid #D8E4D3; border-radius:0; background:transparent; }
.mini-root .qv1 .l-selection-timing button { min-height:44px; }
.mini-root .qv1 .zdsf button.zq3,
.mini-root .qv1 .l-selection-timing button.zq3 { background:#DDEFE1; color:#205F41; border-color:#98BDA6; font-weight:600; }
@media (max-width:600px) {
  .zdsf,
  .zdse.has-group .zdsf { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.zdu13 { margin:calc(var(--rpx) * 14) 0; padding:calc(var(--rpx) * 16); border:calc(var(--rpx) * 1) solid #DED7BD; border-radius:calc(var(--rpx) * 14); background:#FBF8EE; }
.zdu13 > text { display:block; font-size:calc(var(--rpx) * 24); line-height:1.5; color:#796846; margin-bottom:calc(var(--rpx) * 12); }
.zdx1x { position:fixed; left:-2000px; top:0; width:1000px; height:800px; pointer-events:none; }
.l-timing-editor { padding:calc(var(--rpx) * 12); border:calc(var(--rpx) * 1) solid #D9E5D9; border-radius:calc(var(--rpx) * 14); background:#F1F7EE; margin:calc(var(--rpx) * 12) 0; }
.zdx1h, .l-rhythm-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(var(--rpx) * 8); }
.zdx1h { grid-template-columns:repeat(2,minmax(0,1fr)); }
.l-rhythm-options { margin-top:calc(var(--rpx) * 10); }
.mini-root .qv1 .l-timing-editor button { width:100%; min-width:0; margin:0; min-height:40px; padding:calc(var(--rpx) * 12) calc(var(--rpx) * 4); border-radius:calc(var(--rpx) * 12); border:calc(var(--rpx) * 1) solid #D4E1D4; font-size:calc(var(--rpx) * 24); line-height:1.4; background:#FFF; color:#45654E; white-space:normal; overflow-wrap:anywhere; }
.mini-root .qv1 .l-timing-editor button.zq3 { background:#DDEFE1; color:#205F41; border-color:#98BDA6; font-weight:600; }
.mini-root .qv1 .l-rhythm-options button.is-unavailable { background:#EEF0EB; color:#A1AA9D; border-color:#E1E5DD; opacity:1; font-weight:400; }
.zdx46 { position:absolute; right:calc(var(--rpx) * 5); top:calc(var(--rpx) * 5); font-size:calc(var(--rpx) * 17); line-height:1; color:#7D7957; background:#F1EBD6; border-radius:calc(var(--rpx) * 4); padding:calc(var(--rpx) * 3); pointer-events:none; }
.mini-root .qv1 .is-timing-mode .zq1m.is-voicing-target { outline:none; background:transparent; }
.mini-root .qv1 .zdv19 .l-card { padding:calc(var(--rpx) * 18); margin-top:calc(var(--rpx) * 14); }
.mini-root .qv1 .zdv19 .zdwd { margin-bottom:calc(var(--rpx) * 12); }
@media (max-width:350px) {
  .mini-root .qv1 .zdwd { flex-wrap:wrap; }
  .mini-root .qv1 .zdsd { width:100%; justify-content:flex-end; }
}
.zdw2m,
.zdtg {
  margin: calc(var(--rpx) * 10) calc(var(--rpx) * 2) 0;
  font-size: calc(var(--rpx) * 23);
  line-height: 1.5;
  color: #557162;
  overflow-wrap: anywhere;
}
.zdtg { color: #89744f; }
.zr2d { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--rpx) * 8); margin: calc(var(--rpx) * 12) 0; }
.mini-root .qv1 .zr2d button { display: flex; align-items: center; justify-content: center; gap: calc(var(--rpx) * 10); width: auto; min-width: 0; margin: 0; min-height: 44px; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 10); border: calc(var(--rpx) * 1) solid #D3E1D5; border-radius: calc(var(--rpx) * 16); background: #FFF; color: #3E674C; font-size: max(calc(var(--rpx) * 23),12px); line-height: 1.3; box-sizing: border-box; }
.mini-root .qv1 .zr2d button.zq3 { background: #EAF4E9; color: #2C6645; border-color: #B2CDB7; }
.zdwu { flex: 0 0 14px; width: 14px; height: 14px; border: 1px solid #AFC4B1; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 1; color: #FFF; background: #FFF; box-sizing: border-box; }
.zr2d .zq3 .zdwu { border-color: #4A8462; background: #4A8462; }
.zr2d button > text { min-width: 0; }
.zdul { color: #9AA293; font-size: 10px; }
.zdx5 { display: flex; align-items: center; gap: calc(var(--rpx) * 10); margin: calc(var(--rpx) * 12) 0; font-size: max(calc(var(--rpx) * 22),11px); color: #6E8270; }
.zdx5 > text { flex: 0 0 auto; }
.mini-root .qv0.zq0 .zq2.zq1 .zdw6.zdx20 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.mini-root .qv1 .qv9 .pr-export-tabs,.mini-root .qv1 .qv9 .pr-export-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:calc(var(--rpx) * 6);}
.mini-root .qv1 .qv9 .pr-export-tabs button,.mini-root .qv1 .qv9 .pr-export-actions button{width:100%;min-width:0;min-height:44px;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 2);font-size:12px;white-space:nowrap;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv9 .zr1 .pl-card.is-saved{display:flex!important;flex-direction:column;align-items:stretch;gap:calc(var(--rpx) * 10);padding:calc(var(--rpx) * 12)!important;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv9 .zr1 .pl-copy{width:100%;min-width:0;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv9 .zr1 .pl-actions.pr-save-actions{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%!important;gap:3px;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv9 .zr1 .pr-save-actions .pl-action{grid-column:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:4px 1px!important;font-size:11px!important;line-height:1.3!important;white-space:nowrap;}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv9 .zr1 .pr-save-actions.pr-five-actions .is-undo{font-size:9.5px!important;}
.qv9 .pr-links{display:flex;gap:calc(var(--rpx) * 12);justify-content:flex-end;margin-top:calc(var(--rpx) * 12);}
.mini-root .qv1 .pr-links button{width:auto;margin:0;padding:calc(var(--rpx) * 6);font-size:calc(var(--rpx) * 22);min-height:36px;line-height:1.4;color:#52715e;background:transparent;border:0;box-shadow:none;}
.mini-root .qv1 .qv9 .l-card{padding:calc(var(--rpx) * 18);margin-bottom:calc(var(--rpx) * 14);box-shadow:none;}
.mini-root .qv1 .qv9 .zr1 .pl-card.is-empty{display:grid!important;grid-template-columns:minmax(0,1fr) 92px;align-items:center;}
.mini-root .qv1 .qv9 .zdwd{flex-wrap:nowrap;gap:calc(var(--rpx) * 8);margin-bottom:calc(var(--rpx) * 12);}
.mini-root .qv1 .qv9 .zdwn{font-size:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 10);min-height:40px;}
/* Recognition-only chrome; shared scale/chord workbench and music state stay intact. */
.zds0 { order:0; display:flex; flex-direction:column; gap:calc(var(--rpx) * 10); width:100%; min-width:0; margin:0 0 calc(var(--rpx) * 14); }
.zds0 > view { order:0; }
/* Entry-specific placement only; the buttons themselves are shared templates. */
.zdsb { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 10); padding-bottom:calc(var(--rpx) * 8); }
.zds0 .zdwv { order:0; flex:1; min-width:0; margin:0; padding:0; }
.zds0 .zdw1s { display:flex; align-items:center; gap:calc(var(--rpx) * 7); min-width:0; width:100%; }
.zds0 .zdu8 { flex:none; font-size:calc(var(--rpx) * 20); font-weight:500; color:#7a8b80; }
.zds0 .zdu15 { flex:1; min-width:0; font-size:calc(var(--rpx) * 19) !important; color:#89968d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.zds0 .zdx1q { width:calc(var(--rpx) * 7); height:calc(var(--rpx) * 7); background:#96b7a1; }
.mini-root .qv0.zq0 .zq2.zq1 .zdsb .zqw.zqk { order:1; flex:none; width:auto !important; max-width:100%; margin:0 !important; }
.mini-root .qv0.zq0 .zq2.zq1 .zdsb .zqw.zqk .zdtz { display:flex; flex-wrap:wrap; gap:calc(var(--rpx) * 4); max-width:none; }
.mini-root .qv0.zq0 .zq2.zq1 .zdsb .zdth { color:#829b88; font-size:calc(var(--rpx) * 18) !important; white-space:normal; }
.mini-root .qv0.zq0 .zq2.zq1 .zdsb .zqw.zqk .zr1b { display:none; }
.zds0 .zqy { display:flex; flex-direction:column; gap:calc(var(--rpx) * 14); margin:0; }
.zds0 .rc-card { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 16); box-sizing:border-box; width:100% !important; min-width:0; min-height:calc(var(--rpx) * 100); margin:0; padding:calc(var(--rpx) * 18) calc(var(--rpx) * 22); border:calc(var(--rpx) * 1) solid #cddfd1; border-radius:calc(var(--rpx) * 20); text-align:left; transition:transform .14s,background-color .14s; }
.zds0 .rc-card::after { border:0; }
.zds0 .rc-copy { flex:1; min-width:0; }
.zds0 .rc-label { display:block; font-size:calc(var(--rpx) * 22) !important; font-weight:500; letter-spacing:0; color:#6a8773; white-space:normal; line-height:1.4; }
.zds0 .rc-value { display:flex; flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:calc(var(--rpx) * 4) calc(var(--rpx) * 18) !important; min-width:0; width:auto; padding:calc(var(--rpx) * 4) 0 0; }
.zds0 .rc-key { font-size:calc(var(--rpx) * 54) !important; font-weight:700; line-height:1.4 !important; text-shadow:none; letter-spacing:0 !important; color:#2b5940; white-space:normal; }
.zds0 .rc-mode { font-size:calc(var(--rpx) * 22) !important; font-weight:500 !important; line-height:1.4; white-space:normal; color:#78907e; }
.zds0 .zdy3b { display:flex; flex:none; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--rpx) * 5); }
.zds0 .zdx8 { display:flex; align-items:center; justify-content:center; width:calc(var(--rpx) * 52); height:calc(var(--rpx) * 52); border:calc(var(--rpx) * 1) solid #d5e2cf; border-radius:50%; font-size:calc(var(--rpx) * 29); line-height:1; }
.zds0 .rc-hint { font-size:calc(var(--rpx) * 19) !important; color:#6d8777; white-space:normal; }
.zds0 .zr1c { height:auto; min-width:0; padding:0; border:0; background:transparent; }
.zds0 .zdvg { display:flex; align-items:center; margin:0 0 calc(var(--rpx) * 8); }
.zds0 .zdun { font-size:calc(var(--rpx) * 22) !important; color:#708474; font-weight:500; }
.zds0 .zr2a { display:flex; flex-direction:row; align-items:stretch; gap:calc(var(--rpx) * 9); }
.zds0 .zqy .zqc { display:flex; flex:1 1 0%; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; gap:calc(var(--rpx) * 4); width:0 !important; min-width:0; min-height:58px !important; height:auto; margin:0; padding:calc(var(--rpx) * 10) calc(var(--rpx) * 4) !important; border:calc(var(--rpx) * 1) solid #dfe7dc; border-radius:calc(var(--rpx) * 16); line-height:1.4; text-align:center; transition:transform .14s,background-color .14s; }
.zds0 .zr1n { width:auto; min-width:0; font-size:15px !important; font-weight:650; color:#4b6955; }
.zds0 .zr3 { width:auto; min-width:0; font-size:11px !important; font-weight:400; color:#879786; text-align:center; white-space:normal; }
.zds0 .zdx10 { display:flex; flex-wrap:wrap; align-items:baseline; margin:0; padding:calc(var(--rpx) * 2) calc(var(--rpx) * 2) calc(var(--rpx) * 5); gap:calc(var(--rpx) * 4) calc(var(--rpx) * 12); border:0; border-radius:0; background:transparent; }
.zds0 .zdvr { font-size:calc(var(--rpx) * 21); font-weight:550; color:#61816b; }
.zds0 .zdtl { display:flex; flex:1 1 0%; flex-direction:column; box-sizing:border-box; width:0; min-width:0; min-height:90px; border:calc(var(--rpx) * 1) solid #d5decf; border-radius:calc(var(--rpx) * 16); background:#f7f9f1; box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(45,73,53,.035); overflow:hidden; }
.zds0 .zdtl .zrj { display:flex; flex:1; align-items:center; justify-content:center; box-sizing:border-box; width:100% !important; min-width:0; min-height:45px !important; height:auto !important; margin:0; padding:calc(var(--rpx) * 5) calc(var(--rpx) * 1) !important; border:0; border-radius:0; color:#55715a; font-size:12px !important; font-weight:550; line-height:1.35 !important; white-space:normal; box-shadow:inset 0 calc(var(--rpx) * 1) 0 rgba(255,255,255,.6); transition:transform .14s,background-color .14s; }
.zds0 .zdtl .zrj::after { border:0; }
.zds0 .zdtl .zrj + .zrj { border-top:calc(var(--rpx) * 1) solid #d5decf; }
.zds0 .zduo { margin:0; padding:calc(var(--rpx) * 8) calc(var(--rpx) * 12); border-radius:calc(var(--rpx) * 10); }
.zds0 .zduj { margin:0; padding:0; border:0; background:transparent; }
.zds0 .zdv1a { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:calc(var(--rpx) * 4) calc(var(--rpx) * 10); margin:0 0 calc(var(--rpx) * 7); }
.zds0 .zdx3q { color:#91a08f; font-size:calc(var(--rpx) * 18); }
.zds0 .zdv5 { font-size:calc(var(--rpx) * 19) !important; font-weight:400; color:#8b978c; }
.zds0 .zdvh { grid-template-columns:repeat(8,minmax(0,1fr)); gap:3px; padding:0 0 3px; border:0; border-radius:0; background:transparent; }
.zds0 .zr11 { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-width:0; min-height:44px; margin:0; padding:5px 1px; border:1px solid #dce5d9; border-bottom:3px solid #c5d6c5; border-radius:7px 7px 9px 9px; font-size:12px !important; font-weight:550; line-height:1.4; overflow:visible; text-overflow:clip; transition:transform .12s,background .12s,box-shadow .12s; }
.zds0 .zr11::after { border:0; }
.zds0 .zr11.is-sounding { box-shadow:inset 0 1px 3px rgba(44,93,57,.08); transform:translateY(1px); }
.zds0 .zr11[disabled] { opacity:.5; }
.zds0 .zqa { margin:calc(var(--rpx) * 4) 0 0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.zds0 .zdx2x { gap:calc(var(--rpx) * 10); }
.zds0 .zdx2w { display:flex; flex-wrap:wrap; align-items:baseline; gap:calc(var(--rpx) * 6) calc(var(--rpx) * 12); }
.zds0 .zdx2w .zr1o { margin:0; font-size:calc(var(--rpx) * 22) !important; font-weight:550; color:#5a7664; }
.zds0 .zdx18 { margin:0; font-size:calc(var(--rpx) * 19) !important; font-weight:400; line-height:1.4; color:#8a988e; }
.zds0 .zr7 { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:8px; }
.zds0 .zqa .zr7 .zq1y, .zds0 .zqa .zr7 .zrl { position:relative; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100% !important; min-width:0; min-height:54px !important; height:auto !important; margin:0; padding:9px 10px; gap:9px; border:1px solid #4b7e62; border-radius:12px; color:#f9fcf7; animation:none; overflow:visible; transition:transform .14s,box-shadow .14s,background-color .14s; }
.zds0 .zq1y::before { display:none; }
.zds0 .zqa .zr7 .zq1y.qve { border-color:#39664d; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(236,245,218,.16); }
.zds0 .rb-disc, .zds0 .zdtu { display:flex; align-items:center; justify-content:center; flex:none; box-sizing:border-box; width:30px; height:30px; margin:0; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:repeating-radial-gradient(circle,rgba(255,255,255,.11) 0 1px,transparent 1px 4px),rgba(29,66,44,.16); color:inherit; font-size:14px; box-shadow:inset 0 1px 2px rgba(18,53,34,.1); transition:transform .18s; }
.zds0 .rb-icon { font-size:12px; line-height:1; }
.zds0 .rb-copy, .zds0 .zdx1p { min-width:0; }
.zds0 .rb-title, .zds0 .zdup { display:block; color:inherit; font-size:13px !important; font-weight:600; line-height:1.4; white-space:normal; }
.zds0 .zdx4j { display:block; margin-top:2px; color:#e0edde; font-size:10px !important; line-height:1.4; font-weight:400; font-variant-numeric:tabular-nums; }
.zds0 .rb-state, .zds0 .zdt16 { display:none; }
.zds0 .zdtu { width:26px; height:26px; box-shadow:inset 0 1px 0 #fff; }
.zds0 .zqa .zr7 button.qv3, .zds0 .zqa .zr7 button:active { box-shadow:inset 0 2px 5px rgba(34,68,43,.13); }
.zds0 .zrl.qv3 .zdtu { transform:translateX(-2px); }
.zds0 button.qv3, .zds0 button:active { transform:translateY(1px); filter:brightness(.97); }
@media (max-width:350px) {
  .zds0 .zdvh { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zds0 .zr7 { gap:6px; }
  .zds0 .zqa .zr7 .zq1y, .zds0 .zqa .zr7 .zrl { gap:6px; padding-left:6px; padding-right:6px; }
  .zds0 .zr2a { gap:calc(var(--rpx) * 6); }
}
@media (prefers-reduced-motion:reduce) {
  .zds0 button { transition:none !important; }
  .zds0 .zdtu { transition:none !important; transform:none !important; }
  .zds0 button.qv3, .zds0 button:active { transform:none; }
}
/* Button hierarchy: richer primary actions, crisp neutral controls and clear selected states. */

/* Home entries */
.mini-root .qv0.zq0.is-home .zq10 .zrw:not(.zdu1d) {
  border-color:#e34a5a;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 12% 0%,rgba(255,226,216,.28),transparent 64%),linear-gradient(135deg,#f4767d,#e84a5d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(138,30,49,.11),0 5px 11px rgba(212,62,82,.17);
}
.mini-root .qv0.zq0.is-home .zq10 .zs7 {
  border-color:#b9d3bf;
  background:repeating-linear-gradient(135deg,rgba(79,132,91,.035) 0 1px,transparent 1px 4px),linear-gradient(145deg,#f8fdf8,#deeddf);
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(42,88,57,.07);
}
.mini-root .qv0.zq0.is-home .zr1j { color:#315f45; }
.mini-root .qv0.zq0.is-home .zr1g { color:#53695a; }
.mini-root .qv0.zq0.is-home .zs8 {
  border-color:#b4cfb8;
  background:radial-gradient(circle at 35% 25%,#fbfff2,#cfe4ce);
  color:#527b58;
}
.mini-root .qv0.zq0.is-home .zr1h {
  border-color:#ded1aa;
  background:repeating-linear-gradient(0deg,rgba(151,128,62,.035) 0 1px,transparent 1px 4px),linear-gradient(120deg,#fffdf3,#f3ecd4);
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(102,88,42,.055);
}
.mini-root .qv0.zq0.is-home .zdvi {
  border-color:#d9ca98;
  background:linear-gradient(135deg,#fffbea,#e8dfb8);
  color:#817539;
}
.mini-root .qv0.zq0.is-home .zdtt { color:#796f3d; }
.mini-root .qv0.zq0.is-home .fp-entry {
  border-color:#a8c8af;
  background:repeating-linear-gradient(135deg,rgba(55,119,78,.04) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 100% 0%,rgba(245,220,143,.28),transparent 62%),linear-gradient(120deg,#eef8ef,#d9ebdc);
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(43,91,57,.075);
}
.mini-root .qv0.zq0.is-home .zdww {
  border-color:#286748;
  background:linear-gradient(145deg,#54a174,#28704d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 5px rgba(37,91,57,.16);
}
.mini-root .qv0.zq0.is-home .zdwj { color:#27583d; }
.mini-root .qv0.zq0.is-home .fp-entry-caption { color:#53695a; }
.mini-root .qv0.zq0.is-home .fp-entry-action {
  background:#357b57;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}

/* The tuner start action is secondary to recording, but should still read as an action. */
.mini-root .qv0.zq0.is-home .ht-card {
  border-color:#c8dbc9;
  background:radial-gradient(ellipse at 96% 5%,rgba(238,216,149,.22),transparent 58%),linear-gradient(120deg,#f5faf4,#f7f5e8);
  box-shadow:inset 0 1px 0 #fff,0 4px 11px rgba(40,84,54,.045);
}
.mini-root .qv0.zq0.is-home .ht-instrument {
  border-color:#bed2c1;
  background:#fff;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(46,86,57,.05);
}
.mini-root .qv0.zq0.is-home .ht-instrument > button { color:#4f7a5e; }
.mini-root .qv0.zq0.is-home .ht-instrument > button:active { background:#dcebdd; }
.mini-root .qv0.zq0.is-home .ht-toggle {
  border-color:#2e704e;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),linear-gradient(140deg,#3f835e,#2b694a);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 0 rgba(22,75,45,.14),0 3px 8px rgba(39,101,64,.13);
}
.mini-root .qv0.zq0.is-home .zdwc { opacity:1; }
.mini-root .qv0.zq0.is-home .ht-toggle.zq3 {
  border-color:#245f41;
  background:linear-gradient(140deg,#397e58,#245f42);
  color:#fff;
}
.mini-root .qv0.zq0.is-home .ht-toggle:active,
.mini-root .qv0.zq0.is-home .ht-toggle.qv3 { background:#286a49; }

/* Recognition: one obvious selection, two calm alternatives. */
.zds0 .rc-card {
  border-color:#a9c9b0;
  background:radial-gradient(ellipse at 100% 0%,rgba(239,213,130,.3),transparent 62%),linear-gradient(120deg,#edf8ef,#dcecdf);
  box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(42,91,57,.065);
}
.zds0 .zdx8 {
  border-color:#a9c9ae;
  background:linear-gradient(145deg,#fffbea,#dcebcf);
  color:#3e7954;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(54,98,61,.08);
}
.zds0 .zqy .zqc {
  border-color:#cedcce;
  background:linear-gradient(180deg,#fff,#f1f6ef);
  color:#496b55;
  box-shadow:inset 0 1px 0 #fff,0 3px 7px rgba(42,76,49,.05);
}
.zds0 .zqc.zq3 {
  border-color:#5f9a73 !important;
  background:linear-gradient(155deg,#e0f0e3,#c9e3d0) !important;
  color:#245c3c;
  box-shadow:inset 0 -3px #5f9871,0 3px 8px rgba(45,104,66,.09) !important;
}
.zds0 .zqc.zq3 .zr1n { color:#215b39; }
.zds0 .zqc.zq3 .zr3 { color:#3f684b; }
.zds0 .zr11 {
  border-color:#cad9ca;
  border-bottom-color:#9fbea4;
  background:linear-gradient(180deg,#fffef8 0%,#f5f8e9 78%,#e0eadc 100%);
  color:#416c50;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(43,78,49,.07);
}
.zds0 .zr11.is-sounding {
  border-color:#62a078;
  border-bottom-color:#3f7f58;
  background:linear-gradient(160deg,#d9f0dc,#bcdcbc);
  color:#1f5a38;
}
.zds0 .zdtl .zrj.is-up {
  border-color:#dfd0a8;
  background:linear-gradient(155deg,#fffdf5,#f4ead0);
  color:#77683f;
}
.zds0 .zdtl .zrj.is-down {
  border-color:#bfd3dc;
  background:linear-gradient(155deg,#f8fcff,#e2eef3);
  color:#486c7d;
}
.zds0 .zqa .zr7 .zq1y {
  border-color:#236b47;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(125deg,#3f835e,#246343);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(18,66,40,.16),0 4px 9px rgba(37,91,57,.13);
}
.zds0 .zqa .zr7 .zrl {
  border-color:#d9cca1;
  background:repeating-linear-gradient(135deg,rgba(151,128,62,.035) 0 1px,transparent 1px 4px),linear-gradient(140deg,#fffdf4,#f1e8ca);
  color:#6f6237;
  box-shadow:inset 0 1px 0 #fff,0 3px 7px rgba(100,82,35,.06);
}
.zds0 .zdtu {
  border-color:#dacb98;
  background:#eee3bb;
  color:#766b35;
}

/* Shared workbench controls: white at rest, color when chosen. */
.mini-root .qv0.zq0 .zq2 .zq1d > button {
  border-color:#cbd9cc;
  background:linear-gradient(180deg,#fff,#edf4ec);
  color:#456a53;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(41,78,49,.05);
}
.mini-root .qv0.zq0 .zq2 .zq1d .zq3 {
  border-color:#7dac8b;
  background:linear-gradient(155deg,#e1f0e3,#cde4d2);
  color:#245c3b;
  box-shadow:inset 0 -2px 0 #72a382;
}
.mini-root .qv0.zq0 .zq2.is-recognition .zq1d .zdx1a {
  border-color:#ddcca1;
  background:linear-gradient(155deg,#fffaf0,#f1e5c6);
  color:#776538;
}
.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button {
  border-color:#cbd9cc;
  background:linear-gradient(180deg,#fff,#eef4ec);
  color:#356247;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(41,78,49,.045);
}
.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button.is-instrument {
  border-color:#d8cb9f;
  background:linear-gradient(155deg,#fffdf3,#f1e8cb);
  color:#665f38;
}
.mini-root .qv0.zq0 .zq2.zq1 .ls-toolbar button.zq3 {
  border-color:#70a384;
  background:linear-gradient(155deg,#dff0e3,#c8e2cf);
  color:#245d3c;
  box-shadow:inset 0 -2px 0 #699a7b;
}
.zq1b button {
  border-color:#cbdacb;
  background:linear-gradient(180deg,#fdfefb,#eaf2e8);
  color:#3e674f;
  box-shadow:inset 0 1px 0 #fff;
}
.zq1b .zdx2d.is-on,
.zq1b .zdyf.is-on {
  border-color:#79a98a;
  background:linear-gradient(155deg,#dceee0,#c8e2cf);
  color:#225c3b;
  box-shadow:inset 0 -2px 0 #6f9e7d;
}
.zq1b .dock-play:not([disabled]) {
  border-color:#246b49;
  background:linear-gradient(145deg,#3e835e,#236646);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 3px 8px rgba(36,91,57,.12);
}

/* Focused tuner */
.zr18 {
  border-color:#c4d8c7;
  background:linear-gradient(160deg,#fff,#edf5ec);
  color:#3d684d;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(40,79,48,.055);
}
.zr18.is-near {
  border-color:#7daa8a;
  background:linear-gradient(155deg,#e6f1d8,#d1e7d1);
  color:#2b6140;
  box-shadow:inset 0 -2px 0 #789e77;
}
.zr18.is-tuned {
  border-color:#4f9a6a;
  background:linear-gradient(155deg,#d7efdc,#b9ddc4);
  color:#1d6038;
  box-shadow:inset 0 -3px 0 #4d8f63,0 3px 8px rgba(40,104,62,.1);
}
.hf-actions .zr20 {
  border-color:#c4d6c7;
  background:linear-gradient(155deg,#fff,#eaf3e9);
  color:#3f6b50;
}
.hf-actions .zr20.zq3 {
  border-color:#75a586;
  background:linear-gradient(155deg,#dceee1,#c6dfcd);
  color:#225d3b;
}
.hf-actions .hf-stop {
  border-color:#256b49;
  background:linear-gradient(145deg,#3e835e,#236646);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(35,88,55,.12);
}
.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv7.is-view.is-musician:not(.is-large) .zq15 .cd-stage{height:calc(var(--rpx) * 224) !important;}.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv7.is-view.is-musician:not(.is-large) .zq15 .zqx{height:calc(var(--rpx) * 176);}.mini-root .qv1 .qv0.zq0 .zq2.zq1 .qv7.is-view.is-focus .zq15 .zqx{flex:none;width:calc(100% - calc(var(--rpx) * 48));max-width:calc(var(--rpx) * 380);margin:calc(var(--rpx) * 22) auto calc(var(--rpx) * 18) !important;}.stg{display:flex;gap:4px;flex:none}.zdtr{justify-content:flex-start}.zdtr>.stg{margin-left:auto}.mini-root .qv0.zq0 .zq2 .qv2.zq5 .stg>button,.zdtr .stg>button{flex:none;width:auto!important;min-width:44px;min-height:44px;padding:4px 6px!important;font-size:10px!important;white-space:nowrap}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.cs-panel.cs-card{display:flex!important;flex-direction:column;gap:calc(var(--rpx) * 12);min-height:0!important;max-height:none!important;height:auto!important}.mini-root .qv0.zq0 .zq2 .qv2.zq5.cs-card .cd-stage{width:100%;height:auto!important;flex:none}.mini-root .qv0.zq0 .zq2 .qv2.cs-card .chord-piano{width:100%;max-width:100%}.cs-card .zdti,.cs-card .ar-inline-companion{width:100%;box-sizing:border-box;height:auto;align-self:stretch}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf:not(.cs-panel){height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:calc(var(--rpx) * 106) calc(var(--rpx) * 262) auto;gap:calc(var(--rpx) * 8) calc(var(--rpx) * 14)}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf:not(.cs-panel) .cd-stage{height:calc(var(--rpx) * 262)!important}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .ar-inline-companion{border-top:0;border-left:calc(var(--rpx) * 1) solid #DCE7DA;padding:0 0 0 calc(var(--rpx) * 10);box-sizing:border-box;overflow:hidden}
.mini-root .qv0.zq0 .zq2 .zqf .zq1r .zdwg{font-size:12px;min-height:18px;line-height:1.4;font-weight:600}
.mini-root .qv0.zq0 .zq2 .zqf .zq1r .ar-strategy>button{min-height:32px!important;height:32px;padding:2px!important;font-size:10px!important}
.mini-root .qv0.zq0 .zq2 .zqf .zq1r .ar-candidate{width:100%!important;min-width:0;box-sizing:border-box;min-height:36px;padding:4px 6px;gap:2px;border-radius:8px}
.zqf .zq1r .ar-candidate>view{flex-direction:row;flex-wrap:nowrap;gap:4px;align-items:baseline;font-size:11px;line-height:14px}
.zqf .zq1r .ar-candidate>view>text:first-child{flex-shrink:0;font-weight:600}
.zqf .zq1r .ar-candidate>view>text:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.zqf .zq1r .ar-frets{font-size:10px;line-height:13px;white-space:normal;color:#5E7868}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .zq1e button{min-height:36px!important;padding:4px 6px!important;font-size:11px!important;border-radius:9px}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf .zq1e .stg{gap:4px}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open .ar-candidates-viewport{height:0;min-height:36px;flex:1;max-height:none}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open.cs-panel{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;grid-template-rows:160px auto auto!important;gap:calc(var(--rpx) * 8) calc(var(--rpx) * 14);min-height:0!important;max-height:none!important;height:auto!important}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open.cs-panel .ar-inline-companion{grid-column:2;grid-row:1;height:160px;width:auto;align-self:start}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open.cs-panel .cd-heading{grid-column:1;grid-row:1;height:auto;max-height:160px;align-self:start}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open.cs-panel .cd-stage{grid-column:1/span 2;grid-row:2;width:100%;height:auto!important;min-height:0}
.mini-root .qv0.zq0 .zq2 .qv2.zq5.zqf.ar-open.cs-panel .zq1e{grid-column:1/span 2;grid-row:3}
.cs-panel .zdx4y{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}



.dm{position:fixed;inset:0;z-index:180;display:flex;align-items:flex-end;background:#152b2566}
.db{position:absolute;inset:0}.ds{position:relative;box-sizing:border-box;width:100%;min-width:0;padding:calc(var(--rpx) * 18) calc(var(--rpx) * 22) calc(calc(var(--rpx) * 22) + env(safe-area-inset-bottom));border:calc(var(--rpx) * 1) solid #d5e2d0;border-radius:calc(var(--rpx) * 32) calc(var(--rpx) * 32) 0 0;background:linear-gradient(145deg,#fbfdf8,#edf3e7);box-shadow:0 calc(var(--rpx) * -12) calc(var(--rpx) * 60) #102d251c}.ds::before{content:"";display:block;width:calc(var(--rpx) * 56);height:calc(var(--rpx) * 5);margin:0 auto calc(var(--rpx) * 13);border-radius:calc(var(--rpx) * 6);background:#c8d5c3}
.dh,.df{display:flex;align-items:center;justify-content:space-between}.dh{margin:0 calc(var(--rpx) * 2) calc(var(--rpx) * 16);color:#244b3b;font-size:calc(var(--rpx) * 32);font-weight:750;line-height:1.35}.dh>view{padding-left:calc(var(--rpx) * 14);border-left:calc(var(--rpx) * 5) solid #4b8261}.dh text{display:block}.du{margin-top:calc(var(--rpx) * 4);font-size:calc(var(--rpx) * 20);font-weight:400;line-height:calc(var(--rpx) * 26);color:#7b8879}
.dr{width:100%;min-width:0;height:calc(var(--rpx) * 480);max-height:65vh}.dg{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 10);padding:calc(var(--rpx) * 2);min-width:0}
.ds .dt{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;width:100%;min-width:0;height:calc(var(--rpx) * 152);margin:0;padding:calc(var(--rpx) * 11) calc(var(--rpx) * 11) calc(var(--rpx) * 9);border:calc(var(--rpx) * 1) solid #dce5d6;border-radius:calc(var(--rpx) * 16);background:linear-gradient(150deg,#fff,#f8fbf3);line-height:1.3;text-align:left;overflow:hidden;box-shadow:inset 0 calc(var(--rpx) * 1) #fff,0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) #263b2e05}.dt::after{border:0}.dt[disabled]{opacity:.7;color:inherit}.dt.di{border-color:#6f9c7e;background:linear-gradient(140deg,#f3faed,#dfeedd);box-shadow:inset 0 0 0 calc(var(--rpx) * 1) #83a78b,0 calc(var(--rpx) * 3) calc(var(--rpx) * 10) #2c633b0c}.dt.di::before{content:"";position:absolute;left:calc(var(--rpx) * 11);right:calc(var(--rpx) * 11);top:0;height:calc(var(--rpx) * 3);border-radius:0 0 calc(var(--rpx) * 4) calc(var(--rpx) * 4);background:#4f875e}
.da{color:#7c887a;font-size:calc(var(--rpx) * 19);line-height:calc(var(--rpx) * 24);white-space:nowrap}.dn{display:block;color:#244b3b;font-size:calc(var(--rpx) * 24);line-height:calc(var(--rpx) * 31);font-weight:650;white-space:nowrap}.de{color:#607a66;font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 24);white-space:nowrap}.df{padding-top:calc(var(--rpx) * 3);border-top:calc(var(--rpx) * 1) solid #e6ecdf;color:#87937f;font-size:calc(var(--rpx) * 17);line-height:calc(var(--rpx) * 24);white-space:nowrap}.dp{display:flex;align-items:center;justify-content:center;width:calc(var(--rpx) * 25);height:calc(var(--rpx) * 25);border-radius:50%;font-size:calc(var(--rpx) * 11);color:#4b7559;background:#edf3e9}.di .dp{color:#fff;background:#38765a}.di .da{color:#4c7860}
.dt>text{max-width:100%;overflow:hidden;text-overflow:ellipsis}.df>text:first-child{min-width:0}.dp{flex:none}.dv{padding:calc(var(--rpx) * 11) calc(var(--rpx) * 2) 0;font-size:calc(var(--rpx) * 18);line-height:calc(var(--rpx) * 26);color:#83907d}

.cg-heading-row{display:flex;align-items:center;gap:calc(var(--rpx) * 8)}.cg-heading{display:flex;align-items:center;align-self:stretch;min-width:0;margin:0;color:#365c48;font-size:max(calc(var(--rpx) * 25),12px);font-weight:650;line-height:1.4;white-space:nowrap}.cg-basic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--rpx) * 6);margin-top:calc(var(--rpx) * 10)}.cg-subdivision{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 8) 0}.cg-inline{margin-top:calc(var(--rpx) * 10);padding:calc(var(--rpx) * 10);border:calc(var(--rpx) * 1) solid #dce5d7;border-radius:calc(var(--rpx) * 15);background:linear-gradient(145deg,#f9fcf7,#edf5e9)}.cg-target{display:block;margin:0 0 calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 18);color:#819279;line-height:1.4}.cg-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--rpx) * 6)}.cg-drum-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--rpx) * 6);margin:calc(var(--rpx) * 10) 0}.cg-drum-presets{padding:calc(var(--rpx) * 10);border:calc(var(--rpx) * 1) solid #dce5d7;border-radius:calc(var(--rpx) * 15);background:#f3f8ee}.cg-empty{display:block;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 2);font-size:calc(var(--rpx) * 20);line-height:1.5;color:#7f8c75}.cg-rhythm-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 8);margin-top:calc(var(--rpx) * 12);color:#85917f;font-size:calc(var(--rpx) * 19);line-height:1.5}.cg-rhythm{margin-top:calc(var(--rpx) * 14);padding:calc(var(--rpx) * 12) calc(var(--rpx) * 15);background:#fbfdf8;border:calc(var(--rpx) * 1) solid #dbe6d7;border-radius:calc(var(--rpx) * 16)}.cg-rhythm-heading{margin:0 0 calc(var(--rpx) * 8)}.cg-rhythm-heading>text:first-child{font-size:calc(var(--rpx) * 21);font-weight:600;color:#477154}.cg-canvas{position:relative;overflow:hidden;width:100%;min-height:calc(var(--rpx) * 80)}.cg-line,.cg-dot,.cg-mark{position:absolute;box-sizing:border-box}.cg-line{min-width:calc(var(--rpx) * 1.5);background:#42785a}.cg-line.grid{background:#dce5d7}.cg-dot{border-radius:50%;background:#42785a;transform:translateX(-50%) scaleY(.7) rotate(-15deg)}.cg-mark{transform:translateX(-50%);color:#819278;font-size:calc(var(--rpx) * 18);white-space:nowrap}.cg-dot.open{border:calc(var(--rpx) * 2) solid #42785a;background:#fbfdf8}
.mini-root .qv0.zq0 .zq2.zq1 .cg-module button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;margin:0;border:calc(var(--rpx) * 1) solid #d4e1cf;border-radius:calc(var(--rpx) * 12);background:linear-gradient(145deg,#fff,#f0f6ec);color:#426b50;text-align:center;line-height:1.35;box-shadow:inset 0 calc(var(--rpx) * 2) #fff;white-space:normal}.mini-root .qv0.zq0 .zq2.zq1 .cg-module button>text{margin:0;text-align:center;line-height:1.35}.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-actions>button,.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-preview{flex:none;gap:calc(var(--rpx) * 5);width:auto;min-height:32px;padding:calc(var(--rpx) * 5) calc(var(--rpx) * 10);font-size:max(calc(var(--rpx) * 20),10px);white-space:nowrap}.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-basic>button,.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-subdivision>button,.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-drum-styles>button,.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-variants>button{width:100%;min-height:34px;padding:calc(var(--rpx) * 6) calc(var(--rpx) * 3);font-size:calc(var(--rpx) * 21)}.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-variants>button{min-height:32px;padding:calc(var(--rpx) * 5) calc(var(--rpx) * 4);font-size:calc(var(--rpx) * 20);border-radius:calc(var(--rpx) * 9);background:#fff;box-shadow:0 calc(var(--rpx) * 2) calc(var(--rpx) * 5) #34533304}.mini-root .qv0.zq0 .zq2.zq1 .cg-module button.zq3{background:#dcefdc;border-color:#9dbe9e;color:#2b6843;font-weight:600}.cg-module button::after{border:0}
.cg-dot.cross{border:0;border-radius:0;background:transparent;transform:translateX(-50%)}.cg-dot.cross::before,.cg-dot.cross::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--rpx) * 2);min-width:1px;height:100%;background:#42785a;transform:translate(-50%,-50%) rotate(45deg)}.cg-dot.cross::after{transform:translate(-50%,-50%) rotate(-45deg)}
.cg-score-hint{display:block;margin-top:calc(var(--rpx) * 6);color:#819279;font-size:calc(var(--rpx) * 18);line-height:1.4}
.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-actions>.cg-insert{background:#e8f1e4;border-color:#c5d7c0}.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-actions>.cg-insert.is-inserted{background:#f3f7ef;color:#6d8269;border-color:#dce6d6}
.cg-glyph{position:absolute;display:block;pointer-events:none}
.cg-cursor{position:absolute;top:calc(var(--rpx) * 14);bottom:calc(var(--rpx) * 20);width:calc(var(--rpx) * 2);background:#d49a36;pointer-events:none}.cg-dot.cg-lit{box-shadow:0 0 0 calc(var(--rpx) * 5) #e8c57f}.cg-dot.cross.cg-lit::before,.cg-dot.cross.cg-lit::after{background:#b77418}
.cg-actions{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--rpx) * 6);margin-top:calc(var(--rpx) * 10);white-space:nowrap}.cg-access{display:inline-block;flex:none;padding:calc(var(--rpx) * 1) calc(var(--rpx) * 5);border-radius:calc(var(--rpx) * 6);border:calc(var(--rpx) * 1) solid #d5dfc7;color:#7a8968;font-size:calc(var(--rpx) * 18);font-weight:400;line-height:1.4;white-space:nowrap}
.mini-root .qv0.zq0 .zq2.zq1 .cg-module .cg-preview{margin:calc(var(--rpx) * 8) 0 0 auto}

.cre-backdrop{position:fixed;inset:0;z-index:1600;background:rgba(19,43,34,.38);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}.cre-panel{width:100%;max-width:600px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e9df;border-radius:23px;background:#fcfdf9;box-shadow:0 18px 60px rgba(21,51,38,.18);color:#244d3d}.cre-panel button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0 10px;height:32px;min-height:32px;line-height:1.2;font-size:12px;font-weight:600;border:1px solid #e1e9de;border-radius:10px;background:#f3f6ed;color:#446550;white-space:nowrap}.cre-panel button:after{border:0}.cre-panel button[disabled]{opacity:.4}.cre-panel .is-active{background:#e1eedc;border-color:#cbdcc5;color:#24583d}.cre-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 12px;gap:10px}.cre-heading>view{min-width:0}.cre-title{display:block;font-size:19px;font-weight:700}.cre-member{font-size:10px;color:#8e773b;margin-left:5px;vertical-align:middle;background:#f2ebd7;padding:2px 5px;border-radius:5px}.cre-subtitle{display:block;margin-top:4px;font-size:11px;color:#829081}.cre-panel .cre-close{flex:none;width:29px;height:29px;min-height:29px;padding:0;font-size:22px;font-weight:400;border:0;background:#eff3eb;color:#7e8d7e}.cre-body{min-height:0;flex:1;box-sizing:border-box;padding:0 14px}.cre-score-heading,.cre-section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px;min-width:0}.cre-chord{font-size:17px;font-weight:700;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cre-tabs{display:flex;gap:3px;flex:none}.cre-tabs button{height:28px;min-height:28px;padding:0 8px;font-size:11px}.cre-score-scroll{width:100%;box-sizing:border-box;border:1px solid #e3eade;border-radius:13px;background:#fff;overflow:hidden}.cre-score{position:relative;box-sizing:border-box}.cre-ink{position:absolute;box-sizing:border-box;color:#355544;pointer-events:none}.cre-ink.image image{width:100%;height:100%;display:block}.cre-ink.line,.cre-ink.staff,.cre-ink.grid,.cre-ink.ledger,.cre-ink.stem,.cre-ink.beam,.cre-ink.bracket{background:currentColor}.cre-ink.staff{color:#a5b4a5}.cre-ink.grid{color:#e3eadf}.cre-ink.head,.cre-ink.open{border-radius:50%;transform:rotate(-19deg);background:currentColor}.cre-ink.open{background:#fff;border:1.5px solid currentColor}.cre-ink.dot{border-radius:50%;background:currentColor}.cre-ink.label,.cre-ink.accidental,.cre-ink.count,.cre-ink.string-label,.cre-ink.tab-clef,.cre-ink.fret,.cre-ink.tuplet{font-size:12px;line-height:18px;transform:translateX(-50%);white-space:nowrap}.cre-ink.count,.cre-ink.string-label{font-size:10px;color:#95a391}.cre-ink.accidental{font-size:18px;line-height:20px}.cre-ink.tab-clef{font-size:9px;background:#fff;color:#71856e}.cre-ink.fret{font-size:13px;font-weight:600;background:#fff;padding:0 2px}.cre-ink.tuplet{font-size:10px;background:#fff;padding:0 3px;line-height:15px}.cre-ink.tie{border-bottom:1px solid currentColor;border-radius:0 0 50% 50%}.cre-ink.selected{color:#1e7950}.cre-ink.extra,.cre-panel .is-extra{color:#ac792b}.cre-hit{position:absolute;border-radius:50%;box-sizing:border-box;background:transparent}.cre-hit.is-selected{border:1px solid rgba(43,128,78,.58);background:rgba(81,155,95,.12)}.cre-hit.is-extra{border-bottom:2px solid #c79343}.cre-hint{display:block;font-size:10px;line-height:1.6;color:#87917e;margin:7px 2px 12px}.cre-unavailable{padding:25px 14px;font-size:12px;line-height:1.6;background:#f1f4ec;border-radius:12px;color:#87917e}.cre-section{padding:12px 0;border-top:1px solid #e9eee4}.cre-section-head>text{font-size:12px;font-weight:700}.cre-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cre-presets button{min-width:0;font-size:11px;padding:0 4px}.cre-note-label{font-size:11px;font-weight:400;color:#8b987f;margin-left:5px}.cre-note-actions{display:flex;gap:5px}.cre-note-actions button{height:26px;min-height:26px;padding:0 9px;font-size:11px}.cre-field{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}.cre-field>text{font-size:11px;color:#8a977f;flex:none;width:26px}.cre-options{display:flex;gap:5px;flex:1;min-width:0}.cre-options button{flex:1;min-width:0;padding:0 4px;height:29px;min-height:29px;font-size:10px}.cre-durations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cre-panel .cre-pitch-toggle{flex:1;justify-content:flex-start;font-size:11px;height:29px;min-height:29px}.cre-pitch-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:7px 0 0 34px}.cre-pitch-steps button{padding:0 3px;font-size:10px;height:29px;min-height:29px}.cre-footer{padding:10px 14px 13px;border-top:1px solid #e4ebdf;background:#f8faf4}.cre-status{display:block;font-size:10px;line-height:1.5;min-height:15px;color:#829176;margin-bottom:7px;word-break:break-word}.cre-footer>view{display:flex;gap:8px;justify-content:flex-end}.cre-footer button{height:35px;min-height:35px;padding:0 20px}.cre-footer .cre-apply{background:#2e7456;border-color:#2e7456;color:#fff;min-width:110px}
.cre-voices{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px}.cre-voices>text{font-size:10px;color:#87917e}.cre-voices button{height:25px;min-height:25px;font-size:10px;padding:0 8px}.cre-mini{position:relative;width:100%;height:30px;overflow:hidden;pointer-events:none}.cre-mini-note{position:absolute;top:18px;width:6px;height:5px;border-radius:50%;background:#52795e;transform:rotate(-15deg)}.cre-mini-note:after{content:'';position:absolute;right:0;bottom:1px;width:1px;height:17px;background:currentColor}.cre-mini-note.is-extra{background:#b38943;color:#b38943}.cre-mini-note.is-open{background:transparent;border:1px solid currentColor}.cre-mini-flag{position:absolute;left:5px;top:-12px;width:5px;height:2px;background:currentColor;transform:rotate(35deg)}.cre-mini-dot{position:absolute;left:9px;top:0;width:2px;height:2px;border-radius:50%;background:currentColor}.cre-mini-tuplet{position:absolute;left:6px;top:-20px;font-size:7px;line-height:8px}
.cre-status.is-error{color:#a16e2f}
.cre-mini-note.is-whole:after{display:none}
#loopSlotsAnchor.cre-rhythm-grid .hy-slot{height:72px!important;min-height:72px!important}
.cre-panel button{width:auto;min-width:0}
.cre-panel .cre-pitch-toggle{flex:0 1 auto;min-width:104px}
.cre-glyph{width:100%;height:100%;display:block}
.cre-drag-cursor{position:absolute;top:0;width:1px;background:#2e8a5d;opacity:.7;pointer-events:none;border-left:4px solid rgba(46,138,93,.08)}
.cre-panel{height:86vh;max-height:760px}.cre-heading,.cre-footer{flex:none}.cre-body{height:0;flex:1 1 0%;overscroll-behavior:contain}.cre-footer{padding-bottom:max(13px,env(safe-area-inset-bottom))}.cre-body>.cre-section:last-child{padding-bottom:20px}.cre-card-mode .zq1m{padding:calc(var(--rpx) * 9) calc(var(--rpx) * 3) calc(var(--rpx) * 3)!important}.cre-card-mode .cre-mini{height:52px;max-height:100%;overflow:visible}.cre-card-mode .cre-mini-note{width:8px;height:6px;color:#426c50}.cre-card-mode .cre-mini-note:after{height:22px}.cre-card-mode .cre-mini-flag{left:7px;top:-15px;width:6px}.cre-card-mode .cre-mini-dot{left:11px;width:3px;height:3px}.cre-card-mode .cre-mini-tuplet{left:5px;top:-22px;font-size:8px}.cre-card-empty{font-size:10px;color:#7f917d;text-align:center}

.cre-card-mode .zrt{font-size:calc(var(--rpx) * 23)!important;line-height:1.2}.cre-card-mode .hy-slot-name{font-size:calc(var(--rpx) * 17)!important}.cre-card-mode .zq1m{justify-content:center}