.gm-metronome{--gm-ink:var(--mpr-panel-raised);--gm-muted:var(--mpr-brass-dim);--gm-line:color-mix(in srgb,var(--mpr-paper-line) 40%,transparent);--gm-accent:var(--mpr-brass-warm);color:var(--gm-ink);font:14px/1.4 var(--mpr-font-sans);width:100%}.gr-room .gr-metronome-workpad{background:var(--mpr-paper);color:var(--mpr-panel-raised)}.gr-metronome-workpad .gr-tool-content{padding:0}.gm-paper{background:var(--mpr-paper);outline:1px solid color-mix(in srgb,var(--mpr-paper-line) 26.67%,transparent);outline-offset:-10px;flex-direction:column;min-height:100%;padding:clamp(22px,4cqw,40px);display:flex}.gm-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.gr-room .gr-tool-host .gm-header h2{font:normal 25px var(--mpr-font-heading);color:inherit;margin:2px 0 0}.gm-eyebrow{letter-spacing:2px;color:var(--gm-muted);font-size:12px}.gr-room .gr-tool-host .gm-metronome button{font:inherit;color:inherit;border-radius:var(--mpr-radius);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 10px;display:inline-flex}.gr-room .gr-tool-host .gm-metronome button:hover{background:color-mix(in srgb,var(--mpr-brass-line) 10.98%,transparent)}.gr-room .gr-tool-host .gm-metronome button:disabled{opacity:.5;cursor:default}.gm-metronome .pr-icon{width:20px;height:20px}.gm-reference{border-bottom:1px solid var(--gm-line);color:var(--gm-muted);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;padding:15px 0 12px;font-size:12px;display:flex}.gm-reference strong{color:var(--gm-ink);margin-left:5px;font-weight:500}.gm-instrument{flex:1;justify-content:center;align-items:center;padding:24px 0 14px;display:flex}.gm-dial{border-top:2px solid var(--gm-line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:240px;height:200px;display:flex}.gm-number{align-items:center;gap:18px;margin-top:5px;display:flex}.gr-room .gr-tool-host .gm-number button{font:22px var(--mpr-font-heading);color:var(--gm-muted);padding:5px}.gm-number output{font:normal 76px/1 var(--mpr-font-heading);font-variant-numeric:tabular-nums;color:var(--gm-ink)}.gm-unit{letter-spacing:2px;color:var(--gm-muted);margin-top:6px;font-size:12px}.gm-percent{color:var(--gm-muted);margin-top:13px;font-size:12px}.gm-beats{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 20px;display:flex}.gm-beats span{background:color-mix(in srgb,var(--mpr-paper-line) 15.69%,transparent);width:25px;height:25px;color:var(--gm-muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.gm-beats span[data-accent=true]{outline:1px solid var(--gm-line);outline-offset:3px}.gm-beats span[data-active=true]{background:var(--gm-accent);color:var(--mpr-paper-raised)}.gm-speeds{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.gr-room .gr-tool-host .gm-speeds button{padding:7px 13px;font-size:12px}.gr-room .gr-tool-host .gm-speeds button[aria-pressed=true]{background:var(--gm-ink);color:var(--mpr-paper)}.gm-footer{border-top:1px solid var(--gm-line);color:var(--gm-muted);justify-content:space-between;align-items:center;margin-top:23px;padding-top:12px;font-size:12px;display:flex}.gm-footer>span{min-width:40px}.gm-footer>span:last-child{text-align:right}.gr-room .gr-tool-host .gm-footer .gm-play{background:var(--gm-ink);color:var(--mpr-paper);border-radius:var(--mpr-radius);width:48px;height:42px}.gm-free{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.gr-room .gr-tool-host .gm-metronome input,.gr-room .gr-tool-host .gm-metronome select{font:inherit;border:1px solid var(--gm-line);border-radius:var(--mpr-radius);color:var(--gm-ink);background:0 0;max-width:100%;padding:5px}.gr-room .gr-tool-host .gm-metronome input[type=number]{width:65px}.gr-room .gr-tool-host .gm-metronome option{color:var(--mpr-panel-raised);background:var(--mpr-paper)}.gm-options{grid-template-columns:1fr 1fr;gap:14px;padding:18px 0;font-size:12px;display:grid}.gm-options>label{flex-direction:column;gap:6px;display:flex}.gm-checks label{align-items:center;gap:7px;margin:5px 0;display:flex}.gm-metronome input[type=checkbox]{accent-color:var(--mpr-brass-warm)}.gm-metronome input[type=range]{accent-color:var(--mpr-brass-warm);width:100%}.gr-room .gr-tool-host .gm-options small{color:var(--gm-muted);grid-column:1/-1;font-size:12px}.gr-room .gr-tool-host.gr-floating.gr-metronome-floating{width:min(var(--gr-drawer-width),calc(100vw - var(--gr-rail-width) - 38px));background:var(--gr-panel-background)}.gr-metronome-floating .gr-drawer-heading h2{display:none}.gr-metronome-floating .gr-drawer-heading{justify-content:flex-end;gap:8px;padding:8px 14px}.gr-metronome-floating .gr-drawer-heading button{font-size:12px}.gr-metronome-floating .gr-tool-content{padding:16px 22px}.gm-compact{--gm-ink:var(--mpr-cream);--gm-muted:var(--mpr-muted);--gm-line:color-mix(in srgb,var(--mpr-brass-line) 26.67%,transparent);--gm-accent:var(--mpr-brass-warm)}.gr-room .gr-tool-host .gm-compact h2{font-size:21px}.gm-compact .gm-instrument{padding:16px 0 10px}.gm-compact .gm-dial{border:0;width:auto;height:auto}.gm-compact .gm-number output{font-size:54px}.gm-compact .gm-unit{display:none}.gm-compact .gm-percent{margin-top:6px}.gm-compact .gm-beats{margin:4px 0 12px}.gr-room .gr-tool-host .gm-compact .gm-speeds button{padding:5px 9px;font-size:12px}.gr-room .gr-tool-host .gm-compact .gm-speeds button[aria-pressed=true],.gr-room .gr-tool-host .gm-compact .gm-play{background:var(--mpr-brass);color:var(--mpr-panel)}.gm-compact .gm-footer{margin-top:15px;padding-top:10px}.gm-metronome .gr-player-tip:after{background:var(--mpr-panel-raised);color:var(--mpr-paper)}@media (pointer:coarse){.gr-room .gr-tool-host .gm-metronome button{min-height:44px}}.gr-room .gr-tool-host .gm-metronome input[type=number]{color:var(--gm-ink);border:1px solid var(--gm-line);background:0 0}.gr-metronome-floating .gr-drawer-heading{z-index:3;border:0;padding:0;position:absolute;top:15px;right:12px}.gr-metronome-floating .gr-drawer-heading button{width:32px;min-height:34px;padding:6px}.gr-metronome-floating .gr-drawer-heading .pr-icon{width:19px;height:19px}.gm-compact .gm-header{padding-right:76px}.gm-meter{align-items:center;gap:12px;min-height:42px;margin-top:14px;display:flex}.gm-meter>span{color:var(--gm-muted);font-size:12px}.gm-meter label{align-items:center;gap:5px;display:flex}.gr-room .gr-tool-host .gm-meter select{font:22px var(--mpr-font-heading);padding:3px}.gr-room .gr-tool-host .gm-meter button{margin-left:auto;padding:4px;font-size:12px}.gm-free{min-height:35px;margin-top:10px}.gm-beats{align-content:center;gap:9px;height:62px;margin-bottom:8px;overflow:hidden}.gm-beats span{flex:0 0 25px}.gm-compact .gm-beats{height:62px;margin:0 0 8px}.gm-compact .gm-meter{gap:8px;margin-top:8px}.gm-compact .gm-reference{padding-top:8px}.gm-dialog{--gm-ink:var(--mpr-panel-raised);--gm-muted:var(--mpr-ink-muted);--gm-line:color-mix(in srgb,var(--mpr-paper-line) 40%,transparent);background:var(--mpr-paper);color:var(--gm-ink);border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius);width:min(420px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:0 20px 70px color-mix(in srgb,var(--mpr-black) 33.33%,transparent);padding:20px;overflow:auto}.gm-dialog::backdrop{background:color-mix(in srgb,var(--mpr-night) 50.2%,transparent)}.gm-dialog>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.gm-dialog h3{font:22px var(--mpr-font-heading);margin:0}.gm-dialog .gm-options{margin:0;padding-bottom:0}.gm-dialog button:focus-visible,.gm-metronome button:focus-visible{outline:2px solid var(--mpr-brass-warm);outline-offset:2px}.gm-dialog{margin:auto;position:fixed;inset:0}.gr-room .gr-tool-host .gm-paper{height:100%;min-height:0;padding:24px}.gm-paper .gm-instrument{min-height:0;padding:12px 0}.gm-paper .gm-dial{height:160px}.gm-paper .gm-footer{margin-top:14px}.gr-room .gr-tool-host .gm-metronome .gm-free input[type=number]{color:var(--gm-ink);background:0 0}.gm-footer-tools{align-items:center;gap:var(--mpr-space-1);display:flex}.gm-footer:not(.gm-docked>.gm-footer){grid-template-columns:1fr auto 1fr;display:grid}.gm-footer:not(.gm-docked>.gm-footer)>:last-child{justify-self:end}.gr-room .gm-volume-popover{background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.gr-room .gm-volume-popover .gr-player-popover-content{position:static}.gr-room .gr-tool-host .gm-docked>.gm-footer>.gm-footer-tools:first-child{padding:0}.gr-room .gr-tool-host .gm-docked>.gm-footer>.gm-footer-tools>button{padding:var(--mpr-space-1);min-height:28px;color:var(--mpr-muted)}.gm-metronome .gm-beat-light{background:var(--mpr-sage);box-shadow:none;opacity:.35}.gm-metronome .gm-beat-light[data-active=true]{background:var(--gm-accent);animation:.2s ease-out forwards gm-beat-flash}.gm-metronome .gm-beat-light[data-active=true][data-accent=true]{background:var(--mpr-brass);box-shadow:0 0 var(--mpr-space-2) var(--mpr-brass)}@keyframes gm-beat-flash{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.gm-metronome .gm-beat-light[data-active=true]{opacity:1;animation:none}}@media (pointer:coarse) and (max-width:699px),(pointer:coarse) and (max-height:550px) and (max-width:999px) and (orientation:landscape){.gr-room .gr-tool-host .gm-options small{font-size:14px;line-height:1.45}.gm-options{font-size:13px}}
.gt-tuner{--gt-ink:var(--mpr-panel-raised);--gt-muted:var(--mpr-brass-dim);--gt-line:color-mix(in srgb,var(--mpr-paper-line) 40%,transparent);--gt-gold:var(--mpr-brass-warm);--gt-green:var(--mpr-green-bright);width:100%;color:var(--gt-ink);font:14px/1.4 var(--mpr-font-sans)}.gr-room .gr-tuner-workpad{background:var(--mpr-paper)}.gr-tuner-workpad .gr-tool-content{padding:0}.gt-paper{outline:1px solid color-mix(in srgb,var(--mpr-paper-line) 26.67%,transparent);outline-offset:-10px;flex-direction:column;height:100%;padding:24px;display:flex}.gt-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.gr-room .gr-tool-host .gt-header h2{font:normal 26px var(--mpr-font-heading);color:inherit;margin:2px 0 0}.gt-eyebrow{letter-spacing:2px;color:var(--gt-muted);font-size:12px}.gt-calibration{color:var(--gt-muted);font-size:12px}.gt-reference{border-bottom:1px solid var(--gt-line);color:var(--gt-muted);justify-content:space-between;gap:12px;padding:14px 0 12px;font-size:12px;display:flex}.gt-reference span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gt-reference strong{white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-weight:400;overflow:hidden}.gr-room .gr-tool-host .gt-tuner button{font:inherit;color:inherit;border-radius:var(--mpr-radius);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px 9px;display:inline-flex}@media (hover:hover){.gr-room .gr-tool-host .gt-tuner button:not(.gt-start):hover{background:color-mix(in srgb,var(--mpr-brass-line) 10.98%,transparent)}}.gt-tuner button:focus-visible,.gt-tuner select:focus-visible{outline:2px solid var(--gt-gold);outline-offset:2px}.gt-mode{min-height:42px;color:var(--gt-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.gr-room .gr-tool-host .gt-mode button{border-color:var(--gt-line);min-width:52px;font-size:12px}.gr-room .gr-tool-host .gt-mode button[aria-pressed=true]{background:color-mix(in srgb,var(--mpr-brass-line) 12.55%,transparent)}.gt-display{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:210px;padding:8px 0 16px;display:flex}.gt-note{font:normal 78px/1.1 var(--mpr-font-heading);height:90px;color:var(--gt-ink)}.gt-note sub{font:18px var(--mpr-font-heading);vertical-align:baseline;margin-left:3px}.gt-direction{font:normal 21px/30px var(--mpr-font-heading);height:30px;color:var(--gt-gold);display:block}.gt-detail{height:24px;color:var(--gt-muted);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}.gt-display[data-tuned=true] .gt-note,.gt-display[data-tuned=true] .gt-direction{color:var(--gt-green)}.gt-display[data-held=true] .gt-note{opacity:.65}.gt-gauge{border-top:1px solid var(--gt-line);width:min(100% - 24px,420px);height:36px;margin-top:14px;position:relative}.gt-gauge i{border-left:1px solid var(--gt-line);height:8px;position:absolute;top:0}.gt-gauge i:nth-of-type(6){border-color:var(--gt-green);height:20px}.gt-center-band{background:color-mix(in srgb,var(--mpr-sage) 15.69%,transparent);border-radius:var(--mpr-radius);width:4.8%;height:30px;position:absolute;top:-7px;left:47.6%}.gt-gauge b{background:var(--gt-gold);border-radius:2px;width:3px;height:32px;transition:left .12s linear;position:absolute;top:-10px;transform:translate(-50%)}.gt-display[data-tuned=true] .gt-gauge b{background:var(--gt-green)}.gt-gauge-labels{width:min(100% - 24px,420px);color:var(--gt-muted);justify-content:space-between;font-size:12px;display:flex}.gt-strings{gap:8px;display:grid}.gr-room .gr-tool-host .gt-strings button{border-color:var(--gt-line);flex-direction:column;gap:0;min-width:0;height:76px;padding:6px 2px}.gt-strings small{color:var(--gt-muted);font-size:12px}.gt-strings strong{font:24px var(--mpr-font-heading)}.gt-strings button>span{height:14px;font-size:12px}.gr-room .gr-tool-host .gt-strings button[data-active=true]{background:color-mix(in srgb,var(--mpr-brass-line) 15.69%,transparent);border-color:var(--gt-gold)}.gr-room .gr-tool-host .gt-strings button[data-checked=true]>span{color:var(--gt-green)}.gt-guidance{text-align:center;height:30px;color:var(--gt-muted);margin:9px 0 0;font-size:12px}.gt-footer{border-top:1px solid var(--gt-line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.gt-tuner .pr-icon{width:20px;height:20px}.gr-room .gr-tool-host .gt-footer .gt-start{background:var(--gt-ink);color:var(--mpr-paper);width:144px;height:40px;font-size:12px}.gt-level{background:color-mix(in srgb,var(--mpr-paper-line) 13.33%,transparent);border-radius:var(--mpr-radius);align-items:flex-end;width:8px;height:24px;margin:0 14px;display:flex;overflow:hidden}.gt-level i{background:var(--gt-green);width:100%;transition:height .15s;display:block}.gt-status{color:var(--gt-muted);text-align:center;height:32px;margin:10px 0 0;font-size:12px;line-height:16px}.gr-room .gr-tool-host.gr-floating.gr-tuner-floating{width:min(var(--gr-drawer-width),calc(100vw - var(--gr-rail-width) - 38px));background:var(--gr-panel-background)}.gr-tuner-floating .gr-drawer-heading h2{display:none}.gr-tuner-floating .gr-drawer-heading{z-index:3;border:0;padding:0;position:absolute;top:15px;right:12px}.gr-tuner-floating .gr-drawer-heading button{width:32px;min-height:34px;padding:6px}.gr-tuner-floating .gr-tool-content{padding:16px 22px}.gt-compact{--gt-ink:var(--mpr-cream);--gt-muted:var(--mpr-muted);--gt-line:color-mix(in srgb,var(--mpr-brass-line) 26.67%,transparent);--gt-green:var(--mpr-sage-light)}.gt-compact .gt-header{padding-right:76px}.gt-compact .gt-calibration{display:none}.gr-room .gr-tool-host .gt-compact h2{font-size:21px}.gt-compact .gt-display{height:225px;min-height:225px}.gt-compact .gt-note{height:72px;font-size:62px}.gt-compact .gt-direction{font-size:20px}.gt-compact .gt-strings{gap:5px}.gr-room .gr-tool-host .gt-compact .gt-strings button{height:65px}.gt-compact .gt-strings strong{font-size:21px}.gr-room .gr-tool-host .gt-compact .gt-start{background:var(--mpr-brass);color:var(--mpr-panel)}.gt-dialog{--gt-ink:var(--mpr-panel-raised);--gt-muted:var(--mpr-ink-muted);--gt-line:color-mix(in srgb,var(--mpr-paper-line) 40%,transparent);background:var(--mpr-paper);color:var(--gt-ink);border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius);width:min(420px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:0 20px 70px color-mix(in srgb,var(--mpr-black) 33.33%,transparent);margin:auto;padding:22px;position:fixed;inset:0;overflow:auto}.gt-dialog::backdrop{background:color-mix(in srgb,var(--mpr-night) 50.2%,transparent)}.gt-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.gt-dialog h3{font:22px var(--mpr-font-heading);margin:0}.gt-dialog label{flex-direction:column;gap:7px;font-size:12px;display:flex}.gr-room .gr-tool-host .gt-dialog select{width:100%;font:13px var(--mpr-font-sans);background:var(--mpr-paper-raised);color:var(--mpr-panel-raised);border:1px solid var(--mpr-paper-line);border-radius:var(--mpr-radius);padding:10px}.gt-dialog p{font:12px/1.6 var(--mpr-font-sans);color:var(--gt-muted);margin:14px 0 0}@media (prefers-reduced-motion:reduce){.gt-gauge b,.gt-level i{transition:none}}.gr-room .gr-tool-host .gt-paper{background:var(--mpr-paper);color:var(--mpr-panel-raised)}.gr-room .gr-tool-host .gt-mode button{width:76px;min-width:76px}.gt-strings button:disabled{opacity:.45;cursor:default}.gr-room :is(.gr-tuner-floating,.gr-metronome-floating) .gr-tool-content{height:min(340px,calc(100dvh - var(--gr-header-height) - 60px));padding:16px 20px 18px;container-type:size}.gr-room .gr-tool-host.gr-floating :is(.gt-docked,.gm-docked){grid-template-rows:auto minmax(60px,1fr) 44px 58px;grid-template-columns:1fr auto;gap:10px 8px;height:100%;min-height:0;position:static}.gr-room .gr-tool-host.gr-floating :is(.gt-docked,.gm-docked)>:is(.gt-header,.gm-header){grid-area:1/1/2/3}.gr-room .gr-tool-host.gr-floating :is(.gt-docked,.gm-docked) h2{min-height:34px;padding-right:128px;font-size:24px}.gr-room .gr-tool-host.gr-floating .gt-docked>.gt-mode{height:34px;margin:0;position:absolute;top:15px;right:52px}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-mode button{min-height:34px;padding:4px 14px}.gr-room .gr-tool-host.gr-floating .gt-docked>.gt-display{grid-area:2/1/3/3;grid-template-rows:1fr auto 15px;grid-template-columns:1fr;gap:4px}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-note{justify-self:center;font-size:48px}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-direction{text-align:center;font-size:14px}.gr-room .gr-tool-host.gr-floating .gt-docked>.gt-strings{grid-area:3/1/4/3}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-strings strong{font-size:20px}.gr-room .gr-tool-host.gr-floating :is(.gt-docked,.gm-docked)>:is(.gt-footer,.gm-footer){grid-area:4/1/5/3;grid-template-columns:1fr auto 1fr;gap:8px}.gr-room .gr-tool-host.gr-floating :is(.gt-docked>.gt-footer .gt-start,.gm-docked>.gm-footer .gm-play){width:54px;height:54px;min-height:54px;padding:12px}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-level{justify-self:end;display:flex}.gr-room .gr-tool-host.gr-floating .gm-docked>.gm-instrument{grid-area:2/1/4/3}.gr-room .gr-tool-host.gr-floating .gm-docked .gm-number output{font-size:48px}.gt-song,.gm-song{font:13px/1.4 var(--mpr-font-sans);color:var(--mpr-muted);margin:6px 0 0}.gt-song strong,.gm-song strong{color:var(--mpr-cream);font-weight:600}.gt-song span{white-space:nowrap}.gr-room .gr-tool-host.gr-floating .gt-segmented{border:1px solid var(--mpr-brass-dim);border-radius:var(--mpr-radius);gap:0;display:flex;overflow:hidden}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-segmented button{color:var(--mpr-muted);background:0 0;border:0;border-radius:0;padding:4px 12px;font-size:13px}.gr-room .gr-tool-host.gr-floating .gt-docked .gt-segmented button[aria-pressed=true]{background:var(--mpr-brass);color:var(--mpr-panel)}.gr-room .gr-tool-host.gr-floating .gt-docked h2{padding-right:170px}.gr-room .gr-tool-host.gr-floating .gt-docked>.gt-footer .gt-start{width:auto;font:600 14px var(--mpr-font-sans);border-radius:27px;align-items:center;gap:8px;padding:0 22px;display:flex}.gr-room .gr-tool-host.gr-floating :is(.gt-docked,.gm-docked)>:is(.gt-footer,.gm-footer){padding:0;display:grid}.gr-room .gr-tool-host.gr-floating .gm-docked>.gm-footer>:first-child{position:static}.gr-room .gr-tool-host.gr-floating .gm-docked>.gm-footer .gm-tap{justify-self:end;display:block}.gr-room .gr-tool-host.gr-floating .gm-docked>.gm-footer .gm-play{width:auto;font:600 14px var(--mpr-font-sans);border-radius:27px;align-items:center;gap:8px;padding:0 26px;display:flex}.gr-room .gr-tool-host.gr-floating .gm-docked .gm-number button{width:34px;min-width:34px;height:34px;min-height:34px}.gt-strings small{position:relative}.gt-string-check{margin-left:var(--mpr-space-1);font:var(--mpr-type-meta)}.gt-string-check:empty{display:none}.gr-room .gr-tool-host .gt-strings button[data-checked=true] small{color:var(--gt-green)}.gr-room .gr-tool-host .gt-tuner .gt-start:active{filter:brightness(.88)}@media (hover:hover){.gr-room .gr-tool-host .gt-tuner .gt-start:hover{filter:brightness(1.08)}}@media (pointer:coarse) and (max-width:699px),(pointer:coarse) and (max-height:550px) and (max-width:999px) and (orientation:landscape){.gr-room .gr-tool-host .gt-tuner :is(.gt-guidance,.gt-status,.gt-song){font-size:14px;line-height:20px}.gr-room .gr-tool-host .gt-tuner .gt-guidance,.gr-room .gr-tool-host .gt-tuner .gt-status{height:auto;min-height:40px}.gr-room .gr-tool-host .gt-tuner .gt-reference{font-size:13px}.gr-room .gr-tool-host .gt-tuner :is(.gt-mode,.gt-mode button,.gt-footer .gt-start){font-size:14px}.gr-room .gr-tool-host .gt-tuner .gt-mode button{min-height:44px}.gr-room .gr-tool-host .gt-tuner .gt-footer>button:first-child{min-width:44px;min-height:44px}.gr-room .gr-tool-host .gt-tuner .gt-footer .gt-start{height:44px}.gt-dialog label{font-size:13px}.gr-room .gr-tool-host .gt-dialog select{min-height:44px;font-size:16px}.gt-dialog p{font-size:14px;line-height:1.55}}
html:has(.gr-room[data-phone-room]){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.gr-room[data-phone-room]) body{overscroll-behavior:none;height:100%;overflow:hidden}.practice-room.gr-room[data-phone-room]{overscroll-behavior:none;height:auto;min-height:0;position:fixed;inset:0;overflow:hidden}.gr-room[data-phone-room] .gr-header,.gr-room[data-phone-room] .gr-rails,.gr-room[data-phone-room] .gr-media-channels,.gr-room[data-phone-room] .gr-video-actions,.gr-room[data-phone-room] .gr-video-pane>.gr-chapters,.gr-room[data-phone-room] .gr-tabs-pane>.gr-workpad-dividers,.gr-room[data-phone-room] .gr-tabs-pane>.gr-workpad-hint,.gr-room[data-phone-room] .gr-expand-workbook,.gr-room[data-phone-room] .gr-focus-switch{display:none}.practice-room.gr-room[data-phone-room] .gr-workspace{width:100%;height:100%;min-height:0;margin:0;padding:0;display:flex}.gr-room[data-phone-room] .gr-deck.gr-side{flex-direction:column;flex:1;gap:0;width:100%;height:100%;min-height:0;display:flex}.gr-room[data-phone-room] .gr-deck .gr-video-pane{background:var(--mpr-black);flex:none;width:100%;height:auto;margin:0;padding:0;display:block}.gr-room[data-phone-room] .gr-deck .gr-video-frame{width:100%;height:auto;max-height:none;aspect-ratio:var(--gr-video-ratio,16 / 9);box-shadow:none;border:0;border-radius:0;margin:0;position:relative}.gr-room[data-phone-room] .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane{width:100%;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none;border-radius:0;flex:1;margin:0;position:relative;inset:auto}.gr-room[data-phone-room] .gr-score-panel-body{border-radius:0}.gr-phone-tap{display:none}.gr-room[data-phone-room] .gr-phone-tap,.gr-room .gr-phone-tap[data-desktop]{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.gr-room .gr-phone-tap .gr-phone-tap-surface{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.gr-room .gr-phone-tap .gr-phone-tap-surface:focus-visible{outline:2px solid var(--mpr-gold);outline-offset:-2px}.gr-phone-video-bar{border-radius:var(--mpr-radius-full);background:color-mix(in srgb,var(--mpr-black) 72%,transparent);color:var(--mpr-cream);font:500 13px/1 var(--mpr-font-sans);opacity:0;pointer-events:none;align-items:center;gap:6px;padding:4px 6px;transition:opacity .25s;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.gr-phone-tap[data-shown=true] .gr-phone-video-bar{opacity:1;pointer-events:auto}.gr-room .gr-phone-tap .gr-phone-video-bar button{border-radius:var(--mpr-radius-full);min-width:36px;height:32px;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.gr-room .gr-phone-tap .gr-phone-video-bar button[aria-pressed=true]{background:var(--mpr-gold);color:var(--mpr-night)}.gr-room .gr-phone-tap .gr-phone-video-bar button:disabled{opacity:.45}.gr-phone-video-bar .pr-icon{width:18px;height:18px}.gr-room .gr-phone-tap .gr-phone-video-bar input[type=range]{min-width:40px;accent-color:var(--mpr-gold);background:0 0;border:0;flex:1;padding:0}.gr-phone-video-bar time{font-variant-numeric:tabular-nums;min-width:34px}.gr-phone-video-bar time span{color:color-mix(in srgb,var(--mpr-cream) 62%,transparent)}.gr-room .gr-phone-tap .gr-phone-video-bar .gr-phone-video-captions{font:600 12px/1 var(--mpr-font-sans);letter-spacing:.04em}.gr-phone-video-speed{display:inline-flex;position:relative}.gr-room .gr-phone-tap .gr-phone-video-bar .gr-phone-video-speed>button{font-variant-numeric:tabular-nums;min-width:48px}.gr-phone-video-speeds{border-radius:var(--mpr-radius-full);background:color-mix(in srgb,var(--mpr-black) 82%,transparent);font-variant-numeric:tabular-nums;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.gr-room .gr-phone-tap .gr-phone-video-bar .gr-phone-video-speeds button{min-width:0;padding:0 7px}.gr-room .gr-video-frame:fullscreen,.gr-room .gr-playthrough-media:fullscreen{background:var(--mpr-black);border:0;border-radius:0}.gr-room .gr-video-frame:fullscreen :is(.gr-lesson-media,.gr-playthrough-media),.gr-room .gr-video-frame:fullscreen :is(.gr-lesson-media,.gr-playthrough-media)>video,.gr-room .gr-playthrough-media:fullscreen>video{object-fit:contain;object-position:center;width:100%;height:100%}.gr-room .gr-phone-tap[data-desktop][data-shown=false] .gr-phone-tap-surface{cursor:none}@media (prefers-reduced-motion:reduce){.gr-phone-video-bar{transition:none}}.gr-phone-bar{display:none}.practice-room.gr-room[data-phone-room]:has(.gr-phone-bar){--gr-phone-bar-h:62px;bottom:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom))}.gr-room[data-phone-room] .gr-phone-bar{z-index:30;height:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom));padding:0 max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));border-top:1px solid var(--mpr-brass-line);background:var(--mpr-panel);color:var(--mpr-cream);align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.practice-room.gr-room[data-phone-room]:has(.gr-phone-bar) .gr-notice{bottom:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom) + var(--mpr-space-2))}.gr-room[data-phone-room] .gr-phone-bar button{color:inherit;font:500 12px/1.1 var(--mpr-font-sans);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.gr-room[data-phone-room] .gr-phone-bar button:disabled{opacity:.45}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-play{border-radius:var(--mpr-radius-full);background:var(--mpr-gold);width:46px;height:46px;min-height:0;color:var(--mpr-night);flex:none;padding:0}.gr-phone-bar .gr-phone-bar-play .pr-icon{fill:currentColor;width:20px;height:20px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-tool{border-radius:var(--mpr-radius);font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;min-width:56px;height:48px;min-height:0;padding:0 4px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-tool[aria-pressed=true]{background:var(--mpr-panel-selected);outline:1px solid var(--mpr-gold)}.gr-phone-bar .gr-phone-bar-tool .pr-icon{width:22px;height:22px}.gr-phone-bar-space{flex:1;min-width:0}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-pill,.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);height:44px;min-height:0;color:var(--mpr-cream);font:600 14px/1 var(--mpr-font-sans);box-shadow:none;background:0 0;flex:none;gap:6px;padding:0 14px 0 12px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-pill[aria-pressed=true]{border-color:var(--mpr-gold);background:var(--mpr-panel-selected)}.gr-phone-bar .gr-phone-bar-pill .pr-icon,.gr-phone-bar .gr-phone-menu-button .pr-icon{width:20px;height:20px}.gr-room .gr-messages-count{border-radius:var(--mpr-radius-full);min-width:19px;height:19px;color:var(--mpr-night);background:var(--mpr-brass);box-shadow:0 0 0 2px var(--mpr-night);font:700 12px/1 var(--mpr-font-sans);pointer-events:none;place-items:center;padding:0 5px;display:grid;position:absolute}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button{position:relative}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button .gr-messages-count{top:-6px;right:-6px}.gr-room .gr-phone-menu .gr-phone-menu-grid>.gr-phone-menu-messages{position:relative}.gr-room .gr-phone-menu .gr-phone-menu-messages .gr-messages-count{top:6px;right:8px}.gr-room[data-phone-room] .gr-phone-bar :is(button):focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px}@media (max-width:399px){.gr-room[data-phone-room] .gr-phone-bar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:4px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-play{width:44px;height:44px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-tool{min-width:44px;padding:0 2px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-pill{padding:0 12px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button{padding:0 12px 0 10px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button .gr-messages-count{right:-4px}}.practice-room.gr-room[data-phone-room] .gr-tabs-pane .gr-player-toolbar:is(.gr-player-header,.gr-player-transport){display:none}.gr-phone-fade{display:contents}.gr-room[data-phone-room] :is(.gr-phone-sheet,.gr-phone-workbook-row,.gr-range-dialog,.gr-menu-options){transition:opacity .2s,transform .2s}.gr-room[data-phone-room] :is(.gr-phone-sheet-dim,.gr-range-backdrop){transition:opacity .2s}@starting-style{.gr-room[data-phone-room] :is(.gr-phone-sheet,.gr-phone-workbook-row,.gr-range-dialog){opacity:0;transform:translateY(8px)}.gr-room[data-phone-room] .gr-menu-options{opacity:0;transform:translateY(-8px)}.gr-room[data-phone-room] :is(.gr-phone-sheet-dim,.gr-range-backdrop){opacity:0}}.gr-room[data-phone-room] .gr-phone-fade[data-closing]>:is(.gr-phone-sheet,.gr-phone-workbook-row){opacity:0;transform:translateY(8px)}.gr-room[data-phone-room] .gr-phone-fade[data-closing]>.gr-phone-sheet-dim,.gr-room[data-phone-room] .gr-phone-fade[data-closing]>.gr-range-backdrop{opacity:0}.gr-room[data-phone-room] .gr-phone-fade[data-closing]>.gr-range-backdrop>.gr-range-dialog{opacity:0;transform:translateY(8px)}.gr-room[data-phone-room] .gr-phone-fade[data-closing]>.gr-menu-options{opacity:0;transform:translateY(-8px)}.gr-room[data-phone-room] .gr-tabs-pane :is(.gr-workbook-page,.gr-workpad-tool,.gr-score-surface)[role=tabpanel]{transition:opacity .2s}@starting-style{.gr-room[data-phone-room] .gr-tabs-pane :is(.gr-workbook-page,.gr-workpad-tool,.gr-score-surface)[role=tabpanel]{opacity:0}}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room] :is(.gr-phone-sheet,.gr-phone-workbook-row,.gr-range-dialog,.gr-menu-options,.gr-phone-sheet-dim,.gr-range-backdrop),.gr-room[data-phone-room] .gr-tabs-pane :is(.gr-workbook-page,.gr-workpad-tool,.gr-score-surface)[role=tabpanel]{transition:none}@starting-style{.gr-room[data-phone-room] :is(.gr-phone-sheet,.gr-phone-workbook-row,.gr-range-dialog,.gr-menu-options){transform:none}}.gr-room[data-phone-room] .gr-phone-fade[data-closing]>:is(.gr-phone-sheet,.gr-phone-workbook-row,.gr-menu-options),.gr-room[data-phone-room] .gr-phone-fade[data-closing]>.gr-range-backdrop>.gr-range-dialog{transform:none}}.gr-phone-sheet,.gr-phone-sheet-dim{display:none}.gr-room[data-phone-room] .gr-phone-sheet-dim{z-index:31;background:color-mix(in srgb,var(--mpr-black) 45%,transparent);display:block;position:fixed;bottom:0;left:0;right:0}.gr-room[data-phone-room] .gr-phone-sheet{z-index:32;overscroll-behavior:contain;max-height:calc(100dvh - 120px);padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;background:var(--mpr-panel);color:var(--mpr-cream);box-shadow:var(--mpr-shadow-float);outline:none;display:block;position:fixed;bottom:0;left:0;right:0;overflow:auto}.gr-room[data-phone-room] .gr-phone-sheet .gr-phone-sheet-grab{border-radius:var(--mpr-radius-full);background:color-mix(in srgb,var(--mpr-cream) 33%,transparent);width:40px;height:5px;min-height:0;box-shadow:none;border:0;margin:0 auto 10px;padding:0;display:block}.gr-room[data-phone-room] .gr-phone-sheet .gr-phone-sheet-grab:before{content:"";height:29px;margin:-12px -20px;display:block}.gr-room[data-phone-room=portrait][data-phone-page-open] .gr-tabs-pane>.gr-score-panel-body{box-sizing:border-box;padding-top:40px}.gr-room[data-phone-room=portrait][data-phone-page-open] .gr-tabs-pane:is([data-page=library],[data-page=progress],[data-page=notebook],[data-page=community],[data-page=tips])>.gr-score-panel-body{padding-top:0}.gr-room[data-phone-room][data-phone-page-open] .gr-tabs-pane:is([data-page=library],[data-page=notebook],[data-page=community]) .gs-collapsed>.gs-head{padding-right:64px}.gr-room[data-phone-room][data-phone-page-open] .gr-tabs-pane[data-page=progress] .gp-compact-summary>p{padding-right:44px}.gr-room[data-phone-room][data-phone-page-open] .gr-tabs-pane[data-page=tips] .gr-tip-filters{align-items:center;min-height:44px;padding-right:60px}.gr-room[data-phone-room=landscape][data-phone-page-open] .gr-tabs-pane:is([data-page=library],[data-page=progress],[data-page=notebook],[data-page=community],[data-page=tips])>.gr-score-panel-body{box-sizing:border-box;padding-top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top) + 2px);padding-bottom:calc(var(--gr-phone-bar-h,52px) + env(safe-area-inset-bottom))}.gr-room[data-phone-room=landscape] .gr-tabs-pane[data-page=library] .gs-collapsed.gl-library{overscroll-behavior:contain;overflow-y:auto}.gr-room[data-phone-room=landscape] .gr-tabs-pane[data-page=library] .gs-collapsed.gl-library>*{flex-shrink:0}.gr-room[data-phone-room=landscape] .gr-tabs-pane[data-page=library] .gs-collapsed.gl-library>.gl-results{flex:none;min-height:auto;overflow:visible}.gr-room[data-phone-room=landscape] .gr-tabs-pane[data-page=tabs] .gr-score-scroll{padding-bottom:calc(12px + var(--gr-phone-bar-h,52px) + env(safe-area-inset-bottom))}.gr-room[data-phone-room] .gr-tabs-pane>.gr-phone-page-collapse{top:8px;right:calc(8px + env(safe-area-inset-right));z-index:6;border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);background:var(--mpr-panel);width:44px;height:44px;min-height:0;color:var(--mpr-cream);box-shadow:var(--mpr-shadow-float);place-items:center;margin:0;padding:0;display:grid;position:absolute}.gr-room[data-phone-room] .gr-tabs-pane>.gr-phone-page-collapse .pr-icon{width:24px;height:24px}.gr-room[data-phone-room=landscape] .gr-tabs-pane>.gr-phone-page-collapse{top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top) + 2px);transition:opacity .3s,visibility linear}.gr-room[data-phone-room=landscape][data-phone-bars=hidden] .gr-tabs-pane>.gr-phone-page-collapse{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room=landscape] .gr-tabs-pane>.gr-phone-page-collapse{transition:none}}.gr-room[data-phone-room] .gr-tabs-pane>.gr-phone-page-collapse:focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px}.gr-room[data-phone-room] .gr-phone-sheet-collapse{z-index:1;float:right;border-radius:var(--mpr-radius-full);background:var(--mpr-panel);width:44px;height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);border:0;place-items:center;margin:-6px -10px 0 8px;padding:0;display:grid;position:sticky;top:0}.gr-room[data-phone-room] .gr-phone-sheet-collapse .pr-icon{width:24px;height:24px}.gr-room[data-phone-room] .gr-phone-sheet h2{color:var(--mpr-cream);font:400 21px/1.2 var(--mpr-font-heading);margin:0 0 2px}.gr-room[data-phone-room] .gr-phone-sheet>p{color:var(--mpr-muted);font:400 14px/1.35 var(--mpr-font-sans);margin:0 0 12px}.gr-phone-sheet-row{border-top:1px solid color-mix(in srgb,var(--mpr-cream) 10%,transparent);min-height:48px;font:400 15px/1.2 var(--mpr-font-sans);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.gr-phone-seg{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);flex:none;display:flex;overflow:hidden}.gr-room[data-phone-room] .gr-phone-seg>button{min-width:44px;height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 14px/1 var(--mpr-font-sans);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;margin:0;padding:0 8px}.gr-room[data-phone-room] .gr-phone-seg>button[aria-pressed=true]{background:var(--mpr-gold);color:var(--mpr-night);font-weight:600}.gr-room[data-phone-room] .gr-phone-seg>button:disabled{opacity:.45}.gr-phone-sheet-row.gr-phone-speed-row{flex-wrap:wrap;row-gap:8px}.gr-phone-speed-row .gr-phone-seg{flex:100%}.gr-room[data-phone-room] .gr-phone-speed-row .gr-phone-seg>button{flex:1 1 0;min-width:0;padding:0 2px;font-size:13px}.gr-room[data-phone-room] .gr-phone-switch{border-radius:var(--mpr-radius-full);background:var(--mpr-panel-raised);width:44px;height:26px;min-height:0;box-shadow:none;border:0;flex:none;margin:0;padding:0;position:relative}.gr-room[data-phone-room] .gr-phone-switch:after{content:"";background:var(--mpr-muted);border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.gr-room[data-phone-room] .gr-phone-switch[aria-checked=true]{background:var(--mpr-gold)}.gr-room[data-phone-room] .gr-phone-switch[aria-checked=true]:after{background:var(--mpr-night);left:21px}.gr-room[data-phone-room] .gr-phone-switch:disabled{opacity:.45}.gr-room[data-phone-room] .gr-phone-switch:before{content:"";position:absolute;inset:-9px -4px}.gr-room .gr-phone-menu .gr-phone-switch:before{inset:-6px -4px}.gr-phone-sheet-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.gr-room[data-phone-room] .gr-phone-sheet-tiles>button{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius);background:var(--mpr-panel-raised);height:66px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 12.5px/1.15 var(--mpr-font-sans);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0;padding:4px;display:flex}.gr-room[data-phone-room] .gr-phone-sheet-tiles>button:disabled{opacity:.45}.gr-phone-sheet-tiles .pr-icon{width:20px;height:20px}.gr-room[data-phone-room] .gr-phone-sheet :is(button):focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room] .gr-phone-switch:after{transition:none}}.gr-phone-menu-button{display:none}.gr-phone-menu{--gr-menu-line:color-mix(in srgb,var(--mpr-brass) 20%,transparent);--gr-menu-bar:color-mix(in srgb,var(--mpr-night) 55%,var(--mpr-panel));background:var(--mpr-night);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--mpr-cream);font-family:var(--mpr-font-sans);border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.gr-phone-menu:popover-open{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.gr-phone-menu::backdrop{background:var(--mpr-night)}.gr-phone-menu-head{min-width:0;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--gr-menu-line);align-items:center;gap:12px;display:flex}.gr-phone-menu-title{flex:1;min-width:0}.gr-phone-menu-title strong{color:var(--mpr-cream);font:400 22px/1.15 var(--mpr-font-heading);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.gr-phone-menu-title small{color:var(--mpr-muted);font:400 13px/1.3 var(--mpr-font-sans);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.gr-room .gr-phone-menu .gr-phone-menu-practice{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);border-radius:22px;flex:none;align-items:center;gap:6px;margin:0;padding:0 14px;display:inline-flex}.gr-phone-menu .pr-icon{flex:none;width:20px;height:20px}.gr-phone-menu-practice .pr-icon{width:18px;height:18px}.gr-phone-menu-body{min-height:0;padding:16px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));overscroll-behavior:contain;flex-direction:column;gap:12px;display:flex;overflow:auto}.gr-phone-menu-label{color:var(--mpr-muted);font:600 12px/1.2 var(--mpr-font-sans);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0}.gr-phone-menu-label:first-child{margin-top:0}.gr-phone-menu-note{color:var(--mpr-muted);font:400 15px/1.4 var(--mpr-font-sans);margin:0}.gr-phone-menu-tabs{padding:6px max(4px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid var(--gr-menu-line);background:var(--gr-menu-bar);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gr-room .gr-phone-menu .gr-phone-menu-tabs>button:not(.gr-phone-menu-practice){height:60px;min-height:0;box-shadow:none;color:var(--mpr-muted);font:500 12px/1.1 var(--mpr-font-sans);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}.gr-phone-menu-tabs>button>b:not(.gr-messages-count){border-radius:15px;place-items:center;width:56px;height:30px;display:grid}.gr-phone-menu-tabs .pr-icon{width:22px;height:22px}.gr-room .gr-phone-menu .gr-phone-menu-tabs>button[aria-current=page]{color:var(--mpr-cream)}.gr-phone-menu-tabs>button[aria-current=page]>b:not(.gr-messages-count){background:var(--mpr-panel-selected);color:var(--mpr-brass-light)}.gr-room .gr-phone-menu :is(button,input):focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px}.gr-room .gr-phone-menu button:disabled{opacity:.45}.gr-room .gr-phone-menu-button,.gr-room .gr-phone-menu .gr-phone-menu-tabs>button,.gr-room .gr-phone-menu .gr-phone-wb-tiles>button{position:relative}.gr-room .gr-phone-menu .gr-phone-menu-tabs .gr-messages-count{top:4px;right:calc(50% - 34px)}.gr-room .gr-phone-menu .gr-phone-wb-tiles .gr-messages-count{top:14px;right:14px}.gr-room .gr-phone-menu .gr-phone-menu-wide{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel);height:52px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 16px/1 var(--mpr-font-sans);border-radius:12px;flex:none;justify-content:center;align-items:center;gap:10px;margin:0;padding:0 16px;display:flex}.gr-phone-menu-seg{background:var(--mpr-panel);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.gr-room .gr-phone-menu .gr-phone-menu-seg>button{height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);background:0 0;border:0;border-radius:9px;margin:0;padding:0 6px}.gr-room .gr-phone-menu .gr-phone-menu-seg>button[aria-pressed=true]{background:var(--mpr-brass);color:var(--mpr-night);font-weight:600}.gr-phone-part-rows{flex-direction:column;gap:6px;display:flex}.gr-room .gr-phone-menu .gr-phone-part-row{background:var(--mpr-panel);width:100%;min-height:56px;box-shadow:none;color:var(--mpr-cream);font:500 16px/1.2 var(--mpr-font-sans);text-align:left;border:0;border-radius:10px;flex:none;align-items:center;gap:12px;margin:0;padding:0 12px;display:flex}.gr-phone-part-n{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);width:28px;height:28px;color:var(--mpr-brass);flex:none;place-items:center;font-size:13px;display:grid}.gr-phone-part-name{flex:1;min-width:0}.gr-phone-part-row>small{color:var(--mpr-muted);font:400 13px/1 var(--mpr-font-sans);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.gr-phone-part-row>small .pr-icon{width:14px;height:14px}.gr-phone-part-row>.pr-icon{width:18px;height:18px;color:var(--mpr-muted)}.gr-room .gr-phone-menu .gr-phone-part-row[aria-current=true]{background:var(--mpr-panel-selected)}.gr-phone-part-row[aria-current=true] .gr-phone-part-n{border-color:var(--mpr-brass);background:var(--mpr-brass);color:var(--mpr-night)}.gr-phone-part-row[aria-current=true]>.pr-icon{color:var(--mpr-brass-light)}.gr-phone-part-row[data-progress=learned] .gr-phone-part-name:after{content:" ✓";color:var(--mpr-sage-light);font-size:13px}.gr-phone-part-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:2px 0 6px 40px;display:grid}.gr-room .gr-phone-menu .gr-phone-part-buttons>button{border:1px solid var(--mpr-panel-line);height:56px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1.15 var(--mpr-font-sans);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0 4px;display:flex}.gr-phone-part-buttons small{color:var(--mpr-muted);font:400 12px/1.1 var(--mpr-font-sans)}.gr-room .gr-phone-menu .gr-phone-part-buttons>button[aria-pressed=true]{border-color:var(--mpr-brass);background:var(--mpr-brass);color:var(--mpr-night)}.gr-phone-part-buttons>button[aria-pressed=true] small{color:var(--mpr-panel-raised)}.gr-room .gr-phone-menu .gr-phone-part-buttons>button[data-progress=learned]:not([aria-pressed=true]){border-color:var(--mpr-sage)}.gr-room[data-phone-room] .mpr-preview-rest{font-size:14px;line-height:1.4}.gr-phone-menu .mpr-preview-rest{color:var(--mpr-muted);font:400 14px/1.4 var(--mpr-font-sans);margin:4px 0 0}.gr-phone-wb-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gr-room .gr-phone-menu .gr-phone-wb-tiles>button{border:1px solid var(--gr-menu-line);background:var(--mpr-panel);min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1.25 var(--mpr-font-sans);text-align:left;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:8px;display:flex}.gr-room .gr-phone-menu .gr-phone-wb-tiles>button[aria-pressed=true]{border-color:var(--mpr-brass);background:var(--mpr-panel-selected)}.gr-phone-wb-tiles small{color:var(--mpr-muted);font:400 12px/1.3 var(--mpr-font-sans);display:block}.gr-phone-wb-tiles>button[aria-pressed=true] small{color:var(--mpr-brass-light)}.gr-phone-wb-page{height:88px;color:var(--mpr-brass-dark);background:repeating-linear-gradient(transparent 0 13px,color-mix(in srgb,var(--mpr-night) 20%,transparent) 13px 14px) 0 10px / 100% calc(100% - 20px) no-repeat,var(--mpr-paper);border-radius:6px;place-items:center;display:grid}.gr-phone-wb-page .pr-icon{box-sizing:content-box;border-radius:var(--mpr-radius-full);background:var(--mpr-paper);width:30px;height:30px;padding:6px}.gr-phone-player{flex-direction:column;gap:10px;display:flex}.gr-phone-set{background:var(--mpr-panel);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.gr-phone-set-line{align-items:center;gap:12px;min-height:44px;display:flex}.gr-phone-set-line>span{min-width:0;font:500 16px/1.25 var(--mpr-font-sans);flex:1}.gr-phone-set-line>span small{color:var(--mpr-muted);font:400 14px/1.3 var(--mpr-font-sans);margin-top:2px;display:block}.gr-phone-chips{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.gr-room .gr-phone-menu .gr-phone-chips>button{border:1px solid var(--mpr-panel-line);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);font-variant-numeric:tabular-nums;background:0 0;border-radius:10px;margin:0;padding:0 4px}.gr-room .gr-phone-menu .gr-phone-chips>button[aria-pressed=true]{border-color:var(--mpr-brass);background:var(--mpr-brass);color:var(--mpr-night);font-weight:600}.gr-room .gr-phone-menu .gr-phone-set-button{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel-raised);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);border-radius:10px;flex:none;margin:0;padding:0 14px}.gr-room .gr-phone-menu .gr-phone-switch{width:52px;height:32px}.gr-phone-volume{flex-direction:column;gap:6px;display:flex}.gr-phone-volume>span{font:500 16px/1.25 var(--mpr-font-sans);justify-content:space-between;display:flex}.gr-phone-volume output{color:var(--mpr-muted);font:400 14px/1.25 var(--mpr-font-sans);font-variant-numeric:tabular-nums}.gr-room .gr-phone-menu .gr-phone-volume input.gr-volume-slider{appearance:none;box-sizing:border-box;width:100%;height:44px;min-height:44px;box-shadow:none;background:linear-gradient(to right,var(--mpr-brass) 0 var(--gr-volume),color-mix(in srgb,var(--mpr-cream) 20%,transparent) var(--gr-volume) 100%) center / calc(100% - 16px) 6px no-repeat;border:0;margin:0;padding:0;display:block}.gr-room .gr-phone-menu .gr-phone-volume input.gr-volume-slider:disabled{opacity:.45}.gr-room .gr-phone-menu .gr-phone-switch:after{width:24px;height:24px;top:4px;left:4px}.gr-room .gr-phone-menu .gr-phone-switch[aria-checked=true]:after{left:24px}.gr-phone-song-search{border:1px solid var(--mpr-panel-line);background:var(--mpr-panel);height:48px;color:var(--mpr-muted);border-radius:12px;flex:none;align-items:center;gap:10px;padding:0 14px;display:flex}.gr-room .gr-phone-menu .gr-phone-song-search input{min-width:0;height:100%;box-shadow:none;color:var(--mpr-cream);font:400 16px/1 var(--mpr-font-sans);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0}.gr-phone-song-search input::placeholder{color:var(--mpr-muted)}.gr-phone-song-chips{scrollbar-width:none;flex:none;gap:6px;display:flex;overflow-x:auto}.gr-room .gr-phone-menu .gr-phone-song-chips>button{border:1px solid var(--mpr-panel-line);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 14px/1 var(--mpr-font-sans);white-space:nowrap;background:0 0;border-radius:22px;flex:none;margin:0;padding:0 14px}.gr-room .gr-phone-menu .gr-phone-song-chips>button[aria-pressed=true]{border-color:var(--mpr-brass);background:var(--mpr-brass);color:var(--mpr-night);font-weight:600}.gr-phone-song-list{flex-direction:column;display:flex}.gr-room .gr-phone-menu .gr-phone-song-list>button{border:0;border-bottom:1px solid color-mix(in srgb,var(--mpr-brass) 13%,transparent);width:100%;height:64px;min-height:0;box-shadow:none;color:var(--mpr-cream);text-align:left;background:0 0;border-radius:0;flex:none;align-items:center;gap:12px;margin:0;padding:0 4px;display:flex}.gr-room .gr-phone-menu .gr-phone-song-list>button[aria-current=true]{background:var(--mpr-panel-selected);border-bottom-color:#0000;border-radius:10px;padding:0 8px}.gr-phone-song-list .gl-tile{background:var(--mpr-panel-raised);border-radius:6px;flex:none;width:48px;height:48px;overflow:hidden}.gr-phone-song-list .gl-tile img{object-fit:cover;width:100%;height:100%}.gr-phone-song-name{min-width:0;font:500 16px/1.25 var(--mpr-font-sans);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.gr-phone-song-name small{color:var(--mpr-muted);font:400 13px/1.3 var(--mpr-font-sans);text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.gr-phone-song-tag{color:var(--mpr-brass-light);font:500 12px/1 var(--mpr-font-sans);flex:none}.gr-phone-song-empty{color:var(--mpr-muted);font:400 15px/1.4 var(--mpr-font-sans);margin:12px 0}.gr-phone-more-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gr-room .gr-phone-menu .gr-phone-more-pair>button{border:1px solid var(--mpr-panel-line);background:var(--mpr-panel);height:72px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 16px/1.2 var(--mpr-font-sans);border-radius:12px;align-items:center;gap:12px;margin:0;padding:0 14px;display:flex}.gr-phone-more-pair i,.gr-phone-more-group i{color:var(--mpr-brass);font-style:normal;display:grid}.gr-phone-more-pair .pr-icon{width:26px;height:26px}.gr-phone-more-group{background:var(--mpr-panel);border-radius:12px;flex-direction:column;flex:none;display:flex;overflow:hidden}.gr-phone-menu-body>*{flex-shrink:0}.gr-room .gr-phone-menu .gr-phone-more-group>:is(button,a){border:0;border-bottom:1px solid color-mix(in srgb,var(--mpr-brass) 13%,transparent);width:100%;height:56px;min-height:56px;box-shadow:none;color:var(--mpr-cream);font:500 16px/1.2 var(--mpr-font-sans);text-align:left;background:0 0;border-radius:0;flex:none;align-items:center;gap:12px;margin:0;padding:0 14px;display:flex}.gr-room .gr-phone-menu .gr-phone-more-group>:is(button,a):last-child{border-bottom:0}.gr-room .gr-phone-menu .gr-phone-more-group>a{box-sizing:border-box;text-decoration:none}.gr-phone-more-group>:is(button,a)>span{flex:1;min-width:0}.gr-phone-more-group small{color:var(--mpr-muted);font:400 13px/1 var(--mpr-font-sans)}.gr-room[data-phone-room=landscape] .gr-phone-menu:popover-open{grid-template-columns:calc(104px + env(safe-area-inset-left)) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.gr-room[data-phone-room=landscape] .gr-phone-menu-tabs{padding:10px 6px 10px max(20px,env(safe-area-inset-left));border-top:0;border-right:1px solid var(--gr-menu-line);flex-direction:column;grid-area:1/1/3;gap:2px;display:flex;overflow-y:auto}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-phone-menu-tabs>button:not(.gr-phone-menu-practice){flex:none;gap:3px;height:56px}.gr-room[data-phone-room=landscape] .gr-phone-menu-tabs>button>b:not(.gr-messages-count){border-radius:14px;width:52px;height:28px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-phone-menu-tabs>.gr-phone-menu-practice{border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:3px;height:56px;margin-bottom:6px;padding:0;font-size:12px}.gr-room[data-phone-room=landscape] .gr-phone-menu-head{height:auto;min-height:48px;padding:8px max(24px,env(safe-area-inset-right)) 0 16px;border-bottom:0;grid-column:2}.gr-room[data-phone-room=landscape] .gr-phone-menu-title strong{font-size:21px}.gr-room[data-phone-room=landscape] .gr-phone-menu-head .gr-phone-menu-seg{flex:none;width:330px;padding:2px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-phone-menu-head .gr-phone-menu-seg>button{height:44px;font-size:14px}.gr-room[data-phone-room=landscape] .gr-phone-menu-body{padding:10px max(24px,env(safe-area-inset-right)) 16px 16px;grid-column:2;gap:10px}.gr-phone-part-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.gr-phone-part-side{flex-direction:column;gap:8px;display:flex}.gr-phone-part-split .gr-phone-part-buttons{gap:8px;padding:0}.gr-room .gr-phone-menu .gr-phone-part-split .gr-phone-part-buttons>button{height:60px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-phone-part-row{min-height:52px}.gr-room[data-phone-room=landscape] :is(.gr-phone-wb-tiles,.gr-phone-player){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gr-room[data-phone-room=landscape] .gr-phone-player{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.gr-room[data-phone-room=landscape] .gr-phone-more-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-phone-tool-page{display:none}.gr-room[data-phone-room] .gr-phone-tool-page{z-index:35;background:var(--mpr-night);color:var(--mpr-cream);flex-direction:column;display:flex;position:fixed;inset:0}.gr-phone-tool-page>header{height:60px;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,var(--mpr-brass) 20%,transparent);flex:none;align-items:center;gap:8px;display:flex}.gr-room .gr-phone-tool-page>header h2{min-width:0;color:var(--mpr-cream);font:400 21px/1.2 var(--mpr-font-heading);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.gr-room .gr-phone-tool-page .gr-phone-tool-menu{height:44px;min-height:0;box-shadow:none;color:var(--mpr-brass-light);font:500 16px/1 var(--mpr-font-sans);background:0 0;border:0;border-radius:22px;flex:none;align-items:center;gap:4px;margin:0;padding:0 12px 0 6px;display:inline-flex}.gr-room .gr-phone-tool-page .gr-phone-menu-practice{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);border-radius:22px;flex:none;align-items:center;gap:6px;margin:0;padding:0 14px;display:inline-flex}.gr-phone-tool-page .pr-icon{width:18px;height:18px}.gr-phone-tool-body{overscroll-behavior:contain;min-height:0;padding:16px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));flex:1;overflow:auto}.gr-room .gr-phone-tool-page :is(button):focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px}.gr-phone-parts{display:none}.gr-room[data-phone-room] .gr-phone-parts{border-top:1px solid color-mix(in srgb,var(--mpr-black) 40%,transparent);background:var(--mpr-panel);flex:none;padding:0 0 8px;display:block}.gr-room[data-phone-room] .gr-phone-parts[data-performance]{padding-bottom:0}.gr-room[data-phone-room] .gr-phone-sections{scrollbar-width:none;white-space:nowrap;height:48px;-webkit-mask-image:linear-gradient(90deg,var(--mpr-black) calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,var(--mpr-black) calc(100% - 28px),transparent);gap:8px;padding:0 8px;display:flex;overflow-x:auto}.gr-room[data-phone-room] .gr-phone-sections::-webkit-scrollbar{display:none}.gr-room[data-phone-room] .gr-phone-sections>button{height:100%;min-height:0;box-shadow:none;color:var(--mpr-muted);font:500 15px var(--mpr-font-sans);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:none;align-items:center;gap:4px;padding:0 10px;display:flex}.gr-room[data-phone-room] .gr-phone-sections>button[aria-selected=true]{color:var(--mpr-cream);border-bottom-color:var(--mpr-gold);font-weight:600}.gr-room[data-phone-room] .gr-phone-sections>button[data-progress=learned]:after{content:"✓";color:var(--mpr-sage);margin-left:2px;font-size:12px}.gr-room[data-phone-room] .gr-phone-sections .pr-icon{width:14px;height:14px}.gr-room[data-phone-room] .gr-phone-sections>button.gr-phone-loop-off{gap:6px}.gr-room[data-phone-room] .gr-phone-loop-off-x{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);color:var(--mpr-cream);font:600 13px var(--mpr-font-sans);margin-left:2px;padding:2px 8px}.gr-room[data-phone-room] .gr-phone-part-chips{scrollbar-width:none;gap:8px;padding:0 12px;display:flex;overflow-x:auto}.gr-room[data-phone-room] .gr-phone-part-chips::-webkit-scrollbar{display:none}.gr-room[data-phone-room] .gr-phone-part-chips>button{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);background:var(--mpr-panel-raised);height:44px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 14px/42px var(--mpr-font-sans);white-space:nowrap;flex:none;padding:0 14px;position:relative;overflow:hidden}.gr-room[data-phone-room] .gr-phone-part-chips>button[aria-pressed=true]{border-color:var(--mpr-gold);background:var(--mpr-panel-selected)}.gr-room[data-phone-room] .gr-phone-part-chips>button[aria-pressed=true]:before{content:"";width:var(--gr-part-fill,0%);background:color-mix(in srgb,var(--mpr-gold) 20%,transparent);transition:width .25s linear;position:absolute;inset:0 auto 0 0}.gr-room[data-phone-room] .gr-phone-part-chips>button[data-progress=learned]{border-color:var(--mpr-sage)}.gr-room[data-phone-room] .gr-phone-part-chips>button>span{position:relative}.gr-room[data-phone-room] .gr-phone-parts button:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room] .gr-phone-part-chips>button:before{transition:none}}.gr-room[data-phone-room=portrait][data-phone-video=hidden] .gr-deck .gr-video-frame,.gr-room[data-phone-room=portrait][data-phone-page-full] .gr-deck .gr-video-pane,.gr-room[data-phone-room] .gr-tabs-pane :is(.gp-continue,.gp-compact-foot),.gr-room[data-phone-room] .gr-notebook-workpad .gn-top>:is(.gs-quiet,.gs-icon),.gr-room[data-phone-room] .gr-community-workpad .gs-head>.gs-icon[aria-label="Start a discussion"]{display:none}.gr-room[data-phone-room] .gr-phone-steps ol{counter-reset:step;margin:0;padding:0;list-style:none}.gr-room[data-phone-room] .gr-phone-steps li{border-top:1px solid color-mix(in srgb,var(--mpr-cream) 10%,transparent);min-height:48px;font:400 15px/1.35 var(--mpr-font-sans);counter-increment:step;align-items:center;gap:12px;padding:8px 0;display:flex}.gr-room[data-phone-room] .gr-phone-steps li:before{content:counter(step);border-radius:var(--mpr-radius-full);background:var(--mpr-gold);width:28px;height:28px;color:var(--mpr-night);flex:none;place-items:center;font-weight:700;display:grid}.gr-room[data-phone-room] .gr-phone-steps li b{font-weight:600}.gr-room[data-phone-room] .gr-phone-steps li .pr-icon{vertical-align:-3px;width:18px;height:18px;color:var(--mpr-brass-light)}.gr-room[data-phone-room] .gr-phone-steps .gr-phone-sheet-done{border-radius:var(--mpr-radius-full);background:var(--mpr-gold);width:100%;height:46px;min-height:0;color:var(--mpr-night);font:600 15px var(--mpr-font-sans);border:0;justify-content:center;align-items:center;margin:12px 0 0;padding:0;display:flex}.gr-room[data-phone-room] .gr-phone-steps .gr-phone-sheet-quiet{border:1px solid color-mix(in srgb,var(--mpr-cream) 28%,transparent);border-radius:var(--mpr-radius-full);width:100%;height:46px;min-height:0;color:var(--mpr-cream);font:600 15px var(--mpr-font-sans);background:0 0;justify-content:center;align-items:center;margin:8px 0 0;padding:0;display:flex}.gr-room[data-phone-room] .gr-phone-steps .gr-phone-steps-later{color:color-mix(in srgb,var(--mpr-cream) 70%,transparent);margin-top:4px;font-size:13px}.practice-room.gr-room[data-phone-room]{padding-top:0}.gr-room[data-phone-room] .gr-book-navigation>:is(.gr-workpad-dividers,.gr-workpad-hint){display:none}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-play{border-radius:var(--mpr-radius);width:auto;min-width:50px;height:48px;color:var(--mpr-cream);background:0 0;padding:0 4px}.gr-phone-bar .gr-phone-bar-play>b{border-radius:var(--mpr-radius-full);background:var(--mpr-gold);width:28px;height:28px;color:var(--mpr-night);justify-content:center;align-items:center;display:inline-flex}.gr-phone-bar .gr-phone-bar-tabplay>b{border:1.5px solid var(--mpr-gold);color:var(--mpr-gold);background:0 0}.gr-phone-bar .gr-phone-bar-play>b .pr-icon{fill:currentColor;width:16px;height:16px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-tool{min-width:50px}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-settings{width:44px;padding:0}@media (max-width:399px){.gr-room[data-phone-room] .gr-phone-bar :is(.gr-phone-bar-tool,.gr-phone-bar-play){min-width:46px}}.gr-room[data-phone-room] :is(.gr-book-left,.gr-book-binding){display:none}.gr-room[data-phone-room] .gr-book-right{border-radius:var(--mpr-radius);width:100%}.gr-room[data-phone-room] .gr-book-navigation{left:0}.gr-room[data-phone-room] .gr-book-stage .gr-book-close{border-radius:var(--mpr-radius-full);border-color:var(--mpr-paper-line);width:40px;height:40px;display:grid;top:-46px;right:0}.gr-room[data-phone-room] .gr-book-stage .gr-book-close .pr-icon{stroke:currentColor;stroke-width:1.75px;fill:none;width:20px;height:20px}.gr-room[data-phone-room] .gr-book-stage .gr-book-close:after{content:"";position:absolute;inset:-4px}.practice-room.gr-room[data-phone-room=landscape]:has(.gr-phone-bar){--gr-phone-bar-h:52px;width:auto;max-width:none}.practice-room.gr-room[data-phone-room=landscape] .gr-deck.gr-side:not(.gr-focus){background:var(--mpr-black);flex-direction:row;height:100%;position:relative}.practice-room.gr-room[data-phone-room=landscape] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{width:auto;min-width:0;height:100%;min-height:0;padding:0 0 0 env(safe-area-inset-left);background:var(--mpr-black);flex-direction:column;flex:1;justify-content:flex-start;display:flex;overflow:hidden;container-type:size}.practice-room.gr-room[data-phone-room=landscape] .gr-deck .gr-video-frame{width:min(100cqw,100cqh * (var(--gr-video-ratio,16 / 9)));background:var(--mpr-black);flex:none;height:auto;max-height:100cqh;margin:0 auto}.practice-room.gr-room[data-phone-room=landscape] .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane{width:auto;min-width:0;height:100%;padding:0 0 0 env(safe-area-inset-left);flex:1;margin:0}.gr-room[data-phone-room=landscape] .gr-phone-parts{display:none}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=video] .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane,.practice-room.gr-room[data-phone-room=landscape][data-phone-side=tab] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{visibility:hidden;pointer-events:none;position:absolute;inset:0}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{flex:0 0 47%}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both] .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane{padding-left:0}.gr-phone-where{display:none}.gr-room[data-phone-room=landscape][data-phone-side=both] .gr-phone-where{color:var(--mpr-muted);font:500 13px/1.3 var(--mpr-font-sans);white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;padding:10px 12px 0;display:block;overflow:hidden}.gr-phone-where b{color:var(--mpr-cream);font-weight:600}.gr-room[data-phone-room] .gr-range-backdrop{z-index:40;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:fixed;inset:0}.gr-room[data-phone-room] .gr-range-dialog{grid-template-columns:1fr 1fr;align-items:end;column-gap:14px;display:grid}.gr-room[data-phone-room] .gr-range-dialog:focus{outline:none}.gr-room[data-phone-room] .gr-range-dialog>:is(.gr-drawer-heading,label,p,button){grid-column:1/-1}.gr-room[data-phone-room] .gr-range-dialog>.gr-drawer-heading{order:-3}.gr-room[data-phone-room] .gr-range-dialog>label{order:-2}.gr-room[data-phone-room] .gr-range-dialog>p{order:-1;margin:14px 0 4px}.gr-room[data-phone-room] .gr-range-fields{display:contents}.gr-room[data-phone-room] .gr-range-dialog>button{margin-top:14px}.gr-room[data-phone-room=landscape] .gr-range-dialog{grid-template-columns:1fr 1fr auto;width:min(560px,100%)}.gr-room[data-phone-room=landscape] .gr-range-dialog>button{grid-column:auto;width:auto;margin-top:0;padding-inline:18px}.gr-room[data-phone-room][data-phone-keyboard] .gr-range-backdrop{top:var(--gr-phone-vv-top,0px);height:var(--gr-phone-vv-h,100%);align-items:flex-start;padding-block:8px;bottom:auto}.gr-room[data-phone-room][data-phone-keyboard] .gr-range-dialog{padding-block:12px}.gr-room[data-phone-room][data-phone-keyboard] .gr-range-dialog .gr-drawer-heading{padding-bottom:10px}.gr-room[data-phone-room][data-phone-keyboard] .gr-range-dialog>:is(label,p){display:none}.gr-room[data-phone-room=landscape] .gr-phone-sheet{top:0;left:auto;right:0;bottom:calc(var(--gr-phone-bar-h,52px) + env(safe-area-inset-bottom));width:min(400px,62vw);max-height:none;padding-right:max(18px,env(safe-area-inset-right));border-top:0;border-left:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius) 0 0 var(--mpr-radius)}.gr-phone-tap-where{display:none}.gr-room[data-phone-room=landscape] .gr-phone-tap-where{border-radius:var(--mpr-radius);background:color-mix(in srgb,var(--mpr-black) 66%,transparent);max-width:calc(100% - 24px);color:var(--mpr-cream);font:500 12.5px/1.2 var(--mpr-font-sans);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;padding:5px 10px;transition:opacity .25s;display:block;position:absolute;top:12px;left:12px;overflow:hidden}.gr-room[data-phone-room=landscape] .gr-phone-tap[data-shown=true] .gr-phone-tap-where{opacity:1}.gr-room[data-phone-room=landscape] .gr-phone-video-bar,.gr-room .gr-phone-tap[data-desktop] .gr-phone-video-bar{gap:12px;height:44px;padding:0 14px 0 6px;bottom:14px;left:14px;right:14px}.gr-room[data-phone-room=landscape] .gr-phone-video-bar>button:first-child,.gr-room .gr-phone-tap[data-desktop] .gr-phone-video-bar>button:first-child{background:var(--mpr-cream);width:32px;min-width:32px;height:32px;color:var(--mpr-night);padding:0}.gr-room[data-phone-room=landscape] .gr-phone-video-bar>button:first-child .pr-icon,.gr-room .gr-phone-tap[data-desktop] .gr-phone-video-bar>button:first-child .pr-icon{fill:currentColor;width:15px;height:15px}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room=landscape] .gr-phone-tap-where{transition:none}}.gr-room[data-phone-room] .gr-phone-menu .gr-tool-host>:is(.gt-tuner,.gm-metronome){border-radius:16px;padding:18px 18px 22px}.gr-room[data-phone-room] .gr-phone-menu :is(.gt-header,.gm-header){padding-right:0}.gr-room[data-phone-room] .gr-phone-menu :is(.gt-header,.gm-header) h2{display:none}.practice-room.gr-room[data-phone-room] .gr-phone-bar{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right));gap:0}.gr-room[data-phone-room] .gr-phone-bar-context{flex:1;justify-content:space-evenly;align-items:center;gap:0;min-width:0;display:flex}.practice-room.gr-room[data-phone-room] .gr-phone-bar :is(.gr-phone-bar-tool,.gr-phone-bar-play){white-space:nowrap;flex:0 52px;min-width:40px;padding:0 1px;font-size:11px}.gr-room[data-phone-room] .gr-phone-bar :is(.gr-phone-bar-tool,.gr-phone-bar-play)>span{text-overflow:clip;max-width:100%;overflow:hidden}.practice-room.gr-room[data-phone-room] .gr-phone-bar>:is(.gr-phone-bar-sheet-button,[data-full-screen]){flex:none;min-width:44px;padding:0 2px;position:relative}.gr-room[data-phone-room] .gr-phone-bar-tool[aria-expanded=true]{background:var(--mpr-panel-selected);outline:1px solid var(--mpr-gold)}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-sheet-button .gr-messages-count{top:-2px;right:calc(50% - 26px)}.practice-room.gr-room[data-phone-room] .gr-phone-bar-context>.gr-phone-bar-pill{border-radius:var(--mpr-radius);width:auto;height:48px;font:500 11px/1.1 var(--mpr-font-sans);border:0;flex-direction:column;gap:3px}.gr-phone-bar-context>.gr-phone-bar-pill .pr-icon{width:22px;height:22px}.practice-room.gr-room[data-phone-room] .gr-phone-bar .gr-phone-menu-button{justify-content:center;width:44px;padding:0}.gr-phone-bar-previous .pr-icon{transform:scaleX(-1)}.gr-room[data-phone-room] .gr-phone-page-dim{top:0;bottom:calc(var(--gr-phone-bar-h,62px) + env(safe-area-inset-bottom))}.gr-room[data-phone-room] .gr-phone-page-sheet{bottom:calc(var(--gr-phone-bar-h,62px) + env(safe-area-inset-bottom));max-height:calc(100dvh - var(--gr-phone-bar-h,62px) - 56px);border-bottom:1px solid var(--mpr-brass-line);padding-bottom:16px}.gr-phone-page-sheet .gr-phone-wb-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.gr-room[data-phone-room] .gr-phone-page-sheet .gr-phone-wb-tiles>button{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel-raised);min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 14px/1.2 var(--mpr-font-sans);text-align:left;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:6px;display:flex;position:relative}.gr-room[data-phone-room] .gr-phone-page-sheet .gr-phone-wb-tiles>button[aria-pressed=true]{border-color:var(--mpr-brass);background:var(--mpr-panel-selected)}.gr-phone-page-sheet .gr-phone-wb-page{height:56px}.gr-phone-page-sheet .gr-phone-wb-page .pr-icon{width:24px;height:24px;padding:5px}.gr-room .gr-phone-page-sheet .gr-phone-wb-tiles .gr-messages-count{top:10px;right:10px}.gr-room[data-phone-room=landscape] .gr-phone-page-sheet{border-bottom:0;max-height:none;top:0}.gr-room[data-phone-room=landscape] .gr-phone-page-sheet .gr-phone-wb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-phone-where-card{background:var(--mpr-panel);border-radius:12px;flex-direction:column;flex:none;gap:12px;padding:14px;display:flex}.gr-phone-where-card>p{flex-direction:column;gap:3px;margin:0;display:flex}.gr-phone-where-card>p b{color:var(--mpr-cream);font:400 22px/1.15 var(--mpr-font-heading)}.gr-phone-where-card>p span{color:var(--mpr-brass-light);font:500 15px/1.3 var(--mpr-font-sans)}.gr-phone-where-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gr-room .gr-phone-menu .gr-phone-where-steps>button{border:1px solid var(--mpr-brass-line);background:var(--mpr-panel-raised);height:48px;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 15px/1 var(--mpr-font-sans);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;display:flex}.gr-room .gr-phone-menu .gr-phone-where-steps>button:last-child:not(:disabled){border-color:var(--mpr-brass);background:var(--mpr-brass);color:var(--mpr-night);font-weight:600}.gr-phone-where-steps .pr-icon{width:18px;height:18px}.gr-phone-song-facts{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:8px;margin:0;display:grid}.gr-phone-song-facts>[data-wide]{grid-column:1/-1}.gr-room[data-phone-room=landscape] .gr-phone-song-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.gr-phone-song-facts>div{background:var(--mpr-panel);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.gr-phone-song-facts dt{color:var(--mpr-muted);font:500 12px/1.2 var(--mpr-font-sans)}.gr-phone-song-facts dd{color:var(--mpr-cream);font:500 16px/1.25 var(--mpr-font-sans);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;display:flex}.practice-room.gr-room .gr-phone-menu button.gr-phone-progress-card{background:var(--mpr-panel);width:100%;min-height:0;box-shadow:none;color:var(--mpr-cream);font:500 16px/1.25 var(--mpr-font-sans);text-align:left;border:0;border-radius:12px;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin:0;padding:14px;display:grid}.gr-phone-progress-card b{color:var(--mpr-brass-light);font:400 22px/1 var(--mpr-font-heading)}.gr-phone-progress-card small{color:var(--mpr-muted);font:400 13px/1.2 var(--mpr-font-sans);margin-top:3px;display:block}.gr-phone-progress-card>.pr-icon{width:18px;height:18px;color:var(--mpr-muted);grid-area:1/2/3}.gr-phone-progress-track{border-radius:var(--mpr-radius-full);background:color-mix(in srgb,var(--mpr-cream) 15%,transparent);grid-column:1;height:6px;display:block;overflow:hidden}.gr-phone-progress-track>i{border-radius:inherit;background:var(--mpr-sage);height:100%;display:block}.gr-phone-song-facts dd .gr-info-difficulty{white-space:normal;flex-wrap:wrap;align-items:center;gap:2px 6px;display:inline-flex}.gr-phone-song-facts .gr-info-difficulty-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.gr-phone-bar-switch{flex:0 auto;min-width:0;display:flex}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-switch>.gr-phone-bar-tool{color:var(--mpr-muted)}.gr-room[data-phone-room] .gr-phone-bar .gr-phone-bar-switch>.gr-phone-bar-tool[aria-pressed=true]{color:var(--mpr-cream)}.practice-room.gr-room[data-phone-room][data-phone-recorder] .gr-deck.gr-side:not(.gr-focus){position:relative}.practice-room.gr-room[data-phone-room][data-phone-recorder] .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane{visibility:hidden;pointer-events:none;position:absolute;inset:0}.practice-room.gr-room[data-phone-room][data-phone-recorder] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.practice-room.gr-room[data-phone-room][data-phone-recorder] .gr-deck .gr-video-frame{aspect-ratio:auto;flex:auto;width:100%;height:auto;min-height:0;max-height:none}.gr-room[data-phone-recorder] :is(.gr-phone-parts,.gr-phone-where),.practice-room.gr-room[data-phone-room] .gr-tool-host .rs-studio .rs-mode>button:is([aria-label=Video],[aria-label=Audio]),.practice-room.gr-room[data-phone-room] .gr-tool-host .rs-studio[data-phase=ready] .rs-primary,.practice-room.gr-room[data-phone-room] .gr-tool-host .rs-studio .rs-icon[aria-label="Stop and review"],.practice-room.gr-room[data-phone-room] .gr-tool-host .rs-studio[data-phase=review] .rs-controls>button:not([class]){display:none}.gr-phone-bar .gr-phone-bar-record>b{background:var(--mpr-record-soft);color:var(--mpr-night)}.gr-phone-bar .gr-phone-bar-record[data-recording]>b{background:var(--mpr-danger);color:var(--mpr-cream-strong)}.practice-room.gr-room[data-phone-room][data-phone-keyboard]{top:var(--gr-phone-vv-top,0px);height:var(--gr-phone-vv-h,100%);bottom:auto}.gr-room[data-phone-room][data-phone-keyboard] .gr-phone-bar{display:none}.practice-room.gr-room[data-phone-room]{--gr-phone-top-h:60px}.practice-room.gr-room[data-phone-room] .gr-deck.gr-side:not(.gr-focus){padding-top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top));box-sizing:border-box}.gr-room[data-phone-room] .gr-phone-view-row{z-index:29;height:calc(var(--gr-phone-top-h) + env(safe-area-inset-top));gap:var(--mpr-space-1);padding:calc(var(--mpr-space-2) + env(safe-area-inset-top)) max(var(--mpr-space-2),env(safe-area-inset-right)) var(--mpr-space-2) max(var(--mpr-space-2),env(safe-area-inset-left));background:var(--mpr-panel);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;inset:0 0 auto}.practice-room.gr-room[data-phone-room] .gr-phone-view-row>button{border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius);background:var(--mpr-panel);min-width:0;height:44px;min-height:44px;color:var(--mpr-cream);box-shadow:none;place-items:center;margin:0;padding:0;display:grid}.gr-room[data-phone-room] .gr-phone-view-row .pr-icon{width:var(--mpr-space-5);height:var(--mpr-space-5)}.practice-room.gr-room[data-phone-room] .gr-phone-view-row>button[aria-pressed=true]{background:var(--mpr-brass);color:var(--mpr-panel);border-color:var(--mpr-brass)}.gr-room[data-phone-room] .gr-phone-view-row>button:disabled{opacity:.45}.gr-room[data-phone-room] :is(.gr-phone-view-row,.gr-phone-workbook-row)>button:focus-visible{outline:2px solid var(--mpr-brass);outline-offset:2px}.practice-room.gr-room[data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways){grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.gr-room[data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways) .gr-phone-bar-context{display:contents}.practice-room.gr-room[data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways) :is(.gr-phone-bar-tool,.gr-phone-bar-play){width:100%;min-width:0;font-size:12px}.gr-room[data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways) [data-full-screen]{grid-column:auto}.gr-room[data-phone-room] .gr-phone-workbook-row{z-index:32;left:0;right:0;bottom:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom));height:var(--gr-phone-bar-h);align-items:center;gap:var(--mpr-space-1);padding:var(--mpr-space-2);background:var(--mpr-panel);border-top:1px solid var(--mpr-panel-line);box-shadow:var(--mpr-shadow-float);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed}.practice-room.gr-room[data-phone-room] .gr-phone-workbook-row>button{border-radius:var(--mpr-radius);min-width:0;height:44px;min-height:44px;color:var(--mpr-cream);box-shadow:none;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.practice-room.gr-room[data-phone-room] .gr-phone-workbook-row>button[aria-pressed=true]{background:var(--mpr-brass);color:var(--mpr-panel)}.gr-room[data-phone-room] .gr-phone-workbook-row .pr-icon{width:var(--mpr-space-5);height:var(--mpr-space-5)}.gr-room[data-phone-room] .gr-phone-workbook-row .gr-messages-count{top:0;right:var(--mpr-space-1)}.practice-room.gr-room[data-phone-room][data-phone-stacked] .gr-video-pane>.gr-playthrough-media{aspect-ratio:16/9;width:100%;height:auto;position:relative;inset:auto}.practice-room.gr-room[data-phone-room][data-phone-stacked] .gr-video-pane>.gr-playthrough-media video{object-fit:contain;width:100%;height:100%}.practice-room.gr-room[data-phone-room][data-phone-video=hidden] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{display:none}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:0;display:grid;container-type:normal}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-deck .gr-video-frame{width:100%;height:auto;max-height:100%;aspect-ratio:var(--gr-video-ratio,16 / 9)}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-phone-where{display:none}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both] .gr-deck.gr-side:not(.gr-focus){container-type:size}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{flex:0 0 min(50%,88.8889cqh);grid-template-columns:minmax(0,1fr)}.gr-room[data-phone-room][data-phone-keyboard] .gr-phone-view-row{display:none}.gr-room[data-phone-room=landscape] .gr-phone-workbook-row{padding-top:var(--mpr-space-1);padding-bottom:var(--mpr-space-1)}.gr-room[data-phone-room] .gr-phone-parts{z-index:4;padding-bottom:0;position:relative;overflow:visible}.gr-room[data-phone-room] .gr-phone-part-chips{padding:var(--mpr-space-2);background:var(--mpr-panel);box-shadow:var(--mpr-shadow-float);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;right:0;transform:translateY(-4px)}.gr-room[data-phone-room] .gr-phone-part-chips[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room] .gr-phone-part-chips{transition:none;transform:none}}.gr-room[data-phone-room] .gr-phone-menu{inset:calc(var(--gr-phone-top-h) + env(safe-area-inset-top)) 0 0;opacity:0;border-top:1px solid var(--mpr-brass-line);height:auto;max-height:none;transition:opacity .24s ease,transform .24s ease,display .24s allow-discrete,overlay .24s allow-discrete;transform:translateY(-10px)}.gr-room[data-phone-room] .gr-phone-menu:popover-open{opacity:1;display:block;transform:none}.gr-room[data-phone-room] .gr-phone-menu::backdrop{pointer-events:none;background:0 0}.gr-room[data-phone-room] .gr-phone-menu-body{height:100%;padding:var(--mpr-space-4);box-sizing:border-box;display:block}.gr-phone-menu-heading{margin:0 0 var(--mpr-space-4)}.gr-phone-menu-heading h2{color:var(--mpr-cream);font:var(--mpr-type-title);margin:0}.gr-room[data-phone-room] .gr-phone-menu-label{margin:var(--mpr-space-4) 0 var(--mpr-space-2)}.gr-phone-menu-heading p{margin:var(--mpr-space-1) 0 0;color:var(--mpr-muted);font:var(--mpr-type-meta)}.gr-room[data-phone-room] .gr-phone-menu-back{align-items:center;gap:var(--mpr-space-1);margin:0 0 var(--mpr-space-4);min-height:38px;padding:var(--mpr-space-2) var(--mpr-space-3);border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius-full);color:var(--mpr-cream);font:var(--mpr-type-meta);background:0 0;display:inline-flex}.gr-phone-menu-back .pr-icon{width:16px;height:16px}.gr-room[data-phone-room] .gr-phone-more-group>button>span{flex:1 0 auto}.gr-room[data-phone-room] .gr-phone-more-group>button>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gr-room[data-phone-room] .gr-phone-more-group>button>.pr-icon{width:16px;height:16px;color:var(--mpr-muted);flex:none}.gr-room[data-phone-room] .gr-phone-site{margin-bottom:var(--mpr-space-2)}.gr-room .gr-phone-menu .gr-phone-site>a{height:64px;min-height:64px;color:var(--mpr-cream)}.gr-phone-site-logo{flex:none;width:auto;height:34px}.gr-room[data-phone-room] .gr-phone-site>a>.pr-icon{width:16px;height:16px;color:var(--mpr-muted);flex:none}.gr-room[data-phone-room] .gr-phone-menu [data-embedded]{width:100%;max-width:100%;height:auto;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;position:relative;inset:auto}.gr-room[data-phone-room] .gr-phone-menu :is(.gr-account-close,.gr-guide-close){display:none}.gr-room[data-phone-room] .gr-phone-menu .gr-account-content{max-height:none}.gr-room[data-phone-room] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback]){overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.gr-room[data-phone-room] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback])>*{flex:none}.gr-room[data-phone-room] .gr-phone-menu-body>.gr-phone-menu-back{align-self:flex-start}.gr-room[data-phone-room] .gr-phone-menu-body[data-page=feedback]>.gs{flex:1 0 auto;height:auto;min-height:0;max-height:none}.gr-room[data-phone-room] .gr-phone-menu-body>.gr-tool-host{flex-direction:column;flex:1 0 auto;height:auto;display:flex}.gr-room[data-phone-room] .gr-phone-menu-body>.gr-tool-host>:is(.gt-tuner,.gm-metronome){box-sizing:border-box;flex-direction:column;flex:1 0 auto;justify-content:space-evenly;display:flex}.gr-room[data-phone-room] .gr-phone-menu-body[data-page=feedback] .gs-head h2{display:none}.gr-room[data-phone-room=landscape] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback]){align-items:center;column-gap:var(--mpr-space-4);padding:var(--mpr-space-2) var(--mpr-space-4) var(--mpr-space-3);grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid}.gr-room[data-phone-room=landscape] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback])>.gr-phone-menu-back,.gr-room[data-phone-room=landscape] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback])>.gr-phone-menu-heading{margin:0}.gr-room[data-phone-room=landscape] .gr-phone-menu-body:is([data-page=metronome],[data-page=tuner],[data-page=feedback])>:not(.gr-phone-menu-back,.gr-phone-menu-heading){margin-top:var(--mpr-space-2);grid-column:1/-1;align-self:stretch}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-tool-host>:is(.gt-tuner,.gm-metronome){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:28px;padding:6px 18px 8px;display:grid}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-tool-host>.gm-metronome>*{grid-column:2;margin:4px 0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-tool-host>.gm-metronome>:is(.gm-header,.gm-reference,.gm-instrument,.gm-beats){grid-column:1}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-header{display:none}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-instrument{grid-row:2/span 2;padding:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-reference{grid-row:1;padding-top:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-beats{grid-row:4;height:auto}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-meter{grid-row:1;margin-top:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-speeds{grid-row:2}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-free{grid-row:3}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome>.gm-footer{grid-row:4;margin-top:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gm-metronome .gm-number output{font-size:46px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gr-tool-host>.gt-tuner>*{grid-column:2;margin-top:4px;margin-bottom:4px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-header{display:none}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-reference{grid-area:1/1;padding-top:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-display{grid-area:2/1/span 3;align-self:center;padding:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-mode{grid-row:1}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-strings{grid-row:2}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-guidance{grid-row:3}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-footer{grid-row:4;margin-top:0;padding-top:6px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-status{grid-area:5/1}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;column-gap:24px;max-width:none;display:grid}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form>*{grid-column:1}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form>.gr-feedback-field:nth-child(2){grid-area:1/2/span 4}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form>.gr-feedback-send{grid-row:3;justify-self:start;margin-top:0}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form>.gr-feedback-status{grid-row:4}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] form>.gr-feedback-disclosure{grid-row:2;margin:0}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] textarea{height:140px;min-height:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-display{height:auto;min-height:0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner .gt-gauge{margin-top:8px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner .gt-strings button{height:50px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-status{height:auto;margin:4px 0 0}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner .gt-note{height:52px;font-size:46px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-reference{padding-bottom:6px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner .gt-gauge{height:28px}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-footer{grid-row:4/span 2;align-self:end}.gr-room[data-phone-room=landscape] .gr-phone-menu .gt-tuner>.gt-guidance{margin-top:2px;margin-bottom:2px}.gr-room[data-phone-room=landscape] .gr-phone-menu-body[data-page=feedback] .gs-head{display:none}@starting-style{.gr-room[data-phone-room] .gr-phone-menu:popover-open{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room] .gr-phone-menu{transition:opacity .15s ease,display .15s allow-discrete,overlay .15s allow-discrete;transform:none}@starting-style{.gr-room[data-phone-room] .gr-phone-menu:popover-open{transform:none}}}.gr-room[data-phone-room] .gr-menu-options{top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top) + var(--mpr-space-2));right:var(--mpr-space-2);width:min(440px,100vw - 16px);max-height:calc(100dvh - var(--gr-phone-top-h) - var(--gr-phone-bar-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);z-index:35;color:var(--mpr-cream);background:var(--mpr-panel)}.gr-room[data-phone-room] .gr-menu-options :is(h2,label,output){color:var(--mpr-cream)}.gr-room[data-phone-room] .gr-menu-options button{color:var(--mpr-cream);background:var(--mpr-panel-raised);border:1px solid var(--mpr-brass-line)}.gr-room[data-phone-room] .gr-phone-sheet-row>input.gr-volume-slider{appearance:none;box-sizing:border-box;width:55%;min-width:0;height:44px;min-height:44px;box-shadow:none;cursor:pointer;background:linear-gradient(to right,var(--mpr-brass) 0 var(--gr-volume),color-mix(in srgb,var(--mpr-cream) 20%,transparent) var(--gr-volume) 100%) center / calc(100% - 16px) 6px no-repeat;border:0;border-radius:0;margin:0;padding:0;display:block}.gr-room[data-phone-room] .gr-phone-sheet-row>input.gr-volume-slider:disabled{opacity:.45;cursor:default}.gr-room[data-phone-room] .gr-phone-sheet-row>input.gr-volume-slider:focus-visible{outline:2px solid var(--mpr-gold);outline-offset:2px;border-radius:var(--mpr-radius)}.gr-room[data-phone-room] .gr-phone-sound .gr-phone-seg>button{padding-inline:var(--mpr-space-2);font-size:12px}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-pane>.gr-playthrough-media video{object-position:center top}.practice-room.gr-room[data-phone-room=landscape]:has(.gr-phone-bar):not([data-phone-keyboard]){bottom:0}.practice-room.gr-room[data-phone-room=landscape] .gr-deck.gr-side:not(.gr-focus){padding-top:0;container-type:size}.practice-room.gr-room[data-phone-room=landscape] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{justify-content:center}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus){--gr-phone-frame:6px;gap:var(--gr-phone-frame);background:var(--mpr-panel);padding:var(--gr-phone-frame) calc(var(--gr-phone-frame) + env(safe-area-inset-right)) var(--gr-phone-frame) calc(var(--gr-phone-frame) + env(safe-area-inset-left))}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both] .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane,.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane,.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane,.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-tabs-pane{border-radius:var(--mpr-radius);flex:1 1 0;width:0;padding:0}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked]:not([data-phone-video=hidden]) .gr-deck.gr-side:not(.gr-focus)>.gr-video-pane{align-content:center;justify-items:center}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-pane>:is(.gr-video-frame,.gr-playthrough-media){width:min(100%,88.8889cqh);max-height:50cqh}.gr-room[data-phone-room=landscape] :is(.gr-phone-view-row,.gr-phone-bar,.gr-phone-workbook-row){transition:opacity .3s,visibility linear}.gr-room[data-phone-room=landscape][data-phone-bars=hidden] :is(.gr-phone-view-row,.gr-phone-bar,.gr-phone-workbook-row){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room=landscape] :is(.gr-phone-view-row,.gr-phone-bar,.gr-phone-workbook-row){transition:none}}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both]:not([data-phone-stacked]):not([data-phone-recorder]) .gr-deck .gr-video-pane>.gr-phone-parts{order:2;width:100%;display:block}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both]:not([data-phone-stacked]):not([data-phone-recorder]) .gr-deck .gr-video-pane>.gr-phone-where{pointer-events:none;order:3;align-items:center;height:48px;margin-top:-48px;padding-top:0;display:flex}.practice-room.gr-room[data-phone-room=landscape][data-phone-side=both]:not([data-phone-stacked]) .gr-deck .gr-video-pane>.gr-video-frame{width:min(100cqw,(100cqh - 49px) * (var(--gr-video-ratio,16 / 9)))}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both]:not([data-phone-video=hidden]):not([data-phone-recorder]) .gr-deck .gr-video-pane>.gr-phone-parts{width:100%;display:block}.practice-room.gr-room[data-phone-room=landscape][data-phone-stacked][data-phone-side=both]:not([data-phone-video=hidden]):not([data-phone-recorder]) .gr-video-pane>:is(.gr-video-frame,.gr-playthrough-media){width:min(100%,88.8889cqh - 44.4444px);max-height:calc(50cqh - 25px)}.gr-room[data-phone-room=landscape] .gr-video-frame .gr-tip-overlay[data-position^=top]{top:calc(var(--gr-phone-top-h) - var(--gr-phone-frame,6px) + 4px)}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-overlay{top:calc(var(--gr-phone-top-h) - var(--gr-phone-frame,6px) + 4px);width:calc(100% - 12px);height:calc(100% - var(--gr-phone-top-h) - 4px);max-height:none;bottom:auto}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-overlay[data-position$=right]{right:6px}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-overlay[data-position$=left]{left:6px}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-bubble-wrap{pointer-events:none;flex-direction:row;align-items:flex-start;gap:6px;width:100%;height:100%;min-height:0}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-overlay[data-position$=right] .gr-tip-bubble-wrap{justify-content:flex-end}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame :is(.gr-tip-beacon,.gr-tip-glass){pointer-events:auto}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-beacon{flex:none;margin:0}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-glass{box-sizing:border-box;flex-direction:column;flex:1 1 0;min-width:0;max-height:100%;padding:5px 8px 6px 10px;display:flex;overflow:hidden}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-title-row{flex:none;align-items:center}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-glass h3{margin:0;font-size:14px;line-height:1.2}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-glass p{flex:0 auto;min-height:0;margin-top:2px;font-size:12px;line-height:1.35;overflow-y:auto}.gr-room[data-phone-room=landscape][data-phone-stacked] .gr-video-frame .gr-tip-glass .gr-tip-title-row button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;font-size:13px}.gr-room[data-phone-room=landscape] .gr-video-pane>.gr-phone-parts .gr-phone-part-chips{top:auto;bottom:100%;transform:translateY(4px)}.gr-room[data-phone-room=landscape] .gr-video-pane>.gr-phone-parts .gr-phone-part-chips[data-open=true]{transform:none}.gr-room[data-phone-room=landscape] .gr-video-pane>:is(.gr-phone-parts,.gr-phone-where){transition:opacity .3s,visibility linear}.gr-room[data-phone-room=landscape]:not([data-phone-bars=hidden]) .gr-video-pane>.gr-phone-where,.gr-room[data-phone-room=landscape][data-phone-bars=hidden] .gr-video-pane>.gr-phone-parts{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}@media (prefers-reduced-motion:reduce){.gr-room[data-phone-room=landscape] .gr-video-pane>:is(.gr-phone-parts,.gr-phone-where){transition:none}}.practice-room.gr-room[data-phone-room=landscape][data-phone-recorder]:not([data-phone-keyboard]) .gr-deck.gr-side:not(.gr-focus){box-sizing:border-box;padding-bottom:calc(var(--gr-phone-bar-h,52px) + env(safe-area-inset-bottom))}
.mpr-gate[data-room-size=tablet] :is(button,a[href]){min-width:var(--mpr-space-7);min-height:var(--mpr-space-7)}.practice-room.gr-room[data-room-size=tablet][data-phone-room]{--gr-phone-top-h:calc(var(--mpr-space-7) + var(--mpr-space-2) * 2);--gr-phone-bar-h:calc(var(--mpr-space-7) + var(--mpr-space-2) * 2)}.practice-room.gr-room[data-room-size=tablet][data-phone-room]:has(.gr-phone-bar):not([data-phone-keyboard]){bottom:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom))}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-deck.gr-side:not(.gr-focus){padding-top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top));container-type:size}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-keyboard] .gr-deck.gr-side:not(.gr-focus){padding-top:0}.practice-room.gr-room[data-room-size=tablet][data-phone-room] :is(button,a[href],input:not([type=hidden]),select,textarea,summary,[role=button],[role=slider],[role=switch]){box-sizing:border-box;touch-action:manipulation;min-width:var(--mpr-space-7)!important;min-height:var(--mpr-space-7)!important}.practice-room.gr-room[data-room-size=tablet][data-phone-room] :is(a[href],summary){align-items:center;display:inline-flex}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-view-row{grid-template-columns:repeat(6,minmax(var(--mpr-space-7),calc(var(--mpr-space-7) * 2)));justify-content:center;gap:var(--mpr-space-2)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-view-row>button{height:var(--mpr-space-7)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways){justify-content:center;gap:var(--mpr-space-2);padding-left:max(var(--mpr-space-4),env(safe-area-inset-left));padding-right:max(var(--mpr-space-4),env(safe-area-inset-right));display:flex}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar-context{display:contents}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar :is(.gr-phone-bar-tool,.gr-phone-bar-play,.gr-phone-bar-pill),.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar:not(.gr-phone-bar-sideways) :is(.gr-phone-bar-tool,.gr-phone-bar-play){flex:0 1 calc(var(--mpr-space-7) + var(--mpr-space-5));width:auto;height:var(--mpr-space-7);padding:0 var(--mpr-space-1);font:var(--mpr-type-label)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar>:is(.gr-phone-bar-sheet-button,[data-full-screen]){flex:0 1 calc(var(--mpr-space-7) + var(--mpr-space-5))}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-bar [data-phone-hide-bars]{display:none}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-workbook-row{width:min(calc(100% - var(--mpr-space-6)),calc(var(--mpr-space-7) * 15));height:auto;min-height:var(--gr-phone-bar-h);padding:var(--mpr-space-2);border:1px solid var(--mpr-panel-line);border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;margin-inline:auto;left:0;right:0}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-workbook-row>button{height:var(--mpr-space-7)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] :is(.gr-phone-view-row,.gr-phone-bar,.gr-phone-workbook-row),.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-bars=hidden] :is(.gr-phone-view-row,.gr-phone-bar,.gr-phone-workbook-row){opacity:1;visibility:visible;pointer-events:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room=portrait][data-phone-stacked]:not([data-phone-recorder]) .gr-video-pane{height:calc((100dvh - var(--gr-phone-top-h) - var(--gr-phone-bar-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .56 + var(--mpr-space-7));flex-direction:column;align-items:center;display:flex;container-type:size}.practice-room.gr-room[data-room-size=tablet][data-phone-room=portrait][data-phone-stacked]:not([data-phone-recorder]) .gr-video-pane>:is(.gr-video-frame,.gr-playthrough-media){width:min(100%,calc((100cqh - var(--mpr-space-7)) / 2 * 16 / 9));height:calc((100cqh - var(--mpr-space-7)) / 2);max-height:calc((100cqh - var(--mpr-space-7)) / 2);flex:none}.practice-room.gr-room[data-room-size=tablet][data-phone-room=portrait][data-phone-stacked] .gr-video-pane>.gr-phone-parts{align-self:stretch}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape][data-phone-side=both]:not([data-phone-video=hidden]):not([data-phone-keyboard]) .gr-deck.gr-side:not(.gr-focus){--gr-phone-frame:var(--mpr-space-2);padding-top:calc(var(--gr-phone-top-h) + env(safe-area-inset-top) + var(--gr-phone-frame))}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape] .gr-tabs-pane>.gr-score-panel-body{padding-bottom:0}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape][data-phone-page-open] .gr-tabs-pane:is([data-page=library],[data-page=progress],[data-page=notebook],[data-page=community],[data-page=tips])>.gr-score-panel-body{padding-top:0;padding-bottom:0}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape] .gr-tabs-pane[data-page=tabs] .gr-score-scroll{padding-bottom:var(--mpr-space-3)}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape] .gr-tabs-pane>.gr-phone-page-collapse{top:var(--mpr-space-2);opacity:1;visibility:visible;pointer-events:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape] .gr-video-pane>.gr-phone-parts{opacity:1;visibility:visible;pointer-events:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape] .gr-video-pane>.gr-phone-where{display:none}.practice-room.gr-room[data-room-size=tablet][data-phone-room=landscape][data-phone-recorder]:not([data-phone-keyboard]) .gr-deck.gr-side:not(.gr-focus){padding-bottom:0}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu{inset:calc(var(--gr-phone-top-h) + env(safe-area-inset-top) + var(--mpr-space-2)) 0 calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom) + var(--mpr-space-2));width:min(calc(100% - var(--mpr-space-6)),calc(var(--mpr-space-7) * 15));border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius);height:auto;box-shadow:var(--mpr-shadow-float);margin-inline:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu-body{padding:var(--mpr-space-5)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu::backdrop{background:color-mix(in srgb,var(--mpr-black) 45%,transparent)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet{top:auto;left:0;right:0;bottom:calc(var(--gr-phone-bar-h) + env(safe-area-inset-bottom));width:min(calc(100% - var(--mpr-space-6)),calc(var(--mpr-space-7) * 15));max-height:calc(100dvh - var(--gr-phone-top-h) - var(--gr-phone-bar-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--mpr-space-4));padding:var(--mpr-space-4) var(--mpr-space-5) var(--mpr-space-5);border:1px solid var(--mpr-brass-line);border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;margin-inline:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet h2{font:var(--mpr-type-title)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet .gr-phone-sheet-grab{height:var(--mpr-space-7);width:calc(var(--mpr-space-7) * 2);margin:calc(-1 * var(--mpr-space-4)) auto 0;background:0 0;position:relative}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet .gr-phone-sheet-grab:before{content:none}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet .gr-phone-sheet-grab:after{content:"";width:var(--mpr-space-6);height:var(--mpr-space-1);top:calc(50% - var(--mpr-space-1) / 2);left:calc(50% - var(--mpr-space-6) / 2);border-radius:var(--mpr-radius-full);background:color-mix(in srgb,var(--mpr-cream) 33%,transparent);position:absolute}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-seg>button{height:var(--mpr-space-7);padding-inline:var(--mpr-space-3);font:var(--mpr-type-ui)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-speed-row .gr-phone-seg>button{padding-inline:var(--mpr-space-1)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-part-chips>button{height:var(--mpr-space-7);line-height:normal}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-sheet-row>input.gr-volume-slider,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu .gr-phone-volume input.gr-volume-slider{height:var(--mpr-space-7)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-range-dialog{width:min(100%,calc(var(--mpr-space-7) * 15))}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-menu-options{width:min(calc(100% - var(--mpr-space-6)),calc(var(--mpr-space-7) * 12));right:var(--mpr-space-4)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gl-row-title{flex-wrap:wrap}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gl-row-title strong,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gl-row-title span,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gl-row-copy small{white-space:normal;overflow-wrap:anywhere;max-width:100%;overflow:visible}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-switch,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu .gr-phone-switch{width:calc(var(--mpr-space-7) + var(--mpr-space-2));height:var(--mpr-space-7);background:0 0}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-switch:before{content:"";inset:auto;top:var(--mpr-space-3);left:var(--mpr-space-1);width:var(--mpr-space-7);height:var(--mpr-space-5);border-radius:var(--mpr-radius-full);background:var(--mpr-panel-raised)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-switch[aria-checked=true]:before{background:var(--mpr-gold)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-switch:after,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu .gr-phone-switch:after{top:calc(var(--mpr-space-3) + var(--mpr-space-1) / 2);left:calc(var(--mpr-space-1) + var(--mpr-space-1) / 2);width:calc(var(--mpr-space-5) - var(--mpr-space-1));height:calc(var(--mpr-space-5) - var(--mpr-space-1))}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-switch[aria-checked=true]:after,.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-menu .gr-phone-switch[aria-checked=true]:after{left:calc(var(--mpr-space-5) + var(--mpr-space-1) + var(--mpr-space-1) / 2)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-tap .gr-phone-video-bar{left:var(--mpr-space-2);right:var(--mpr-space-2);bottom:var(--mpr-space-2);height:auto;min-height:calc(var(--mpr-space-7) + var(--mpr-space-2));gap:var(--mpr-space-2);padding:var(--mpr-space-1)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-tap .gr-phone-video-bar button{height:var(--mpr-space-7)}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-phone-tap .gr-phone-video-bar .gr-phone-video-speeds{grid-template-columns:repeat(4,var(--mpr-space-7));gap:var(--mpr-space-1);padding:var(--mpr-space-2);border-radius:var(--mpr-radius);display:grid}.practice-room.gr-room[data-room-size=tablet][data-phone-room] .gr-video-frame .gr-tip-overlay[data-position^=top]{top:var(--mpr-space-2)}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-stacked] .gr-video-frame .gr-tip-overlay{top:var(--mpr-space-2);height:calc(100% - var(--mpr-space-4))}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-stacked] .gr-video-frame .gr-tip-glass h3{font:var(--mpr-type-title-sm)}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-stacked] .gr-video-frame .gr-tip-glass p{font:var(--mpr-type-body)}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-keyboard] .gr-phone-bar{display:none}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-keyboard] .gr-phone-menu{top:var(--gr-phone-vv-top,0px);max-height:var(--gr-phone-vv-h,100dvh);height:var(--gr-phone-vv-h,100dvh);bottom:auto}.practice-room.gr-room[data-room-size=tablet][data-phone-room][data-phone-keyboard] .gr-phone-sheet{top:var(--gr-phone-vv-top,0px);max-height:var(--gr-phone-vv-h,100dvh);bottom:auto}