.home-score-layout.practice-workspace{height:auto;min-height:100dvh;overflow:visible}.home-score-layout .practice-dock{min-width:0}.home-practice-display-modes{background:#edf0e5;border:1px solid #d7ddc9;border-radius:99px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.home-score-layout .home-practice-display-modes button{color:#7f8970;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:99px;min-width:0;height:22px;min-height:0;padding:0 10px;font-size:11px;line-height:22px}@media (pointer:coarse){.home-score-layout .home-practice-display-modes button{height:26px;padding-inline:12px;line-height:26px}}.home-score-layout .home-practice-display-modes button[aria-pressed=true]{color:#445b33;background:#fffef8;box-shadow:0 1px 4px #45572b16}.home-score-layout .home-practice-display-modes button:hover{color:#445b33}.home-practice-tab{background:#fffef7e8;border:1px solid #d8ddca;border-radius:12px;min-width:0;margin:0 0 8px;overflow:hidden}.home-practice-tab>header{justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:0 10px;display:flex}.home-practice-tab>header>strong{color:#596d43;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:12px;font-weight:550;display:flex}.home-practice-tab>header small{color:#889379;font-size:10px;font-weight:400}.home-practice-tab>header>span{color:#74865d;flex-shrink:0;font-size:10px}.home-tab-viewport{cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;height:100px;position:relative;overflow:hidden}.home-tab-viewport:focus-visible{outline-offset:-3px;border-radius:0 0 10px 10px}.home-tab-viewport.is-dragging,.home-tab-viewport.is-dragging button{cursor:grabbing}.home-tab-staff{pointer-events:none;position:absolute;inset:0}.home-tab-staff line{stroke:#a3ad92;stroke-width:.65px}.home-tab-staff text,.home-tab-strings text{fill:#879575;font:9px ui-monospace,monospace}.home-tab-strings{z-index:2;pointer-events:none;background:linear-gradient(90deg,#fffef7 16px,#fffef700);position:absolute;top:0;left:0}.home-tab-staff .home-tab-step-label{fill:#9ba68b;font-size:8px}.home-tab-staff .home-tab-chord{fill:#7f8970;font:600 12px/1 ui-sans-serif,system-ui,-apple-system,sans-serif}.home-tab-staff .home-tab-chord.is-active{fill:#445b33}.home-score-layout .home-tab-note{color:#536641;white-space:nowrap;cursor:pointer;background:#fffef7;border:0;border-radius:2px;place-items:center;min-width:0;height:12px;min-height:0;padding:0;font:550 12px/12px ui-monospace,monospace;display:grid;position:absolute;translate:-50% -50%}.home-score-layout .home-tab-note:before{content:"";width:max(100%,24px);height:20px;position:absolute;top:50%;left:50%;translate:-50% -50%}.home-score-layout .home-tab-note:hover{background:#e1e8d3}.home-score-layout .home-tab-note.is-held{background:0 0;width:12px}.home-tab-note>svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;display:block;overflow:visible}.home-score-layout .home-tab-note.is-held:hover{background:#e1e8d3}.home-score-layout .home-tab-note.is-held.is-active{width:14px}.home-score-layout .home-tab-note.is-active{z-index:1;color:#fffff4;background:#718a4f;border-radius:3px;height:14px;padding:0 2px;box-shadow:0 1px 4px #5063341a}.home-tab-playhead{z-index:2;pointer-events:none;background:#607d40;width:2px;position:absolute;top:14px;bottom:7px}.home-tab-playhead:before{content:"";background:#77935417;position:absolute;inset:0 -4px}.home-tab-playhead>i{background:#607d40;border-radius:2px;width:8px;height:8px;position:absolute;top:-2px;left:-3px;transform:rotate(45deg)}.home-tab-warning{color:#8c7451;margin:0;padding:3px 10px 6px;font-size:10px;line-height:1.4}.home-tab-empty{background:#f7f8ef;border:1px solid #daddcf;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;height:64px;margin:0 0 8px;padding:8px 10px;display:flex}.home-tab-empty>div{min-width:0}.home-tab-empty strong{text-overflow:ellipsis;white-space:nowrap;color:#6b7959;font-size:11px;font-weight:500;line-height:1.6;display:block;overflow:hidden}.home-tab-empty span{-webkit-line-clamp:2;line-clamp:2;color:#939c85;-webkit-box-orient:vertical;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.home-score-layout .home-tab-empty>.quiet-button{color:#61784c;flex-shrink:0;min-height:44px;padding:8px;font-size:11px}.home-score-layout .practice-chords{overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;min-width:0;padding:1px 1px 8px;overflow-x:auto}.home-score-layout .practice-chords button:has(.home-chord-label){border-radius:12px;flex-direction:column;flex:1 0 84px;justify-content:space-between;align-items:center;gap:2px;min-width:80px;height:96px;padding:6px 4px 4px;display:flex}.home-score-layout .practice-chords button:has(.home-chord-label) .chord-thumbnail{grid-area:auto;width:68px;max-width:100%;height:66px;margin:0;display:block}.home-score-layout .practice-chords button>.home-chord-label{white-space:nowrap;order:-1;justify-content:center;align-items:baseline;gap:4px;width:100%;min-width:0;margin:0;padding:0;font-size:12px;display:flex}.home-score-layout .home-chord-label>span{text-overflow:ellipsis;letter-spacing:-.2px;min-width:0;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.home-score-layout .home-chord-label>small{color:#949a82;flex-shrink:0;margin:0;font-family:ui-serif,Georgia,serif;font-size:10px;line-height:1.3}.home-score-layout .practice-chords button.active .home-chord-label>span{color:#435b31}.home-chords-empty{color:#849075;background:#f7f8ef;border:1px solid #daddcf;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin:0 0 8px;padding:6px 10px;font-size:12px;display:flex}.home-score-layout .home-chords-empty button{flex-shrink:0;min-height:44px;font-size:12px}@media (max-width:600px){.home-score-layout .practice-dock{padding-top:5px}.home-score-layout .practice-dock-heading>div:first-child{flex-wrap:wrap;row-gap:4px}.home-score-layout .home-practice-tab>header{gap:6px;padding-inline:9px}}@media (max-width:360px){.home-score-layout .home-practice-display-modes button{padding-inline:9px}.home-practice-tab>header>strong{gap:5px}.home-practice-tab>header small,.home-practice-tab>header>span{font-size:9px}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.home-score-layout .home-practice-tab,.home-score-layout .home-tab-empty,.home-score-layout .home-chords-empty{grid-column:1/-1}}
.practice-workspace.home-score-layout.practice-focus-mode{height:100dvh;min-height:100dvh;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.practice-focus-mode .practice-stage{grid-row:1;min-height:0}.practice-focus-mode .practice-dock{border-radius:20px;grid-row:2;padding:2px 12px 10px;display:block}.practice-focus-mode .focus-current-chord strong{font-size:52px;line-height:1.15}.practice-focus-mode .focus-current-chord>span{font-size:22px}.practice-focus-mode .practice-transport{grid-template-columns:1fr auto 1fr;padding-top:8px;display:grid}.practice-focus-mode .transport-center{grid-column:2}.focus-tempo{color:#928976;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.focus-chord-ribbon{touch-action:pan-y;width:100%;height:116px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.practice-workspace .focus-chord-card{color:#748064;cursor:pointer;will-change:transform, opacity;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;height:108px;padding:4px;display:flex;position:absolute;top:4px;left:0}.practice-workspace .focus-chord-card.active{color:#435b31;background:#fffef2d9;border-color:#bcb88c75;box-shadow:0 4px 14px #715c3310}.focus-card-label{white-space:nowrap;justify-content:center;align-items:baseline;gap:3px;width:100%;display:flex}.focus-card-label strong{letter-spacing:-.3px;font-size:clamp(10px,2.6vw,14px);font-weight:500}.focus-card-label small{color:#949a82;font:10px ui-serif,Georgia,serif}.focus-chord-card .chord-thumbnail{flex:1;width:64px;max-width:100%;height:60px;min-height:0}.focus-section{color:#96917f;white-space:nowrap;max-width:100%;font-size:8px;position:absolute;top:0;overflow:hidden}.focus-card-label{padding-top:9px}.focus-page-divider{background:#bcb88c66;width:1px;position:absolute;top:8px;bottom:8px;left:0}.focus-beat-dots{gap:4px;height:4px;display:flex}.focus-beat-dots i{background:0 0;border-radius:50%;width:4px;height:4px}.focus-beat-dots i.on{background:#718a4f}@media (max-height:500px) and (orientation:landscape){.practice-focus-mode .practice-dock{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:6px;display:grid}.practice-focus-mode .focus-current-chord strong{font-size:36px}.practice-focus-mode .practice-transport{border:0;gap:8px;padding:0;display:flex}.focus-chord-ribbon{height:86px}.practice-workspace .focus-chord-card{height:78px}.focus-chord-card .chord-thumbnail{height:42px}.practice-focus-mode .home-practice-tab{margin-bottom:0}}.practice-focus-mode .focus-scroll-hint{display:none}
.practice-workspace .notes-shortcut{white-space:nowrap}.notes-icon{display:inline-flex;position:relative}.notes-badge{background:#7d9559;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-4px;box-shadow:0 0 0 1.5px #fbf9f2}.home-score-layout .practice-chords button:has(>.note-pin){position:relative}.note-pin{cursor:pointer;width:32px;height:32px;position:absolute;top:0;right:0}.note-pin:before{content:"";background:#7d9559;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #fffefa}.score-memo{gap:22px;display:grid}.practice-workspace .score-memo .field-hint,.practice-workspace .score-memo .field-error{margin:0}.score-memo-section{gap:10px;display:grid}.practice-workspace .score-memo-section>.field-label{margin:0;font-weight:500}.score-memo-field{box-sizing:border-box;resize:vertical;color:#383024;width:100%;min-height:96px;font:inherit;box-shadow:none;background:#fffdfa;border:1px solid #d7ccba;border-radius:15px;padding:14px 16px;font-size:16px;line-height:1.6}.score-memo-field::placeholder{color:#b0a899}.score-memo-field:focus{border-color:#899875;outline:2px solid #8c987744}.score-memo-field:disabled{opacity:.55}.score-memo-count{text-align:right;color:#a39a8a;font-variant-numeric:tabular-nums;margin:-4px 4px 0 0;font-size:11px}.score-memo-card{background:#f7f8ef;border:1px solid #d8ddca;border-radius:16px;gap:8px;padding:12px 12px 10px;display:grid}.score-memo-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-memo-card-head strong{color:#445b33;font-size:13px;font-weight:550}.score-memo-card .score-memo-field{background:#fffef7;min-height:76px}.score-memo-delete{color:#8a847a;background:0 0;border:0;border-radius:10px;flex-shrink:0;min-height:44px;padding:0 10px;font-size:12px}.score-memo-delete:hover{color:#2c2924;background:#6253360a}.score-memo-delete[data-armed]{color:#a05440;font-weight:550}.practice-workspace .score-memo-pin{justify-self:start;height:auto;min-height:44px;padding:0 16px}.practice-workspace .score-memo-pin:disabled{opacity:.45}.score-memo-list{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.score-memo-list li{background:#fffefa9c;border:1px solid #e3ddcf;border-radius:14px;align-items:center;display:flex}.score-memo-jump{min-width:0;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;flex:1;gap:2px;padding:8px 12px;display:grid}.score-memo-where{color:#5f5747;align-items:baseline;gap:8px;font-size:12px;font-weight:550;display:flex}.score-memo-where small{color:#a05440;font-size:10px;font-weight:400}.score-memo-text{-webkit-line-clamp:2;color:#77705f;white-space:pre-line;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:no-preference){.score-memo-delete{transition:color .16s,background .16s}}
.practice-log{--heat-0:#ece6d8;--heat-1:#dbe3c4;--heat-2:#b9c997;--heat-3:#8fa76b;--heat-4:#5a7641;gap:28px;display:grid}.practice-log-summary{background:linear-gradient(130deg,#e8e1d37a,#fffdf8);border:1px solid #d6cbbb66;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 22px;padding:20px 18px 14px;display:grid}.practice-ring{width:112px;height:112px;position:relative}.practice-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.practice-ring circle{fill:none;stroke-width:8px}.practice-ring-track{stroke:#e4dccb}.practice-ring-value{stroke:var(--heat-4);stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(.22,1,.36,1),opacity .2s}.practice-ring-label{text-align:center;place-content:center;justify-items:center;gap:1px;display:grid;position:absolute;inset:0}.practice-ring-label strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#2c2924;font-size:30px;font-weight:400;line-height:1.05}.practice-ring-label small{color:#9c8f78;font-size:10px}.practice-workspace .practice-ring-label .eyebrow{font-size:9px}.practice-log-stats{gap:16px;margin:0;display:grid}.practice-log-stats>div{gap:4px;display:grid}.practice-log-stats dt{text-transform:uppercase;letter-spacing:.12em;color:#a19580;font-size:10px}.practice-log-stats dd{letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#2c2924;margin:0;font-size:22px}.practice-log-stats dd small{letter-spacing:0;color:#9c8f78;margin-left:6px;font-size:12px}.practice-goal-status{color:#8d7d61;border-top:1px solid #b9a88926;grid-column:1/-1;align-items:center;gap:7px;min-height:28px;margin:0;padding-top:12px;font-size:12px;display:flex}.practice-goal-status svg{color:#5a7641}.practice-goal-control{justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-goal-control>div:first-child{gap:6px;min-width:0;display:grid}.practice-goal-control strong{color:#3e372c;font-size:14px;font-weight:500}.practice-goal-control small{color:#a09582;font-size:12px;line-height:1.5}.practice-stepper{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.practice-workspace .practice-stepper button{color:#5c4f3a;background:#fffefa9c;border:1px solid #b0a0873b;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:20px;line-height:1;display:inline-grid}.practice-workspace .practice-stepper button:hover:not(:disabled){background:#fff;border-color:#b3a286}.practice-workspace .practice-stepper button:disabled{opacity:.35;cursor:default}.practice-stepper output{text-align:center;font-variant-numeric:tabular-nums;color:#3e372c;min-width:66px;font-size:15px}.practice-calendar{gap:12px;display:grid}.practice-calendar>header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid}.practice-calendar>header>div{text-align:center;gap:3px;display:grid}.practice-calendar h3{letter-spacing:-.3px;color:#3e372c;margin:0;font-size:16px;font-weight:550}.practice-calendar header small{font-variant-numeric:tabular-nums;color:#a09582;font-size:11px}.practice-workspace .practice-month-button{color:#756d61;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.practice-month-button.previous svg{transform:rotate(180deg)}.practice-workspace .practice-month-button:hover:not(:disabled){color:#2c2924;background:#6253360a}.practice-workspace .practice-month-button:disabled{opacity:.3;cursor:default}.practice-weekdays,.practice-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.practice-weekdays span{text-align:center;color:#a19580;font-size:10px}.practice-month-grid{margin:0;padding:0;list-style:none}.practice-month-grid li{aspect-ratio:1;background:var(--heat-0);color:#5c5140;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;min-height:36px;font-size:12px;display:grid;position:relative}.practice-month-grid li.blank{background:0 0}.practice-month-grid li.level-1{background:var(--heat-1)}.practice-month-grid li.level-2{background:var(--heat-2);color:#3d4a2a}.practice-month-grid li.level-3{background:var(--heat-3);color:#1f2a14}.practice-month-grid li.level-4{background:var(--heat-4);color:#fffdf7}.practice-month-grid li.future{opacity:.45}.practice-month-grid li.today{font-weight:650;box-shadow:0 0 0 2px #fcfaf5,0 0 0 4px #2c2924}.practice-log .practice-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-legend{color:#a19580;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;display:flex}.practice-legend i{background:var(--heat-0);border-radius:4px;width:14px;height:14px}.practice-legend i.level-1{background:var(--heat-1)}.practice-legend i.level-2{background:var(--heat-2)}.practice-legend i.level-3{background:var(--heat-3)}.practice-legend i.level-4{background:var(--heat-4)}.practice-log-footer{border-top:1px solid #ad987523;gap:12px;display:grid}.practice-workspace .practice-log-footer .field-hint{margin:14px 0 0}.practice-log-backup{flex-wrap:wrap;gap:9px;display:flex}.practice-workspace .practice-log-backup .secondary-button{min-height:44px}.practice-workspace>.practice-stage{grid-column:1}.practice-goal-note{z-index:6;pointer-events:none;grid-area:2/1;place-self:end center;max-width:100%;margin-bottom:12px}.practice-focus-mode>.practice-goal-note{grid-row:1}.practice-goal-note p{color:#4c5e3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e6eadfe6;border:1px solid #8f9d7859;border-radius:99px;align-items:center;gap:7px;margin:0;padding:8px 14px;font-size:12px;animation:.32s cubic-bezier(.22,1,.36,1) practice-goal-in;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 6px 18px #49391712}@keyframes practice-goal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rhythm-count-in{z-index:20;pointer-events:none;place-content:center;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.rhythm-count-number{aspect-ratio:1;color:#2c2924;letter-spacing:-.04em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#fffdf7d9;border:1px solid #ffffffe6;border-radius:50%;place-items:center;width:clamp(132px,34vmin,220px);font-size:clamp(84px,22vmin,148px);font-weight:500;line-height:1;animation:.42s cubic-bezier(.22,1,.36,1) rhythm-count-pop;display:grid;box-shadow:0 18px 60px #49391724,inset 0 1px #fff}.rhythm-count-dots{gap:8px;display:flex}.rhythm-count-dots i{background:#cfc6b6;border-radius:50%;width:8px;height:8px;transition:background .16s}.rhythm-count-dots i.on{background:#5d614b}@keyframes rhythm-count-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rhythm-count-number{animation:none}.rhythm-count-dots i{transition:none}}.rhythm-settings fieldset:disabled{opacity:.5}.rhythm-settings .toggle-row input:disabled{opacity:.5;cursor:default}.rhythm-settings .rhythm-fallback{color:#8b6a3a;margin:-8px 0 0}
.tuner{--tuner-ink:#2c2924;--tuner-quiet:#6e6659;--tuner-track:#d9d0c0;--tuner-tick:#a28b664d;--tuner-ok:#4f6b3f;--tuner-ok-soft:#4f6b3f1f;--tuner-ease:cubic-bezier(.22, 1, .36, 1);outline:none;gap:24px;display:grid}.tuner-presets{background:#edf0e5;border:1px solid #d7ddc9;border-radius:99px;gap:2px;padding:3px;display:flex}.practice-workspace .tuner-presets button{color:#6a7559;cursor:pointer;background:0 0;border:0;border-radius:99px;flex:1 1 0;min-width:0;min-height:44px;padding:0 8px;font-size:13px}.practice-workspace .tuner-presets button[aria-pressed=true]{color:#445b33;background:#fffef8;box-shadow:0 1px 4px #45572b16}.practice-workspace .tuner-presets button:hover{color:#445b33}.tuner-stage{text-align:center;justify-items:center;gap:18px;padding:4px 0;display:grid}.tuner-note{min-height:104px;color:var(--tuner-ink);letter-spacing:-.04em;transition:color .2s var(--tuner-ease), opacity .2s var(--tuner-ease);justify-content:center;align-items:flex-start;font-weight:500;line-height:1;display:inline-flex}.tuner-note-letter{font-size:104px}.tuner-note-accidental{margin-top:6px;font-size:44px}.tuner-note-octave{color:var(--tuner-quiet);letter-spacing:0;align-self:flex-end;margin:0 0 10px 4px;font-size:26px;font-weight:450}.tuner-note[data-held]{opacity:.55}.tuner[data-status=in-tune] .tuner-note{color:var(--tuner-ok)}.tuner:not([data-status]) .tuner-note-letter{color:#d8d0c2}.tuner-meter{width:100%;height:64px;position:relative}.tuner-meter:before{content:"";background:var(--tuner-track);border-radius:2px;height:2px;position:absolute;top:25px;left:0;right:0}.tuner-zone{width:10%;height:32px;transition:background .2s var(--tuner-ease);background:#4f6b3f12;border-radius:8px;position:absolute;top:10px;left:45%}.tuner[data-status=in-tune] .tuner-zone{background:var(--tuner-ok-soft)}.tuner-tick{background:var(--tuner-tick);width:1px;height:12px;margin-left:-.5px;position:absolute;top:20px}.tuner-tick[data-major]{height:24px;top:14px}.tuner-needle{background:var(--tuner-ink);width:4px;height:36px;transition:left .16s var(--tuner-ease), background .2s var(--tuner-ease), opacity .2s var(--tuner-ease);border-radius:4px;margin-left:-2px;position:absolute;top:8px}.tuner-needle[data-idle]{opacity:0}.tuner[data-status=in-tune] .tuner-needle{background:var(--tuner-ok)}.tuner-end{color:var(--tuner-quiet);font-size:18px;line-height:1;position:absolute;top:44px}.tuner-end-flat{left:0}.tuner-end-sharp{right:0}.tuner-status{color:var(--tuner-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0;font-size:15px;display:flex}.tuner-status strong{font-weight:550}.tuner-status span{color:var(--tuner-quiet);font-size:13px}.tuner-status svg{flex-shrink:0}.tuner[data-status=in-tune] .tuner-status{color:var(--tuner-ok)}.tuner-detail{color:var(--tuner-quiet);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:-6px 0 0;font-size:13px;display:flex}.practice-workspace .tuner-stage .field-hint{max-width:28ch;color:var(--tuner-quiet);margin:-6px 0 0}.tuner-strings{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.tuner-strings li{min-height:56px;color:var(--tuner-quiet);transition:background .16s var(--tuner-ease), color .16s var(--tuner-ease), border-color .16s var(--tuner-ease);border:1px solid #0000;border-radius:13px;align-content:center;justify-items:center;gap:2px;display:grid}.tuner-strings small{font-size:11px}.tuner-strings span{color:var(--tuner-ink);font-size:18px;font-weight:500}.tuner-strings li[aria-current=true]{background:#fffefb;border-color:#e5decf75;box-shadow:0 4px 14px #715c3310}.tuner-strings li[aria-current=true][data-state=in-tune]{border-color:#4f6b3f55}.tuner-strings li[aria-current=true][data-state=in-tune] span{color:var(--tuner-ok)}.tuner-problem{justify-items:start;gap:12px;padding:18px 0;display:grid}.tuner-problem strong{color:#3e372c;font-size:16px;font-weight:500}.tuner-problem p{color:var(--tuner-quiet);margin:0;font-size:13px;line-height:1.7}.practice-workspace .tuner-privacy{margin:0}.tuner-live,.tuner-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tuner-note,.tuner-zone,.tuner-needle,.tuner-strings li{transition:none}}