.gr-room .gr-tool-host.gr-floating.gr-notebook-floating{background:var(--mpr-panel);width:min(360px,100vw - 100px);max-width:360px;color:var(--mpr-paper);border:1px solid var(--mpr-brass-dim);border-radius:var(--mpr-radius);overflow:hidden}.gr-room .gr-notebook-floating .gr-drawer-heading{border-bottom:1px solid color-mix(in srgb,var(--mpr-brass-light) 13.33%,transparent);height:56px;padding:12px 18px}.gr-room .gr-notebook-floating .gr-drawer-heading h2{font:24px var(--mpr-font-heading);flex:1}.gr-room .gr-notebook-floating .gr-tool-content,.gr-room .gr-notebook-workpad .gr-tool-content{max-height:none;padding:0;overflow:hidden}.gr-room .gr-notebook-workpad{background:var(--mpr-paper);overflow:hidden}.gn-notebook{--gn-ink:var(--mpr-panel-raised);--gn-muted:var(--mpr-brass-dim);--gn-line:color-mix(in srgb,var(--mpr-brass-line) 16.86%,transparent);background:var(--mpr-paper);color:var(--gn-ink);flex-direction:column;height:100%;min-height:0;display:flex}.gn-notebook.gn-dark{--gn-ink:var(--mpr-paper);--gn-muted:var(--mpr-muted);--gn-line:color-mix(in srgb,var(--mpr-paper-line) 16.86%,transparent);background:linear-gradient(140deg,var(--mpr-panel-raised),var(--mpr-panel));height:454px}.gn-top{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:10px 22px;display:flex}.gn-top>strong{font:20px var(--mpr-font-heading);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.gn-dark .gn-top>strong{font-size:18px}.gn-nav{flex-shrink:0;gap:3px;display:flex}.gr-room .gr-tool-host .gn-notebook button{color:var(--gn-ink);box-shadow:none;min-height:34px;font:13px var(--mpr-font-sans);background:0 0;border:0;border-radius:6px;padding:7px 9px}.gr-room .gr-tool-host .gn-notebook button[aria-pressed=true]{background:color-mix(in srgb,var(--mpr-brass-line) 16.86%,transparent);box-shadow:inset 0 -2px var(--mpr-brass-line);color:var(--gn-ink)}.gn-nav button{width:34px}.gn-content{flex:1;min-height:0;padding:0 22px;overflow:auto}.gn-pagebar{align-items:center;gap:6px;height:44px;margin-bottom:8px;display:flex}.gr-room .gr-tool-host .gn-notebook .gn-pagebar select{min-width:0;color:var(--gn-ink);font:16px var(--mpr-font-heading);background:0 0;border:0;flex:1;padding:8px 0}.gn-pagebar option{color:var(--mpr-panel-raised);background:var(--mpr-paper)}.gr-room .gr-tool-host .gn-notebook .gn-writing{box-sizing:border-box;box-shadow:none;resize:none;width:100%;height:100%;min-height:180px;color:var(--gn-ink);font:16px/30px var(--mpr-font-heading);background:repeating-linear-gradient(transparent 0px,transparent 29px,var(--gn-line) 29px,var(--gn-line) 30px);border:0;border-radius:0;padding:7px 0}.gn-content:has(.gr-notebook-notes){overflow:hidden}.gn-notebook .gr-notebook-notes{flex-direction:column;gap:0;height:100%;display:flex}.gn-notebook .gn-writing{flex:1;min-height:0}.gn-footer{border-top:1px solid var(--gn-line);height:38px;font:12px var(--mpr-font-sans);color:var(--gn-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 22px;display:flex}.gr-room .gr-tool-host .gn-notebook .gn-footer button{min-height:24px;padding:2px 5px;font-size:12px;text-decoration:underline}.gn-notebook .gr-moment-row,.gn-notebook .gr-recording-row{border:0;border-bottom:1px solid var(--gn-line);background:0 0;align-items:center;gap:8px;min-height:60px;padding:14px 0;display:flex}.gr-room .gr-tool-host .gn-notebook .gr-moment-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:5px 0;display:flex}.gn-notebook .gr-moment-open>span{font:17px var(--mpr-font-heading);overflow-wrap:anywhere}.gn-notebook .gr-moment-open time{font:12px var(--mpr-font-heading);color:var(--gn-ink);background:color-mix(in srgb,var(--mpr-brass-line) 13.33%,transparent);border-radius:6px;flex-shrink:0;padding:8px}.gr-room .gr-tool-host .gn-notebook small,.gr-room .gr-tool-host .gn-notebook .gr-recordings-storage{color:var(--gn-muted);opacity:1;font-size:12px}.gn-notebook .gr-recording-open strong{font:17px var(--mpr-font-heading)}.gn-notebook .gr-recording-description{font:12px var(--mpr-font-heading);color:var(--gn-muted)}.gn-notebook .gr-moment-empty{font:15px/1.6 var(--mpr-font-heading);color:var(--gn-muted);padding:22px 0}.gn-notebook .gr-recordings-storage{margin:5px 0 12px;line-height:1.5}.gn-collection .gn-top{flex-shrink:0;min-height:88px}.gr-room .gr-workpad-dividers .gr-divider[data-page=notebook][data-active=true]{background:var(--mpr-paper);border-color:var(--mpr-paper-line)}.gr-room .gr-workpad-dividers .gr-divider[data-page=notebook][data-active=true] button{color:var(--mpr-panel-selected)}.gn-collection h2{font:26px var(--mpr-font-heading);margin:0 0 6px}.gn-collection .gn-top button{align-items:center;gap:6px;display:flex}.gn-filters{border-bottom:1px solid var(--gn-line);flex-wrap:wrap;flex-shrink:0;gap:4px;padding:0 18px 12px;display:flex}.gr-room .gr-tool-host .gn-collection .gn-filters button[aria-pressed=true]{background:var(--mpr-panel-raised);color:var(--mpr-paper);box-shadow:inset 0 1px var(--mpr-sage)}.gr-room .gr-tool-host .gn-notebook button:hover{background:color-mix(in srgb,var(--mpr-brass-line) 13.33%,transparent)}.gr-room .gn-notebook button:focus-visible{outline:2px solid var(--mpr-brass-line);outline-offset:2px}.gn-notebook button:disabled{opacity:.35;cursor:default}.gr-room .gr-tool-host .gn-notebook .gn-writing::placeholder{color:var(--gn-muted);opacity:1}.gs,.gs-sheet{--pr-muted:var(--mpr-ink-muted)}.gs{--gs-line:color-mix(in srgb,var(--mpr-paper-line) 53.33%,transparent);background:var(--mpr-paper);color:var(--mpr-panel);font:15px/1.4 var(--mpr-font-sans);box-sizing:border-box}.gs *{box-sizing:border-box}body .gr-room .gs button{border-radius:var(--mpr-radius);min-height:0;color:inherit;font:inherit;box-shadow:none;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin:0;padding:0}body .gr-room .gs button:hover{background:0 0}body .gr-room .gs button:disabled{opacity:.4;cursor:default}body .gr-room .gs :is(button,input,textarea,a):focus-visible{outline:2px solid var(--mpr-brass-deep);outline-offset:2px}body .gr-room .gs :is(input:not([type=range]):not([type=checkbox]),textarea){width:var(--f-w,100%);height:var(--f-h,auto);min-height:var(--f-min,0);margin:var(--f-margin,0);padding:var(--f-pad,0 12px);border-style:solid;border-width:var(--f-bw,1px);border-color:var(--f-bc,var(--mpr-paper-line));border-radius:var(--f-radius,var(--mpr-radius));font:var(--f-font,15px/1.4 var(--mpr-font-sans));text-align:var(--f-align,left);resize:var(--f-resize,vertical);box-shadow:none;display:block;background:var(--f-bg,var(--mpr-paper-raised))!important;color:var(--mpr-panel)!important}body .gr-room .gs :is(input,textarea)::placeholder{color:var(--mpr-ink-muted);opacity:1}body .gr-room .gs :is(input,textarea):focus{border-color:var(--f-fc,var(--mpr-brass-deep));outline:none}.gs h2{font:400 30px/36px var(--mpr-font-heading);overflow-wrap:anywhere;margin:0}.gs-eyebrow{font:600 12px/16px var(--mpr-font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mpr-ink-muted);display:block}body .gs-sheet.gr-moment-dialog label>span{color:var(--mpr-ink-muted)}.gs-muted,.gs-artist{color:var(--mpr-ink-muted);font-size:13px;line-height:18px}.gs-artist{font-size:14px}.gs-tools{align-items:center;gap:10px;display:flex}.gs-search-field{flex:1;min-width:0;position:relative}.gs-search-field svg{width:17px;height:17px;color:var(--mpr-ink-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gs-search{--f-h:40px;--f-pad:0 12px 0 38px}.gs-collapsed>.gs-search{--f-pad:0 12px;--f-margin:0 16px 10px;--f-w:calc(100% - 32px);flex-shrink:0}.gs-segment{border-radius:var(--mpr-radius);background:var(--mpr-paper);box-shadow:inset 0 0 0 1px var(--mpr-paper-line);flex-shrink:0;gap:2px;padding:2px;display:flex}body .gr-room .gs .gs-segment button{height:34px;color:var(--mpr-ink-muted);padding:0 12px;font-size:14px;font-weight:500}body .gr-room .gs .gs-segment button:hover{background:var(--mpr-cream)}body .gr-room .gs .gs-segment button[aria-checked=true]{background:var(--mpr-panel);color:var(--mpr-cream)}.gs-filters{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}body .gr-room .gs .gs-filters button{border-radius:var(--mpr-radius-full);height:36px;box-shadow:inset 0 0 0 1px var(--mpr-paper-line);align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;display:flex}body .gr-room .gs .gs-filters button:hover{background:var(--mpr-cream)}body .gr-room .gs .gs-filters button[aria-checked=true]{background:var(--mpr-panel);color:var(--mpr-cream);box-shadow:none}.gs-filters svg{width:16px;height:16px}.gs-count{font-variant-numeric:tabular-nums;font-size:12px}.gs-scope{color:var(--mpr-ink-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.gs-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px;display:flex;overflow:auto}.gs-row{border-radius:var(--mpr-radius);align-items:center;gap:2px;display:flex}body .gr-room .gs .gn-saved-open{text-align:left;white-space:normal;flex:1;align-items:center;gap:14px;min-width:0;min-height:64px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #0000}body .gr-room .gs .gn-saved-open:hover{background:var(--mpr-paper-raised)}body .gr-room .gs .gn-saved-open[aria-pressed=true]{background:var(--mpr-paper-raised);box-shadow:inset 0 0 0 1px var(--mpr-brass-deep)}.gs-kind{border-radius:var(--mpr-radius);background:var(--mpr-cream);width:40px;height:40px;color:var(--mpr-brass-deep);flex-shrink:0;justify-content:center;align-items:center;display:flex}.gs-kind svg{width:19px;height:19px}.gn-saved-open[aria-pressed=true] .gs-kind{background:var(--mpr-panel);color:var(--mpr-cream)}.gs-row-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gs-row-copy strong{font:400 17px/22px var(--mpr-font-heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gs-row-copy small{color:var(--mpr-ink-muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.gs-row-copy em{font:italic 14px/20px var(--mpr-font-heading);color:var(--mpr-ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gs-tag{font:600 11px/16px var(--mpr-font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mpr-brass-deep);border:1px solid var(--mpr-brass-deep);border-radius:var(--mpr-radius-full);flex-shrink:0;padding:0 7px}.gs-pinned{border-bottom:1px solid var(--gs-line);margin-bottom:2px;padding-bottom:6px}.gs-empty{color:var(--mpr-ink-muted);margin:0;padding:20px 12px;font-size:14px;line-height:21px}.gs-guide{flex-direction:column;gap:14px;padding:20px 8px;display:flex}.gs-guide h3{font:400 22px/28px var(--mpr-font-heading);margin:0}.gs-guide p{color:var(--mpr-ink-muted);margin:0;font-size:14px;line-height:21px}.gs-guide>div{align-items:flex-start;gap:14px;display:flex}.gs-guide>div>span:last-child{flex-direction:column;gap:2px;font-size:15px;font-weight:600;display:flex}.gs-guide small{color:var(--mpr-ink-muted);font-size:13px;font-weight:400;line-height:18px}.gs-footer{border-top:1px solid var(--mpr-paper-line);color:var(--mpr-ink-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:13px;line-height:18px;display:flex}body .gr-room .gs .gs-link{color:var(--mpr-panel);text-decoration:underline}body .gr-room .gs :is(.gs-primary,.gs-outline,.gs-danger,.gs-quiet){align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}body .gr-room .gs .gs-primary{background:var(--mpr-panel);color:var(--mpr-cream)}body .gr-room .gs .gs-primary:hover{background:var(--mpr-panel-raised)}body .gr-room .gs .gs-outline{box-shadow:inset 0 0 0 1px var(--mpr-ink-muted);color:var(--mpr-panel);border-radius:var(--mpr-radius)}body .gr-room .gs .gs-outline:hover{background:var(--mpr-cream)}body .gr-room .gs .gs-danger{height:36px;color:var(--mpr-danger);margin-left:auto;padding:0 12px}body .gr-room .gs .gs-danger:hover{background:var(--mpr-cream-strong)}body .gr-room .gs .gs-quiet{height:36px;padding:0 10px}body .gr-room .gs .gs-quiet:hover,body .gr-room .gs .gs-icon:hover{background:var(--mpr-cream)}body .gr-room .gs .gs-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}body .gr-room .gs .gs-icon[aria-pressed=true]{background:var(--mpr-cream)}.gs :is(.gs-primary,.gs-outline,.gs-danger,.gs-quiet,.gs-icon) svg{width:18px;height:18px}.gs-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.gs-actions .gs-primary:last-child{margin-left:auto}.gs-field{flex-direction:column;gap:6px;min-width:0;display:flex}.gs-grow{flex:1;min-height:0}.gs-input{--f-h:40px}textarea.gs-input{--f-h:auto;--f-pad:10px 12px}.gs-pair{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.gs-readonly{height:40px;color:var(--mpr-ink-muted);align-items:center;font-size:15px;display:flex}.gs-error{color:var(--mpr-danger);font-size:13px}.gs-lined{--f-min:96px;--f-bw:0;--f-radius:0;--f-pad:0;--f-resize:none;--f-bg:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--gs-line) 31px,var(--gs-line) 32px) local;--f-font:17px/32px var(--mpr-font-heading);flex:1}.gs-detail>.gs-lined{--f-min:240px}.gs-title-input{--f-bw:0 0 1px;--f-bc:transparent;--f-radius:0;--f-pad:0;--f-bg:transparent;--f-font:400 30px/38px var(--mpr-font-heading)}.gs-title-input:hover{--f-bc:var(--mpr-paper-line)}.gs-stepper{border:1px solid var(--mpr-paper-line);border-radius:var(--mpr-radius);background:var(--mpr-paper-raised);align-items:center;width:max-content;display:flex}body .gr-room .gs .gs-stepper button{width:36px;height:38px;font-size:18px}body .gr-room .gs .gs-stepper button:hover:not(:disabled){background:var(--mpr-cream)}body .gr-room .gs .gs-stepper[data-compact] button{width:30px}.gs-stepper input{--f-w:44px;--f-h:38px;--f-pad:0;--f-bw:0;--f-bg:transparent;--f-align:center;--f-font:500 15px/1 var(--mpr-font-sans);font-variant-numeric:tabular-nums}.gs-stepper[data-compact] input{--f-w:36px}.gs-bars-fields{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:16px 20px;display:flex}.gs-loop{flex-direction:column;gap:6px;display:flex}.gs-loop>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}body .gr-room .gs .gs-switch{align-items:center;gap:8px;height:38px;padding:0 4px;font-size:14px;display:flex}.gs-switch>span{border-radius:var(--mpr-radius-full);background:var(--mpr-paper-line);width:36px;height:20px;transition:background .15s;position:relative}.gs-switch>span>i{background:var(--mpr-paper-raised);border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.gs-switch[aria-checked=true]>span{background:var(--mpr-brass-deep)}.gs-switch[aria-checked=true]>span>i{left:18px}.gs-video{border-radius:var(--mpr-radius);background:var(--mpr-panel);height:270px;color:var(--mpr-cream);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gs-video[data-audio]{height:auto;padding:24px 16px}.gs-video video{object-fit:contain;background:var(--mpr-black);width:100%;height:100%}.gs-video audio{width:100%}.gs-video p{margin:0;font-size:14px}.gs-bars{border-radius:var(--mpr-radius);background:var(--mpr-paper-raised);max-height:300px;box-shadow:inset 0 0 0 1px var(--mpr-paper-line);flex-shrink:0;overflow:auto}.gs-split{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.gs-ribbon{gap:3px;height:24px;display:flex;position:relative}.gs-ribbon>span{background:var(--mpr-cream);min-width:0;color:var(--mpr-ink-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:0 6px;font-size:11px;line-height:24px;overflow:hidden}.gs-ribbon>span[data-in=true]{background:var(--mpr-brass);color:var(--mpr-panel)}.gs-ribbon>i{border:2px solid var(--mpr-brass-deep);background:color-mix(in srgb,var(--mpr-brass-deep) 20%,transparent);pointer-events:none;border-radius:4px;min-width:4px;position:absolute;top:-3px;bottom:-3px}.gs-spread{height:100%;min-height:0;position:relative}.gs-page{flex-direction:column;gap:16px;min-height:0;display:flex}.gs-page>.gs-head{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.gs-title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.gs-page>.gs-item-head{flex-direction:row;align-items:flex-start;gap:16px}.gs-item-head>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.gs-toast{z-index:5;border-radius:var(--mpr-radius);background:var(--mpr-panel);max-width:calc(100% - 32px);color:var(--mpr-cream);box-shadow:0 3px 10px color-mix(in srgb,var(--mpr-black) 20%,transparent);align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:14px;line-height:20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.gs-toast>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body .gr-room .gs .gs-toast button{height:32px;color:var(--mpr-brass);padding:0 12px;font-weight:600}body .gr-room .gs .gs-toast button:hover{background:var(--mpr-panel-raised)}.gs-collapsed{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.gr-room .gs-collapsed>.gs-head{justify-content:flex-start;align-items:flex-end;gap:4px;min-height:0;padding:18px 12px 12px 20px;display:flex}.gs-collapsed>.gs-head>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gs-collapsed>.gs-head h2{white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:30px;overflow:hidden}.gs-collapsed>.gs-filters,.gs-collapsed>.gs-scope{padding:0 16px 10px}.gs-collapsed>.gs-list{border-top:1px solid var(--mpr-paper-line);padding:6px 8px 8px}.gs-collapsed .gs-kind{width:36px;height:36px}body .gr-room .gs-collapsed .gn-saved-open{gap:12px;min-height:60px;padding:8px}body .gr-room .gs .gn-saved-edit{width:40px;height:40px;color:var(--mpr-ink-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}body .gr-room .gs .gn-saved-edit:hover{background:var(--mpr-cream);color:var(--mpr-panel)}.gn-saved-edit svg{width:18px;height:18px}.gs-collapsed>.gs-footer{padding:10px 20px 12px}.gs-collapsed .gs-toast{bottom:52px}.gs-scrim{z-index:6;background:color-mix(in srgb,var(--mpr-panel) 25.1%,transparent);position:absolute;inset:0}.gr-room .gs .gs-sheet{z-index:7;border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;background:var(--mpr-paper-raised);width:auto;max-width:none;max-height:86%;color:var(--mpr-panel);box-shadow:0 -8px 24px color-mix(in srgb,var(--mpr-black) 20%,transparent);border:0;margin:0;padding:16px 20px;position:absolute;inset:auto 0 0;overflow:auto}.gr-room .gs .gs-sheet[hidden]{display:none}.gs-sheet form{flex-direction:column;gap:14px;display:flex}.gs-sheet header,.gs-sheet footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.gs-sheet footer{border-top:1px solid var(--mpr-paper-line);padding-top:10px}body .gr-room .gs .gs-sheet .gs-primary{height:36px}.gs-sheet .gs-input{--f-bg:var(--mpr-paper)}.gs-sheet .gs-lined{--f-min:224px;--f-bg:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--gs-line) 27px,var(--gs-line) 28px) local;--f-font:16px/28px var(--mpr-font-heading)}@media (max-width:699px){.gs-pair{grid-template-columns:1fr}.gs-video{height:200px}.gs-tools{flex-wrap:wrap}}.gs-video:has(>video){aspect-ratio:16/9;width:min(100%,480px);height:auto;margin-inline:auto}@media (max-width:699px){.gs-video:has(>video){width:min(100%,355.556px)}}
.practice-room{--pr-bg:var(--cream);--pr-surface:var(--cream-2);--pr-paper:var(--cream-2);--pr-text:var(--ink);--pr-muted:var(--muted);--pr-line:var(--line);--pr-accent:var(--ink);--pr-selected:var(--paper);width:100%;max-width:1800px;color:var(--pr-text);background:var(--pr-bg);margin:auto;padding:18px 26px 8px;font-size:14px}.practice-room button,.practice-room input,.practice-room select,.practice-room textarea{font:inherit;color:inherit;max-width:100%}.practice-room button,.practice-room input,.practice-room select{border:1px solid var(--pr-line);border-radius:var(--mpr-radius);background:var(--pr-surface);min-width:0;padding:7px 10px}.practice-room button:hover,.practice-room button[aria-pressed=true],.practice-room button[aria-expanded=true]{background:var(--pr-selected);border-color:var(--pr-accent)}.practice-room button:disabled{opacity:.5;cursor:default}.practice-room :focus-visible{outline:2px solid var(--pr-accent);outline-offset:3px}.practice-room small{color:var(--pr-muted);font-size:12px}.practice-room [hidden]{display:none!important}.practice-room h2{font-size:20px;font-weight:600}.practice-room a{text-underline-offset:3px;text-decoration:underline}.pr-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pr-heading h1{font-family:var(--mpr-font-heading);margin-top:4px;font-size:36px;font-weight:600;line-height:1.1}.pr-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600}.pr-review{border:1px solid var(--pr-line);border-radius:var(--mpr-radius);padding:6px 10px;font-size:12px}.pr-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.pr-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pr-spread{justify-content:space-between}.pr-song{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.pr-song strong{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.pr-stage{height:calc(100dvh - 275px);min-height:470px;position:relative}.pr-grid{height:100%;margin:-5px;position:relative}.pr-pane{border:1px solid var(--pr-line);border-radius:var(--mpr-radius);background:var(--pr-surface);min-width:0;min-height:0;box-shadow:0 3px 9px color-mix(in srgb,var(--mpr-green-deep) 9.41%,transparent);grid-template-rows:37px minmax(0,1fr);display:grid;position:absolute;container-type:size}.pr-pane-head{border-bottom:1px solid var(--pr-line);border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;background:var(--pr-surface);align-items:center;gap:4px;padding:3px 6px;display:flex}.pr-pane-head select{background:0 0;border:0;flex:1;min-width:0;padding:3px;font-weight:600}.pr-pane-head button{background:0 0;border:0;padding:2px 7px;font-size:18px}.pr-content{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden}.pr-video{background:var(--night);border-radius:var(--mpr-radius);min-height:0;color:var(--cream);flex:1;display:flex;position:relative}.pr-youtube{width:100%;height:100%;position:absolute;inset:0}.pr-youtube iframe{border:0;width:100%;height:100%}.pr-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;min-height:0;display:flex}.pr-center p{max-width:340px}.pr-video .pr-center{padding:14px}.pr-video small{color:inherit}.pr-chip{background:var(--pr-selected);border-radius:var(--mpr-radius);padding:3px 8px;font-size:12px}.pr-score{flex:1;grid-template-columns:1fr 1fr;align-content:center;width:100%;min-height:88px;max-height:200px;margin:auto 0;display:grid}.pr-score>div{background:var(--pr-paper);border-right:1px solid var(--pr-line);padding:8px}.pr-score .current{background:var(--pr-selected)}.pr-string{background:linear-gradient(var(--pr-line), var(--pr-line)) center/100% 1px no-repeat;justify-content:space-around;align-items:center;height:17px;font-family:monospace;display:flex}.pr-string span{background:var(--pr-paper);padding:0 3px}.pr-content-notebook{background:var(--pr-paper);border-left:6px solid var(--pr-accent);border-radius:0 0 var(--mpr-radius) 0}.pr-paper{resize:none;background:repeating-linear-gradient(transparent 0, transparent 25px, var(--pr-line) 25px, var(--pr-line) 26px);border:0;flex:1;min-height:50px;padding:5px 10px;line-height:26px}.pr-check{align-items:center;gap:5px;font-size:12px;display:flex}.pr-bpm{text-align:center;width:76px;font-size:23px!important}.pr-beats{gap:12px;display:flex}.pr-beats i{background:var(--pr-line);border-radius:50%;width:15px;height:15px}.pr-beats i.on{background:var(--pr-accent)}.pr-note{font-size:42px;line-height:1}.pr-meter{background:linear-gradient(90deg, var(--pr-bg), var(--pr-selected), var(--pr-bg));border-radius:var(--mpr-radius);width:min(80%,350px);height:24px;position:relative}.pr-meter:before{content:"";border-left:1px solid var(--pr-line);height:100%;position:absolute;left:50%}.pr-meter i{background:var(--pr-accent);width:3px;height:100%;position:absolute}.pr-pattern{background:var(--pr-paper);padding:14px;font-size:16px;line-height:2}.pr-recorder{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.pr-recorder input{flex:1;min-width:90px}.pr-recording{object-fit:contain;background:var(--night);max-width:100%;min-height:0;max-height:calc(100% - 95px)}.pr-recorder audio{max-width:100%;height:32px;min-height:32px}.pr-take{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex}.pr-take .pr-recording{flex:1;min-height:0}.pr-take a{font-size:12px}.pr-status{height:38px;color:var(--pr-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.pr-status>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pr-status>small{white-space:nowrap}.pr-status button{white-space:nowrap;padding:3px 8px}.pr-mobile{display:none}.pr-popover{z-index:100;background:var(--pr-surface);border:1px solid var(--pr-line);box-shadow:0 10px 40px color-mix(in srgb,var(--mpr-panel) 20.78%,transparent);border-radius:var(--mpr-radius);flex-direction:column;gap:12px;width:430px;max-width:calc(100% - 10px);max-height:100%;padding:18px;display:flex;position:absolute;top:0;left:0;overflow:auto}.pr-popover h2{font-size:18px}.pr-popover p{color:var(--pr-muted);font-size:13px}.pr-layouts{grid-template-columns:1fr 1fr;gap:7px;display:grid}.pr-layouts>button{text-align:left;align-items:center;gap:8px;padding:6px;font-size:12px;display:flex}.pr-layout-mini{flex-shrink:0;width:52px;height:34px;position:relative}.pr-layout-mini i{background:var(--pr-accent);border-radius:2px;position:absolute}.pr-layouts~form input{flex:1;width:220px}.pr-tool-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pr-tool-list button{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.pr-tool-list small{font-size:12px;line-height:1.4}.pr-songs{flex-direction:column;gap:6px;display:flex}.pr-library-song{gap:5px;display:flex}.pr-library-song>button:first-child{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pr-library-song strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.pr-library-song small{font-size:12px}.pr-remove{flex-shrink:0;position:relative}.pr-remove-options{z-index:80;background:var(--pr-surface);border:1px solid var(--pr-line);border-radius:var(--mpr-radius);width:190px;box-shadow:0 5px 20px color-mix(in srgb,var(--mpr-black) 13.33%,transparent);padding:6px;display:none;position:absolute;top:100%;right:0}.pr-remove-options button{text-align:left;white-space:nowrap;width:100%;padding:9px;font-size:12px;display:block}.pr-remove:hover .pr-remove-options,.pr-remove:focus-within .pr-remove-options,.pr-remove.pr-pinned .pr-remove-options{display:block}.pr-pane.pr-merging{z-index:60}.pr-pane:has(.pr-remove:hover){z-index:60}.pr-pane:has(.pr-remove:focus-within){z-index:60}.pr-merge-preview{z-index:50;pointer-events:none;border:3px solid var(--pr-accent);background:color-mix(in srgb,var(--mpr-brass) 25.1%,transparent);border-radius:var(--mpr-radius);position:absolute}.pr-expanded .pr-is-expanded{width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;top:5px!important;left:5px!important}.pr-dock{z-index:70;border-radius:var(--mpr-radius);background:color-mix(in srgb,var(--mpr-cream-strong) 86.67%,transparent);grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;place-items:center;gap:4px;padding:8px;display:grid;position:absolute;inset:0}.pr-dock:before{content:"";pointer-events:none;border:2px dashed var(--pr-accent);background:color-mix(in srgb,var(--mpr-brass) 21.96%,transparent);border-radius:6px;position:absolute;inset:3px}.pr-dock[data-zone=left]:before{right:50%}.pr-dock[data-zone=right]:before{left:50%}.pr-dock[data-zone=top]:before{bottom:50%}.pr-dock[data-zone=bottom]:before{top:50%}.pr-zone{z-index:1;position:relative;padding:6px!important;font-size:12px!important}.pr-zone-top{grid-area:1/2}.pr-zone-left{grid-area:2/1}.pr-zone-center{grid-area:2/2}.pr-zone-right{grid-area:2/3}.pr-zone-bottom{grid-area:3/2}.pr-loading{text-align:center;padding:60px}@container (max-height:330px){.pr-content{gap:5px;padding:8px}.pr-center{gap:6px}.pr-note{font-size:28px}.pr-score{min-height:75px}.pr-string{height:13px}.pr-content small{font-size:12px}.pr-content h2{font-size:18px}.pr-content button{padding:4px 7px}.pr-meter{height:16px}.pr-center .pr-eyebrow{display:none}.pr-recorder{gap:4px}.pr-take{gap:3px}}@media (min-width:1800px){.pr-stage{max-height:1000px}}@media (max-width:760px){.practice-room{padding:14px 12px 6px}.pr-heading h1{font-size:28px}.pr-review{font-size:12px}.pr-toolbar{flex-wrap:wrap;gap:7px}.pr-toolbar button{padding:6px 8px}.pr-song{order:3;align-items:flex-start;width:100%}.pr-song strong{max-width:100%}.pr-mobile{gap:5px;padding:4px 0 9px;display:flex;overflow:auto}.pr-mobile button{white-space:nowrap;font-size:12px}.pr-stage{height:calc(100dvh - 330px);min-height:440px}.pr-pane{display:none;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;top:5px!important;left:5px!important}.pr-pane.pr-mobile-active,.pr-pane.pr-is-expanded{display:grid}.pr-status>small{display:none}.pr-heading{gap:5px}.pr-eyebrow{font-size:12px}.pr-popover{padding:12px}.pr-merge-preview{display:none}.pr-content{padding:10px}.pr-remove-options{width:180px}}@media (prefers-reduced-motion:reduce){.practice-room *{scroll-behavior:auto;transition:none!important;animation:none!important}}.practice-room .pr-heading h1{color:var(--pr-text)}.pr-stage{height:calc(100dvh - 300px)}@media (max-width:760px){.pr-stage{height:calc(100dvh - 330px)}.practice-room{flex-direction:column;height:calc(100dvh - 82px);margin:0;display:flex}.pr-stage{flex:1;height:auto;min-height:280px}.pr-heading{flex-shrink:0;margin-bottom:10px}.pr-heading h1{white-space:nowrap;font-size:27px}.pr-heading .pr-eyebrow{display:none}.pr-review{max-width:100px;padding:4px 7px;font-size:12px}.pr-toolbar,.pr-mobile,.pr-status{flex-shrink:0}.pr-toolbar{margin-bottom:4px}.pr-song{gap:1px}.pr-mobile{padding:4px 0}.pr-content .pr-center{gap:8px}.pr-content h2{font-size:19px}}.practice-room{flex-direction:column;height:calc(100dvh - 100px);margin:0 auto;padding-top:12px;display:flex}.pr-stage{flex:1;height:auto;min-height:0}.pr-toolbar,.pr-status,.pr-mobile{flex-shrink:0}.pr-toolbar-left,.pr-toolbar-right{align-items:center;gap:14px;min-width:0;display:flex}.pr-toolbar-right{margin-left:auto}.pr-song{align-items:flex-start;gap:0}.pr-song strong{font-size:18px;font-family:var(--mpr-font-heading)}.pr-song small{font-size:12px}.pr-toolbar-right>select{max-width:170px}.pr-tools,.pr-layout{left:auto;right:0}.pr-video-select{justify-content:space-between;align-items:center;gap:10px;display:flex}.pr-video-select>select{max-width:60%;font-weight:600}.pr-video-select small{white-space:nowrap}.pr-content-lesson .pr-video{min-height:100px}.pr-mux{--media-object-fit:contain;width:100%;height:100%}.pr-library-song{border-bottom:1px solid var(--pr-line);flex-direction:column;padding:9px 0;display:flex}.pr-library-song .pr-row>button:first-child{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.pr-library-videos{grid-template-columns:minmax(0,1fr) 65px auto;gap:5px;display:grid}.pr-library-videos select,.pr-library-videos input,.pr-library-videos button{padding:6px;font-size:12px}.pr-library-videos input{width:65px}.pr-binder{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;position:relative}.pr-binder-tabs{border-bottom:1px solid var(--pr-line);flex-shrink:0;gap:4px;min-height:34px;padding:0 2px;display:flex;overflow-x:auto}.pr-binder-tabs button{white-space:nowrap;border-radius:var(--mpr-radius) var(--mpr-radius) 0 0;background:var(--paper);border-bottom:0;padding:6px 12px;font-size:12px}.pr-binder-tabs button[aria-selected=true]{background:var(--cream-2);box-shadow:inset 0 3px var(--gold)}.pr-binder-body{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.pr-binder-body>.pr-row{font-size:12px}.pr-binder-body>.pr-row>button{padding:3px 6px;font-size:12px}.pr-tab-editor{z-index:9;background:var(--cream-2);border:1px solid var(--line);box-shadow:0 6px 25px color-mix(in srgb,var(--mpr-black) 13.33%,transparent);flex-wrap:wrap;align-items:end;gap:8px;padding:15px;display:flex;position:absolute;inset:38px 8px auto}.pr-tab-editor label{flex-direction:column;flex:1;gap:5px;display:flex}.pr-mark-form{grid-template-columns:minmax(0,1fr) 70px;gap:6px;display:grid}.pr-mark-form input,.pr-mark-form select,.pr-mark-form button{padding:5px;font-size:12px}.pr-marks{flex-direction:column;gap:5px;min-height:0;display:flex;overflow:auto}.pr-marks>button{text-align:left;flex-direction:column;align-items:flex-start;font-size:12px;display:flex}.pr-content-notebook{border-left-color:var(--gold)}.pr-content .pr-center h2{color:inherit}.practice-library-action{align-items:center;gap:12px;margin-top:10px;display:flex;position:relative}.practice-library-action a{font-size:13px;text-decoration:underline}.practice-library-action [role=status]{z-index:5;background:var(--cream-2);font-size:12px;position:absolute;top:100%;left:0}@media (max-width:760px){.practice-room{height:calc(100dvh - 82px)}.pr-toolbar{flex-wrap:wrap}.pr-toolbar-left{gap:9px;width:100%}.pr-toolbar-right{justify-content:flex-end;gap:6px;width:100%;margin:0}.pr-song{order:0;width:auto}.pr-song strong{white-space:normal;font-size:17px;line-height:1.15}.pr-toolbar-right>select{max-width:140px}.pr-stage{height:auto;min-height:0}.pr-video-select{flex-wrap:wrap;gap:4px}.pr-video-select small{font-size:12px}.pr-content-lesson .pr-video{min-height:80px}}
