@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}.fretboard-dot{position:relative}.fretboard-dot[data-shape=square]{border-radius:7px!important}.fretboard-dot[data-shape=diamond]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:5px!important}.fretboard-dot[data-shape=ring]{box-shadow:inset 0 0 0 4px;background:var(--paper,#fffdf8)!important}.fretboard-dot[data-shape=target]{box-shadow:0 0 0 3px var(--paper,#fffdf8), 0 0 0 6px #17130f}.fretboard-dot[data-emphasized=true]{outline-offset:4px;filter:drop-shadow(0 0 7px #b981006b);outline:4px solid #b98100}.fretboard-dot[data-shape=target][data-emphasized=true]{outline-offset:9px}.scale-annotation-controls{border-top:1px solid #b9810033;flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:8px;padding-top:8px;display:flex}.scale-annotation-controls label{color:#8f6500;letter-spacing:.12em;text-transform:uppercase;gap:5px;min-width:150px;font-size:10px;font-weight:800;display:grid}.scale-annotation-controls select{color:#17130f;background:#fffdf8;border:1px solid #b9810059;border-radius:9px;min-height:38px;padding:0 10px;font:700 12px/1 Inter,sans-serif}.scale-annotation-controls button[data-active=true]{color:#17130f;background:#17130f14;border-color:#17130f}.scale-arrow-list{background:#fffdf88c;border:1px solid #b9810038;border-radius:10px;grid-column:1/-1;gap:7px;margin-top:8px;padding:10px;display:grid}.scale-arrow-list>span{color:#8f6500;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.scale-arrow-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.scale-arrow-row button{min-height:30px!important;padding:0 9px!important}.fretboard-lab[data-lab=custom] .fretboard-position[data-barre=true]{isolation:isolate;position:relative;overflow:visible}.fretboard-lab[data-lab=custom] .fretboard-position[data-barre=true]:before{z-index:0;content:"";pointer-events:none;background:#b9810047;border:2px solid #8f65008c;border-radius:999px;width:16px;position:absolute;top:-52%;bottom:-52%;left:50%;transform:translate(-50%)}.fretboard-lab[data-lab=custom] .fretboard-position[data-barre-start=true]:before{top:50%}.fretboard-lab[data-lab=custom] .fretboard-position[data-barre-end=true]:before{bottom:50%}.fretboard-lab[data-lab=custom] .fretboard-position[data-barre=true] .fretboard-dot{z-index:2;position:relative;box-shadow:0 0 0 3px #fffaf0,0 0 0 7px #b9810094}.chord-lab-barre-readout{color:#62584e;background:#b9810014;border:1px solid #b9810052;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-top:2px;padding:6px 9px;font-size:12px;line-height:1.2;display:inline-flex}.chord-lab-barre-readout strong{color:#8f6500;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.fretboard-custom-controls .chord-lab-presets{background:#fffdf8b8;border:1px solid #b9810047;border-radius:14px;grid-column:1/-1;gap:10px;padding:14px;display:grid}.chord-lab-preset-select{gap:7px;display:grid}.chord-lab-preset-select>span{color:#8f6500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.chord-lab-preset-select select{color:#1b1713;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fffdf8;border:1px solid #b9810061;border-radius:11px;padding:9px 12px;font-size:14px;font-weight:700}.chord-lab-preset-select select:hover,.chord-lab-preset-select select:focus-visible{border-color:#a66f00;outline:none;box-shadow:0 0 0 2px #a66f001f}.chord-lab-preset-select small{color:#776f67;font-size:12px;line-height:1.35}.song-library-weekday-groups{gap:12px;display:grid}.song-library-weekday-folder{background:#fffdf8b8;border:1px solid #b9810047;border-radius:16px;overflow:hidden}.song-library-weekday-folder>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:15px 18px;list-style:none;display:flex}.song-library-weekday-folder>summary::-webkit-details-marker{display:none}.song-library-weekday-folder>summary strong{flex:1;font-size:1.05rem}.song-library-weekday-folder>summary small{color:#77726b;font-size:.82rem}.song-library-weekday-folder-icon{color:#a66f00;font-size:1.3rem;display:inline-flex}.song-library-weekday-folder-contents{border-left:2px solid #b981002e;gap:10px;margin:0 14px 14px 34px;padding-left:14px;display:grid}.song-library-weekday-empty{color:#77726b;margin:0;padding:10px 0 14px;font-size:.9rem}.song-library-folder-day-button{min-width:88px}@media (width<=720px){.song-library-weekday-folder-contents{margin-left:18px;padding-left:10px}.song-library-folder-day-button{min-width:0}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-bodoni-vietnamese-400-normal-Beo6XsXH.woff2)format("woff2"),url(/assets/libre-bodoni-vietnamese-400-normal-BOCogFse.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-bodoni-latin-ext-400-normal-CxWN_H2O.woff2)format("woff2"),url(/assets/libre-bodoni-latin-ext-400-normal-CQMQlgJU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-bodoni-latin-400-normal-CEPTN6eq.woff2)format("woff2"),url(/assets/libre-bodoni-latin-400-normal-ONT31Zv5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-bodoni-vietnamese-600-normal-D9gw-5qN.woff2)format("woff2"),url(/assets/libre-bodoni-vietnamese-600-normal-BraHJS_0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-bodoni-latin-ext-600-normal-B_YlT2aM.woff2)format("woff2"),url(/assets/libre-bodoni-latin-ext-600-normal-CjAweJ7i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Bodoni;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-bodoni-latin-600-normal-DXYeK9YP.woff2)format("woff2"),url(/assets/libre-bodoni-latin-600-normal-LyPACAP2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.song-garden-shortcut-help{color:#665027;cursor:pointer;background:#fffdf7;border:1px solid #dbcba9;border-radius:50%;flex:none;width:32px;height:32px;padding:0;font:600 16px Inter,sans-serif}.song-garden-shortcut-help:focus-visible{outline-offset:3px;outline:2px solid #24718d}.song-garden-shortcut-dialog{box-sizing:border-box;color:#242019;background:#fffdf7;border:1px solid #c9ab65;border-radius:14px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;font:14px/1.45 Inter,sans-serif;overflow:auto;box-shadow:0 16px 70px #30291633}.song-garden-shortcut-dialog::backdrop{background:#24201966}.song-garden-shortcut-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.song-garden-shortcut-dialog h2{margin:0;font:600 25px Libre Bodoni,serif}.song-garden-shortcut-dialog header button{cursor:pointer;background:0 0;border:1px solid #dbcba9;border-radius:6px;width:32px;height:32px;font-size:22px}.song-garden-shortcut-dialog p{color:#70685b;margin:8px 0 16px}.song-garden-shortcut-dialog table{border-collapse:collapse;width:100%}.song-garden-shortcut-dialog th,.song-garden-shortcut-dialog td{text-align:left;border-bottom:1px solid #e9e1d1;padding:7px 0}.song-garden-shortcut-dialog th{white-space:nowrap;width:132px;padding-right:16px;font-weight:500}.song-garden-shortcut-dialog kbd{font:inherit;color:#77550b}.song-garden-shortcut-preference{align-items:center;gap:9px;margin-top:20px;font-weight:600;display:flex}.song-garden-shortcut-preference input{accent-color:#a87900;width:17px;height:17px}.song-garden-shortcut-dialog .song-garden-shortcut-note{margin-bottom:0;font-size:12px}.song-garden-shortcut-notice:empty{display:none}.song-garden-shortcut-notice{z-index:25000;color:#332d20;pointer-events:none;background:#fffdf7;border:1px solid #d1b773;border-radius:8px;max-width:calc(100vw - 40px);padding:10px 18px;font:500 14px/1.4 Inter,sans-serif;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #30291622}.classroom-section-tile-wrap .classroom-rename-section{color:#75684e;cursor:pointer;background:#fffdf7;border:1px solid #dac89e;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;bottom:3px;right:52px}.classroom-rename-section svg{width:11px;height:11px}.classroom-rename-section:hover{color:#8a650f;border-color:#b78200}.classroom-rename-section:focus-visible{outline-offset:2px;outline:2px solid #286782}.classroom-app.classroom-app--organized .classroom-section-tile-wrap{flex:none;width:auto;min-width:84px;max-width:168px}.classroom-app.classroom-app--organized .classroom-section-tile{width:auto;min-width:84px;max-width:168px}.classroom-app.classroom-app--organized .classroom-section-tile span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:154px;display:block;overflow:hidden}.section-rename-dialog{box-sizing:border-box;color:#24211b;background:#fffdf7;border:1px solid #dac89e;border-radius:12px;width:min(360px,100vw - 56px);max-height:calc(100dvh - 48px);padding:24px;font:14px/1.5 Inter,system-ui,sans-serif;overflow:auto;box-shadow:0 18px 65px #24211b33}.section-rename-dialog::backdrop{background:#24211b55}.section-rename-dialog h2{margin:0 0 18px;font-size:22px;line-height:1.2}.section-rename-dialog label{color:#75684e;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.section-rename-dialog input{box-sizing:border-box;color:#24211b;background:#fff;border:1px solid #bca777;border-radius:6px;width:100%;min-height:44px;padding:9px 11px;font:16px/1.5 Inter,system-ui,sans-serif;display:block}.section-rename-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.section-rename-actions button{color:#24211b;min-height:38px;font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #dac89e;border-radius:6px;padding:7px 14px}.section-rename-actions button[type=submit]{color:#fff;background:#a77700;border-color:#a77700;font-weight:600}.section-rename-actions button:disabled{opacity:.45;cursor:not-allowed}.section-rename-dialog :focus-visible{outline-offset:2px;outline:3px solid #286782}.live-room-launch{color:#4c3b19;white-space:nowrap;cursor:pointer;background:#faf5e9;border:1px solid #cba964;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font:600 12px Inter,sans-serif;display:inline-flex}.live-room-launch svg{width:18px;height:18px}.live-room-launch[data-live=true]{color:#305a34;background:#edf3e9;border-color:#799a79}.live-room-dot{background:#b47d16;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.live-room-dot[data-status=connected]{background:#487d51}.live-room-dot[data-status=error],.live-room-dot[data-status=offline],.live-room-dot[data-status=ended]{background:#a44838}.live-room-dialog{box-sizing:border-box;color:#28241d;text-align:left;background:#fffdf7;border:1px solid #d4ba83;border-radius:16px;width:min(540px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:26px;font:14px/1.5 Inter,sans-serif;box-shadow:0 20px 70px #33260d33}.live-room-dialog::backdrop{background:#30281966}.live-room-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.live-room-dialog h2{margin:6px 0 0;font:600 28px/1.15 Libre Bodoni,serif}.live-room-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#977011;font:600 10px/1.5 Inter,sans-serif;display:block}.live-room-dialog button,.live-room-student button{color:#332b1b;cursor:pointer;background:#fffdf7;border:1px solid #d5bd8f;border-radius:7px;padding:9px 13px;font:600 13px/1.3 Inter,sans-serif}.live-room-dialog button:disabled,.live-room-student button:disabled{opacity:.5;cursor:default}.live-room-dialog .live-room-close{place-items:center;width:32px;height:32px;padding:6px;display:grid}.live-room-dialog .live-room-primary,.live-room-student .live-room-primary{color:#fff;background:#9e740c;border-color:#9e740c}.live-room-code{text-align:center;background:#f4eddb;border-radius:10px;justify-items:center;gap:5px;padding:18px 14px;display:grid}.live-room-code>span{color:#6d5f42;font-size:12px}.live-room-code strong{letter-spacing:.14em;font:600 38px/1.25 Inter,sans-serif}.live-room-code small{overflow-wrap:anywhere;font-size:11px}.live-room-link{gap:5px;margin:15px 0 8px;font-size:12px;display:grid}.live-room-dialog input,.live-room-dialog select,.live-room-join input{box-sizing:border-box;color:#28241d;background:#fffefa;border:1px solid #d6c49f;border-radius:6px;width:100%;min-height:40px;padding:8px 10px;font:14px Inter,sans-serif}.live-room-dialog input{font-size:12px}.live-room-copy{align-items:center;gap:8px;display:inline-flex}.live-room-connection{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 12px;font-size:12px;display:flex}.live-room-connection>span{color:#756b58;margin-left:auto}.live-room-conductor,.live-room-preview{border:1px solid #e3d4b4;border-radius:9px;gap:7px;margin:14px 0;padding:14px;display:grid}.live-room-conductor>strong,.live-room-preview>strong{font:600 21px/1.25 Libre Bodoni,serif}.live-room-conductor label{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:5px 0;font-size:12px;display:grid}.live-room-conductor>div{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.live-room-help{color:#736852;margin:16px 0;font-size:12px;line-height:1.6}.live-room-dialog footer{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.live-room-join-link{color:#725713;margin:15px 0 0 12px;font-size:12px;display:inline-block}.live-room-error{color:#a13e30;font-size:13px}.live-room-notice{color:#496740;margin-bottom:0;font-size:12px}.live-room-student{box-sizing:border-box;color:#28241d;background:#f8f4eb;min-height:100dvh;padding:0 28px 24px;font:14px/1.5 Inter,sans-serif}.live-room-student-header{border-bottom:1px solid #dfd0b2;align-items:center;gap:18px;max-width:1440px;min-height:76px;margin:auto;display:flex}.live-room-brand{font:600 24px/1.2 Libre Bodoni,serif}.live-room-student-header>span:nth-child(2){letter-spacing:.04em;color:#887044;font-size:12px}.live-room-student-header button{margin-left:auto}.live-room-student-status{color:#6c6454;text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0 8px;font-size:12px;display:flex}.live-room-join{text-align:center;max-width:460px;margin:clamp(40px,9vh,110px) auto}.live-room-join>svg{color:#a77d19;margin-bottom:16px}.live-room-join h1{margin:10px 0 20px;font:600 40px/1.15 Libre Bodoni,serif}.live-room-join>p{color:#786e5d;margin:0 auto 26px;line-height:1.7}.live-room-join form{text-align:left;background:#fffdf7;border:1px solid #dfcda7;border-radius:12px;gap:10px;margin-bottom:24px;padding:24px;display:grid}.live-room-join input{text-transform:uppercase;letter-spacing:.15em;text-align:center;min-height:58px;font-size:25px}.live-room-join form button{min-height:44px}.live-room-join small,.live-room-student-note,.live-room-waiting{color:#827767;text-align:center;font-size:12px}.live-room-waiting{margin:12vh 0}.live-room-student-note{margin:30px 0 0}.live-lesson{max-width:1280px;margin:20px auto 0}.live-lesson-title{text-align:center;margin-bottom:20px}.live-lesson-title h1{overflow-wrap:anywhere;margin:0 0 8px;font:600 clamp(26px,3vw,40px)/1.2 Libre Bodoni,serif}.live-lesson-title p{color:#80715a;margin:0;font-size:12px}.live-lesson-section{background:#fffdf7;border:1px solid #d7bd86;border-radius:14px;padding:24px}.live-lesson-section>header{border-bottom:1px solid #eee0c3;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;padding-bottom:14px;display:flex}.live-lesson-section h2{overflow-wrap:anywhere;margin:3px 0 0;font:600 32px/1.2 Libre Bodoni,serif}.live-lesson-section>header>span{color:#83745b;font-size:12px}.live-lesson-cards{flex-wrap:wrap;justify-content:center;gap:24px;margin:12px 0 24px;display:flex}.live-lesson-card{text-align:center;width:min(240px,100%);margin:0}.live-lesson-card img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.live-lesson-card figcaption{color:#8d7140;padding:8px 4px 0;font-size:12px}.live-lesson-card p{color:#554a39;overflow-wrap:anywhere;margin:4px 0;font-size:14px}.live-lesson .scale-focus-panel{max-width:1080px;margin:18px auto 0}.live-lesson .rhythm-focus-panel{margin:18px auto 0}.live-lesson-empty{color:#84745d;text-align:center;padding:24px}.live-lesson-playback{background:#f5edda;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;min-height:38px;margin:-5px 0 20px;padding:10px 14px;display:flex}.live-lesson-playback>span{color:#776238;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.live-lesson-playback strong{font-variant-numeric:tabular-nums;font-size:16px}.live-lesson-counts{gap:8px;display:flex}.live-lesson-counts i{border:1px solid #b8a374;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;display:grid}.live-lesson-counts i[data-active=true]{color:#fff;background:#477650;border-color:#477650}.live-lesson-card[data-active=true] img{outline-offset:5px;border-radius:4px;outline:4px solid #477650}.live-lesson-rhythm{border:1px solid #e3d4b4;border-radius:8px;margin-top:18px;padding:14px}.live-lesson .strum-guide-step,.live-lesson-card,.live-lesson-card img,.live-lesson-counts i{transition:none!important;animation:none!important}@media (width<=700px){.live-room-student{padding:0 14px 20px}.live-room-student-header{flex-wrap:wrap;gap:10px;min-height:64px}.live-room-brand{font-size:20px}.live-room-student-header>span:nth-child(2){font-size:10px}.live-lesson-section{padding:16px}.live-lesson-cards{gap:12px}.live-lesson-card{width:min(220px,50% - 6px)}.live-room-dialog{padding:20px}.live-room-join h1{font-size:34px}}.live-room-parts{border-top:1px solid #e4d6b9;padding:16px 0}.live-room-parts h3{margin:0 0 8px;font-size:15px}.live-room-parts p{font-size:12px}.live-room-parts label{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.live-room-parts select,.live-room-part-choice select{font:inherit;background:#fffdf8;border:1px solid #d9c49b;border-radius:6px;padding:8px 12px}.live-room-part-choice{justify-content:center;padding:12px;display:flex}.live-room-part-choice label{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.live-room-part-choice{flex-wrap:wrap;gap:20px}.live-room-part-choice input{font:inherit;background:#fffdf8;border:1px solid #d9c49b;border-radius:6px;max-width:165px;padding:8px 10px}.live-room-view-picker{z-index:10;background:#fffdf7;border:1px solid #ddc99f;border-radius:9px;max-width:1280px;margin:10px auto 14px;position:sticky;top:8px;box-shadow:0 3px 12px #4938150d}.live-room-view-summary{box-sizing:border-box;cursor:pointer;align-items:center;gap:12px;min-height:38px;padding:6px 12px;list-style:none;display:flex}.live-room-view-summary::-webkit-details-marker{display:none}.live-room-view-summary:after{content:"⌄";color:#786b52;margin-left:auto;font-size:16px}.live-room-view-picker[open]>.live-room-view-summary:after{content:"⌃"}.live-room-view-summary>span{color:#786b52;font-size:12px}.live-room-view-summary>strong{font-size:13px}.live-room-view-menu{padding:0 12px 10px}.live-room-view-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.live-room-view-heading>strong{color:#76684c;font-size:12px}.live-room-view-heading details{color:#76684c;text-align:right;font-size:12px}.live-room-view-heading summary{cursor:pointer}.live-room-view-heading label{align-items:center;gap:8px;margin-top:8px;display:flex}.live-room-view-heading input{width:150px;max-width:100%;font:inherit;background:#fffdf8;border:1px solid #d9c49b;border-radius:5px;padding:8px}.live-room-view-picker nav,.live-room-view-actions{flex-wrap:wrap;gap:8px;display:flex}.live-room-view-picker nav button{touch-action:manipulation;min-height:34px;padding:6px 10px;font-size:12px}.live-room-view-picker nav button[aria-pressed=true]{color:#fff;background:#9e740c;border-color:#9e740c}.live-room-view-picker button:focus-visible{outline-offset:2px;outline:3px solid #286782}.live-room-view-menu>p{color:#786b52;margin:7px 0 0;font-size:11px}.live-room-band-parts{gap:16px;display:grid}.live-room-band-parts>section>h3{margin:0 0 8px;font-size:17px}@media (width<=600px){.live-room-view-picker{padding:0}.live-room-view-menu{padding:0 9px 9px}.live-room-view-picker nav{gap:5px}.live-room-view-picker nav button{flex:0 auto;min-height:34px;padding:6px 9px}}.live-room-student .band-student-part{padding:8px 10px}.live-room-student .band-student-part .live-lesson-title{margin-bottom:8px}.live-room-student .band-student-part .live-lesson-title h1{margin-bottom:2px;font-size:clamp(22px,2.4vw,30px)}.live-room-student .band-student-part>h2{margin:4px 0 0;font-size:18px}.live-room-student .band-student-part>.band-clock{margin:2px 0 8px;font-size:13px}.live-room-student .band-student-part .now-next-player{scroll-margin-block:18px}.rehearsal-options{box-sizing:border-box;color:#332f26;text-align:left;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;flex-basis:100%;width:100%;padding:9px 12px;font:14px/1.4 Inter,Arial,sans-serif}.rehearsal-options summary{cursor:pointer;width:fit-content;padding:2px 0;font-weight:650}.rehearsal-options__fields,.track-rehearsal__row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.rehearsal-options label,.track-rehearsal label{flex-direction:column;gap:5px;font-size:12px;font-weight:650;display:flex}.rehearsal-options label.rehearsal-check{flex-direction:row;align-items:center;gap:7px;font-size:13px}.rehearsal-options select,.rehearsal-options button,.track-rehearsal select,.track-rehearsal button{font:inherit;color:#332f26;background:#fffdf6;border:1px solid #c8c1ae;border-radius:6px;min-height:36px;padding:6px 9px}.rehearsal-options input[type=range],.track-rehearsal input[type=range]{accent-color:#a67d0d;max-width:160px;min-height:24px}.rehearsal-options input[type=checkbox]{accent-color:#a67d0d;flex:none;width:16px;height:16px}.rehearsal-options p{max-width:95ch;margin:8px 0 0;font-size:12px;line-height:1.5}.track-rehearsal{color:#332f26;gap:10px;width:100%;font:14px/1.4 Inter,Arial,sans-serif;display:grid}.track-rehearsal__row{margin:0}.track-rehearsal__row button:first-child{color:#fff;background:#a67d0d;min-width:100px}.track-rehearsal__seek{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.track-rehearsal__seek input[type=range]{width:100%;min-width:60px;max-width:none}.track-rehearsal__status{min-width:130px}.teacher-track-preview__rehearsal{background:#f8f4e9;border-bottom:1px solid #c8c1ae;padding:8px 24px}.teacher-track-preview__rehearsal .track-rehearsal__seek{display:none}.teacher-track-preview:has(.teacher-track-preview__rehearsal){grid-template-rows:auto auto minmax(0,1fr) auto}@media (width>=980px){.classroom-app>.band-transport{z-index:6;position:relative}.classroom-app>.band-transport>.rehearsal-options{flex:none;width:auto;padding:4px 10px;position:relative}.classroom-app>.band-transport>.rehearsal-options[open]>.rehearsal-options__body{box-sizing:border-box;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;width:min(720px,85vw);max-height:65vh;padding:10px 14px;position:absolute;top:calc(100% + 5px);right:0;overflow:auto;box-shadow:0 5px 18px #332f2633}}.band-transport .rehearsal-options label{flex-direction:column;align-items:flex-start}.band-transport .rehearsal-options label.rehearsal-check{flex-direction:row;align-items:center}.rehearsal-stem-mixer{box-sizing:border-box;color:#332f26;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;padding:6px 10px;font:14px/1.4 Inter,Arial,sans-serif;position:relative}.rehearsal-stem-mixer summary{cursor:pointer;padding:3px 2px;font-weight:700}.rehearsal-stem-mixer__rows{flex-wrap:wrap;gap:8px;padding:9px 2px 2px;display:flex}.rehearsal-stem-mixer__rows label{background:#fff;border:1px solid #ded5c1;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;font-size:14px;display:flex}.rehearsal-stem-mixer__rows input{accent-color:#a67d0d;width:18px;height:18px}.rehearsal-stem-mixer__rows p{color:#716957;margin:0;font-size:12px;line-height:1.45}.rehearsal-stem-mixer__upload{color:#fff;cursor:pointer;background:#a67d0d;border:1px solid #a67d0d;border-radius:7px;min-height:38px;padding:7px 11px;font:700 13px Inter,Arial,sans-serif}.rehearsal-stem-mixer__upload:focus-visible{outline-offset:2px;outline:3px solid #286782}.band-transport>.rehearsal-stem-mixer{flex:none}@media (width>=980px){.classroom-app>.band-transport>.rehearsal-stem-mixer[open]>.rehearsal-stem-mixer__rows{z-index:9;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;width:min(420px,80vw);padding:10px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 5px 18px #332f2633}}.rehearsal-stem-mixer{z-index:30;box-sizing:border-box;color:#332f26;background:0 0;border:0;border-radius:0;flex:none;padding:0;font:14px/1.4 Inter,Arial,sans-serif;position:relative}.rehearsal-stem-mixer>summary{box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#fffdf6;border:1px solid #c8c1ae;border-radius:6px;align-items:center;gap:5px;min-height:34px;padding:5px 8px;font-weight:650;list-style:none;display:flex}.rehearsal-stem-mixer>summary::-webkit-details-marker{display:none}.rehearsal-stem-mixer>summary small{color:#716957;background:#f2ead8;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}.rehearsal-stem-mixer[open]>summary{background:#f4ecd9;border-color:#a67d0d}.rehearsal-stem-mixer__rows{z-index:31;box-sizing:border-box;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;gap:7px;width:min(320px,100vw - 24px);max-height:min(60vh,420px);padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 5px 18px #332f2633}.rehearsal-stem-mixer__rows>strong{font-size:13px}.rehearsal-stem-mixer__rows>div{gap:5px;display:grid}.rehearsal-stem-mixer__rows label{box-sizing:border-box;background:#fff;border:1px solid #ded5c1;border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:5px 8px;font-size:14px;display:flex}.rehearsal-stem-mixer__rows label>span{flex:1}.rehearsal-stem-mixer__rows input{accent-color:#a67d0d;flex:none;width:18px;height:18px}.rehearsal-stem-mixer__rows small{color:#716957;font-size:12px}.track-rehearsal__row button[data-play],.track-rehearsal__row button[data-stop]{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:6px;display:inline-flex}.track-rehearsal__row button[data-play] svg,.track-rehearsal__row button[data-stop] svg{flex:none;width:18px;height:18px}.classroom-app>.band-transport>.rehearsal-stem-mixer[open]>.rehearsal-stem-mixer__rows{width:min(320px,100vw - 24px);padding:10px}.rehearsal-stem-mixer--visible{box-sizing:border-box;z-index:auto;color:#332f26;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;flex:100%;gap:8px;width:100%;padding:10px 12px;display:grid;position:relative}.rehearsal-stem-mixer--visible .rehearsal-stem-mixer__heading{align-items:center;gap:8px;font-size:14px;display:flex}.rehearsal-stem-mixer--visible .rehearsal-stem-mixer__heading span{color:#716957;margin-left:auto;font-size:12px;font-weight:600}.rehearsal-stem-mixer--visible .rehearsal-stem-mixer__rows{z-index:auto;box-sizing:border-box;width:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:static;top:auto;right:auto;overflow:visible}.rehearsal-stem-mixer--visible .rehearsal-stem-mixer__rows>div{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;display:grid}.rehearsal-stem-mixer--visible .rehearsal-stem-mixer__rows label{min-height:40px;padding:6px 9px}.track-rehearsal--focused{gap:5px}.track-rehearsal--focused .track-rehearsal__row{align-items:center;gap:7px;margin:0;display:flex}.track-rehearsal--focused .track-rehearsal__row button[data-play],.track-rehearsal--focused .track-rehearsal__row button[data-stop]{width:40px;min-width:40px;height:40px}.track-rehearsal--focused .track-rehearsal__row button[data-play][data-play-state=playing]{color:#fff;background:#986e0a}.track-rehearsal--focused .track-rehearsal__status{color:#625944;flex:1;min-width:0;font-size:12px}.track-rehearsal--focused .track-rehearsal__seek{grid-template-columns:auto minmax(80px,1fr) auto;gap:7px;margin:0;font-size:12px}.track-rehearsal--focused .track-rehearsal__seek input{min-height:20px}.track-rehearsal--focused .track-rehearsal__settings{background:0 0;border:0;padding:0}.track-rehearsal--focused .track-rehearsal__settings>summary{width:max-content;min-height:32px;padding:5px 8px;font-size:12px}.track-rehearsal__settings-body{flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 4px;display:flex}.track-rehearsal--focused .track-rehearsal__settings-body label{flex-direction:row;align-items:center;gap:7px;font-size:12px;display:flex}.track-rehearsal--focused .track-rehearsal__settings-body select{min-height:34px}.track-rehearsal--focused .track-rehearsal__settings-body input[type=range]{max-width:120px}.track-rehearsal--focused>[data-options]{min-width:0}.track-rehearsal--focused .track-rehearsal__row{flex-wrap:nowrap;gap:6px;width:100%;min-width:0;font-size:11px}.track-rehearsal--focused .track-rehearsal__row button[data-play],.track-rehearsal--focused .track-rehearsal__row button[data-stop]{width:34px;min-width:34px;height:34px;padding:5px}.track-rehearsal--focused .track-rehearsal__row>span[data-elapsed],.track-rehearsal--focused .track-rehearsal__row>span[data-duration]{font-variant-numeric:tabular-nums;flex:none}.track-rehearsal--focused .track-rehearsal__row input[data-seek]{flex:80px;width:100%;min-width:60px;max-width:none;min-height:20px}.track-rehearsal--focused .track-rehearsal__settings{flex:none;position:relative}.track-rehearsal--focused .track-rehearsal__settings>summary{min-height:30px;padding:4px 7px;font-size:11px}.track-rehearsal--focused .track-rehearsal__settings-body{z-index:25;background:#fffdf6;border:1px solid #c8c1ae;border-radius:7px;min-width:220px;padding:9px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 5px 18px #332f2633}.track-rehearsal--focused .track-rehearsal__settings-body label{font-size:11px}.track-rehearsal--focused .track-rehearsal__settings-body select{min-height:30px;padding:4px 7px;font-size:11px}.band-part-tabs{z-index:4;background:#f8f4eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;display:flex;position:relative}.band-part-tabs button,.band-part-tabs select,.band-workspace button,.band-workspace select,.band-workspace input,.band-transport button,.band-transport select,.band-musician button,.band-musician select{font:inherit;color:#24211b;background:#fffdf7;border:1px solid #dac89e;border-radius:6px;padding:8px 11px}.band-part-tabs button{align-items:center;gap:8px;font-size:13px;display:flex}.band-part-tabs button[aria-pressed=true],.band-workspace button[aria-pressed=true],.band-musician button[aria-pressed=true]{color:#fff;background:#b78200;border-color:#b78200}.band-workspace button:disabled,.band-part-tabs select:disabled{opacity:.45;cursor:not-allowed}.band-part-tabs button:focus-visible,.band-workspace :focus-visible,.band-musician :focus-visible{outline-offset:2px;outline:3px solid #286782}.band-transport{background:#fffdf7;border-bottom:1px solid #e8dcc3;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font:12px Inter,system-ui;display:flex}.band-transport label{align-items:center;gap:6px;display:flex}.band-primary{color:#fff!important;background:#b78200!important;font-weight:700!important}.band-volume input{accent-color:#b78200;width:90px}.band-clock{font-variant-numeric:tabular-nums;min-width:125px;font-weight:600}.band-workspace{color:#24211b;text-align:left;box-sizing:border-box;background:#f8f4eb;height:100%;padding:18px 28px 50px;font:14px/1.5 Inter,system-ui;overflow:auto}.band-section-nav,.band-toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.band-toolbar label,.band-section-nav label{color:#776a55;flex-direction:column;gap:4px;font-size:12px;display:flex}.band-toolbar input[type=number]{width:86px}.band-toolbar input:not([type=checkbox]){max-width:220px}.band-section-nav>span{color:#847865;margin-left:auto;font-size:12px}.band-check{align-self:center;flex-direction:row!important;align-items:center!important}.band-check input{accent-color:#b78200}.band-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#a77700;font-size:10px;font-weight:700}.instrument-lab,.band-overview>section{background:#fffdf8;border:1px solid #e1d2b5;border-radius:12px;margin-bottom:16px;padding:20px}.instrument-lab>header,.band-overview-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.instrument-lab h2,.band-overview-heading h2{margin:5px 0;font:28px/1.2 Libre Bodoni,Georgia,serif}.instrument-lab>header>span,.band-overview-heading p,.band-help{color:#807562;font-size:12px}.band-help{max-width:850px;margin:10px 0 16px}.band-bar-tabs{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.band-bar-tabs button{padding:5px 12px}.drum-notation{background:#fffdf8;width:100%;max-height:205px;margin:10px 0 18px;display:block}.drum-grid,.bass-grid{margin:16px 0;padding-bottom:4px;overflow:auto}.drum-grid-row{grid-template-columns:90px repeat(var(--steps),minmax(32px,1fr));align-items:stretch;gap:4px;min-width:620px;margin-bottom:5px;display:grid}.drum-grid-row>strong{align-self:center;font-size:11px}.drum-grid-count{text-align:center;font-size:12px;font-weight:700}.drum-grid-row>button,.drum-grid-row>span:not(.drum-grid-count){background:#f8f5ee;border:1px solid #e6ddcb;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:39px;padding:2px;display:flex}.drum-grid-row [data-hit=true]{color:#796019;background:#ece3cd;border-color:#ceb575}.drum-grid-row [data-active=true],.bass-grid [data-active=true]{outline-offset:-2px;outline:2px solid #a87800;background:#f2e4b6!important}.band-library,.band-part-settings{border-top:1px solid #e5d9bf;margin:14px 0;padding-top:14px}.band-library summary,.band-part-settings summary{cursor:pointer;font-size:13px;font-weight:600}.band-library-body{padding-top:16px}.band-library-list>div{border-top:1px solid #eee5d5;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.band-library-list strong{min-width:180px}.band-library-list span{color:#807562;font-size:11px}.band-library-body>p{font-size:12px}.band-overview>section>header{border-bottom:1px solid #e5d9bf;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:9px;display:flex}.band-overview>section>header>div{gap:5px;display:flex}.band-overview>section>header strong{font-size:17px}.band-part-display .band-toolbar>strong{display:none}.bass-grid-row{grid-template-columns:repeat(var(--steps),minmax(40px,1fr));gap:5px;min-width:600px;display:grid}.bass-grid-row>button,.bass-grid-row>span{color:#61553f;background:#f6f2e9;border:1px solid #e6ddcb;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:75px;padding:3px;display:flex}.bass-grid-row [data-note=true]{color:#205e74;background:#e9eff0;border-color:#aec4cc}.bass-grid-row [data-selected=true]{box-shadow:0 0 0 2px #286782}.bass-grid-row small{min-height:14px;font-size:10px;line-height:14px}.bass-grid-row b{font-size:20px}.bass-counts>span{background:0 0;border:none;min-height:24px;font-size:12px;font-weight:700}.bass-kick>span{background:0 0;border:none;min-height:25px;font-size:13px}.bass-note-editor{background:#f3f7f7;border:1px solid #d6e1e4;border-radius:8px;padding:16px}.bass-note-editor>small{color:#807562;font-size:11px}.bass-fretboard{background:#f7f4ed;border-radius:8px;max-width:850px;padding:10px 20px}.bass-fretboard>span{font-size:12px}.bass-fretboard svg{width:100%;display:block}.band-sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.band-empty{text-align:center;background:#fffaf0;border:1px dashed #d9c497;border-radius:12px;padding:30px}.band-empty p{color:#807562}.band-guitar-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.band-guitar-card{text-align:center;flex:0 205px;min-width:120px;margin:0}.band-guitar-card img{aspect-ratio:1;object-fit:contain;width:100%}.band-guitar-card[data-active=true]{border-radius:8px;outline:3px solid #b78200}.band-guitar-card>button{aspect-ratio:1;width:100%;display:block;background:0 0!important;border:none!important;padding:0!important}.band-guitar-card figcaption{color:#807562;margin:6px;font-size:12px}.band-guitar-card select{width:100%;margin-top:4px}.band-guitar-card .band-toolbar{justify-content:center;gap:4px;margin-top:6px}.band-guitar-card .band-toolbar button{padding:4px 9px}.band-guitar-scale{max-width:1050px;margin:20px auto}.band-guitar-editor>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.band-guitar-editor .guitar-rhythm-editor{margin-top:18px}.band-musician{color:#24211b;background:#f8f4eb;min-height:100vh;padding:20px 30px 60px;font:14px Inter,system-ui}.band-musician>header{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto 20px;display:flex}.band-musician h1{margin:7px 0;font:36px Libre Bodoni,Georgia,serif}.band-musician .band-workspace{max-width:1320px;height:auto;margin:auto}.band-musician .band-transport{z-index:3;border:1px solid #e1d2b5;border-radius:8px;position:sticky;top:0}.band-student-part{max-width:1250px;margin:0 auto;padding:20px}.band-student-part .band-part-display{background:#fffdf8;border:1px solid #e1d2b5;border-radius:12px;padding:20px}.classroom-view:has(.band-part-tabs){grid-template-rows:auto auto auto minmax(0,1fr) auto}.classroom-view:has(.band-part-tabs) .classroom-rule{display:none}.classroom-view:has(.band-part-tabs) .classroom-main-surface{min-height:0}.classroom-view:has(.band-part-tabs) .band-transport:empty{display:none}@media (width<=800px){.band-workspace{padding:12px 14px 35px}.instrument-lab{padding:14px}.instrument-lab>header,.band-overview-heading{flex-direction:column;align-items:start;gap:4px}.band-musician{padding:12px}.band-musician h1{font-size:28px}.band-toolbar{gap:8px}.band-part-tabs{justify-content:flex-start}.drum-notation{min-width:520px}.band-part-display,.instrument-lab{overflow:auto}.band-student-part{padding:10px}}.classroom-app:has(>.band-part-tabs){grid-template-rows:auto auto auto minmax(0,1fr) auto}.classroom-app:has(>.band-part-tabs)>.classroom-rule{display:none}.classroom-app[data-band-workspace=true]>.classroom-main-surface{margin-left:0}.classroom-app[data-band-workspace=true] .classroom-lab-shortcuts{visibility:visible}.classroom-app:has(>.band-part-tabs):not(:has(>.band-transport)){grid-template-rows:auto auto minmax(0,1fr) auto}@media (width>=980px){.classroom-app:has(>.band-part-tabs){grid-template-rows:136px 48px 48px minmax(0,1fr) 24px!important}.classroom-app:has(>.band-part-tabs):not(:has(>.band-transport)){grid-template-rows:136px 48px 0 minmax(0,1fr) 24px!important}.classroom-app:has(>.band-part-tabs)>.classroom-header{grid-row:1;align-self:start;height:82px}.classroom-app:has(>.band-part-tabs) .classroom-settings{width:calc(100% - 32px);height:52px;padding-block:7px;top:82px;left:16px}.classroom-app:has(>.band-part-tabs)>.band-part-tabs{grid-row:2;padding:5px 14px}.classroom-app:has(>.band-part-tabs)>.band-transport{grid-row:3;padding:4px 14px}.classroom-app:has(>.band-part-tabs)>.classroom-main-surface{grid-row:4;margin-left:88px}.classroom-app[data-band-workspace=true]>.classroom-main-surface{margin-left:0}.classroom-app:has(>.band-part-tabs)>.site-copyright--classroom{grid-row:5}.classroom-app:has(>.band-part-tabs)>.classroom-timeline{width:88px;top:232px;bottom:24px}.classroom-app:has(>.band-part-tabs):not(:has(>.band-transport))>.classroom-timeline{top:184px}.classroom-app[data-band-workspace=true] .classroom-lab-shortcuts{visibility:visible}.classroom-app:has(>.band-part-tabs)>.classroom-header{z-index:5;overflow:visible}.classroom-app:has(>.band-part-tabs) .classroom-settings{top:74px}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts{margin-left:auto;position:static;transform:none}.classroom-app:has(>.band-part-tabs) .classroom-settings>.classroom-setting{flex:0 0 78px}.classroom-app:has(>.band-part-tabs) .classroom-settings>.classroom-beat-wrap{flex:0 0 76px}.classroom-app:has(>.band-part-tabs) .classroom-beat-toggle{flex:0 0 44px;width:44px;min-width:44px;padding:0}.classroom-app:has(>.band-part-tabs) .classroom-beat-choice{flex:0 0 32px;width:32px;min-width:32px}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts{flex-wrap:nowrap;flex:1 1 0;justify-content:center;min-width:0;margin-left:0}}.instrument-lab>header{margin-bottom:12px}.instrument-lab .band-toolbar{margin-bottom:10px}.instrument-lab .drum-notation{max-height:155px;margin-bottom:12px}.band-part-settings{margin:10px 0;padding-top:10px}.band-bar-map{background:#fffdf8;border:1px solid #e1d2b5;border-radius:8px;margin:12px 0 22px;overflow:hidden}.band-bar-map table{border-collapse:collapse;width:100%;font-size:12px}.band-bar-map caption{text-align:left;color:#8a6a28;padding:9px 14px;font-weight:600}.band-bar-map th,.band-bar-map td{text-align:left;border:1px solid #eee4d0;min-width:115px;padding:10px 14px}.band-bar-map th{background:#f8f3e8;font-weight:600}.band-bar-map [data-active=true]{background:#f1e3b9}.band-overview>section>header input{background:0 0;border-color:#0000;width:220px;font-size:16px;font-weight:600}.classroom-progression[data-band-card="0"] .classroom-card-with-duration:first-child,.classroom-progression[data-band-card="1"] .classroom-card-with-duration:nth-child(2),.classroom-progression[data-band-card="2"] .classroom-card-with-duration:nth-child(3),.classroom-progression[data-band-card="3"] .classroom-card-with-duration:nth-child(4),.classroom-progression[data-band-card="4"] .classroom-card-with-duration:nth-child(5),.classroom-progression[data-band-card="5"] .classroom-card-with-duration:nth-child(6),.classroom-progression[data-band-card="6"] .classroom-card-with-duration:nth-child(7),.classroom-progression[data-band-card="7"] .classroom-card-with-duration:nth-child(8){outline-offset:3px;border-radius:8px;outline:3px solid #b78200}.band-source{justify-content:center;gap:8px;padding:10px;display:flex}.band-track{background:#fffdf8;border:1px solid #e1d2b5;border-radius:8px;max-width:1250px;margin:auto;padding:12px 18px}.band-track audio{width:100%;height:42px}.band-track .band-toolbar{align-items:center;margin:0 0 8px}.band-track label{flex-direction:row;align-items:center}.band-track span{margin-left:auto;font-size:12px}.band-share-link{align-items:center;gap:12px;margin:10px 0;font-size:12px;display:flex}.band-share-link input{flex:1;min-width:0}.bass-chord-reference{background:#fbf8f0;border:1px solid #e5d9bf;border-radius:8px;margin:12px 0 8px;padding:12px 14px}.bass-chord-reference>span{margin-bottom:7px;display:block}.bass-chord-reference ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bass-chord-reference li{box-sizing:border-box;background:#fffdf8;border:2px solid #e7ddc8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:76px;max-width:100%;padding:8px 14px;display:flex}.bass-chord-reference li strong{overflow-wrap:anywhere;font:600 20px/1.2 Inter,system-ui}.bass-chord-reference li span{color:#796b52;font:11px/1.3 Inter,system-ui}.bass-chord-reference li[data-active=true]{color:#493b16;background:#f2e4b6;border-color:#9e740c}.bass-chord-reference p{color:#807562;margin:0;font-size:12px}.bass-chord-reference li,.bass-chord-reference li *{transition:none!important;animation:none!important}.bass-chord-reference li:has(button){padding:0}.bass-chord-reference li>button{min-width:76px;max-width:100%;min-height:58px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;display:flex}.bass-chord-reference li>button[aria-pressed=true]{color:#205e74;background:#e7eff2}.bass-chord-reference li>button:disabled{opacity:1;cursor:default}.bass-chord-reference li>button:focus-visible{outline-offset:2px;outline:3px solid #286782}.bass-chord-reference li[data-selected=true]{border-color:#286782}.bass-chord-reference li[data-active=true]>button{color:#493b16;background:#f2e4b6}.bass-note-editor legend{color:#205e74;padding:0 7px;font-weight:600}.bass-note-editor{min-width:0;margin-inline:0}.band-bar-tabs[aria-label="Drum pattern bars"] button:nth-child(4n){margin-right:10px}.band-bar-map>summary{cursor:pointer;color:#8a6a28;box-sizing:border-box;min-height:44px;padding:12px 14px;font-size:14px;font-weight:600}.band-bar-map>summary:focus-visible{outline-offset:-3px;outline:3px solid #286782}.band-bar-map[open]>summary{border-bottom:1px solid #eee4d0}.band-bar-map-scroll{overflow:auto}.band-bar-map caption.band-sr-only{padding:0}.now-next-player{color:#27231b;width:100%;min-width:0;container-type:inline-size}.now-next-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;display:flex}.now-next-heading>div:first-child{flex-direction:column;gap:5px;display:flex}.now-next-heading strong{font-size:clamp(18px,2vw,24px);line-height:1.25}.now-next-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.now-next-cue{background:#f2efe7;border-left:3px solid #b8ad91;min-height:26px;margin:0 0 12px;padding:8px 12px;font-size:16px;font-weight:600;line-height:1.35}.now-next-cue[data-fill=true]{color:#704707;background:#fff0ce;border-color:#a56b0c}.now-next-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.now-next-upcoming{min-width:0}.now-next-bar{background:#fffdf8;border:1px solid #c9c0ac;border-radius:8px;min-width:0;padding:12px;overflow:hidden}.now-next-bar.now-next-current{background:#fffdf4;border:2px solid #8a650f}.now-next-bar>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:15px;line-height:1.3;display:flex}.now-next-bar>header b{color:#775509;font-size:18px}.now-next-bar>header span{text-align:right;font-weight:600}.now-next-bar .drum-notation{width:100%;min-width:0;height:auto;display:block;overflow:visible}.now-next-grid{border-top:1px solid #d9d0bd;margin-top:12px;padding-top:8px;font-size:14px}.now-next-grid summary{cursor:pointer;min-height:30px}.now-next-grid .drum-grid{overflow-x:auto}.now-next-ending{color:#776e5e;border:1px dashed #c9c0ac;border-radius:8px;place-content:center;min-height:100px;font-size:18px;display:grid}.now-next-player .band-guitar-cards{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.now-next-player .band-guitar-card{flex:90px;min-width:0;max-width:220px;margin:0}.now-next-player .band-guitar-card img{object-fit:contain;width:100%;height:auto;max-height:240px}.now-next-player .band-guitar-card figcaption{font-size:14px;line-height:1.3}.now-next-player .band-guitar-editor{background:0 0;border:0;padding:0}.now-next-player .band-guitar-card[data-active=true]{transition:none;transform:none}.now-next-player .bass-grid{min-width:0;overflow-x:auto}.now-next-player .bass-grid-row{min-width:300px}.bass-bar-harmony{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4}.bass-bar-harmony>span{color:#776e5e;margin-right:8px;font-size:14px;font-weight:400}.band-fill-marker{background:#fff0ce;border:1px solid #d9be83;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;font-size:16px;display:flex}.band-fill-marker input{width:18px;height:18px}.band-fill-marker span{color:#705a33;flex-basis:100%;font-size:14px}@container (width<=740px){.now-next-layout{grid-template-columns:minmax(0,1fr)}.now-next-bar{padding:10px}.now-next-heading strong{font-size:20px}}@media (width<=600px){.now-next-layout{grid-template-columns:minmax(0,1fr)}.now-next-cue{font-size:15px}.now-next-bar>header{font-size:14px}.now-next-player .band-guitar-card{max-width:190px}}.band-musician:has(.now-next-player){padding:14px 20px 30px}.band-musician:has(.now-next-player)>header{gap:12px;margin-bottom:10px}.band-musician:has(.now-next-player) h1{margin:4px 0;font-size:30px}.band-musician:has(.now-next-player)>.band-source{justify-content:center;gap:6px;margin:4px 0 8px;display:flex}.band-musician:has(.now-next-player) .band-workspace{padding-top:12px}.band-musician:has(.now-next-player) .band-workspace>h2{display:none}.band-musician:has(.now-next-player) .band-section-nav{margin-bottom:8px}.band-musician:has(.now-next-player) .band-overview>section{padding:14px}.now-next-heading .band-toolbar{margin-bottom:0}.now-next-player .band-eyebrow{font-size:12px}.now-next-player .band-toolbar label{font-size:14px}.now-next-bar .drum-notation{max-height:none;margin:6px 0 8px}.now-next-player *,.now-next-player :before,.now-next-player :after{transition:none!important;animation:none!important}@media (width<=600px){.band-musician:has(.now-next-player){padding:10px 6px}.band-musician:has(.now-next-player)>header{flex-direction:column;align-items:stretch}.band-musician:has(.now-next-player) .band-workspace{padding:10px 0}.band-musician:has(.now-next-player) .band-overview>section{padding:10px}.band-musician:has(.now-next-player) h1{font-size:25px}.band-musician:has(.now-next-player)>header .band-toolbar{margin-bottom:0}.band-musician:has(.now-next-player) .band-part-tabs{gap:4px;padding:6px 0}.band-musician:has(.now-next-player) .band-transport{gap:6px;padding:8px}}.band-musician .band-player-controls{z-index:6;background:#f8f4eb;position:sticky;top:0}.band-musician .band-player-controls .band-transport{position:static}.band-musician .now-next-player{scroll-margin-top:100px}@media (width<=600px){.band-musician .now-next-player{scroll-margin-top:110px}}.reading-four-bars{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.reading-four-bars .bass-grid{margin:8px 0 0}.reading-four-bars .bass-grid-row{grid-template-columns:repeat(var(--steps),minmax(32px,1fr));gap:4px}.reading-four-bars .bass-grid-row small{white-space:nowrap;font-size:9px}.reading-four-bars .now-next-bar{border-width:2px;padding:10px}.reading-four-bars .bass-grid-row>span{box-sizing:border-box;min-height:56px}.reading-four-bars .bass-counts>span{min-height:20px}.reading-four-bars .drum-notation{max-height:155px;margin:4px 0}.reading-four-bars .now-next-bar[data-fill=true]{border-color:#ae7612}.reading-four-bars .now-next-bar[data-fill=true]>header>span{color:#815407}.reading-four-bars .now-next-current{background:#fff9e8;border-color:#8a650f;box-shadow:inset 0 0 0 1px #8a650f}.reading-four-bars .now-next-bar>header{margin-bottom:6px}@container (width<=700px){.reading-four-bars{grid-template-columns:minmax(0,1fr)}}.bar-harmony{align-items:stretch;gap:8px;min-height:46px;margin:4px 0 8px;display:flex}.bar-harmony-chord{background:#f0e8d5;border-bottom:3px solid #0000;border-radius:4px;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:3px 9px;display:flex}.bar-harmony-chord strong{color:#33291a;overflow-wrap:anywhere;font-size:34px;font-weight:750;line-height:1.1}.bar-harmony-chord small{color:#65563c;white-space:nowrap;font-size:11px;line-height:1.2}.bar-harmony-chord[data-active=true]{background:#eddda8;border-bottom-color:#946a09}.bar-harmony-empty{color:#776e5e;align-self:center;font-size:16px}@container (width<=700px){.bar-harmony-chord strong{font-size:30px}}.band-section-picker{color:#332f26;font:12px/1.4 Inter,Arial,sans-serif;position:relative}.band-section-picker>summary{cursor:pointer;white-space:nowrap;border:1px solid #dac89e;border-radius:6px;padding:8px 10px;list-style:none}.band-section-picker>summary:after{content:" ▾"}.band-section-picker__body{z-index:8;background:#fffdf6;border:1px solid #c8c1ae;border-radius:8px;min-width:245px;max-width:80vw;max-height:60vh;padding:12px;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 5px 18px #332f2633}.band-section-picker__body p{color:#776a55;margin:0 0 10px}.band-section-picker__body>label{align-items:center;gap:8px;padding:7px 3px;display:flex}.band-section-picker__body input{accent-color:#a67d0d}.band-section-picker__body>div{gap:6px;margin-top:10px;display:flex}.classroom-section-share{place-items:center;padding:4px 0;display:grid}.classroom-section-share button{box-sizing:border-box;background:var(--paper);width:64px;min-width:0;min-height:28px;color:var(--gold-deep);border:1px solid #dac89e;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font:10px Inter,Arial,sans-serif;display:flex}.classroom-section-share button:disabled{display:none}.classroom-app>.band-transport>.band-primary{flex:none;width:84px}.classroom-app>.band-transport .band-clock{min-width:105px}@media (width>=980px){.classroom-app>.band-transport{gap:8px}.classroom-app>.band-transport>label>select{max-width:175px}}.classroom-app:has(>.band-part-tabs) .classroom-beat-choice.classroom-meter-choice{border-radius:18px;flex:0 0 76px;justify-content:center;align-items:center;gap:8px;width:76px;min-width:76px;padding:0 8px;display:flex}.band-metronome-help{color:#776a55;font-size:11px}.band-transport .band-transport-icon{box-sizing:border-box;flex:0 0 38px;justify-content:center;align-items:center;width:38px;min-width:38px;height:36px;min-height:36px;padding:6px;display:inline-flex}.band-transport .band-transport-icon svg{flex:none;width:18px;height:18px}.classroom-app>.band-transport>.band-primary.band-transport-icon{flex:0 0 38px;width:38px;min-width:38px}.band-workspace .band-overview-heading{margin-bottom:8px}.band-workspace .band-overview-heading h2{margin:0;font-size:22px}.band-workspace>.band-overview>section{margin-bottom:8px;padding:12px}.band-workspace>.band-overview>section>header{margin-bottom:8px;padding-bottom:6px}.band-musician .band-overview>section{margin-bottom:8px;padding:12px}.band-musician .band-overview>section>header{margin-bottom:8px;padding-bottom:6px}.band-part-settings__body{padding-top:10px}.band-part-settings__body>.band-toolbar{margin-bottom:8px}.band-section-settings>summary{cursor:pointer;font-size:13px;font-weight:600}.now-next-heading-tools{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.band-workspace[data-reader-first=true]>.now-next-player{max-width:1250px;margin:0 auto 16px}.band-workspace[data-reader-first=true]>.now-next-player .now-next-heading{margin-bottom:8px}.band-workspace[data-reader-first=true] .now-next-heading>div:first-child{flex-flow:wrap;align-items:baseline;gap:12px}.band-workspace[data-reader-first=true] .now-next-cue{box-sizing:border-box;min-height:28px;margin-bottom:10px;padding:4px 10px;font-size:14px}.band-workspace[data-reader-first=true] .reading-four-bars .now-next-bar{padding:8px}@media (width>=980px){.band-workspace[data-reader-first=true] .reading-four-bars .drum-notation{max-height:clamp(86px,50dvh - 298px,155px)}}.band-workspace[data-reader-first=true] .reading-options{border-top:1px solid #e5d9bf;margin-top:14px;padding-top:12px}.band-workspace[data-reader-first=true] .reading-options .band-toolbar{gap:16px;margin:0}.band-workspace[data-reader-first=true] .reading-options label{flex-direction:row;align-items:center;gap:8px;font-size:13px}.band-pattern-editor,.band-section-settings,.band-workspace-options>.band-part-settings{background:#fffdf8;border:1px solid #e1d2b5;border-radius:8px;max-width:1250px;margin:10px auto;padding:0}.band-pattern-editor>summary,.band-section-settings>summary,.band-workspace-options>.band-part-settings>summary{box-sizing:border-box;cursor:pointer;color:#514630;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600}.band-pattern-editor>summary span{color:#807562;margin-left:12px;font-size:12px;font-weight:400}.band-pattern-editor[open]>summary,.band-section-settings[open]>summary,.band-workspace-options>.band-part-settings[open]>summary{border-bottom:1px solid #e5d9bf}.band-pattern-editor-body{border:0;min-width:0;margin:0;padding:0}.band-pattern-editor-body>.instrument-lab{background:0 0;border:0;margin:0;padding:16px}.band-pattern-editor-body>.instrument-lab>header{margin-bottom:12px}.band-pattern-editor-body>.instrument-lab h2{font-size:22px}.band-pattern-editor-body .band-edit-selection{align-items:center;gap:16px;margin:0 0 12px}.band-pattern-editor-body .band-edit-selection label{flex-direction:row;align-items:center;gap:8px;font-size:13px}.band-pattern-editor-body:disabled{opacity:.65}.band-pattern-editor>.band-help{margin:12px 16px}.band-section-settings>.band-section-nav,.band-workspace-options>.band-part-settings>.band-toolbar{margin:0;padding:16px}.band-edit-options{border-top:1px solid #e5d9bf;margin:12px 0;padding-top:12px}.band-edit-options>summary{cursor:pointer;min-height:28px;font-size:13px;font-weight:600}.band-edit-options>.band-toolbar{margin-bottom:0;padding-top:12px}.band-edit-options>.band-help{margin-bottom:0}.band-workspace-options{max-width:1250px;margin-inline:auto}@media (width<=600px){.band-pattern-editor>summary span{margin:5px 0 0 16px;display:block}.band-workspace[data-reader-first=true] .reading-options .band-toolbar{gap:10px}}.bass-pattern-options{border:0;min-width:0;margin:0;padding:0}.bass-focus-workspace .reading-four-bars{align-items:start}.reading-four-bars .bass-grid-row>button{box-sizing:border-box;min-height:56px;padding:2px}.reading-four-bars .bass-grid-row b{font-size:22px}.bass-inline-editor{margin:8px 0 0;padding:6px 9px 8px}.bass-inline-editor legend{font-size:12px}.bass-inline-editor .band-toolbar{gap:8px;margin:0}.bass-inline-editor .band-toolbar label{font-size:11px}.bass-inline-editor select,.bass-inline-editor button{min-height:34px;padding:5px 9px}.bass-note-details{margin-top:6px;font-size:11px}.bass-note-details>summary{cursor:pointer;color:#205e74}.bass-note-details[open]>.band-toolbar{margin-top:8px}.bass-fretboard>span{margin-bottom:4px;font-size:12px;font-weight:600;display:block}.bass-edit-hint{margin:6px 0 10px}@media (width<=600px){.bass-inline-editor .band-toolbar{gap:6px}.bass-fretboard>span{font-size:11px}}.bass-bar-heading{align-items:center;gap:10px;min-height:62px;margin-bottom:6px;display:flex}.bass-bar-heading>.bar-harmony{flex:1;min-width:75px;margin:0}.bass-bar-heading .bass-inline-editor{border-color:#ccdde2;flex:0 auto;margin:0;padding:4px 6px}.bass-inline-editor .bass-note-details{align-self:center;margin:0;position:relative}.bass-inline-editor .bass-note-details>summary{padding:7px 0}.bass-inline-editor .bass-note-details[open]>.band-toolbar{z-index:5;background:#f3f7f7;border:1px solid #aec4cc;border-radius:8px;width:250px;max-width:70vw;padding:12px;position:absolute;top:100%;right:0;box-shadow:0 5px 15px #24211b20}.reading-four-bars .bass-grid-row>button,.reading-four-bars .bass-grid-row>span:not(.bass-counts>span){min-height:44px}.reading-four-bars .bass-grid-row small:empty:first-child{display:none}.reading-four-bars .bass-grid-row b{font-size:20px;line-height:24px}.reading-four-bars .bass-grid-row small{min-height:11px;line-height:11px}.reading-four-bars .bass-fretboard{padding:4px}.reading-four-bars .bass-fretboard>span{margin:0;font-size:11px}@container (width<=1000px){.bass-bar-heading{flex-wrap:wrap}.bass-bar-heading>.bar-harmony{flex-basis:100%}}.bass-focus-workspace .now-next-player[data-phase=ready]>.now-next-cue[data-empty=true]{display:none}.bass-focus-workspace .bass-fretboard svg{max-height:132px}.bass-focus-workspace .bass-bar-heading{min-height:58px}.bass-focus-workspace .bass-bar-heading .bass-inline-editor{padding-block:2px}.bass-focus-workspace .bass-inline-editor label{gap:2px}.band-musician--focused{padding:10px clamp(12px,2.5vw,30px) 36px}.band-musician--focused .band-musician__header{box-sizing:border-box;align-items:center;gap:18px;max-width:1440px;min-height:54px;margin:0 auto 8px}.band-musician--focused .band-musician__identity{min-width:0}.band-musician--focused .band-musician__identity .band-eyebrow{font-size:10px}.band-musician--focused .band-musician__identity h1{margin:2px 0;font-size:clamp(24px,2.2vw,30px);line-height:1.12}.band-musician__meta{color:#756b58;font-size:13px}.band-practice-instructions{color:#625944;max-width:55ch;margin:0 0 0 auto;font-size:14px;line-height:1.4}.band-practice-controls{box-sizing:border-box;background:#fffdf8;border:1px solid #dfd2b8;border-radius:9px;max-width:1440px;margin:0 auto 6px;padding:8px 10px}.band-practice-controls__choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 9px;display:flex}.band-musician--focused .band-part-tabs--compact{background:0 0;flex:0 185px;min-width:150px;padding:0}.band-musician--focused .band-part-tabs--compact label{width:100%}.band-musician--focused .band-practice-controls select,.band-musician--focused .band-practice-options select{min-height:34px;padding:5px 28px 5px 9px;font-size:12px}.band-practice-select{color:#716957;align-items:center;gap:7px;min-width:155px;font-size:12px;font-weight:600;display:flex}.band-practice-select select{flex:1;min-width:0}.band-practice-select:has(select[aria-label=Practice\ section]){flex:0 185px}.band-practice-modes{box-sizing:border-box;color:#716957;white-space:nowrap;background:#f8f4e9;border:1px solid #dfd2b8;border-radius:7px;align-items:center;gap:3px;min-height:34px;padding:2px 3px;font-size:11px;font-weight:650;display:flex}.band-practice-modes>span{padding:0 5px}.band-practice-modes>button{color:#534b3a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-height:28px;padding:3px 8px;font:600 12px Inter,Arial,sans-serif}.band-practice-modes>button[aria-pressed=true]{color:#fff;background:#a67d0d}.band-practice-modes>button:focus-visible{outline-offset:1px;outline:3px solid #286782}.band-practice-controls .band-transport--focused{z-index:auto;background:0 0;border:0;flex:0 auto;justify-content:flex-start;align-items:center;gap:7px;padding:0;display:flex;position:static}.band-practice-controls .band-transport-icon{width:34px;min-width:34px;height:34px;padding:6px}.band-practice-controls .band-transport-icon svg{width:18px;height:18px}.band-practice-controls .band-transport-settings{position:relative}.band-practice-controls .band-transport-settings>summary,.band-practice-options>summary,.track-rehearsal--focused .track-rehearsal__settings>summary{box-sizing:border-box;color:#4e4637;cursor:pointer;background:#fffdf8;border:1px solid #dfd2b8;border-radius:6px;align-items:center;min-height:38px;padding:7px 10px;font-size:12px;font-weight:650;list-style:none;display:flex}.band-practice-controls .band-transport-settings>summary::-webkit-details-marker{display:none}.band-practice-options>summary::-webkit-details-marker{display:none}.track-rehearsal--focused .track-rehearsal__settings>summary::-webkit-details-marker{display:none}.band-transport-settings__body{z-index:20;box-sizing:border-box;background:#fffdf8;border:1px solid #d9cbaa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:min(650px,100vw - 28px);padding:12px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 5px 18px #332f2626}.band-transport-settings__body>label{align-items:center;gap:7px;font-size:12px;display:flex}.band-transport-settings__body .band-volume input{width:105px}.band-transport-settings__body .rehearsal-options{flex-basis:100%}.band-transport-settings__body .band-section-picker__body{right:0}.band-practice-controls .band-clock{white-space:nowrap;min-width:0;font-size:12px}.band-player-controls--track{flex:300px;min-width:280px;max-width:620px}.band-musician--focused .band-track{background:0 0;border:0;max-width:none;margin:0;padding:0}.band-musician--focused .band-track>strong{display:none}.band-stem-controls{flex:100%;min-width:0;margin-top:4px}.band-stem-controls .rehearsal-stem-mixer--visible{background:0 0;border:0;border-top:1px solid #eee4d2;border-radius:0;align-items:center;gap:10px;width:100%;min-height:30px;padding:5px 0 0;display:flex}.band-stem-controls .rehearsal-stem-mixer__heading{flex:none;gap:6px;font-size:12px}.band-stem-controls .rehearsal-stem-mixer__heading span{font-size:11px}.band-stem-controls .rehearsal-stem-mixer__rows{flex:1;min-width:0;padding:0}.band-stem-controls .rehearsal-stem-mixer__rows>div{flex-wrap:wrap;gap:5px;display:flex}.band-stem-controls .rehearsal-stem-mixer__rows label{flex:0 auto;min-width:0;max-width:200px;min-height:28px;padding:3px 7px;font-size:12px}.band-stem-controls .rehearsal-stem-mixer__rows label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:20ch;overflow:hidden}.band-stem-controls .rehearsal-stem-mixer__rows input{width:15px;height:15px}.band-practice-options{max-width:1440px;margin:6px auto 0}.band-practice-options>summary{color:#776c56;background:0 0;border-color:#0000;width:max-content;min-height:30px;padding:4px 8px;font-size:12px}.band-practice-options__body{flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 6px 2px;display:flex}.band-practice-options__body>button,.band-practice-options__body .keyboard-shortcuts-trigger{min-height:38px;padding:6px 10px;font-size:12px}.band-practice-stage{max-width:1480px;padding:8px clamp(12px,2vw,28px) 36px}.band-practice-stage__section{color:#3b3326;margin:0 0 7px;font:600 clamp(18px,2vw,24px)/1.2 Libre Bodoni,Georgia,serif}.band-practice-stage .band-overview{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.band-practice-stage .band-overview>section{border-radius:10px;min-width:0;margin:0;padding:14px}.band-practice-stage .band-overview>section>header{margin-bottom:8px;padding-bottom:7px}.band-practice-stage .band-overview>section>header strong{font-size:15px}.band-practice-stage .band-overview>section>header button{min-height:34px;padding:5px 9px;font-size:12px}@media (width<=760px){.band-musician--focused{padding:8px 10px 26px}.band-musician--focused .band-musician__header{gap:3px;margin-bottom:7px;display:grid}.band-musician--focused .band-musician__identity h1{font-size:24px}.band-practice-instructions{margin:2px 0 0;font-size:13px}.band-practice-controls{padding:7px}.band-practice-controls__choices{justify-content:flex-start;gap:6px}.band-musician--focused .band-part-tabs--compact{flex:145px;min-width:0}:is(.band-practice-select,.band-practice-select:has(select[aria-label=Practice\ section])){flex:145px;justify-content:space-between;min-width:0}.band-practice-modes{flex:170px}.band-practice-controls .band-transport--focused{border-top:1px solid #eee4d2;flex:100%;padding-top:6px}.band-practice-controls .band-transport-settings{margin-left:auto}.band-player-controls--track{flex:100%;min-width:0;max-width:none}.band-practice-stage{padding:8px 0 24px}.band-practice-stage .band-overview>section{padding:10px}.band-stem-controls .rehearsal-stem-mixer--visible{align-items:flex-start}.band-stem-controls .rehearsal-stem-mixer__heading{padding-top:5px}.band-stem-controls .rehearsal-stem-mixer__rows>div{gap:4px}}.drum-notation{box-sizing:content-box;padding-top:28px;padding-bottom:8px;overflow:visible}.drum-grid-row small{font-size:10.8px}.drum-grid-row b{font-size:1.2em}.drum-grid-count{font-size:14.4px}.band-transport .band-chord-view-toggle{cursor:pointer;background:#fffdf7;border:1px solid #dac89e;border-radius:6px;min-height:36px;padding:6px 10px;font-size:11px;font-weight:650}.band-transport .band-chord-view-toggle[aria-pressed=true]{color:#8a6400;background:#f5ecd9;border-color:#b78200}.band-guitar-card--names-only{flex-direction:column;justify-content:center;display:flex}.band-guitar-card__name{aspect-ratio:1;box-sizing:border-box;color:#24211b;text-align:center;overflow-wrap:anywhere;background:#fffdf7;border:1px solid #dac89e;border-radius:6px;place-items:center;width:100%;padding:10px;font:500 clamp(22px,3vw,38px)/1.05 Libre Bodoni,Georgia,serif;display:grid}.band-guitar-card--names-only>button{aspect-ratio:auto;height:auto;min-height:58px}.band-guitar-card--names-only .band-guitar-card__name{aspect-ratio:auto;height:auto;min-height:58px;font-size:clamp(20px,1.8vw,28px)}.band-guitar-editor[data-chord-view=names] .band-guitar-cards{gap:8px 12px}.band-guitar-editor[data-chord-view=names] .band-guitar-card select{margin-top:2px}.band-guitar-editor[data-chord-view=names] .band-guitar-scale{max-width:1180px;margin:8px auto 12px}.classroom-section-disclosure{border:1px solid var(--gold-soft,#dac59a);min-height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font:600 12px Inter,Arial,sans-serif;display:flex}.classroom-section-disclosure:focus-visible{outline:2px solid var(--gold,#b98000);outline-offset:2px}.classroom-section-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 14px Inter,Arial,sans-serif;display:none;overflow:hidden}.classroom-app[data-sections-collapsed=true] .classroom-section-strip,.classroom-app[data-sections-collapsed=true] .classroom-add-section-wrap{display:none!important}.classroom-app[data-sections-collapsed=true] .classroom-section-current{display:block}.band-playback-source select{max-width:140px}@media (width>=980px){.classroom-app.classroom-app--organized[data-sections-collapsed]:has(>.band-part-tabs)>.classroom-timeline{grid-template-columns:94px 68px 64px minmax(0,1fr) 144px;gap:8px}.classroom-app.classroom-app--organized[data-sections-collapsed=true]:has(>.band-part-tabs){grid-template-rows:122px 50px 48px minmax(0,1fr) 24px!important}.classroom-app.classroom-app--organized[data-sections-collapsed=true]:has(>.band-part-tabs)>.classroom-timeline{grid-template-columns:94px 68px 64px minmax(0,1fr);height:44px}.classroom-app.classroom-app--organized:has(>.band-part-tabs):has(.band-playback-source){grid-template-columns:minmax(16px,1fr) 116px minmax(0,960px) minmax(16px,1fr)}.classroom-app--organized>.band-transport>.band-playback-source>select{width:126px;max-width:126px}.classroom-app--organized>.band-transport:has(.band-playback-source){gap:5px}.classroom-app--organized>.band-transport:has(.band-playback-source) .band-volume input{width:56px}}.lesson-sequence{border-top:1px solid #e3d4b4;margin:20px 0;padding-top:18px}.lesson-sequence-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-sequence h3{overflow-wrap:anywhere;margin:3px 0 0;font:600 23px/1.25 Libre Bodoni,serif}.lesson-sequence-heading>button{flex-shrink:0}.lesson-sequence-current{color:#536947;overflow-wrap:anywhere;margin:12px 0 8px;font-size:12px}.lesson-sequence-navigation{background:#f3eedf;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.lesson-sequence-navigation>span{text-align:center;color:#736852;overflow-wrap:anywhere;font-size:12px}.lesson-sequence-editor{gap:12px;margin-top:16px;display:grid}.lesson-sequence-editor label{color:#665a45;gap:5px;min-width:0;font-size:12px;display:grid}.lesson-sequence-filters{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lesson-sequence-add{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.lesson-sequence-add>button{min-height:40px}.lesson-sequence-editor .lesson-sequence-add-current{justify-self:start;font-size:12px}.lesson-sequence-items{gap:7px;margin:3px 0 0;padding:0;list-style:none;display:grid}.lesson-sequence-items li{border:1px solid #e3d4b4;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.lesson-sequence-items li[data-current=true]{background:#f0f4ec;border-color:#90a085}.lesson-sequence-number{text-align:center;color:#927648;flex:0 0 22px;font-size:12px}.live-room-dialog .lesson-sequence-item-title{text-align:left;background:0 0;border:0;flex:1;gap:3px;min-width:0;padding:4px;display:grid}.live-room-dialog .lesson-sequence-item-title:disabled{opacity:1}.lesson-sequence-item-title strong{overflow-wrap:anywhere;font-size:13px}.lesson-sequence-item-title small{color:#82735b;font-size:11px;font-weight:400}.lesson-sequence-item-actions{flex-shrink:0;gap:4px;display:flex}.live-room-dialog .lesson-sequence-item-actions button{min-width:30px;min-height:32px;padding:5px;font-size:16px}.lesson-sequence-help,.lesson-sequence-empty{color:#736852;margin:12px 0;font-size:12px;line-height:1.6}@media (width<=520px){.lesson-sequence-filters{grid-template-columns:1fr}.lesson-sequence-navigation{gap:6px;padding:8px}}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}html.musician-view-page,body.musician-view-page,body.musician-view-page #root{height:auto;min-height:100%}body.musician-view-page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overflow:hidden auto}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.mobile-web-shell{background:#fff;width:100%;min-width:320px;height:100dvh;max-height:100dvh;position:fixed;inset:0 0 auto;overflow:hidden}.device-screen.device-screen--frameless{width:100%;height:100%;box-shadow:none;cursor:auto;border-radius:0;position:absolute;inset:0}.device-screen--frameless,.device-screen--frameless *{cursor:auto!important}.device-screen--frameless .mobile-scroll{touch-action:pan-y pinch-zoom;overscroll-behavior-y:contain}.device-screen--frameless .mobile-scroll-content{transform:none!important}.device-screen--frameless .tray-card,.device-screen--frameless .card-row{touch-action:pan-y}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{--ink:#161410;--muted:#77726b;--ivory:#fbf8f1;--paper:#f7f3eb;--gold:#b98100;--gold-deep:#a66f00;--gold-soft:#b981003d}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer) .classroom-settings{width:calc(100% - 32px);position:absolute;left:16px;overflow:visible}.classroom-settings>.classroom-setting,.classroom-settings>.classroom-setting:first-of-type{flex:0 0 78px}.classroom-settings .classroom-setting{grid-template-columns:18px minmax(22px,1fr) 9px;gap:3px;padding-inline:7px}.classroom-settings .classroom-setting select{text-align:center;font-size:14px;font-weight:700}.classroom-settings>.classroom-beat-wrap{flex:0 0 58px}.classroom-settings .classroom-beat-toggle{flex:0 0 34px;width:34px;min-width:34px;min-height:34px;padding:0}.classroom-settings .classroom-beat-choice{width:24px;min-width:24px;min-height:34px}.classroom-settings .classroom-beat-toggle svg{width:15px;height:15px}.classroom-lab-shortcuts{margin-left:0;position:absolute;left:50%;transform:translate(-50%)}.classroom-actions{z-index:20;position:relative;overflow:visible}.classroom-more-button{width:38px;height:38px;color:var(--gold-deep);background:#fffdf8c2;border:1px solid #b9810047;border-radius:50%;place-items:center;padding:0;display:grid}.classroom-more-button:hover,.classroom-more-button:focus-visible,.classroom-more-button[aria-expanded=true]{border-color:var(--gold-deep);background:#b981001a;outline:none}.classroom-more-button svg{width:21px;height:21px}.classroom-header-menu{background:#fffdf8;border:1px solid #b9810047;border-radius:14px;width:224px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #231b0f2e}.classroom-header-menu>button{min-height:38px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:650;display:flex}.classroom-header-menu>button:hover,.classroom-header-menu>button:focus-visible{background:#b981001a;outline:none}.classroom-header-menu>button svg{width:18px;height:18px;color:var(--gold-deep)}.classroom-header-menu-step{min-height:42px;color:var(--muted);border-bottom:1px solid #b981002e;grid-template-columns:1fr 30px 34px 30px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:700;display:grid}.classroom-header-menu-step button{width:30px;height:30px;color:var(--gold-deep);background:#fff;border:1px solid #b981004d;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid}.classroom-header-menu-step strong{text-align:center;color:var(--ink);font-size:13px}.classroom-section-tools .classroom-add-card-action,.classroom-section-tools .classroom-lyric-cue-toggle{min-height:28px;padding-inline:8px;font-size:8px}.classroom-bar-selector button{min-width:28px;min-height:28px;padding-inline:7px}.loop-sections-controls button{width:82%;min-height:24px;font-size:8px}}.rhythm-focus-panel{background:#fffdf8c7;border:1px solid #b9810052;border-radius:12px;gap:9px;min-width:0;padding:10px 12px 12px;display:grid;box-shadow:0 6px 20px #37280d0f}.rhythm-focus-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rhythm-focus-panel>header>div:first-child{gap:2px;min-width:0;display:grid}.rhythm-focus-panel>header span{color:var(--gold-deep);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.rhythm-focus-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font:600 clamp(17px,1.7vw,24px)/1.05 Libre Bodoni,Georgia,serif;overflow:hidden}.rhythm-focus-panel>header small,.rhythm-focus-panel>p{color:var(--muted);margin:0;font-size:12px}.rhythm-focus-actions{flex:none;gap:6px;display:flex}.rhythm-focus-actions button{background:var(--paper);min-height:32px;color:var(--gold-deep);border:1px solid #b981006b;border-radius:999px;padding:0 10px;font-size:11px;font-weight:800}.classroom-rhythm-focus{width:min(100%,980px);margin:4px auto}.rhythm-focus-guide{width:min(100%,720px);margin:0 auto}.rhythm-focus-panel[data-collapsed=true]{padding-block:7px}.rhythm-focus-panel[data-collapsed=true]>header strong{font-size:17px}@media (width<=760px){.rhythm-focus-panel{padding:8px}.rhythm-focus-panel>header{align-items:start}.rhythm-focus-actions{flex-wrap:wrap;justify-content:flex-end}}.brand-lockup{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:0;align-items:baseline;gap:5px;display:flex;position:relative;transform:scale(1.1);container-type:inline-size}.brand-lockup img{object-fit:contain;flex:0 0 26%;width:26%;height:auto;display:block}.brand-lockup-wordmark{white-space:nowrap;letter-spacing:-.065em;flex:auto;align-items:baseline;min-width:0;font:500 15cqw/.95 Libre Bodoni,Georgia,serif;display:flex}.brand-lockup-name{color:var(--ink)}.brand-lockup-numbers{color:var(--gold-deep);margin-left:.1em}.brand-lockup--mobile{width:min(232px,64vw);margin:0 auto 1px}.app-screen{background:var(--ivory);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.site-copyright{color:#4f432db3;text-align:center;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #b9810038;justify-content:center;align-items:center;gap:7px;margin-top:28px;padding:18px 10px 4px;font-size:9.6px;font-weight:500;line-height:1.4;display:flex}.site-copyright strong{color:var(--gold-deep);font-weight:700}.song-screen{min-height:100%;padding:57px 18px calc(var(--mobile-safe-area-height) + 28px);position:relative}.header-corner{pointer-events:none;width:54px;height:auto;display:block;position:absolute;top:48px}.header-corner-left{left:0}.header-corner-right{right:0}.song-title-editor{width:min(365px,100% - 28px);margin:3px auto 11px}.song-title-editor input{width:100%;min-width:0;color:var(--ink);text-align:center;letter-spacing:-1.2px;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:4px;outline:none;padding:0 8px 2px;font-family:Libre Bodoni,Georgia,serif;font-size:32px;font-weight:600;line-height:1.04;transition:border-color .14s,background .14s,box-shadow .14s;display:block}.song-title-editor input:hover{border-bottom-color:var(--gold-soft)}.song-title-editor input:focus{border-bottom-color:var(--gold-deep);background:#fffdf8b3;box-shadow:0 3px #b9810014}.song-title-editor input::placeholder{color:#16141061}.ornament-rule{width:min(285px,86%);color:var(--gold);grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:0 auto;display:grid}.ornament-rule span{background:var(--gold-soft);height:1px}.ornament-rule svg{width:10px;height:10px}.song-settings{grid-template-columns:1fr 1px 1fr;align-items:center;gap:6px;width:min(315px,94%);margin:13px auto;display:grid}.mobile-transpose{grid-column:1/-1;grid-template-columns:38px auto 38px;justify-content:center;align-items:center;gap:4px;margin-top:-5px;display:grid}.mobile-transpose span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.song-settings .mobile-transpose button{border:1px solid #b981004d;border-radius:999px;min-height:30px;font-size:18px}.song-settings button{min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 2px;font-size:15px;font-weight:500;transition:background .15s,transform .15s;display:flex}.song-settings button:active{background:#b9810014;transform:scale(.98)}.song-settings button>svg:first-child{width:23px;height:23px;color:var(--gold)}.song-beat-controls{gap:6px;width:min(286px,88%);margin:-3px auto 10px;display:flex}.song-beat-toggle,.song-beat-choice{min-height:38px;color:var(--ink);background:#ffffff57;border:1px solid #b981007a;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:flex}.song-beat-toggle{flex:1}.song-beat-choice{flex:none;min-width:92px;padding:0 11px}.song-beat-choice svg{width:13px;height:13px;color:var(--gold-deep)}.song-beat-toggle svg{width:17px;height:17px;color:var(--gold-deep)}.song-beat-toggle:active{transform:scale(.98)}.song-beat-toggle:disabled,.song-beat-choice:disabled,.classroom-beat-toggle:disabled,.classroom-beat-choice:disabled{cursor:wait;opacity:.62}.song-beat-toggle[data-playing=true]{border-color:var(--gold-deep);background:var(--gold);color:#fff}.song-beat-toggle[data-playing=true] svg{color:#fff}.sheet-beat-options{gap:10px;display:grid}.sheet-beat-options>button{min-height:64px;color:var(--ink);text-align:left;background:#ffffffc2;border:1px solid #b9810047;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sheet-beat-options>button.selected{border-color:var(--gold-deep);background:#b981001a}.metronome-volume-control{color:var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.metronome-volume-control>span{align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.metronome-volume-control>span svg{width:18px;height:18px;color:var(--gold-deep)}.metronome-volume-control>strong{color:var(--gold-deep);font-size:12px}.metronome-volume-control input[type=range]{width:100%;height:5px;accent-color:var(--gold-deep);cursor:pointer;border-radius:999px;grid-column:1/-1;margin:3px 0}.sheet-volume-control{background:#fffdf8c2;border:1px solid #b9810047;border-radius:12px;margin-top:16px;padding:15px 16px}.sheet-beat-options span{gap:3px;display:grid}.sheet-beat-options strong{font-size:16px}.sheet-beat-options small{color:#1614109e;font-size:12px}.sheet-beat-options svg{width:22px;height:22px;color:var(--gold-deep)}.setting-caret{width:11px;color:var(--gold-deep)}.setting-divider{background:var(--gold-soft);width:1px;height:22px}.section-list{gap:28px;margin-top:34px;display:grid}.chord-tray{background:#fffdf8b8;border:1px solid #b981003d;border-radius:12px;gap:10px;margin:26px -2px 0;padding:14px 12px 12px;display:grid;box-shadow:0 5px 18px #37280d12}.chord-tray-heading{text-align:center;justify-items:center;gap:4px;display:grid}.chord-tray-heading>div{gap:1px;display:grid}.chord-tray-kicker{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.chord-tray-heading h2{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:24px;font-weight:400;line-height:1}.chord-tray-heading p{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.2}.chord-tray-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;min-width:100%;display:grid}.chord-tray-grid--color{justify-content:center;width:100%;min-width:100%;display:flex}.chord-tray-grid--color .tray-card{flex:0 calc(20% - 4.8px);max-width:92px}.chord-tray-heading-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.color-chord-select{min-width:112px;min-height:30px;color:var(--gold-deep);background:#fffdf8db;border:1px dashed #b981008c;border-radius:999px;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:4px;padding:0 8px 0 10px;display:grid;position:relative}.color-chord-select select{appearance:none;min-width:0;color:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;outline:0;font:800 8px/1 Inter,sans-serif}.color-chord-select svg{pointer-events:none;width:12px;height:12px}.color-chord-select--mobile{min-width:106px;min-height:28px}.workspace-switcher{z-index:12;background:#fffdf8f5;border:1px solid #b9810047;border-radius:999px;grid-template-columns:repeat(4,minmax(86px,1fr));gap:4px;width:min(440px,45vw);padding:4px;display:grid;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #37280d14}.workspace-switcher button{min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:700;display:flex;position:relative}.workspace-switcher button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 3px 10px #1614102e}.workspace-switcher svg{width:16px;height:16px}.workspace-switcher small{background:var(--gold-deep);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 4px;font-size:6px;position:absolute;top:-5px;right:2px}.workspace-switcher--compact{width:min(100%,360px);margin:8px auto 14px;position:relative;top:auto;left:auto;transform:none}.workspace-switcher--compact button{min-width:0;padding:0 4px;font-size:9px}.groove-garden{box-sizing:border-box;background:radial-gradient(circle at 84% 15%, #b981000e, transparent 24%), var(--paper);grid-template-rows:auto minmax(0,1fr);gap:14px;width:100%;height:100%;padding:24px clamp(22px,3vw,58px) 26px;display:grid;overflow:auto}.groove-garden-header{border-bottom:1px solid #b9810042;justify-content:space-between;align-items:end;gap:24px;padding-bottom:14px;display:flex}.groove-garden-header>div:first-child{min-width:0}.groove-garden-header span,.coming-workspace>span{color:var(--gold-deep);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.groove-garden-header h2,.coming-workspace h2{margin:2px 0 3px;font:500 clamp(29px,3vw,46px)/1 Libre Bodoni,Georgia,serif}.groove-garden-header p,.coming-workspace p{max-width:740px;color:var(--muted);margin:0;font-size:13px;line-height:1.4}.groove-garden-transport{flex:none;gap:8px;display:flex}.groove-garden-transport button{background:var(--paper);min-height:40px;color:var(--ink);border:1px solid #b981006b;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:700;display:inline-flex}.groove-garden-transport .groove-play{background:var(--ink);color:var(--paper)}.groove-garden-transport svg{width:18px;height:18px}.groove-garden-body{grid-template-columns:130px minmax(0,1fr);gap:clamp(16px,2vw,30px);min-height:0;display:grid}.groove-section-list{border-right:1px solid #b981003d;align-content:start;gap:7px;padding:12px 10px;display:grid}.groove-section-list>strong{color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:9px}.groove-section-list button{min-height:38px;color:var(--ink);text-align:left;background:0 0;border:1px solid #b981004d;border-radius:7px;grid-template-columns:1fr auto;align-items:center;padding:0 9px;display:grid}.groove-section-list button[aria-pressed=true]{border-color:var(--gold-deep);background:#b981001f}.groove-section-list small{color:var(--muted);font-size:8px}.groove-editor{background:#ffffff6b;border:1px solid #b9810047;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;padding:clamp(18px,2.4vw,34px);display:grid;box-shadow:0 15px 40px #37280d12}.groove-editor-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.groove-editor-toolbar>span{color:var(--muted);font-size:10px}.groove-subdivision{background:#b9810014;border-radius:999px;gap:5px;padding:4px;display:flex}.groove-subdivision button{min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:10px;font-weight:700}.groove-subdivision button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 9px #37280d1c}.groove-grid{grid-template-columns:82px repeat(var(--groove-steps), minmax(34px, 1fr));align-content:center;min-width:0;display:grid;overflow-x:auto}.groove-grid>span{min-width:34px;height:33px;color:var(--muted);border-left:1px solid #b9810021;place-items:center;font-size:9px;font-weight:600;display:grid}.groove-grid>span[data-beat=true]{color:var(--gold-deep);font-size:12px;font-weight:800}.groove-lane-row{display:contents}.groove-lane-row>strong{color:var(--ink);text-align:right;border-top:1px solid #b981002e;align-items:center;padding-right:13px;font-size:11px;display:flex}.groove-hit{background:0 0;border:0;border-top:1px solid #b981002e;border-left:1px solid #b9810021;place-items:center;min-width:34px;min-height:clamp(64px,10vh,92px);padding:0;display:grid}.groove-hit[data-beat=true]{border-left-color:#b981006b}.groove-hit span{background:var(--paper);border:2px solid #b981005c;border-radius:50%;width:20px;height:20px;transition:transform .1s,box-shadow .1s,background .1s}.groove-hit[data-active=true] span{border-color:var(--gold-deep);background:var(--gold-deep);box-shadow:inset 0 0 0 4px var(--paper)}.groove-hit[data-playing=true]{background:#b981001a}.groove-hit[data-playing=true] span{box-shadow:0 0 0 7px #b9810021, inset 0 0 0 4px var(--paper);transform:scale(1.24)}.groove-editor-footer{color:var(--muted);justify-content:space-between;gap:20px;margin-top:22px;font-size:10px;display:flex}.groove-editor-footer strong{color:var(--ink)}.coming-workspace{box-sizing:border-box;text-align:center;background:radial-gradient(circle,#b9810013,#0000 43%);align-content:center;justify-items:center;width:100%;min-height:100%;padding:60px;display:grid}.coming-workspace p{max-width:650px;font-size:15px}.coming-workspace small{color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:10px}@media (width<=1180px),(height<=760px){.workspace-switcher{width:min(390px,38vw);top:60px}.workspace-switcher button{min-height:27px;padding-inline:5px;font-size:8px}.groove-garden{padding:14px 20px 18px}.groove-garden-header h2{font-size:30px}.groove-hit{min-height:58px}}@media (width<=979px){.groove-garden{height:auto;min-height:580px;padding:16px 10px 24px}.groove-garden-header{flex-direction:column;align-items:start}.groove-garden-body{grid-template-columns:1fr}.groove-section-list{border-bottom:1px solid #b981003d;border-right:0;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.groove-section-list>strong{grid-column:1/-1}.groove-editor{border-radius:12px;padding:16px 10px}.groove-editor-toolbar{flex-direction:column;align-items:start;margin-bottom:14px}.groove-grid{grid-template-columns:62px repeat(var(--groove-steps), minmax(35px, 1fr))}.groove-hit{min-height:62px}.groove-editor-footer{flex-direction:column;gap:4px}}.tray-card{aspect-ratio:825/1425;background:var(--paper);cursor:grab;touch-action:none;border:1px solid #b9810085;border-radius:6px;outline:none;min-width:0;padding:0;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative;overflow:hidden;box-shadow:0 2px 6px #37280d1c}.tray-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tray-card--color{border-width:2px;border-color:#5b6848ad}.color-chord-badge{z-index:3;color:#fffdf8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#37280de6;border:1px solid #fffdf8c7;border-radius:999px;max-width:calc(100% - 12px);padding:4px 7px;font:800 9px/1 Inter,sans-serif;position:absolute;top:6px;left:6px;box-shadow:0 2px 7px #37280d33}.tray-card .color-chord-badge{letter-spacing:.03em;padding:3px 4px;font-size:6px;top:3px;left:3px}.tray-card:focus-visible,.tray-card[data-selected=true]{border-color:var(--gold-deep);box-shadow:0 0 0 2px #b981003d,0 4px 10px #37280d26}.tray-card[data-dragging=true]{z-index:5;cursor:grabbing;transform:translateY(-3px)scale(1.06);box-shadow:0 8px 18px #37280d38}.tray-card .generated-roman{font-size:9px;top:4px;left:5px}.tray-card .generated-name{font-size:16px;top:19px}.tray-card .generated-diagram{height:43px;top:42px;left:2px;right:2px}.tray-card .generated-degree{font-size:13px;bottom:3px;right:4px}.chord-tray-instruction{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.35}.song-section{gap:17px;display:grid}.section-heading{color:var(--gold-deep);grid-template-columns:38px auto 38px;justify-content:center;align-items:center;gap:13px;display:grid;position:relative}.section-delete,.section-duplicate{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute}.section-delete{color:#9b4a3e;right:0}.section-duplicate{color:var(--gold-deep);right:40px}.section-delete:focus-visible,.section-duplicate:focus-visible{outline-offset:1px;outline:2px solid #b981006b}.section-delete:disabled{opacity:.25}.section-heading svg{width:23px;height:23px}.section-move{width:38px;height:38px;color:var(--gold-deep);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.section-move:not(:disabled):active{background:#b981001a;transform:scale(.96)}.section-move:focus-visible{outline-offset:1px;outline:2px solid #b981006b}.section-move:disabled{color:#77726b3d}.section-heading h2{color:var(--ink);text-transform:uppercase;letter-spacing:.6px;margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:32px;font-weight:400;line-height:1}.card-row{touch-action:none;gap:8px;width:calc(100% + 16px);margin-left:-8px;display:grid}.card-row.card-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-row.card-count-2{grid-template-columns:repeat(2,minmax(0,109px));justify-content:center;gap:18px}.song-card{--card-stack-shadow:0 0 transparent;aspect-ratio:825/1425;background:var(--paper);min-width:0;box-shadow:var(--card-stack-shadow), 0 4px 11px #37280d24;cursor:grab;border:1px solid #b981009e;border-radius:8px;outline:none;padding:0;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.song-card-shell{aspect-ratio:825/1425;min-width:0;position:relative}.song-card-shell>.song-card{width:100%;height:100%}.song-card--stacked{--card-stack-shadow:2px 2px 0 var(--paper), 3px 3px 0 #b981006b, 5px 5px 0 var(--paper), 6px 6px 0 #b9810057}.song-card-preview-button{z-index:6;width:24px;height:24px;color:var(--gold-deep);background:#fffdf8f0;border:1px solid #b981007a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:5px;left:5px;box-shadow:0 2px 7px #37280d29}.song-card-preview-button svg{width:13px;height:13px}.song-card-preview-button:focus-visible{outline-offset:1px;outline:2px solid #b9810080}.song-card:focus-visible{box-shadow:var(--card-stack-shadow), 0 0 0 3px #b981004d, 0 5px 14px #37280d29}.song-card[data-dragging=true]{z-index:4;box-shadow:var(--card-stack-shadow), 0 10px 20px #37280d38;cursor:grabbing;transform:translateY(-4px)scale(1.025)}.song-card[data-drop-target=true]{border-color:var(--gold-deep);box-shadow:var(--card-stack-shadow), 0 0 0 3px #b981004d, 0 9px 20px #37280d33;transform:translateY(-4px)scale(1.025)}.song-card img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.song-card-empty{color:var(--gold-deep);box-shadow:none;cursor:pointer;background:#fffdf89e;border-style:dashed;place-content:center;gap:7px;display:grid}.song-card-empty svg{width:26px;height:26px;margin:0 auto}.song-card-empty span{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.section-lyrics{background:#fffdf885;border:1px solid #b9810038;border-radius:10px;gap:7px;padding:13px 14px 12px;display:grid}.section-lyrics label{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.section-lyrics textarea{resize:none;width:100%;min-height:220px;color:var(--ink);background:#ffffffc2;border:1px solid #b981004d;border-radius:8px;outline:none;padding:10px 11px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45}.section-lyrics textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b981001f}.section-lyrics>span{color:var(--muted);text-align:right;font-size:10px}.generated-card{color:#080706;background:#f7f3eb;font-family:Libre Bodoni,Georgia,serif;position:absolute;inset:0}.generated-roman{z-index:1;font-size:14px;font-weight:600;position:absolute;top:7px;left:9px}.generated-name{z-index:1;text-align:center;font-size:clamp(21px,6.4vw,31px);font-weight:600;line-height:1;position:absolute;top:31px;left:3px;right:3px}.generated-diagram{height:72px;position:absolute;top:68px;left:4px;right:4px;overflow:hidden}.generated-diagram svg{display:block;width:100%!important;height:100%!important}.generated-degree{z-index:1;font-size:23px;line-height:1;position:absolute;bottom:5px;right:8px}.generated-degree sup{font-size:9px}.drag-instruction{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:60px 0 0;font-size:14px;font-style:italic;display:flex}.drag-instruction svg{width:7px;height:7px;color:var(--gold)}.card-preview{justify-items:center;gap:18px;display:grid}.card-preview>img,.card-preview-generated{aspect-ratio:825/1425;background:var(--paper);border:1px solid #b981009e;border-radius:12px;width:205px;display:block;overflow:hidden;box-shadow:0 8px 24px #37280d2b}.card-preview>img{height:auto}.card-preview-generated{position:relative}.card-preview .generated-roman{font-size:30px;top:16px;left:18px}.card-preview .generated-name{font-size:58px;top:76px}.card-preview .generated-diagram{height:145px;top:155px;left:12px;right:12px}.card-preview .generated-degree{font-size:43px;bottom:14px;right:17px}.card-preview .sheet-primary{width:205px}.section-list+.ornament-rule{margin-top:35px;margin-bottom:25px}.song-actions{gap:11px;width:296px;max-width:100%;margin:0 auto;display:grid}.song-actions button{border-radius:6px;min-height:51px;font-size:16px;font-weight:500;transition:transform .12s,background .12s}.song-actions button:active{transform:scale(.985)}.primary-action{border:1px solid var(--gold);background:var(--gold);color:#fff;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 4px 12px #9a69002e}.new-song-action{color:var(--ink);background:#ffffff4d;border:1px solid #b981007a;justify-content:center;align-items:center;gap:8px;display:flex}.new-song-action svg{width:20px;height:20px;color:var(--gold-deep)}.primary-action svg{width:20px;height:20px}.secondary-actions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.secondary-actions button{border:1px solid var(--gold);color:var(--ink);background:#ffffff5c;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.secondary-actions button svg{width:21px;height:21px;color:var(--gold-deep)}.sheet-overlay{z-index:40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1b140847;position:absolute;inset:0}.bottom-sheet{z-index:50;min-height:240px;padding:0 20px calc(var(--mobile-safe-area-height) + 18px);background:#fffdf8;border-top:1px solid #b9810047;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 -12px 42px #251b092b}.sheet-handle-zone{touch-action:none;flex:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#53483538;border-radius:99px;width:40px;height:4px}.sheet-header{padding:0 2px 18px}.sheet-title{color:var(--ink);margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:27px;font-weight:600;line-height:1.15}.sheet-description{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.sheet-content{flex:auto}.sheet-option-grid{gap:9px;display:grid}.sheet-option-grid.two-column{grid-template-columns:1fr 1fr}.sheet-option-grid.key-grid{grid-template-columns:repeat(5,1fr)}.sheet-option-grid button,.sheet-segmented button,.section-name-grid button{background:var(--ivory);min-height:45px;color:var(--ink);border:1px solid #b9810052;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:500}.sheet-option-grid button.selected,.sheet-segmented button.selected{border-color:var(--gold);color:#6f4c00;background:#b981001f}.key-grid button{min-height:55px;font-family:Libre Bodoni,Georgia,serif;font-size:25px}.sheet-choice-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sheet-choice-row button{background:var(--ivory);min-height:92px;color:var(--ink);border:1px solid #b9810075;border-radius:14px;place-content:center;gap:2px;display:grid}.sheet-choice-row strong{font-family:Libre Bodoni,Georgia,serif;font-size:34px;line-height:1}.sheet-choice-row span{color:var(--muted);font-size:13px}.sheet-section-form{gap:18px;display:grid}.sheet-label,.save-form label{color:#524c43;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:600;display:block}.section-name-grid{grid-template-columns:repeat(3,1fr)}.sheet-segmented{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sheet-primary{border:1px solid var(--gold);background:var(--gold);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:49px;font-size:15px;font-weight:600;display:flex}.new-song-confirmation{gap:10px;display:grid}.sheet-secondary{width:100%;min-height:49px;color:var(--ink);background:0 0;border:1px solid #b981006b;border-radius:8px;font-size:15px;font-weight:600}.save-form{gap:10px;display:grid}.save-form input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #b9810073;border-radius:9px;outline:none;padding:0 13px;font-size:16px}.save-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b9810024}.save-form .sheet-primary{margin-top:4px}.song-library-list{gap:10px;display:grid}.song-library-empty{color:#161410ad;text-align:center;background:#fffdf880;border:1px dashed #b981007a;border-radius:10px;justify-items:center;gap:7px;padding:30px 18px;display:grid}.song-library-empty svg{width:34px;height:34px;color:var(--gold-deep)}.song-library-empty strong{color:var(--ink);font-family:Libre Bodoni,Georgia,serif;font-size:21px}.song-library-empty span{font-size:13px;line-height:1.45}.song-library-item{background:#ffffff94;border:1px solid #b9810047;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.song-library-item[data-current=true]{border-color:var(--gold-deep);box-shadow:inset 3px 0 0 var(--gold);background:#b9810012}.song-library-copy{gap:3px;min-width:0;display:grid}.song-library-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Libre Bodoni,Georgia,serif;font-size:20px;line-height:1.15;overflow:hidden}.song-library-copy span,.song-library-copy small{color:#161410ad;font-size:12px;line-height:1.35}.song-library-copy small{color:#1614107a}.song-library-actions{align-items:center;gap:7px;display:flex}.song-library-actions button{border:1px solid var(--gold);background:var(--gold);color:#fff;border-radius:7px;min-width:64px;min-height:38px;padding:0 12px;font-size:13px;font-weight:600}.song-library-actions .song-library-delete{color:#161410a8;background:0 0;border-color:#16141029;place-items:center;width:38px;min-width:38px;padding:0;display:grid}.song-library-delete svg{width:19px;height:19px}@media (width<=360px){.song-screen{padding-left:14px;padding-right:14px}.song-title-editor input{font-size:38px}.brand-lockup--mobile{width:58px;margin-bottom:2px}.brand-lockup--mobile .brand-lockup-wordmark{display:none}.brand-lockup--mobile .brand-lockup-mark{flex-basis:100%;width:100%;display:block}.song-settings{width:100%}.card-row{gap:6px}.secondary-actions button{gap:5px;font-size:12px}.secondary-actions button svg{width:18px;height:18px}.song-library-item{gap:9px;padding:12px 10px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.classroom-app{background:var(--ivory);width:100%;min-width:980px;height:100%;min-height:600px;color:var(--ink);grid-template-rows:126px 26px minmax(0,1fr) 150px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.classroom-app button,.classroom-app select{color:inherit}.classroom-corner{z-index:3;pointer-events:none;width:clamp(70px,6vw,98px);height:auto;position:absolute;top:0}.classroom-corner-left{left:0}.classroom-corner-right{right:0}.classroom-header{z-index:2;grid-template-columns:minmax(300px,1fr) auto minmax(370px,1fr);align-items:center;gap:20px;padding:16px 52px 0;display:grid;position:relative}.brand-lockup--classroom{grid-area:1/2;place-self:start center;width:clamp(150px,14vw,220px);margin-top:-5px}.classroom-title-editor{width:clamp(280px,29vw,540px);min-width:0}.classroom-title-editor input{width:100%;min-width:0;color:var(--ink);text-align:center;letter-spacing:-2px;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:5px;outline:none;padding:0 12px 3px;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(35px,3.3vw,50px);font-weight:600;line-height:1;transition:border-color .14s,background .14s,box-shadow .14s;display:block}.classroom-title-editor input:hover{border-bottom-color:var(--gold-soft)}.classroom-title-editor input:focus{border-bottom-color:var(--gold-deep);background:#fffdf8ad;box-shadow:0 3px #b9810017}.classroom-title-editor input::placeholder{color:#16141061}.classroom-settings,.classroom-actions{align-items:center;gap:11px;display:flex}.classroom-transpose{align-items:center;gap:4px;display:flex}.classroom-transpose span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.classroom-transpose button{width:29px;height:29px;color:var(--gold-deep);background:#fffdf8a8;border:1px solid #b9810057;border-radius:50%;place-items:center;padding:0;font-size:17px;display:grid}.classroom-actions{justify-content:flex-end}.classroom-divider{background:var(--gold-soft);width:1px;height:26px;display:block}.classroom-setting{color:var(--ink);grid-template-columns:22px minmax(0,auto) 11px;align-items:center;gap:6px;display:grid;position:relative}.classroom-setting>svg:first-child,.classroom-action>svg,.classroom-add-section>svg{width:21px;height:21px;color:var(--gold-deep)}.classroom-setting>svg:last-child{width:12px;height:12px;color:var(--gold-deep);pointer-events:none}.classroom-setting select{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;width:auto;min-width:0;padding:9px 0;font-size:clamp(15px,1.1vw,18px);font-weight:500}.classroom-setting:focus-within{outline-offset:5px;border-radius:4px;outline:2px solid #b9810052}.classroom-beat-wrap{z-index:6;display:flex;position:relative}.classroom-beat-toggle,.classroom-beat-choice{min-height:38px;color:var(--ink);white-space:nowrap;background:#ffffff4d;border:1px solid #b9810066;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:600;display:flex}.classroom-beat-toggle{border-radius:999px 0 0 999px}.classroom-beat-choice{border-left:0;border-radius:0 999px 999px 0;width:29px;min-width:29px;padding:0}.classroom-beat-choice svg{width:12px;height:12px;color:var(--gold-deep)}.classroom-beat-toggle svg{width:18px;height:18px;color:var(--gold-deep)}.classroom-beat-toggle:hover,.classroom-beat-toggle:focus-visible,.classroom-beat-choice:hover,.classroom-beat-choice:focus-visible{background:#b9810014;outline:none;box-shadow:0 0 0 2px #b981002e}.classroom-beat-toggle[data-playing=true]{border-color:var(--gold-deep);background:var(--gold);color:#fff}.classroom-beat-toggle[data-playing=true] svg{color:#fff}.classroom-beat-menu{z-index:8;background:#fffdf8;border:1px solid #b9810040;border-radius:10px;width:220px;max-height:min(70vh,430px);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #16141029}.classroom-beat-menu>button{min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.classroom-beat-menu>button:hover,.classroom-beat-menu>button:focus-visible{background:#b981001a;outline:none}.classroom-beat-menu span{gap:2px;display:grid}.classroom-beat-menu strong{font-size:13px}.classroom-beat-menu small{color:#16141094;font-size:10px}.classroom-beat-menu svg{width:18px;height:18px;color:var(--gold-deep)}.classroom-volume-control{border-top:1px solid #b9810033;margin-top:5px;padding:12px 9px 8px}.classroom-action{white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 3px;font-size:clamp(13px,.9vw,15px);font-weight:500;display:flex}.classroom-action:hover,.classroom-action:focus-visible{background:#b9810012;outline:none}.classroom-action:focus-visible{box-shadow:0 0 0 2px #b9810052}.classroom-fullscreen,.classroom-new-song,.classroom-library-button{width:40px;min-width:40px;font-size:0}.classroom-deal-wrap{position:relative}.classroom-deal-menu{z-index:20;background:#fffdf8;border:1px solid #b9810042;border-radius:10px;grid-template-columns:1fr 1fr;gap:7px;width:196px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #37280d2b}.classroom-deal-menu button{background:0 0;border:1px solid #b981003d;border-radius:7px;place-content:center;gap:1px;min-height:66px;display:grid}.classroom-deal-menu button:hover,.classroom-deal-menu button:focus-visible{border-color:var(--gold);background:#b981000f;outline:none}.classroom-deal-menu strong{font-family:Libre Bodoni,Georgia,serif;font-size:24px;font-weight:600}.classroom-deal-menu span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.classroom-rule{color:var(--gold);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0 54px;display:grid}.classroom-rule span,.classroom-palette-heading span{background:var(--gold-soft);height:1px}.classroom-rule svg,.classroom-palette-heading svg{width:10px;height:10px}.classroom-stage{grid-template-columns:minmax(0,1fr) clamp(350px,28vw,450px);gap:clamp(24px,3vw,50px);min-height:0;padding:18px 64px 28px;display:grid}.classroom-progression{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid}.classroom-section-heading{grid-template-columns:58px auto 58px;justify-content:center;align-items:center;gap:18px;min-height:76px;display:grid}.classroom-section-heading h2{text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(48px,4.4vw,72px);font-weight:400;line-height:1}.classroom-section-heading button,.classroom-timeline-move button{width:54px;height:54px;color:var(--gold-deep);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.classroom-section-heading button:hover:not(:disabled),.classroom-section-heading button:focus-visible,.classroom-timeline-move button:hover:not(:disabled),.classroom-timeline-move button:focus-visible{background:#b9810014;outline:none}.classroom-section-heading button:disabled,.classroom-timeline-move button:disabled{color:#77726b47;cursor:default}.classroom-section-heading svg,.classroom-timeline-move svg{width:36px;height:36px}.classroom-progression-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:clamp(12px,1.5vw,24px);min-height:0;display:grid}.classroom-section-nav{width:44px;height:76px;color:var(--gold-deep);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.classroom-section-nav:first-child svg{transform:rotate(90deg)}.classroom-section-nav:last-child svg{transform:rotate(-90deg)}.classroom-section-nav svg{width:34px;height:34px}.classroom-section-nav:hover:not(:disabled),.classroom-section-nav:focus-visible{background:#b9810014;outline:none}.classroom-section-nav:disabled{color:#77726b40;cursor:default}.classroom-card-grid{justify-content:center;align-items:center;gap:clamp(14px,2vw,32px);min-width:0;min-height:0;display:flex}.classroom-count-2 .classroom-card-grid{gap:clamp(30px,4vw,70px)}.classroom-song-card{--card-stack-shadow:0 0 transparent;aspect-ratio:825/1425;background:var(--paper);width:clamp(120px,min(12.6vw,57.9vh - 311px),200px);box-shadow:var(--card-stack-shadow), 0 8px 20px #37280d1f;cursor:grab;border:1px solid #b98100a6;border-radius:10px;padding:0;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.classroom-song-card:hover{box-shadow:var(--card-stack-shadow), 0 12px 24px #37280d2b;transform:translateY(-3px)}.classroom-song-card:focus-visible,.classroom-song-card[data-drop-target=true]{border-color:var(--gold-deep);box-shadow:var(--card-stack-shadow), 0 0 0 3px #b9810040, 0 12px 24px #37280d2b;outline:none}.classroom-song-card:active{cursor:grabbing}.classroom-song-card img,.classroom-palette-card img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.classroom-song-card--stacked{--card-stack-shadow:3px 3px 0 var(--paper), 4px 4px 0 #b981006b, 7px 7px 0 var(--paper), 8px 8px 0 #b9810057}.classroom-empty-slot{color:var(--gold-deep);box-shadow:none;cursor:pointer;background:#fffdf880;border-style:dashed;place-content:center;gap:9px;display:grid}.classroom-empty-slot svg{width:clamp(34px,3.2vw,50px);height:clamp(34px,3.2vw,50px);margin:0 auto}.classroom-empty-slot span{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.classroom-lyrics{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px;width:min(860px,91%);margin:10px auto 0;display:grid}.classroom-lyrics label{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;font-size:12px;font-weight:600}.classroom-lyrics textarea{resize:vertical;width:100%;min-height:92px;max-height:130px;color:var(--ink);background:#fffdf8b8;border:1px solid #b981004d;border-radius:8px;outline:none;grid-column:1/-1;padding:12px 14px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(15px,1.15vw,18px);line-height:1.45}.classroom-lyrics textarea:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px #b981001f}.classroom-lyrics>span{color:var(--muted);white-space:nowrap;grid-area:1/3;font-size:11px}.classroom-progression-help{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:10px 0 0;font-size:13px;display:flex}.classroom-progression-help svg{width:18px;height:18px;color:var(--gold)}.classroom-palette{border-left:1px solid #b9810040;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-width:0;min-height:0;padding-left:clamp(20px,2.5vw,42px);display:grid}.classroom-palette-heading{color:var(--gold-deep);grid-template-columns:1fr auto 10px 1fr;align-items:center;gap:11px;display:grid}.classroom-palette-heading h2{text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600}.classroom-palette-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(10px,1vw,16px);min-height:0;display:grid}.classroom-palette-card{aspect-ratio:825/1425;background:var(--paper);cursor:grab;border:1px solid #b9810094;border-radius:8px;justify-self:center;width:min(100%,136px);max-height:26vh;padding:0;transition:transform .12s,box-shadow .12s;overflow:hidden;box-shadow:0 4px 12px #37280d1a}.classroom-palette-card:hover{transform:translateY(-2px)}.classroom-palette-card:focus-visible,.classroom-palette-card[data-selected=true]{outline:none;box-shadow:0 0 0 3px #b9810040,0 7px 16px #37280d26}.classroom-palette>p{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.classroom-palette>p svg{width:7px;height:7px;color:var(--gold);flex:none}.classroom-timeline{border-top:1px solid #b9810042;grid-template-columns:48px minmax(0,1fr) clamp(170px,13vw,210px);align-items:center;gap:14px;min-width:0;padding:16px 64px 20px;display:grid}.classroom-timeline-move{justify-items:center;gap:2px;display:grid}.classroom-section-track{overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;min-width:0;display:flex;overflow-x:auto}.classroom-section-track::-webkit-scrollbar{display:none}.classroom-section-tile-wrap{flex:150px;min-width:145px;max-width:220px;position:relative}.classroom-section-tile{width:100%;height:86px;color:var(--ink);cursor:grab;background:#fffdf885;border:1px solid #b9810033;border-radius:8px;grid-template-columns:1fr 22px;align-items:center;gap:8px;padding:0 42px 0 20px;transition:border-color .12s,box-shadow .12s,background .12s;display:grid;position:relative}.classroom-section-tile span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(20px,1.6vw,28px);font-weight:400;overflow:hidden}.classroom-section-tile svg{width:22px;height:22px;color:var(--gold)}.classroom-duplicate-section{width:28px;height:28px;color:var(--gold-deep);background:#fffdf8eb;border:1px solid #b9810052;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:8px;right:40px}.classroom-delete-section{color:#9b4a3e;background:#fffdf8eb;border:1px solid #9b4a3e4d;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;bottom:8px;right:8px}.classroom-delete-section:disabled{opacity:.25}.classroom-delete-section svg,.classroom-duplicate-section svg{width:15px;height:15px}.classroom-duplicate-section:hover,.classroom-duplicate-section:focus-visible{background:#b981001f;outline:none;box-shadow:0 0 0 2px #b9810021}.classroom-section-tile:hover,.classroom-section-tile:focus-visible,.classroom-section-tile[data-selected=true],.classroom-section-tile[data-drop-target=true]{border-color:var(--gold-deep);background:#fffdf8db;outline:none;box-shadow:0 0 0 2px #b981001c}.classroom-add-section{height:88px;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em;background:#fffdf84d;border:1px dashed #b981008f;border-radius:8px;place-content:center;gap:6px;display:grid}.classroom-add-section-wrap{position:relative}.classroom-add-section-wrap>.classroom-add-section{width:100%}.classroom-section-menu{z-index:20;background:#fffdf8;border:1px solid #b9810047;border-radius:10px;grid-template-columns:repeat(2,minmax(92px,1fr));gap:4px;width:224px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 14px 34px #1614102e}.classroom-section-menu button{min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:11px;font-weight:600}.classroom-section-menu button:hover,.classroom-section-menu button:focus-visible{background:#b981001c;outline:none}.classroom-add-section svg{width:30px;height:30px;margin:0 auto}.classroom-add-section span{font-size:12px;font-weight:600}.classroom-add-section:hover,.classroom-add-section:focus-visible{background:#b981000f;border-style:solid;outline:none}.classroom-library-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b140857;place-items:center;padding:40px;display:grid;position:absolute;inset:0}.classroom-library-panel{background:var(--ivory);border:1px solid #b9810075;border-radius:16px;width:min(720px,100% - 40px);max-height:calc(100% - 40px);padding:28px;overflow:auto;box-shadow:0 24px 60px #1614103d}.classroom-library-panel>header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.classroom-library-panel>header>div{gap:3px;display:grid}.classroom-library-panel>header span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.classroom-library-panel h2{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:42px;line-height:1}.classroom-library-panel>header>button{background:0 0;border:1px solid #b9810057;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.classroom-library-panel>header>button svg{width:22px;height:22px}.classroom-library-panel>p{color:#161410a3;margin:0 0 20px;font-size:14px}.classroom-library-panel .song-library-item{padding:16px 18px}.classroom-library-panel .song-library-copy strong{font-size:24px}.classroom-library-panel .song-library-copy span,.classroom-library-panel .song-library-copy small{font-size:13px}@media (width<=1500px){.classroom-new-song,.classroom-library-button{min-width:44px;font-size:0}.classroom-beat-toggle{width:42px;min-width:42px;padding:0}.classroom-beat-toggle span{display:none}}@media (width<=1280px),(height<=860px){.classroom-app{grid-template-rows:104px 20px minmax(0,1fr) 126px}.classroom-header{grid-template-columns:minmax(270px,1fr) auto minmax(330px,1fr);gap:12px;padding-left:36px;padding-right:36px}.classroom-settings,.classroom-actions{gap:8px}.classroom-new-song,.classroom-library-button{min-width:44px;font-size:0}.classroom-title-editor{width:clamp(210px,21vw,330px)}.classroom-title-editor input{font-size:47px}.classroom-stage{grid-template-columns:minmax(0,1fr) clamp(320px,28vw,380px);gap:24px;padding:10px 44px 18px}.classroom-section-heading{min-height:58px}.classroom-section-heading h2{font-size:44px}.classroom-song-card{width:clamp(84px,min(12vw,57.9vh - 263px),170px)}.classroom-palette{gap:10px;padding-left:22px}.classroom-palette-card{width:min(100%,108px)}.classroom-lyrics{margin-top:6px}.classroom-lyrics textarea{min-height:62px;padding:8px 10px}.classroom-timeline{padding:12px 44px 16px}.classroom-section-tile,.classroom-add-section{height:74px}}@media (width<=1100px){.classroom-fullscreen{min-width:44px;font-size:0}.classroom-fullscreen svg{width:25px;height:25px}.classroom-header{grid-template-columns:minmax(250px,1fr) auto minmax(280px,1fr)}.classroom-actions .classroom-action{width:40px;min-width:40px;padding:0;font-size:0}}.section-length-selector{justify-content:center;align-items:center;gap:5px;margin-top:-7px;display:flex}.section-length-selector>svg{width:16px;height:16px;color:var(--gold-deep);margin-right:2px}.section-length-selector button{min-height:29px;color:var(--muted);background:#fffdf899;border:1px solid #b9810042;border-radius:999px;padding:0 9px;font-size:10px;font-weight:600}.section-length-selector button[data-selected=true]{border-color:var(--gold-deep);color:var(--gold-deep);background:#b981001a}.song-card-duration-shell{align-content:start;gap:7px;min-width:0;display:grid}.song-card-duration-shell>.song-card-empty{width:100%}.song-card-duration-shell>span,.song-duration-button{min-height:27px;color:var(--muted);text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 2px;font-size:9px;font-weight:600}.song-duration-button{color:var(--gold-deep);background:#fffdf8b8;border:1px solid #b981003d}.song-duration-button:focus-visible{outline:2px solid #b9810057}.sheet-segmented-three{grid-template-columns:repeat(3,1fr)}.voice-memo{background:#fffdf8a3;border:1px solid #b9810040;border-radius:12px;gap:10px;width:min(100%,520px);margin:0 auto 24px;padding:15px;display:grid}.voice-memo-heading{justify-content:space-between;align-items:center;display:flex}.voice-memo-heading>span,.voice-memo-heading>strong{align-items:center;gap:7px;display:flex}.voice-memo-heading>span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.voice-memo-heading svg{width:18px;height:18px}.voice-memo-heading>strong{color:#a0261d;font-size:11px}.voice-memo-heading>strong svg{width:10px;height:10px}.voice-memo>p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.voice-memo audio{width:100%;height:36px}.voice-memo-actions{flex-wrap:wrap;gap:7px;display:flex}.voice-memo-actions button,.voice-memo-actions a{min-height:36px;color:var(--ink);background:#ffffffa6;border:1px solid #b9810057;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.voice-memo-actions svg{width:16px;height:16px;color:var(--gold-deep)}.voice-memo-actions .voice-memo-recording{color:#8f211a;border-color:#a0261d}.voice-memo-actions button:disabled{cursor:wait;opacity:.56}.voice-memo-actions .voice-memo-recording svg,.voice-memo-actions .voice-memo-delete svg{color:#a0261d}.voice-memo-status,.voice-memo-error{font-size:10px}.voice-memo-status{color:var(--muted)}.voice-memo-error{color:#98251e}.classroom-header{grid-template-columns:minmax(0,1fr) clamp(190px,20vw,340px) minmax(0,1fr);gap:12px;padding:12px 38px 0}.classroom-title-editor{z-index:3;grid-area:1/2;justify-self:center;width:100%;position:relative}.classroom-title-editor input{font-size:clamp(34px,3vw,46px)}.classroom-actions{z-index:2;grid-area:1/3;justify-content:flex-end;justify-self:end;gap:6px;width:100%;min-width:0}.classroom-settings{z-index:2;grid-area:1/1;justify-self:start;min-width:0;margin-left:clamp(48px,5vw,84px)}.classroom-settings>*,.classroom-actions>*{flex-shrink:0}.classroom-actions .classroom-action{min-width:38px;padding-left:4px;padding-right:4px;font-size:12px}.classroom-actions .classroom-library-button,.classroom-actions .classroom-new-song,.classroom-actions .classroom-deal-wrap .classroom-action,.classroom-actions .classroom-save-song,.classroom-actions .classroom-share-song,.classroom-actions .classroom-fullscreen{width:40px;min-width:40px;padding-left:0;padding-right:0;font-size:0}.classroom-actions .classroom-library-button svg,.classroom-actions .classroom-new-song svg,.classroom-actions .classroom-deal-wrap .classroom-action svg,.classroom-actions .classroom-save-song svg,.classroom-actions .classroom-share-song svg,.classroom-actions .classroom-fullscreen svg{width:23px;height:23px}.classroom-song-view-button{border:1px solid #b9810057;border-radius:999px;padding-left:10px!important;padding-right:10px!important}.classroom-song-view-button[aria-pressed=true]{border-color:var(--gold-deep);background:#b981001a}.classroom-top-palette{border-bottom:1px solid #b9810033;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:clamp(16px,2vw,32px);min-height:0;padding:8px 64px 10px;display:grid}.classroom-top-palette-heading{justify-self:start;gap:2px;min-width:0;display:grid}.classroom-top-palette-heading>span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.classroom-top-palette-heading h2{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(26px,2.5vw,38px);font-weight:400;line-height:1}.classroom-top-palette-help{max-width:150px;color:var(--muted);text-align:right;justify-self:end;margin:0;font-size:10px;line-height:1.3}.classroom-top-palette .classroom-palette-grid{justify-content:center;justify-self:center;align-items:center;gap:clamp(12px,2.2vw,34px);min-height:0;display:flex}.classroom-top-palette .classroom-palette-card{border-radius:6px;flex:none;width:clamp(52px,min(5.4vw,8vh),82px);max-height:none}.classroom-main-surface{min-width:0;min-height:0;overflow:hidden}.classroom-stage--editing{grid-template-columns:minmax(0,1fr) clamp(360px,34vw,520px);gap:clamp(22px,2.5vw,44px);width:100%;height:100%;padding:10px 58px 14px}.classroom-section-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.classroom-section-heading{grid-column:2;justify-content:center;min-height:56px}.classroom-bar-selector{grid-column:3;justify-self:end}.classroom-section-heading h2{font-size:clamp(20px,1.9vw,30px)}.classroom-section-heading button{width:42px;height:42px}.classroom-section-heading svg{width:27px;height:27px}.classroom-bar-selector{align-items:center;gap:5px;display:flex}.classroom-bar-selector>svg{width:18px;height:18px;color:var(--gold-deep);margin-right:2px}.classroom-bar-selector button{min-height:32px;color:var(--muted);background:#fffdf8a6;border:1px solid #b9810047;border-radius:999px;padding:0 9px;font-size:10px;font-weight:700}.classroom-bar-selector button[data-selected=true]{border-color:var(--gold-deep);color:var(--gold-deep);background:#b981001c}.classroom-progression-row{align-items:center}.classroom-card-grid{align-items:start}.classroom-card-with-duration{justify-items:center;gap:8px;display:grid}.classroom-duration-button,.classroom-duration-placeholder{min-height:30px;color:var(--gold-deep);white-space:nowrap;background:#fffdf8b8;border:1px solid #b9810047;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.classroom-duration-button svg{width:14px;height:14px}.classroom-duration-placeholder{color:var(--muted);border-color:#0000}.classroom-progression-help{margin-top:6px;font-size:11px}.classroom-writing-panel{border-left:1px solid #b981003d;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding-left:clamp(18px,2vw,34px);display:grid}.classroom-writing-panel .classroom-lyrics{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto;width:100%;min-height:0;margin:0;display:grid}.classroom-writing-panel .classroom-lyrics textarea{resize:none;min-height:0;max-height:none}.classroom-writing-panel .classroom-lyrics>span{grid-column:2}.classroom-timeline{z-index:12;background:#fbf8f1b8;border-top:0;border-right:1px solid #b9810042;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:7px;width:84px;padding:8px 7px 10px;display:grid;position:absolute;top:calc(122px + clamp(96px,15vh,142px));bottom:0;left:0}.classroom-timeline-move{grid-template-columns:1fr 1fr;gap:3px}.classroom-timeline-move svg{width:18px;height:18px}.classroom-section-track{overscroll-behavior-x:auto;overscroll-behavior-y:contain;flex-direction:column;gap:7px;overflow:hidden auto}.classroom-section-tile-wrap{flex:0 0 48px;width:100%;min-width:0;max-width:none}.classroom-section-tile{height:48px;padding:0 5px 14px}.classroom-add-section-wrap,.classroom-add-section-wrap>.classroom-add-section{width:100%}.classroom-add-section{gap:2px;height:48px;font-size:8px}.classroom-add-section svg{width:20px;height:20px}.classroom-section-menu{bottom:0;left:calc(100% + 8px);right:auto}.classroom-progression-row{grid-template-columns:minmax(0,1fr);gap:0}.classroom-section-nav{display:none}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 92px minmax(0,1fr) 0}.classroom-main-surface{margin-left:74px}.classroom-timeline{width:74px;padding:6px;top:194px}.classroom-stage--editing{grid-template-columns:minmax(0,1fr) clamp(310px,31vw,390px);gap:15px;padding:5px 20px 8px}.classroom-song-card{width:clamp(112px,min(12.8vw,65vh - 190px),188px)}}.classroom-palette-capture{justify-self:end;gap:4px;width:min(100%,238px);display:grid}.classroom-palette-capture .voice-memo{border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;width:100%;margin:0;padding:6px 8px}.classroom-palette-capture .voice-memo-heading{white-space:nowrap}.classroom-palette-capture .voice-memo-actions{flex-wrap:nowrap;justify-content:flex-end}.classroom-palette-capture .voice-memo-actions button,.classroom-palette-capture .voice-memo-actions a{min-height:28px;padding:0 8px;font-size:9px}.classroom-palette-capture .voice-memo--compact audio,.classroom-palette-capture .voice-memo--compact .voice-memo-status,.classroom-palette-capture .voice-memo--compact .voice-memo-error{grid-column:1/-1}.classroom-palette-capture .classroom-top-palette-help{justify-self:end;max-width:none}.classroom-section-toolbar{display:block;position:relative}.classroom-section-heading{width:max-content;margin:0 auto}.classroom-bar-selector{position:absolute;top:50%;right:0;transform:translateY(-50%)}.classroom-progression-row,.classroom-card-grid{justify-content:center}.classroom-writing-panel{grid-template-rows:minmax(0,1fr);gap:0;padding-left:22px}.classroom-writing-panel,.classroom-writing-panel .classroom-lyrics,.classroom-writing-panel .classroom-lyrics textarea{box-sizing:border-box;min-width:0}@media (width<=1180px),(height<=760px){.classroom-palette-capture{width:min(100%,205px)}.classroom-palette-capture .voice-memo-heading>span{font-size:9px}.classroom-palette-capture .voice-memo-actions button,.classroom-palette-capture .voice-memo-actions a{min-height:25px;padding:0 6px;font-size:0}.classroom-palette-capture .voice-memo-actions svg{width:15px;height:15px}.classroom-stage--editing{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-left:16px;padding-right:16px}.classroom-song-card{width:clamp(102px,min(10.2vw,65vh - 190px),150px)}.classroom-writing-panel{padding-left:15px}}.classroom-writing-panel .voice-memo{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;width:100%;margin:0;padding:8px 10px}.voice-memo--compact .voice-memo-heading{white-space:nowrap}.voice-memo--compact .voice-memo-actions{justify-content:flex-end}.voice-memo--compact audio,.voice-memo--compact .voice-memo-status,.voice-memo--compact .voice-memo-error{grid-column:1/-1}.voice-memo--compact>p{display:none}.voice-memo--compact .voice-memo-actions button,.voice-memo--compact .voice-memo-actions a{min-height:31px;font-size:10px}.classroom-timeline{grid-template-columns:36px minmax(0,1fr) clamp(108px,9vw,136px);padding:8px 42px 11px}.classroom-section-tile-wrap{flex:0 0 104px;min-width:104px;max-width:104px}.classroom-section-tile{text-align:center;grid-template-columns:1fr;gap:7px;height:56px;padding:0 7px 12px}.classroom-section-tile small,.classroom-section-tile>svg{display:none}.classroom-section-tile span{text-transform:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600}.classroom-section-tile small{color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700}.classroom-add-section{height:70px}.full-song-overview{grid-template-rows:auto minmax(0,1fr);gap:12px;width:100%;height:100%;padding:12px 62px 18px;display:grid}.full-song-overview>header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;display:grid}.full-song-overview>header>div{text-align:center;grid-column:2;justify-items:center;gap:2px;display:grid}.full-song-overview>header span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.full-song-overview h2{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(30px,3vw,46px);font-weight:400}.full-song-overview>header p{color:var(--muted);grid-column:3;justify-self:end;margin:0 0 4px;font-size:12px}.full-song-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;min-height:0;padding:2px 4px 8px;display:grid;overflow:auto}.full-song-section{min-width:0;min-height:210px;color:var(--ink);text-align:left;background:#fffdf894;border:1px solid #b9810040;border-radius:10px;align-content:start;gap:9px;padding:13px;display:grid}.full-song-section:hover,.full-song-section:focus-visible{border-color:var(--gold-deep);outline:none;box-shadow:0 0 0 2px #b981001f}.full-song-section-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;display:grid}.full-song-section-heading>span{color:var(--gold-deep);font-size:9px}.full-song-section-heading strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Libre Bodoni,Georgia,serif;font-size:24px;font-weight:400;overflow:hidden}.full-song-section-heading small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.full-song-cards{justify-content:center;gap:8px;display:flex}.full-song-card{justify-items:center;gap:4px;min-width:0;display:grid}.full-song-card img,.full-song-card>span{aspect-ratio:825/1425;background:var(--paper);object-fit:cover;border:1px solid #b9810061;border-radius:5px;place-items:center;width:clamp(45px,4.2vw,62px);display:grid;overflow:hidden}.full-song-card>span svg{width:18px;height:18px;color:var(--gold-deep)}.full-song-card small{color:var(--muted);white-space:nowrap;font-size:8px}.full-song-section>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.presentation-overlay{z-index:80;background:var(--ivory);grid-template-rows:94px minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.presentation-header{border-bottom:1px solid #b9810047;justify-content:space-between;align-items:center;padding:12px 54px;display:flex}.presentation-header>div:first-child{gap:1px;display:grid}.presentation-header span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.presentation-header h1{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(34px,3.5vw,54px);font-weight:400;line-height:1}.presentation-controls{gap:8px;display:flex}.presentation-volume-control{width:clamp(150px,15vw,210px);margin-right:4px}.presentation-volume-control>span,.presentation-volume-control>strong{font-size:10px}.presentation-controls button,.presentation-finished button{background:#ffffff94;border:1px solid #b9810061;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.presentation-controls button[data-active=true]{border-color:var(--gold-deep);color:var(--gold-deep);background:#b9810024}.presentation-controls svg,.presentation-finished button svg{width:18px;height:18px;color:var(--gold-deep)}.presentation-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(150px,.24fr) minmax(0,1fr);align-items:center;gap:22px 24px;min-height:0;padding:28px 58px 24px;display:grid}.presentation-section-copy{align-self:center;gap:5px;display:grid}.presentation-section-copy span,.presentation-lyrics span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.presentation-section-copy h2{text-transform:uppercase;margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(48px,5vw,82px);font-weight:400;line-height:.95}.presentation-section-copy p{color:var(--muted);margin:5px 0 0;font-size:14px}.presentation-chord-transition{grid-template-columns:minmax(190px,1fr) auto minmax(120px,.62fr);align-items:center;gap:clamp(14px,1.6vw,28px);min-width:0;display:grid}.presentation-current-chord,.presentation-upcoming-chord{justify-items:center;gap:9px;display:grid}.presentation-current-chord{transition:none;animation:none;transform:none}.presentation-current-chord>span:first-child,.presentation-upcoming-chord>span:first-child{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.presentation-current-chord>img,.presentation-current-empty{aspect-ratio:825/1425;border:3px solid var(--gold-deep);background:var(--paper);object-fit:cover;border-radius:14px;place-items:center;width:clamp(190px,min(19vw,34vh),360px);display:grid;overflow:hidden;box-shadow:0 0 0 7px #b9810024,0 18px 32px #37280d33}.presentation-current-details,.presentation-upcoming-chord>div:last-child{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.presentation-current-details>small,.presentation-upcoming-chord small{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.tempo-beat-guide{grid-template-columns:repeat(var(--tempo-guide-steps), minmax(0, 1fr));--beat-marker-color:#b98100;--beat-marker-soft:#b9810047;align-items:center;width:min(100%,480px);margin-inline:auto;display:grid}.presentation-beat-progress{margin-top:10px}.presentation-beat-progress i{border:3px solid var(--beat-marker-color);background:0 0;border-radius:50%;flex:none;justify-self:center;width:clamp(17px,1.35vw,24px);height:clamp(17px,1.35vw,24px);transition:none;box-shadow:inset 0 0 0 2px #fffdf8d1}.presentation-beat-progress i[data-current=true]{background:var(--beat-marker-color);box-shadow:0 0 0 5px var(--beat-marker-soft), 0 0 18px var(--beat-marker-soft)}.presentation-transition-arrow{color:#b9810080;width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px)}.presentation-upcoming-chord{opacity:.78;align-self:center;transition:none;animation:none;transform:none}.presentation-upcoming-chord>img,.presentation-song-ending{aspect-ratio:825/1425;object-fit:cover;background:#ffffff85;border:2px solid #b9810075;border-radius:11px;place-content:center;justify-items:center;width:clamp(118px,min(12vw,24vh),210px);display:grid;overflow:hidden;box-shadow:0 10px 22px #37280d1f}.presentation-upcoming-chord[data-section-change=true]>img{border-color:var(--gold-deep);box-shadow:0 0 0 4px #b981001f,0 10px 22px #37280d24}.presentation-upcoming-chord>div:last-child>strong,.presentation-song-ending strong{font-family:Libre Bodoni,Georgia,serif;font-size:clamp(25px,2.25vw,40px);font-weight:400;line-height:1}.presentation-song-ending>span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.presentation-lyrics{border-left:1px solid #b9810042;align-content:center;align-self:stretch;gap:10px;min-width:0;min-height:0;padding-left:18px;display:grid;overflow:hidden}.presentation-lyrics p{white-space:pre-wrap;margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(26px,2.75vw,46px);line-height:1.3;overflow:auto}.presentation-stage>footer{color:var(--muted);border-top:1px solid #b981003d;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;display:flex}.presentation-stage>footer strong{color:var(--gold-deep)}.presentation-count-in,.presentation-finished{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf8f1e6;place-content:center;justify-items:center;display:grid;position:absolute;inset:94px 0 0}.presentation-count-in span,.presentation-finished>span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.2em;font-size:14px;font-weight:700}.presentation-count-in strong{font-family:Libre Bodoni,Georgia,serif;font-size:clamp(150px,26vw,330px);font-weight:400;line-height:.9}.presentation-finished{gap:18px}.presentation-finished>strong{font-family:Libre Bodoni,Georgia,serif;font-size:clamp(54px,7vw,110px);font-weight:400}.presentation-finished-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=1180px){.classroom-actions .classroom-action{width:38px;min-width:38px;font-size:0;padding:0!important}.classroom-song-view-button{border:0}}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 92px minmax(0,1fr) 94px}.classroom-header{grid-template-columns:minmax(0,1fr) clamp(170px,20vw,280px) minmax(0,1fr);padding:8px 30px 0}.classroom-title-editor input{font-size:40px}.classroom-top-palette{grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr);gap:14px;padding:5px 42px 7px}.classroom-top-palette-heading h2{font-size:27px}.classroom-top-palette .classroom-palette-card{width:clamp(48px,min(5vw,10vh),66px)}.classroom-stage--editing{grid-template-columns:minmax(0,1fr) clamp(310px,32vw,400px);gap:20px;padding:6px 38px 9px}.classroom-section-heading{grid-template-columns:36px auto 36px;gap:9px;min-height:44px}.classroom-section-heading h2{font-size:19px}.classroom-section-heading button{width:34px;height:34px}.classroom-bar-selector button{min-height:27px;padding:0 7px;font-size:9px}.classroom-song-card{width:clamp(90px,min(11vw,44vh - 70px),158px)}.classroom-writing-panel{gap:7px;padding-left:15px}.classroom-writing-panel .voice-memo{gap:6px;padding:8px}.voice-memo--compact audio{height:28px}.voice-memo--compact .voice-memo-actions button,.voice-memo--compact .voice-memo-actions a{min-height:27px;padding:0 8px}.classroom-timeline{padding:7px 38px 9px}.classroom-section-tile,.classroom-add-section{height:56px}.presentation-overlay{grid-template-rows:78px minmax(0,1fr)}.presentation-volume-control{width:132px}.presentation-volume-control>span{font-size:0}.presentation-volume-control>span svg{width:17px;height:17px}.presentation-count-in,.presentation-finished{inset-block-start:78px}.presentation-stage{grid-template-columns:minmax(110px,.18fr) minmax(0,1fr);gap:18px;padding:18px 42px 16px}.presentation-chord-transition{grid-template-columns:minmax(170px,1fr) auto minmax(105px,.58fr);gap:12px}.presentation-current-chord>img,.presentation-current-empty{width:clamp(170px,min(18vw,32vh),270px)}.presentation-upcoming-chord>img,.presentation-song-ending{width:clamp(105px,min(11vw,21vh),165px)}}.classroom-writing-panel .classroom-lyrics{grid-template-columns:minmax(0,1fr) auto}.classroom-writing-panel .classroom-lyrics textarea{grid-column:1/3;justify-self:stretch;width:auto;min-width:0;height:100%}.classroom-timeline{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;width:84px;padding:8px 7px 10px;top:calc(122px + clamp(96px,15vh,142px));bottom:0}.classroom-section-tile-wrap{flex-basis:48px;width:100%;min-width:0;max-width:none}.classroom-stage--editing{grid-template-columns:minmax(0,1fr) clamp(360px,32vw,480px);gap:clamp(18px,2vw,30px);padding:8px 26px 12px}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 92px minmax(0,1fr) 0}.classroom-main-surface{margin-left:74px}.classroom-timeline{width:74px;padding:6px;top:194px}.classroom-stage--editing{grid-template-columns:minmax(0,1fr) clamp(310px,31vw,390px);gap:15px;padding:5px 20px 8px}.classroom-song-card{width:clamp(112px,min(12.8vw,65vh - 190px),188px)}}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:104px 54px 0 0 minmax(0,1fr) 24px}:is(.classroom-app:has(.groove-garden) .workspace-switcher,.classroom-app:has(.coming-workspace) .workspace-switcher){grid-row:2;align-self:center;margin:0 auto;position:relative;top:auto;left:auto;transform:none}:is(.classroom-app:has(.groove-garden) .classroom-rule,.classroom-app:has(.coming-workspace) .classroom-rule){display:none}:is(.classroom-app:has(.groove-garden) .classroom-main-surface,.classroom-app:has(.coming-workspace) .classroom-main-surface){grid-area:5/1/auto/-1;width:100%;margin-left:0}.classroom-top-palette{grid-template-columns:12.5vw minmax(0,1fr) clamp(250px,22vw,380px);gap:0;padding:7px 0;overflow:clip}.classroom-top-palette-heading{text-align:center;place-self:center}.classroom-top-palette .classroom-palette-grid{place-self:center;gap:clamp(8px,1vw,14px)}.classroom-palette-capture{place-self:center;width:calc(100% - 28px);min-width:0;max-width:360px}.classroom-teacher-labs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.classroom-teacher-labs button{min-width:0;min-height:54px;color:var(--ink);background:linear-gradient(145deg,#fffaedfa,#e7dbbae6);border:1px solid #b98100a6;border-radius:10px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:7px;padding:7px 10px;display:grid;box-shadow:0 2px 8px #5b400e0f}.classroom-teacher-labs button:hover,.classroom-teacher-labs button:focus-visible{border-color:var(--gold-deep);outline:none;box-shadow:0 0 0 3px #b9810029}.classroom-teacher-labs button>span{color:var(--gold-deep);letter-spacing:.04em;font-size:12px}.classroom-teacher-labs button>strong{font-family:Libre Bodoni,Georgia,serif;font-size:clamp(17px,1.35vw,22px);line-height:1}.classroom-palette-capture .classroom-top-palette-help{display:none}.classroom-palette-capture .voice-memo{grid-template-columns:auto minmax(0,1fr);grid-auto-flow:row;gap:3px 8px;min-width:0;padding:4px 7px}.classroom-palette-capture .voice-memo-heading{grid-area:1/1;min-width:0}.classroom-palette-capture .voice-memo-actions{grid-area:1/2;min-width:0}.classroom-palette-capture .voice-memo--has-audio audio{grid-area:1/2;min-width:0;height:26px}.classroom-palette-capture .voice-memo--has-audio .voice-memo-actions{grid-area:2/1/auto/-1}.classroom-palette-capture .voice-memo-actions button,.classroom-palette-capture .voice-memo-actions a{white-space:nowrap;flex:0 auto;min-width:0;min-height:24px;padding:0 7px}.classroom-palette-capture .voice-memo-status,.classroom-palette-capture .voice-memo-error{grid-column:1/-1}.classroom-top-palette .classroom-palette-card{width:clamp(62px,5.2vw,76px);height:54px;color:var(--ink);background:#fffdf8e0;border:1px solid #b981006b;border-radius:10px;place-content:center;padding:7px 8px 5px;display:grid;position:relative;box-shadow:0 2px 8px #5b400e0f}.classroom-top-palette .classroom-palette-card strong{font-family:Libre Bodoni,Georgia,serif;font-size:clamp(22px,1.75vw,28px);font-weight:600;line-height:1}.classroom-palette-degree{color:var(--gold-deep);text-transform:none;font-size:8px;font-weight:700;position:absolute;top:4px;left:6px}.classroom-top-palette .classroom-palette-card[data-selected=true]{border-color:var(--gold-deep);background:#b981001f;box-shadow:0 0 0 3px #b9810021}.classroom-top-palette .classroom-palette-card--color{background:linear-gradient(145deg,#e7e9dbeb,#fffdf8f0);border-width:2px;border-color:#5b68489e}.classroom-song-card,.full-song-card,.presentation-current-chord,.presentation-upcoming-chord,.card-preview{position:relative}.classroom-song-card .color-chord-badge{font-size:clamp(7px,.55vw,10px)}.presentation-current-chord>.color-chord-badge{font-size:clamp(9px,.75vw,13px);top:34px;left:50%;transform:translate(-50%)}.presentation-upcoming-chord>.color-chord-badge{top:32px;left:50%;transform:translate(-50%)}.classroom-main-surface{margin-left:12.5vw}.classroom-timeline{width:12.5vw;padding:14px 10px 16px;top:214px}.classroom-timeline-move{grid-template-columns:44px 44px;justify-content:center;gap:8px}.classroom-timeline-move button{width:44px;height:38px}.classroom-section-track{justify-content:center;align-items:center;gap:10px}.classroom-section-tile-wrap{flex-basis:44px;width:calc(100% - 4px);max-width:calc(100% - 4px)}.classroom-section-tile,.classroom-add-section{height:44px}.classroom-section-tile{padding:0 8px 14px}.classroom-section-tile span{font-size:clamp(15px,1.2vw,18px)}.classroom-duplicate-section,.classroom-delete-section{width:20px;height:20px;bottom:3px}.classroom-duplicate-section{right:26px}.classroom-delete-section{right:3px}.classroom-duplicate-section svg,.classroom-delete-section svg{width:11px;height:11px}.classroom-add-section-wrap{justify-self:center;width:calc(100% - 4px)}.classroom-add-section span{font-size:9px}.classroom-stage--editing{grid-template-columns:142fr 33fr;gap:0;padding-left:0;padding-right:0}.classroom-song-card{width:clamp(204px,min(17.45vw,72vh - 190px),240px)}.classroom-card-grid{gap:4px}.classroom-writing-panel{grid-template-rows:minmax(0,1fr);gap:0;padding:0 14px}.classroom-writing-panel .classroom-lyrics{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch}.classroom-writing-panel .classroom-lyrics textarea,.classroom-writing-panel .classroom-lyrics>span{grid-column:1}.classroom-writing-panel .classroom-lyrics label{grid-row:1}.classroom-writing-panel .classroom-lyrics textarea{grid-row:2;align-self:stretch;height:100%}.classroom-writing-panel .classroom-lyrics>span{text-align:right;grid-row:3;padding-top:5px}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 78px minmax(0,1fr) 0}.classroom-top-palette .classroom-palette-card{width:clamp(52px,5vw,64px);height:46px}.classroom-top-palette .classroom-palette-card strong{font-size:20px}.classroom-main-surface{margin-left:12.5vw}.classroom-timeline{width:12.5vw;padding:10px 8px 12px;top:180px}.classroom-section-tile-wrap{flex-basis:40px;width:calc(100% - 2px);max-width:calc(100% - 2px)}.classroom-section-tile,.classroom-add-section{height:40px}.classroom-section-tile span{font-size:14px}.classroom-stage--editing{grid-template-columns:142fr 33fr;gap:0;padding-left:0;padding-right:0}.classroom-song-card{width:clamp(148px,min(17vw,70vh - 155px),202px)}.classroom-writing-panel{padding:0 10px}}.classroom-timeline{bottom:24px}.site-copyright--classroom{z-index:13;background:#fbf8f1f5;grid-area:5/1;align-self:stretch;width:100%;margin:0;padding:5px 14px 4px;font-size:9.6px;position:relative}:is(.classroom-app:has(.groove-garden) .site-copyright--classroom,.classroom-app:has(.coming-workspace) .site-copyright--classroom){grid-row:6}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 78px minmax(0,1fr) 20px}.classroom-timeline{bottom:20px}.site-copyright--classroom{padding-top:4px;padding-bottom:3px;font-size:8.4px}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:88px 54px 0 0 minmax(0,1fr) 20px}}.classroom-app{grid-template-rows:104px 18px 104px minmax(0,1fr) 24px}.classroom-header{grid-template-columns:minmax(0,1fr) clamp(220px,22vw,360px) minmax(0,1fr);gap:12px}.brand-lockup--classroom{grid-area:1/1;place-self:center start;width:clamp(160px,14vw,220px);margin:0 0 0 clamp(66px,6.2vw,96px)}.classroom-header .classroom-title-editor{align-self:center;padding-top:0}.classroom-settings{align-items:center;gap:6px;width:clamp(350px,31vw,410px);min-width:0;height:104px;margin:0;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 18px);left:0}.classroom-settings>.classroom-setting:first-of-type{flex:0 106px}.classroom-settings>.classroom-transpose{flex:122px}.classroom-settings>.classroom-beat-wrap{flex:142px}.classroom-settings>.classroom-divider{display:none}.classroom-settings .classroom-setting,.classroom-settings .classroom-transpose,.classroom-settings .classroom-beat-wrap{width:auto;min-width:0}.classroom-settings .classroom-setting{background:#fffdf8b8;border:1px solid #b9810047;border-radius:9px;grid-template-columns:18px minmax(0,1fr) 10px;gap:4px;min-height:36px;padding:0 7px}.classroom-settings .classroom-setting>svg:first-child{width:18px;height:18px}.classroom-settings .classroom-setting select{width:100%;padding:6px 0;font-size:13px}.classroom-settings .classroom-transpose{background:#fffdf8b8;border:1px solid #b9810047;border-radius:999px;justify-content:center;min-height:36px}.classroom-settings .classroom-transpose button{width:27px;height:27px}.classroom-settings .classroom-beat-toggle{flex:auto;width:auto;min-width:0;padding:0 8px}.classroom-settings .classroom-beat-toggle span{display:inline}.classroom-settings .classroom-beat-choice{width:32px;min-width:32px;padding:0}.classroom-top-palette{grid-template-columns:clamp(350px,31vw,410px) minmax(0,1fr) clamp(250px,22vw,380px);height:104px}.classroom-timeline{top:226px}.classroom-palette-center{grid-column:2;grid-template-rows:auto 54px;grid-template-columns:minmax(0,1fr);place-self:center stretch;gap:3px;min-width:0;padding:0 8px;display:grid;overflow:hidden}.classroom-top-palette-heading{text-align:center;justify-self:center;display:grid}.classroom-top-palette-heading h2{font-size:clamp(22px,1.8vw,28px)}.classroom-palette-key-selector{color:var(--ink);grid-template-columns:minmax(0,1fr) 13px;align-items:center;gap:5px;display:grid;position:relative}.classroom-palette-key-selector select{appearance:none;min-width:0;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;outline:0;padding:0;line-height:1}.classroom-palette-key-selector svg{width:13px;height:13px;color:var(--gold-deep);pointer-events:none}.classroom-top-palette .classroom-palette-grid{scrollbar-width:thin;scrollbar-color:#b9810061 transparent;justify-content:center;width:100%;min-width:0;max-width:none;margin-inline:auto;padding:0 3px 4px;overflow:auto hidden}.classroom-top-palette .classroom-palette-grid[data-color-mode=true]{justify-content:center}.classroom-top-palette .classroom-palette-grid::-webkit-scrollbar{height:3px}.classroom-top-palette .classroom-palette-grid::-webkit-scrollbar-thumb{background:#b9810061;border-radius:999px}.classroom-palette-capture{grid-column:3}@media (width<=1180px),(height<=760px){.classroom-app{grid-template-rows:88px 14px 90px minmax(0,1fr) 20px}.brand-lockup--classroom{width:148px;margin-left:62px}.classroom-settings{gap:4px;width:clamp(330px,34vw,360px);height:90px;padding:6px 8px;top:calc(100% + 14px)}.classroom-settings>.classroom-setting:first-of-type{flex:0 0 92px;overflow:hidden}.classroom-settings>.classroom-transpose{flex:0 112px}.classroom-settings>.classroom-beat-wrap{flex:104px}.classroom-settings .classroom-setting select{max-width:100%}.classroom-settings .classroom-setting,.classroom-settings .classroom-transpose{min-height:33px}.classroom-settings .classroom-setting select{font-size:12px}.classroom-settings .classroom-beat-toggle{padding:0 6px}.classroom-top-palette{grid-template-columns:clamp(330px,34vw,360px) minmax(0,1fr) clamp(210px,22vw,280px);height:90px}.classroom-palette-center{grid-template-rows:auto 46px;gap:2px}.classroom-top-palette-heading h2{font-size:21px}.classroom-main-surface{margin-left:12.5vw}.classroom-timeline{top:192px}}@media (orientation:landscape) and (width<=979px) and (height<=500px){.song-screen{padding:12px 14px calc(var(--mobile-safe-area-height) + 18px)}.song-header{grid-template-rows:auto auto;grid-template-columns:142px minmax(0,1fr) auto;align-items:center;gap:5px 10px;display:grid;position:relative}.header-corner{width:38px;top:0}.brand-lockup--mobile{grid-area:1/1;width:150px;margin:0 0 0 8px}.song-title-editor{grid-area:1/2/auto/4;width:100%;margin:0}.song-title-editor input{letter-spacing:-.8px;padding-bottom:1px;font-size:25px}.song-header>.ornament-rule{display:none}.song-settings{grid-area:2/1/auto/3;gap:4px;width:auto;min-width:0;margin:0;display:flex}.song-settings>button{border:1px solid #b9810047;border-radius:999px;flex:0 112px;min-height:34px;padding:0 5px;font-size:12px}.song-settings button>svg:first-child{width:18px;height:18px}.setting-divider{display:none}.mobile-transpose{border:1px solid #b9810047;border-radius:999px;flex:0 118px;grid-column:auto;justify-content:center;gap:3px;min-width:0;margin:0;padding:2px 5px;display:flex}.song-settings .mobile-transpose button{width:27px;min-height:27px;padding:0}.mobile-transpose span{font-size:8px}.song-beat-controls{grid-area:2/3;gap:4px;width:auto;margin:0}.song-beat-toggle,.song-beat-choice{min-height:34px}.song-beat-toggle{flex:0 0 36px;width:36px}.song-beat-toggle span{display:none}.song-beat-choice{min-width:72px;padding:0 8px;font-size:12px}.chord-tray{gap:6px;margin:10px 0 0;padding:8px 9px 7px}.chord-tray-heading{text-align:left;grid-template-columns:auto 1fr;place-items:baseline start;gap:10px}.chord-tray-heading h2{font-size:20px}.chord-tray-heading p{text-align:right;justify-self:end;font-size:10px}.chord-tray-carousel{width:100%}.chord-tray-grid{gap:7px;width:max-content;min-width:100%;padding:0 2px 5px;display:flex}.chord-tray-grid .tray-card{flex:0 0 64px;width:64px}.chord-tray-instruction{display:none}.section-list{gap:22px;margin-top:20px}}.classroom-header,.classroom-header *{box-sizing:border-box}.classroom-chord-cue,.song-chord-cue{box-sizing:border-box;width:100%;min-width:0;min-height:48px;color:var(--ink);text-align:center;white-space:pre-wrap;resize:vertical;background:#fffdf8d1;border:1px solid #b9810047;border-radius:7px;padding:7px 8px;font:500 16px/1.3 Inter,sans-serif}.classroom-duration-button,.song-duration-button{border-width:2px;border-radius:10px;min-width:84px;min-height:42px;font-size:14px;font-weight:800;box-shadow:0 2px 8px #37280d1a}.classroom-duration-button[data-beats="1"],.song-duration-button[data-beats="1"]{color:#294825;background:#e8f0e4;border-color:#66845d}.classroom-duration-button[data-beats="2"],.song-duration-button[data-beats="2"]{color:#684a00;background:#f4e9cf;border-color:#b98100}.classroom-duration-button[data-beats="3"],.song-duration-button[data-beats="3"]{color:#563c61;background:#eee4f2;border-color:#8f6b9d}.classroom-duration-button[data-beats="4"],.song-duration-button[data-beats="4"]{color:#26364e;background:#e5e8ef;border-color:#59677d}.presentation-upcoming-chord .presentation-beat-count{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:2px solid;border-radius:999px;justify-content:center;align-items:center;min-width:128px;min-height:44px;margin-top:7px;padding:8px 14px;font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1;display:inline-flex;box-shadow:0 3px 10px #37280d1f}.presentation-beat-count[data-beats="1"]{color:#294825;background:#e8f0e4;border-color:#66845d}.presentation-beat-count[data-beats="2"]{color:#684a00;background:#f4e9cf;border-color:#b98100}.presentation-beat-count[data-beats="3"]{color:#563c61;background:#eee4f2;border-color:#8f6b9d}.presentation-beat-count[data-beats="4"]{color:#26364e;background:#e5e8ef;border-color:#59677d}.song-card-duration-shell{gap:7px}.legacy-lyrics{width:100%}.legacy-lyrics summary{cursor:pointer;min-height:32px;color:var(--gold-deep);background:#b9810014;border:1px solid #b981004d;border-radius:7px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.legacy-lyrics textarea{box-sizing:border-box;width:100%;min-height:84px;margin-top:7px}.classroom-writing-panel:not([data-collapsed=true]){grid-template-rows:auto minmax(0,1fr);gap:10px}.classroom-full-lyrics{min-width:0}.classroom-full-lyrics summary{box-sizing:border-box;justify-content:space-between;width:100%}.classroom-full-lyrics[open]{max-height:min(38vh,320px);padding-bottom:4px;overflow:auto}.classroom-full-lyrics textarea{min-height:140px}.lesson-notes{height:100%;padding:10px 4px;overflow:auto}.lesson-notes header,.lesson-student-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.lesson-notes-header-actions{align-items:center;gap:5px;display:flex}.lesson-notes header h2{margin:2px 0 8px;font:400 24px/1 Libre Bodoni,serif}.lesson-notes header span{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.lesson-notes button,.lesson-notes select{background:var(--paper);min-height:30px;color:var(--ink);border:1px solid #b9810059;border-radius:6px;font-size:10px}.lesson-student-row select{flex:1;min-width:0}.lesson-notes label{color:var(--gold-deep);gap:3px;margin-top:8px;font-size:10px;font-weight:700;display:grid}.lesson-notes textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:72px;color:var(--ink);background:#ffffffa6;border:1px solid #b9810040;border-radius:6px;padding:8px;font:400 16px/1.4 Inter,sans-serif}.lesson-entry-compose button{width:100%}.lesson-history{border-top:1px solid #b981003d;margin-top:12px;padding-top:10px}.lesson-history summary{cursor:pointer;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.lesson-history summary::-webkit-details-marker{display:none}.lesson-history summary span{background:var(--paper);border:1px solid #b9810059;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.lesson-history-empty{color:var(--muted);font-size:12px;line-height:1.4}.lesson-history-browser{gap:9px;margin-top:10px;display:grid}.lesson-history-select{margin:0}.lesson-history-select select{width:100%;min-height:40px;padding:6px 8px;font-size:12px}.lesson-history-entry{gap:6px;display:grid}.lesson-history-entry h3{color:var(--gold-deep);margin:0;font:600 13px/1.3 Inter,sans-serif}.lesson-history-entry label{margin-top:2px}.lesson-history-entry textarea{min-height:92px}.lesson-history-entry label:first-of-type textarea{min-height:140px}.lesson-history-entry>button{width:100%}.lesson-notes-toggle{justify-content:center;align-items:center;gap:3px;padding:0 7px;display:inline-flex}.lesson-notes-toggle svg{width:17px;height:17px;transition:transform .16s}.classroom-stage--editing[data-teacher-collapsed=true]{grid-template-columns:minmax(0,1fr) 56px}.classroom-writing-panel[data-collapsed=true]{padding:0 4px;overflow:hidden}.lesson-notes[data-collapsed=true]{padding:10px 0;overflow:hidden}.lesson-notes[data-collapsed=true] header{justify-content:center}.lesson-notes[data-collapsed=true] .lesson-notes-title{display:none}.lesson-notes[data-collapsed=true] .lesson-notes-toggle{width:42px;padding:0}.lesson-notes[data-collapsed=true] .lesson-notes-toggle span{display:none}.lesson-notes[data-collapsed=true] .lesson-notes-toggle svg{transform:rotate(180deg)}.guitar-rhythm-editor{background:#fffdf8c7;border:1px solid #b9810047;border-radius:9px;min-width:0;box-shadow:0 5px 16px #37280d0f}.guitar-rhythm-editor-toggle{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px 10px;display:grid}.guitar-rhythm-editor-toggle>svg:first-child{width:20px;height:20px;color:var(--gold-deep)}.guitar-rhythm-editor-toggle>svg:last-child{width:15px;height:15px;color:var(--gold-deep);transition:transform .16s}.guitar-rhythm-editor[data-open=true] .guitar-rhythm-editor-toggle>svg:last-child{transform:rotate(180deg)}.guitar-rhythm-editor-toggle span{gap:1px;min-width:0;display:grid}.guitar-rhythm-editor-toggle strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.guitar-rhythm-editor-toggle small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.guitar-rhythm-editor-body{border-top:1px solid #b981002e;gap:9px;padding:2px 10px 10px;display:grid}.guitar-rhythm-pattern-control{color:var(--gold-deep);gap:4px;margin-top:8px;font-size:10px;font-weight:800;display:grid}.guitar-rhythm-pattern-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.guitar-rhythm-pattern-heading>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guitar-rhythm-subdivision{background:#b981000f;border:1px solid #b981004d;border-radius:999px;flex:none;padding:2px;display:inline-flex}.guitar-rhythm-subdivision button{min-width:38px;min-height:24px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:10px;font-weight:850}.guitar-rhythm-subdivision button[aria-pressed=true]{background:var(--gold-deep);color:#fffdf8}.guitar-rhythm-editor-body select{box-sizing:border-box;background:var(--paper);width:100%;min-height:36px;color:var(--ink);border:1px solid #b9810057;border-radius:7px;padding:6px 9px;font:600 12px/1.2 Inter,sans-serif}.guitar-rhythm-step-editor{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(34px,1fr));gap:4px;padding:2px 0 4px;display:grid;overflow-x:auto}.guitar-rhythm-step-editor[data-subdivision=sixteenth]{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(22px,1fr));gap:2px}.guitar-rhythm-step-editor button{min-width:34px;min-height:56px;color:var(--ink);background:#ffffffad;border:1px solid #b9810040;border-radius:7px;place-items:center;gap:1px;padding:4px 2px;display:grid}.guitar-rhythm-step-editor[data-subdivision=sixteenth] button{border-radius:5px;min-width:22px;padding-inline:0}.guitar-rhythm-step-editor button[data-downbeat=true]{border-left:3px solid #b98100b3}.guitar-rhythm-step-editor button small{color:var(--gold-deep);font-size:9px;font-weight:800}.guitar-rhythm-step-editor button strong{font:600 27px/1 Inter,sans-serif}.guitar-rhythm-step-editor button[data-direction=rest] strong{color:#77726b6b}.guitar-rhythm-step-editor button[data-active=true]{border-color:var(--gold-deep);background:#b9810029;box-shadow:0 0 0 4px #b981001a}.rhythm-marking-tools{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;display:flex}.rhythm-marking-tools button{background:var(--paper);min-height:36px;color:var(--ink);border:1px solid #d9bd82;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font:600 12px/1.3 Inter,sans-serif;display:inline-flex}.rhythm-marking-tools button[aria-pressed=true]{background:var(--gold-deep);border-color:var(--gold-deep);color:#fffdf8}.rhythm-marking-tools button>span{font-size:18px;line-height:1}.rhythm-marking-tools>span{color:var(--muted);margin-left:4px;font:12px/1.4 Inter,sans-serif}.guitar-rhythm-step-editor button:disabled{cursor:default;opacity:.45}.guitar-rhythm-step-editor .rhythm-step-markers,.strum-guide .rhythm-step-markers{min-height:18px;color:var(--gold-deep);letter-spacing:0;justify-content:center;align-items:center;gap:3px;font:800 16px/18px Inter,sans-serif;display:flex}.rhythm-step-markers b{font:inherit}.rhythm-step-markers b[data-marker=push]{color:#276c86}.guitar-rhythm-step-editor button:focus-visible,.rhythm-marking-tools button:focus-visible{outline-offset:2px;outline:2px solid #276c86}.guitar-rhythm-preview{border:1px solid var(--gold-deep);background:var(--gold-deep);color:#fffdf8;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:11px;font-weight:800;display:inline-flex}.guitar-rhythm-preview:disabled{opacity:.42}.guitar-rhythm-preview svg{width:15px;height:15px}.guitar-rhythm-editor-body>p{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.classroom-progression>.guitar-rhythm-editor{width:min(100%,760px);margin:5px auto 0}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body{grid-template-columns:minmax(150px,210px) minmax(0,1fr) auto;align-items:end}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body>p{grid-column:1/-1}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-preview{min-width:150px}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]){grid-template-columns:minmax(200px,1fr) auto}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]) .guitar-rhythm-step-editor{grid-area:2/1/auto/-1}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]) .guitar-rhythm-preview{grid-area:1/2}.mobile-legacy-lyrics+.guitar-rhythm-editor{margin-top:12px}.strum-guide{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(28px,1fr));gap:6px;width:min(100%,520px);margin:8px auto 3px;display:grid}.strum-guide[data-subdivision=sixteenth]{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(20px,1fr));gap:2px}.strum-guide-step{color:#77726b73;justify-items:center;gap:1px;min-width:0;display:grid}.strum-guide-step[data-downbeat=true]{box-shadow:-2px 0 #b9810038}.strum-guide-step:first-child{box-shadow:none}.strum-guide-step small{font-size:9px;font-weight:800}.strum-guide-step i{background:#fffdf8b3;border:1px solid #b9810038;border-radius:999px;place-items:center;width:32px;height:38px;font:700 25px/1 Inter,sans-serif;display:grid}.strum-guide[data-subdivision=sixteenth] .strum-guide-step i{width:25px;height:34px;font-size:21px}.strum-guide-step i[data-direction=rest]{color:#77726b52;background:0 0;border-color:#0000}.strum-guide-step[data-active=true]{color:var(--gold-deep)}.strum-guide-step[data-active=true] i{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8;box-shadow:0 0 0 5px #b981001f,0 6px 16px #37280d29}.presentation-strum-guide{width:min(100%,480px);margin-top:10px}.presentation-strum-guide .strum-guide-step i{width:38px;height:45px;font-size:30px}.presentation-strum-guide[data-subdivision=sixteenth] .strum-guide-step i{width:25px;height:36px;font-size:22px}.practice-strum-guide{width:min(100%,430px);margin-top:13px}.loop-sections-controls{color:var(--gold-deep);text-align:center;justify-items:center;gap:4px;font-size:9px;display:grid}.loop-sections-controls button{background:var(--paper);border:1px solid #b9810066;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:90%;min-height:28px;font-size:9px;display:inline-flex}.section-loop-select{z-index:2;border:2px solid var(--gold-deep);background:var(--paper);width:23px;height:23px;color:var(--gold-deep);border-radius:50%;font-weight:800;position:absolute;top:-7px;left:-7px}.classroom-section-tile-wrap[data-loop-selected=true] .classroom-section-tile{background:#b981001f;outline:3px solid #b9810080}.presentation-cue{text-align:center;background:#b981001a;border-radius:6px;max-width:336px;margin:2px 0;padding:7px 12px;font-size:clamp(16px,1.45vw,22px);font-weight:600;line-height:1.3}.presentation-current-chord>img{transition:none;animation:none;transform:none;box-shadow:0 0 20px 8px #b9810047,0 18px 32px #37280d33}@media (prefers-reduced-motion:reduce){.presentation-current-chord,.presentation-current-chord>img,.presentation-upcoming-chord{transition:none!important;animation:none!important}}.classroom-top-palette-heading{justify-content:center;align-items:center;gap:8px;display:flex}@media (width>=980px) and (width<=1400px){.classroom-header{grid-template-columns:minmax(0,1fr) minmax(280px,34vw) minmax(0,1fr);gap:8px;padding-inline:16px;overflow:hidden}.classroom-header .classroom-title-editor{grid-column:2;width:100%;min-width:0;overflow:hidden}.classroom-title-editor input{text-overflow:ellipsis;width:100%;max-width:100%;font-size:34px;line-height:1.05}.classroom-actions{grid-column:3;justify-self:end;gap:2px;min-width:0;max-width:100%;overflow:visible}.classroom-actions .classroom-action{width:32px;min-width:32px;font-size:0;padding:0!important}.classroom-actions .classroom-action svg{width:21px;height:21px}.classroom-song-view-button{border:0}.brand-lockup--classroom{max-width:148px;margin-left:48px}}.assign-student-button{margin-top:3px;font-weight:800;border-color:var(--gold-deep)!important;background:var(--gold-deep)!important;color:#fffdf8!important}.practice-assignment-backdrop{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1614107a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.practice-assignment-dialog{background:var(--ivory);width:min(680px,100vw - 32px);max-height:min(840px,100vh - 32px);color:var(--ink);border:1px solid #b9810073;border-radius:18px;gap:14px;padding:24px;font-family:Inter,sans-serif;display:grid;overflow:auto;box-shadow:0 28px 90px #20190c4d}.practice-assignment-dialog>header,.practice-assignment-dialog>footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.practice-assignment-dialog header span,.practice-assignment-link span{color:var(--gold-deep);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.practice-assignment-dialog h2{margin:3px 0 0;font:400 clamp(30px,4vw,46px)/1 Libre Bodoni,serif}.practice-assignment-dialog header>button{background:0 0;border:1px solid #b9810059;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.practice-assignment-dialog>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.practice-assignment-dialog>label,.practice-assignment-dialog fieldset{color:var(--gold-deep);border:0;gap:6px;margin:0;padding:0;font-size:11px;font-weight:800;display:grid}.practice-assignment-dialog label small{color:var(--muted);font-weight:500}.practice-assignment-dialog input,.practice-assignment-dialog textarea,.practice-assignment-dialog select{box-sizing:border-box;width:100%;min-height:44px;color:var(--ink);background:#ffffff9e;border:1px solid #b9810052;border-radius:9px;padding:10px 12px;font:500 16px/1.4 Inter,sans-serif}.practice-assignment-dialog textarea{resize:vertical;min-height:104px}.practice-assignment-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.practice-assignment-sections label{background:var(--paper);min-height:46px;color:var(--ink);border:1px solid #b9810045;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;display:grid}.practice-assignment-sections label[data-selected=true]{border-color:var(--gold-deep);background:#b981001a}.practice-assignment-sections input{width:18px;min-height:18px;accent-color:var(--gold-deep)}.practice-assignment-link{gap:5px;display:grid}.practice-assignment-dialog footer{justify-content:flex-end}.practice-assignment-dialog footer button{background:var(--paper);border:1px solid #b9810073;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.practice-assignment-dialog footer .practice-assignment-primary{background:var(--gold-deep);color:#fffdf8}.practice-assignment-dialog footer button:disabled{opacity:.45}.practice-assignment-error{font-weight:700;color:#8b2d26!important}.practice-assignment-privacy{color:var(--muted);text-align:center;font-size:10px;line-height:1.4}.practice-player{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% -15%, #b981001c, transparent 36%), var(--ivory);height:100dvh;min-height:0;color:var(--ink);font-family:Inter,sans-serif;position:relative;overflow:hidden auto}.practice-corner{z-index:1;pointer-events:none;width:clamp(66px,8vw,116px);position:absolute;top:0}.practice-corner-left{left:0}.practice-corner-right{right:0}.practice-header{z-index:2;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) minmax(180px,1fr);align-items:center;padding:24px clamp(24px,7vw,130px) 18px;display:grid;position:relative}.practice-header .brand-lockup--mobile{width:clamp(170px,17vw,260px);margin:0}.practice-title{text-align:center;grid-column:2}.practice-title>span,.practice-stage header span,.practice-instructions span,.practice-current-chord>span,.practice-next-chord>span{color:var(--gold-deep);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.practice-title h1{letter-spacing:-.035em;margin:2px 0;font:600 clamp(36px,5vw,72px)/1 Libre Bodoni,serif}.practice-title p{color:var(--muted);margin:7px 0 0;font-size:13px}.practice-instructions{background:#ffffff80;border:1px solid #b9810040;border-radius:12px;grid-template-columns:minmax(170px,.5fr) minmax(0,1.5fr);align-items:center;gap:28px;width:min(1120px,100% - 40px);margin:0 auto 14px;padding:15px 18px;display:grid}.practice-instructions h2{margin:3px 0 0;font:400 25px/1.05 Libre Bodoni,serif}.practice-instructions p{margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.5}.practice-section-tabs{scrollbar-width:thin;justify-content:center;gap:7px;width:min(1120px,100% - 40px);margin:0 auto 13px;display:flex;overflow-x:auto}.practice-section-tab-wrap{flex:none;padding:5px 0 0 5px;position:relative}.practice-section-tab{background:var(--paper);border:1px solid #b981004d;border-radius:9px;min-width:82px;min-height:50px;padding:5px 12px}.practice-section-tab[data-current=true]{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8}.practice-section-tab span{font:600 20px/1 Libre Bodoni,serif;display:block}.practice-section-tab small{opacity:.72;margin-top:3px;font-size:9px;display:block}.practice-section-loop-select{z-index:2;border:1px solid var(--gold-deep);background:var(--paper);width:22px;height:22px;color:var(--gold-deep);border-radius:50%;place-items:center;padding:0;font:800 11px/1 Inter,sans-serif;display:grid;position:absolute;top:0;left:0}.practice-section-tab-wrap[data-loop-selected=true] .practice-section-loop-select{background:var(--gold-deep);color:#fffdf8}.practice-stage{background:#ffffff61;border:1px solid #b9810040;border-radius:18px;width:min(1180px,100% - 40px);margin:0 auto;padding:15px clamp(14px,2vw,26px) 20px}.practice-stage>header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px;display:grid}.practice-stage-heading{justify-self:start;min-width:0}.practice-stage-transport{justify-content:center;justify-self:center;align-items:center;gap:8px;display:flex}.practice-loop-controls{background:#fffdf8b8;border:1px solid #b9810040;border-radius:999px;justify-self:end;align-items:center;gap:4px;padding:3px;display:flex}.practice-loop-controls>span{align-items:center;gap:4px;padding:0 5px;display:inline-flex}.practice-loop-controls>span svg{width:14px;height:14px}.practice-stage h2{margin:2px 0 0;font:600 clamp(28px,3vw,42px)/1 Libre Bodoni,serif}.practice-stage header button{background:var(--paper);border:1px solid #b9810059;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.practice-stage header button[data-active=true]{border-color:var(--gold-deep);color:var(--gold-deep);background:#b9810021}.practice-stage header button:disabled{cursor:not-allowed;opacity:.42}.practice-loop-controls button{border-color:#0000;min-height:32px;padding-inline:9px}.practice-stage-transport>button{min-height:46px;padding-inline:14px}.practice-stage-transport>.practice-play{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8;justify-content:center;min-width:156px}.practice-chords{grid-template-columns:minmax(260px,1.35fr) 44px minmax(220px,.8fr);align-items:center;gap:18px;display:grid}.practice-current-chord,.practice-next-chord{text-align:center;justify-items:center;min-width:0;display:grid}.practice-current-chord img{object-fit:contain;filter:drop-shadow(0 15px 20px #37280d2e);width:min(100%,330px);max-height:48vh;transition:none;animation:none;transform:none}.practice-current-chord[data-playing=true] img{filter:drop-shadow(0 0 16px #b981005c)drop-shadow(0 15px 20px #37280d2e)}.practice-next-chord img{object-fit:contain;opacity:.78;width:min(100%,225px);max-height:33vh;transition:none;animation:none;transform:none}.practice-current-chord p,.practice-next-chord p{background:#b981001a;border-radius:8px;max-width:380px;margin:8px 0 0;padding:8px 14px;font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1.3}.practice-next-chord p{font-size:clamp(14px,1.25vw,18px)}.practice-next-arrow{width:40px;height:40px;color:var(--gold-deep)}.practice-empty-card,.practice-ending{aspect-ratio:.72;width:min(100%,260px);color:var(--gold-deep);border:1px dashed #b9810073;border-radius:14px;place-items:center;font:600 34px/1 Libre Bodoni,serif;display:grid}.practice-beat-dots{color:#59677d;width:min(100%,430px);margin-top:13px}.practice-beat-dots i{background:0 0;border:3px solid;border-radius:50%;width:22px;height:22px;display:block}.practice-beat-dots i[data-current=true]{box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent);background:currentColor}.practice-current-chord:has(.practice-strum-guide){align-content:center}.practice-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;width:min(1120px,100% - 40px);margin:14px auto;display:flex}.practice-controls>button,.practice-controls>label{background:var(--paper);border:1px solid #b9810059;border-radius:999px;align-items:center;gap:7px;min-height:46px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex}.practice-controls select{color:inherit;background:0 0;border:0;font-weight:800}.practice-controls .metronome-volume-control{width:min(260px,100%)}.practice-complete-card{background:var(--paper);border:1px solid #b9810040;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(760px,100% - 40px);margin:0 auto 18px;padding:13px 16px;display:grid}.practice-complete-card>svg{width:30px;height:30px;color:var(--gold-deep)}.practice-complete-card div{gap:3px;display:grid}.practice-complete-card span{color:var(--muted);font-size:11px}.practice-complete-card button{background:0 0;border:1px solid #b9810066;border-radius:999px;min-height:38px;padding:0 12px;font-weight:800}.practice-complete-card[data-complete=true]{background:#edf3e9;border-color:#66845d}.practice-player .site-copyright{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:14px}@media (width<=760px){.strum-guide{gap:3px}.strum-guide-step i{width:28px;height:34px;font-size:22px}.guitar-rhythm-step-editor{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(40px,1fr))}.guitar-rhythm-step-editor[data-subdivision=sixteenth]{grid-template-columns:repeat(var(--guitar-rhythm-steps),minmax(32px,1fr))}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body{grid-template-columns:minmax(0,1fr);align-items:stretch}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body>p{grid-column:1}.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]){grid-template-columns:minmax(0,1fr)}:is(.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]) .guitar-rhythm-step-editor,.classroom-progression>.guitar-rhythm-editor .guitar-rhythm-editor-body:has(.guitar-rhythm-step-editor[data-subdivision=sixteenth]) .guitar-rhythm-preview){grid-area:auto/1}.practice-header{padding:26px 20px 15px;display:block}.practice-header .brand-lockup--mobile{width:min(220px,62vw);margin:0 auto 12px}.practice-title{text-align:center}.practice-title h1{font-size:clamp(38px,13vw,58px)}.practice-instructions{grid-template-columns:1fr;gap:9px;width:calc(100% - 24px)}.practice-section-tabs{justify-content:flex-start;width:calc(100% - 24px)}.practice-stage{width:calc(100% - 24px);padding:13px 10px 18px}.practice-stage>header{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px 8px}.practice-stage-heading{grid-area:1/1}.practice-stage-heading h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-stage-transport{grid-area:2/1;justify-self:stretch;width:100%}.practice-loop-controls{grid-area:3/1;justify-content:center;justify-self:stretch;width:100%}.practice-loop-controls button{flex:auto;justify-content:center;min-width:0;padding-inline:7px}.practice-stage-transport>button{min-height:48px}.practice-stage-transport>.practice-play{flex:auto;min-width:0}.practice-stage-transport>.practice-restart{flex:none}.practice-chords{grid-template-columns:minmax(0,1fr) 20px minmax(100px,.43fr);gap:6px}.practice-current-chord img{width:min(100%,245px);max-height:44vh}.practice-next-chord img{width:min(100%,130px);max-height:26vh}.practice-next-arrow{width:20px;height:20px}.practice-current-chord>span,.practice-next-chord>span{letter-spacing:.08em;font-size:8px}.practice-current-chord p{font-size:17px}.practice-next-chord p{padding:5px;font-size:12px}.practice-beat-dots i{width:18px;height:18px}.practice-controls{width:calc(100% - 24px)}.practice-controls>label{flex:100%;justify-content:center}.practice-complete-card{grid-template-columns:auto 1fr;width:calc(100% - 24px)}.practice-complete-card button{grid-column:1/-1}.practice-assignment-sections{grid-template-columns:1fr}}@media (width>=761px) and (height<=960px){.practice-header{padding-block:14px 10px}.practice-instructions{margin-bottom:10px;padding-block:10px}.practice-section-tabs{margin-bottom:10px}.practice-current-chord img{max-height:40vh}.practice-next-chord img{max-height:28vh}}@media (width>=980px){.classroom-app{grid-template-rows:104px 50px 12px 104px minmax(0,1fr) 24px}.classroom-app>.workspace-switcher{grid-row:2;align-self:center;width:min(440px,45vw);margin:4px auto;position:relative;top:auto;left:auto;transform:none}.classroom-app>.classroom-rule{grid-row:3}.classroom-app>.classroom-top-palette{grid-row:4}.classroom-app>.classroom-main-surface{grid-row:5}.classroom-app>.site-copyright--classroom{grid-row:6}.classroom-settings{top:calc(100% + 62px)}.classroom-timeline{top:270px}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:104px 50px 0 0 minmax(0,1fr) 24px}}@media (width>=980px) and (width<=1180px),(width>=980px) and (height<=760px){.classroom-app{grid-template-rows:88px 46px 10px 90px minmax(0,1fr) 20px}.classroom-app>.workspace-switcher{width:min(390px,42vw);margin-block:3px}.classroom-settings{top:calc(100% + 56px)}.classroom-timeline{top:234px}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:88px 46px 0 0 minmax(0,1fr) 20px}}@media (width>=980px){.classroom-progression{container-type:size}.classroom-section-toolbar{z-index:2;background:var(--ivory);min-height:56px;position:relative}.classroom-progression-row{align-self:stretch;align-items:start;min-height:0;padding-top:8px;overflow:hidden}.classroom-card-grid,.classroom-card-with-duration{min-height:0;max-height:100%}.classroom-song-card{width:clamp(116px,min(17.45vw,57.9cqh - 148px),240px)}}.classroom-app>.v1-workspace-spacer{pointer-events:none;grid-row:2;min-width:0;min-height:0}.classroom-app:has(>.v1-workspace-spacer)>.classroom-header{z-index:50;overflow:visible}.classroom-writing-panel--lyrics-only{grid-template-rows:minmax(0,1fr)!important;gap:0!important}.classroom-writing-panel--lyrics-only .classroom-full-lyrics{align-self:start}.presentation-stage[data-v1-footer=false]{grid-template-rows:minmax(0,1fr)}.custom-chord-badge{color:#fffdf8;background:#5b4e34eb;border-color:#fffdf8d1}.classroom-top-palette .classroom-palette-grid[data-color-mode=false]{justify-content:flex-start}.classroom-top-palette .classroom-palette-grid[data-color-mode=false]>:first-child{margin-left:auto}.classroom-top-palette .classroom-palette-grid[data-color-mode=false]>:last-child{margin-right:auto}.classroom-top-palette .classroom-palette-card--custom{cursor:pointer;background:linear-gradient(145deg,#fffdf8fa,#efeadee6);border-style:dashed;border-color:#5b4e349e}.classroom-top-palette .classroom-palette-card--custom strong{letter-spacing:.03em;font:800 clamp(11px,1vw,14px)/1 Inter,sans-serif}.tray-card--custom{color:var(--ink);cursor:pointer;touch-action:manipulation;background:linear-gradient(155deg,#fffdf8fa,#efeadef0);border-style:dashed;border-color:#5b4e3499;place-content:center;gap:5px;display:grid}.tray-card--custom>span{color:var(--gold-deep);font:400 26px/1 Libre Bodoni,Georgia,serif}.tray-card--custom>strong{letter-spacing:.04em;text-transform:uppercase;font:800 9px/1.1 Inter,sans-serif}.chord-tray-grid--key{gap:7px;width:max-content;min-width:100%;padding-inline:2px;display:flex}.chord-tray-grid--key .tray-card{flex:0 0 64px;width:64px}.classroom-palette-capture .classroom-top-palette-help{color:var(--muted);text-align:center;margin:0;font-size:10px;line-height:1.3;display:block}.custom-chord-picker button:focus-visible,.custom-chord-dialog button:focus-visible{outline-offset:2px!important;outline:3px solid #b9810080!important}.bottom-sheet:has(.custom-chord-picker){overscroll-behavior:contain;touch-action:pan-y!important}.device-screen--frameless .bottom-sheet:has(.custom-chord-picker){max-height:calc(100dvh - 8px)!important}.custom-chord-dialog-backdrop{z-index:130;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1614107a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.custom-chord-dialog{background:var(--ivory);width:min(720px,100vw - 32px);max-height:min(820px,100dvh - 32px);color:var(--ink);border:1px solid #b9810073;border-radius:18px;gap:13px;padding:24px;font-family:Inter,sans-serif;display:grid;overflow:auto;box-shadow:0 28px 90px #20190c4d}.custom-chord-dialog>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-chord-dialog header span,.custom-chord-picker legend,.custom-chord-picker-summary>span{color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.custom-chord-dialog h2{margin:3px 0 0;font:500 clamp(30px,4vw,46px)/1 Libre Bodoni,Georgia,serif}.custom-chord-dialog header>button{background:var(--paper);border:1px solid #b9810059;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.custom-chord-dialog>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.song-media-dialog{width:min(700px,100vw - 32px)}.song-media-editor{gap:16px;min-width:0;font-family:Inter,sans-serif;display:grid}.song-media-empty{color:var(--muted);text-align:center;border:1px dashed #b9810057;border-radius:12px;margin:0;padding:18px;font-size:15px}.song-media-list{gap:8px;display:grid}.song-media-item{background:#fffdf8c2;border:1px solid #b9810040;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto 40px;align-items:center;gap:10px;min-height:62px;padding:9px 10px;display:grid}.song-media-item>span{color:var(--gold-deep);background:#b981001f;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:800}.song-media-item>span[data-provider=youtube]{color:#8d332b;background:#a543371f}.song-media-item>div{gap:3px;min-width:0;display:grid}.song-media-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.song-media-item small{color:var(--muted);font-size:12px}.song-media-item a{color:var(--gold-deep);font-size:14px;font-weight:750}.song-media-item>button{color:#8d332b;background:0 0;border:1px solid #a5433740;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.song-media-editor form{gap:12px;display:grid}.song-media-editor form label{color:var(--gold-deep);gap:6px;font-size:14px;font-weight:750;display:grid}.song-media-editor form label small{color:var(--muted);font-weight:500}.song-media-editor form input,.song-media-editor form textarea{box-sizing:border-box;width:100%;min-height:48px;color:var(--ink);background:#ffffffad;border:1px solid #b9810052;border-radius:10px;padding:10px 12px;font:500 16px/1.4 Inter,sans-serif}.song-media-editor form textarea{resize:vertical;min-height:92px}.song-media-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-media-form-footer>span{color:var(--muted);font-size:13px}.song-media-form-footer>button,.musician-view-media-link{border:1px solid var(--gold-deep);background:var(--gold-deep);color:#fffdf8;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.song-media-form-footer>button:disabled{opacity:.42}.song-media-error{color:#8d332b;margin:-4px 0 0;font-size:14px;font-weight:700}@media (width<=560px){.song-media-item{grid-template-columns:auto minmax(0,1fr) 40px}.song-media-item a{display:none}.song-media-form-footer{flex-direction:column;align-items:stretch}}.custom-chord-picker{min-width:0;color:var(--ink);gap:14px;font-family:Inter,sans-serif;display:grid}.custom-chord-picker fieldset{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.custom-chord-picker legend{margin-bottom:7px}.custom-chord-root-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.custom-chord-root-group{min-width:0;display:flex}.custom-chord-root-group button,.custom-chord-quality-grid button{min-width:0;min-height:44px;color:var(--ink);background:#fffdf8e6;border:1px solid #b9810052;font:800 14px/1 Inter,sans-serif}.custom-chord-root-group button{flex:1 1 0;padding:0 4px}.custom-chord-root-group button:first-child{border-radius:8px 0 0 8px}.custom-chord-root-group button:last-child{border-radius:0 8px 8px 0}.custom-chord-root-group button:only-child{border-radius:8px}.custom-chord-root-group button+button{margin-left:-1px}.custom-chord-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.custom-chord-quality-grid button{border-radius:8px;padding:0 10px}.custom-chord-root-group button[data-selected=true],.custom-chord-quality-grid button[data-selected=true]{z-index:1;border-color:var(--gold-deep);color:var(--gold-deep);background:#b9810024;position:relative;box-shadow:0 0 0 2px #b981001f}.custom-chord-picker-summary{background:#ffffff75;border:1px solid #b9810045;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.custom-chord-picker-summary>span,.custom-chord-picker-summary>small{grid-column:1}.custom-chord-picker-summary>strong{color:var(--ink);grid-area:1/2/3;font:600 clamp(32px,5vw,48px)/1 Libre Bodoni,Georgia,serif}.custom-chord-picker-summary>small{color:var(--muted);font-size:11px;line-height:1.35}.custom-chord-add{border:1px solid var(--gold-deep);background:var(--gold-deep);color:#fffdf8;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 18px;font:800 14px/1 Inter,sans-serif;display:inline-flex}.custom-chord-add svg{width:18px;height:18px}.classroom-palette-card--fretboard,.tray-card--fretboard,.classroom-palette-card--chord-lab{background:linear-gradient(145deg,#fffaedfa,#e7dbbae6)!important;border-color:#b98100c7!important}.fretboard-dialog-backdrop{z-index:132}.fretboard-dialog{width:min(1120px,100vw - 32px);max-height:calc(100dvh - 24px)}.fretboard-dialog--compact{width:min(860px,100vw - 32px)}.bottom-sheet:has(.fretboard-lab){overscroll-behavior:contain;max-height:calc(100dvh - 4px)!important}.fretboard-lab{min-width:0;color:var(--ink);gap:14px;font-family:Inter,sans-serif;display:grid}.fretboard-lab button,.fretboard-lab select,.fretboard-lab input,.fretboard-lab textarea{font-family:Inter,sans-serif}.fretboard-lab button:focus-visible,.fretboard-lab select:focus-visible,.fretboard-lab input:focus-visible,.fretboard-lab textarea:focus-visible{outline-offset:2px;outline:3px solid #b9810073}.fretboard-lab-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fretboard-lab-mode button{min-height:46px;color:var(--ink);background:#fffdf8e6;border:1px solid #b9810052;border-radius:9px;padding:0 14px;font-size:14px;font-weight:800}.fretboard-lab-mode button[data-selected=true]{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8}.fretboard-scale-controls{grid-template-columns:.65fr 1.35fr 1fr;gap:9px;display:grid}.fretboard-custom-controls{grid-template-columns:.8fr .8fr 1.4fr;align-items:end;gap:9px;display:grid}.fretboard-custom-controls label{color:var(--gold-deep);letter-spacing:.09em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.fretboard-custom-controls select{box-sizing:border-box;width:100%;min-height:42px;color:var(--ink);letter-spacing:0;text-transform:none;background:#fffdf8f5;border:1px solid #5b4e344d;border-radius:8px;padding:8px 10px;font-size:16px}.fretboard-custom-controls p{color:var(--muted);margin:0 0 3px;font-size:13px;line-height:1.45}.fretboard-scale-controls label,.fretboard-card-fields label,.fretboard-function-fields label,.fretboard-dot-editor label{color:var(--gold-deep);letter-spacing:.09em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.fretboard-scale-controls select,.fretboard-card-fields input,.fretboard-card-fields textarea,.fretboard-function-fields input,.fretboard-dot-editor input{box-sizing:border-box;width:100%;min-height:42px;color:var(--ink);letter-spacing:0;text-transform:none;background:#fffdf8f5;border:1px solid #5b4e344d;border-radius:8px;padding:8px 10px;font-size:16px}.fretboard-card-fields textarea{resize:vertical;min-height:68px}.fretboard-editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scale-selection-controls{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:6px;display:flex}.scale-selection-controls button{background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;border:1px solid #b9810066;border-radius:7px;padding:6px 10px;font:600 12px/1.2 Inter,sans-serif}.scale-selection-controls button[aria-pressed=true]{color:#fffdf8;background:var(--gold-deep,#9b6a00)}.scale-selection-controls button:disabled{opacity:.45;cursor:default}.scale-selection-controls>span{padding-left:4px;font-size:12px;font-weight:600}.fretboard-color-choices{gap:8px;display:flex}.fretboard-color{border:3px solid var(--ivory);border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 1px #5b4e3459}.fretboard-color[data-selected=true]{box-shadow:0 0 0 3px var(--ink)}.fretboard-color--gold{background:#b98100}.fretboard-color--blue{background:#27678b}.fretboard-color--red{background:#a54337}.fretboard-color--white{background:#f7f1e5}.fretboard-editor-toolbar>button,.fretboard-dot-editor>button{min-height:38px;color:var(--ink);background:#fffdf8e6;border:1px solid #5b4e344d;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.fretboard-grid{grid-template-columns:28px repeat(var(--fret-count), minmax(24px, 1fr));box-sizing:border-box;background:linear-gradient(#f2ead8,#ddd0b5);border:1px solid #5b4e344d;border-radius:12px;gap:0;width:100%;padding:10px 8px 12px;display:grid;overflow:hidden;box-shadow:inset 0 2px 12px #3d2d1617}.fretboard-grid-corner,.fretboard-number{min-width:0;height:24px}.fretboard-number{color:#746553;text-align:center;font-size:11px;line-height:24px}.fretboard-string-row{display:contents}.fretboard-string-name{color:#675945;place-items:center;height:42px;font:700 11px/1 Inter,sans-serif;display:grid}.fretboard-position{touch-action:manipulation;background:linear-gradient(#0000 calc(50% - 1px),#483e30cc calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border:0;border-right:1px solid #5b4e347a;place-items:center;min-width:0;height:42px;padding:0;display:grid;position:relative}.fretboard-position[data-fret="0"]{border-right:4px solid #342b20cc}.fretboard-position[data-selected=true]{z-index:1;box-shadow:inset 0 0 0 2px #17130fbf}.fretboard-position[data-selected=true] .fretboard-dot{outline:3px solid #fffdf8;transform:scale(1.08);box-shadow:0 0 0 5px #17130fb8}.fretboard-dot{color:#fffdf8;border:2px solid #fffdf8e0;border-radius:50%;place-items:center;width:clamp(22px,2.5vw,30px);height:clamp(22px,2.5vw,30px);font-size:clamp(8px,1vw,11px);font-weight:800;line-height:1;display:grid;overflow:hidden}.fretboard-dot[data-root=true]{box-shadow:0 0 0 3px #17130fb8}.fretboard-dot--gold{color:#17130f;background:#b98100}.fretboard-dot--blue{background:#27678b}.fretboard-dot--red{background:#a54337}.fretboard-dot--white{color:#17130f;background:#f7f1e5;border-color:#8f6500}.fretboard-help,.fretboard-status{min-height:16px;color:var(--muted);margin:-7px 0 0;font-size:11px;line-height:1.4}.fretboard-dot-editor{grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:8px;display:grid}.fretboard-dot-editor button:disabled,.fretboard-actions button:disabled{cursor:not-allowed;opacity:.42}.fretboard-card-fields{grid-template-columns:1fr 1.4fr;gap:9px;display:grid}.fretboard-function-fields{background:#fffaed94;border:1px solid #b9810047;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;display:grid}.fretboard-function-fields small,.fretboard-card-fields small{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:600}.fretboard-actions{grid-template-columns:.85fr 1.15fr;gap:8px;display:grid}.fretboard-actions button{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.fretboard-save{border:1px solid var(--gold-deep);color:var(--gold-deep);background:0 0}.fretboard-add{border:1px solid var(--gold-deep);background:var(--gold-deep);color:#fffdf8}.fretboard-saved-cards{border-top:1px solid #b9810040;gap:8px;padding-top:11px;display:grid}.fretboard-saved-cards>div:first-child span{color:var(--gold-deep);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.fretboard-saved-cards h3{margin:2px 0 0;font:500 24px/1 Libre Bodoni,Georgia,serif}.fretboard-saved-list{gap:6px;display:grid}.fretboard-saved-list article{background:#fffdf8b8;border:1px solid #5b4e342e;border-radius:9px;grid-template-columns:40px minmax(0,1fr) auto minmax(110px,160px) auto 34px;align-items:center;gap:7px;padding:6px;display:grid}.fretboard-saved-list img{object-fit:cover;border-radius:4px;width:36px;height:52px}.fretboard-saved-list article>div{gap:2px;min-width:0;display:grid}.fretboard-saved-list strong,.fretboard-saved-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fretboard-saved-list small{color:var(--muted);font-size:10px}.fretboard-saved-list button{background:var(--paper);min-height:34px;color:var(--ink);border:1px solid #5b4e3440;border-radius:7px;padding:0 9px;font-size:11px;font-weight:700}@media (width<=620px){.fretboard-scale-controls,.fretboard-custom-controls,.fretboard-card-fields,.fretboard-function-fields,.fretboard-dot-editor{grid-template-columns:1fr}.fretboard-grid{grid-template-columns:20px repeat(var(--fret-count), minmax(20px, 1fr));padding-inline:3px}.fretboard-position,.fretboard-string-name{height:38px}.fretboard-dot{width:21px;height:21px;font-size:7px}.fretboard-actions{grid-template-columns:1fr}.fretboard-saved-list article{grid-template-columns:36px minmax(0,1fr) auto auto}.fretboard-saved-list article>button:last-child{grid-column:4}}@media (width<=760px) and (height>=600px){.custom-chord-root-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-chord-quality-grid{grid-template-columns:1fr}.custom-chord-picker-summary{padding:10px 12px}.custom-chord-picker-summary>strong{font-size:34px}}@media (height<=599px){.custom-chord-picker{gap:8px}.custom-chord-picker fieldset{gap:4px}.custom-chord-picker legend{margin-bottom:3px}.custom-chord-root-group button,.custom-chord-quality-grid button{min-height:38px;font-size:12px}.custom-chord-add{min-height:42px}}@media (width>=980px){.classroom-timeline{grid-template-rows:auto auto minmax(0,1fr) auto;align-items:stretch;overflow:hidden}.classroom-section-track{scrollbar-width:thin;scrollbar-color:#8f650085 transparent;justify-content:flex-start;align-items:center;min-height:0;padding:4px 2px}.classroom-section-track::-webkit-scrollbar{width:5px;display:block}.classroom-section-track::-webkit-scrollbar-track{background:0 0}.classroom-section-track::-webkit-scrollbar-thumb{background:#8f650085;border-radius:999px}}@media (width>=980px) and (width<=1400px){.classroom-settings>.classroom-beat-wrap{flex:0 76px}.classroom-settings .classroom-beat-toggle{justify-content:center;padding:0}.classroom-settings .classroom-beat-toggle span{display:none}}@media (width>=761px) and (width<=1050px){.practice-stage>header{grid-template-columns:minmax(0,1fr) auto}.practice-stage-heading{grid-area:1/1}.practice-loop-controls{grid-area:1/2}.practice-stage-transport{grid-area:2/1/auto/-1}}.classroom-timeline{z-index:30;overflow:visible!important}.classroom-section-track{overflow:hidden auto}.classroom-add-section-wrap{z-index:31;overflow:visible!important}.classroom-section-menu{z-index:40}.song-garden-account-panel{background:#fffdf8e6;border:1px solid #b9810052;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.song-garden-account-copy{gap:3px;min-width:0;display:grid}.song-garden-account-copy>span{color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.song-garden-account-copy>strong{font:600 17px/1.1 Libre Bodoni,Georgia,serif}.song-garden-account-copy>p{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.song-garden-account-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;min-width:92px;display:flex}.song-garden-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.song-garden-account-actions button{min-height:34px;color:var(--gold-deep);background:#fffdf8;border:1px solid #b9810061;border-radius:999px;padding:0 11px;font-size:10px;font-weight:800}.song-garden-account-actions button.primary{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8}.song-garden-sync-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.song-garden-sync-actions button{color:#365c34;background:#fffdf8;border:1px solid #567e5280;border-radius:999px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800}.song-garden-sync-actions button.primary{color:#fff;background:#4f744c;border-color:#4f744c}.song-garden-sync-actions button.secondary{color:var(--muted);border-color:#77726b4d}.song-garden-sync-actions button:disabled{opacity:.55;cursor:wait}.song-garden-account-loading{color:var(--muted);font-size:10px}.song-garden-account-panel[data-status=ready]{background:#eef6ebb8;border-color:#567e5273}@media (width<=700px){.song-garden-account-panel{grid-template-columns:1fr}.song-garden-account-control,.song-garden-account-actions,.song-garden-sync-actions{justify-content:flex-start}}.song-library-organizer{gap:18px;display:grid}.song-library-backup-toolbar{background:#fffdf8a3;border:1px solid #b9810042;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.song-library-backup-toolbar button{min-height:40px;color:var(--ink);background:#fffdf8;border:1px solid #b9810061;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.song-library-backup-toolbar button svg{width:17px;height:17px;color:var(--gold-deep)}.song-library-backup-input{display:none}.song-library-backup-status{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:9.5px;line-height:1.4}.song-library-folder-toolbar{grid-template-columns:1fr 1fr;gap:9px;display:grid}.song-library-folder-toolbar button{min-height:42px;color:var(--gold-deep);background:#fffdf8;border:1px solid #b9810061;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.song-library-folder-toolbar svg{width:18px;height:18px}.song-library-category{gap:8px;display:grid}.song-library-category>header{border-bottom:1px solid #b9810033;justify-content:space-between;align-items:end;gap:10px;padding-bottom:6px;display:flex}.song-library-category>header span{color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.song-library-category>header strong{font:600 18px/1.1 Libre Bodoni,Georgia,serif}.song-library-folder-list{gap:8px;display:grid}.song-library-folder-list>p,.song-library-unfiled>p{color:var(--muted);text-align:center;margin:0;padding:12px;font-size:12px}.song-library-folder{background:#fffdf8bd;border:1px solid #b9810047;border-radius:10px;overflow:hidden}.song-library-folder>summary{cursor:pointer;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;list-style:none;display:grid}.song-library-folder>summary::-webkit-details-marker{display:none}.song-library-folder-icon{width:30px;height:30px;color:var(--gold-deep);background:#b981001a;border-radius:8px;place-items:center;display:grid}.song-library-folder-icon svg{width:19px;height:19px}.song-library-folder-copy{gap:2px;min-width:0;display:grid}.song-library-folder-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.song-library-folder-copy small{color:var(--muted);font-size:10px}.song-library-folder-summary-actions{align-items:center;gap:5px;display:flex}.song-library-folder-summary-actions button{background:var(--paper);min-height:31px;color:var(--gold-deep);border:1px solid #b981004d;border-radius:7px;align-items:center;gap:4px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.song-library-folder-summary-actions button:disabled{opacity:.45}.song-library-folder-summary-actions .song-library-folder-delete{color:#9b4a3e;justify-content:center;width:31px;padding:0}.song-library-folder-contents{border-top:1px solid #b981002e;gap:7px;padding:8px;display:grid}.song-library-folder-empty{color:var(--muted);text-align:center;margin:0;padding:14px 8px;font-size:11px}.song-library-folder-select{min-width:128px}.song-library-folder-select label{gap:3px;display:grid}.song-library-folder-select span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.song-library-folder-select select{width:100%;min-height:30px;color:var(--ink);background:#fffdf8;border:1px solid #b9810042;border-radius:6px;font-size:10px}@media (width<=700px){.song-library-backup-toolbar{grid-template-columns:1fr}.song-library-backup-status{grid-column:1}.song-library-folder-toolbar{grid-template-columns:1fr}.song-library-folder>summary{grid-template-columns:30px minmax(0,1fr)}.song-library-folder-summary-actions{grid-column:1/-1;justify-content:flex-end}.song-library-folder-contents .song-library-item,.song-library-unfiled .song-library-item{grid-template-columns:1fr}.song-library-folder-select{width:100%}}html.musician-view-page,body.musician-view-page,body.musician-view-page #root{background:var(--paper,#fbf8f1)}.musician-view{background:var(--paper,#fbf8f1);min-height:100dvh;color:var(--ink,#171510);padding:12px clamp(16px,3vw,42px) 44px;position:relative;overflow-x:clip}.musician-view-header,.musician-view-controls,.musician-view-song-map,.musician-view-note,.musician-view>.copyright-footer{width:min(1180px,100%);margin-left:auto;margin-right:auto}.musician-view-header{z-index:1;text-align:center;justify-items:center;gap:8px;padding:0 0 12px;display:grid;position:relative}.musician-view-identity{grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:16px;width:100%;display:grid}.musician-view-header .brand-lockup{width:112px;margin:0}.musician-view-title{gap:4px;min-width:0;display:grid}.musician-view-kicker,.musician-view-section>header span,.musician-view-rhythm span,.musician-view-lyrics>span{color:var(--gold-deep,#9b6a00);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.musician-view-header h1{overflow-wrap:anywhere;margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.08}.musician-view-meta{color:#6f6a61;margin:2px 0 0;font-size:13px}.musician-view-assignment{background:#fffdf8b8;border:1px solid #b9810040;border-radius:10px;width:min(680px,100%);margin-top:5px;padding:11px 15px}.musician-view-assignment strong{font-size:12px}.musician-view-assignment p{color:#6f6a61;margin:3px 0 0;font-size:12px}.musician-view-practice-tools{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;width:min(1180px,100%);margin-top:7px;display:grid}.musician-view-practice-tools[data-with-scale=true]{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr)}.musician-view-practice-tools .musician-view-media{width:100%;margin-top:0}.musician-view-reference-scale{text-align:left;align-self:start;width:100%;margin:0}.musician-view-reference-scale>img{max-height:360px}.musician-view-media{text-align:left;background:#fffdf8e6;border:1px solid #b981004d;border-radius:12px;width:min(920px,100%);margin-top:7px;padding:12px}.musician-view-media>header{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 9px;display:flex}.musician-view-media>header div{gap:2px;display:grid}.musician-view-media>header span{color:var(--gold-deep);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.musician-view-media>header h2{margin:0;font:500 24px/1.1 Libre Bodoni,Georgia,serif}.musician-view-media>header>strong{color:var(--muted);font-size:12px}.musician-view-media-list{gap:7px;display:grid}.musician-view-media details{background:var(--paper);border:1px solid #b9810038;border-radius:9px;overflow:hidden}.musician-view-media summary{cursor:pointer;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:50px;padding:7px 10px;list-style:none;display:grid}.musician-view-media summary::-webkit-details-marker{display:none}.musician-view-media summary>svg{width:24px;height:24px;color:var(--gold-deep)}.musician-view-media summary>span{gap:2px;min-width:0;display:grid}.musician-view-media summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.musician-view-media summary small{color:var(--muted);font-size:12px}.musician-view-media summary em{color:var(--gold-deep);font-size:12px;font-style:normal;font-weight:800}.musician-view-embed{aspect-ratio:16/9;background:#171510;border-top:1px solid #b9810033}.musician-view-embed[data-provider=disco]{aspect-ratio:auto;background:#fff;height:360px}.musician-view-embed iframe{border:0;width:100%;height:100%;display:block}.musician-view-media-link{margin:12px}.musician-view-controls{z-index:80;background:var(--paper,#fbf8f1);border:1px solid #b981003d;border-radius:10px;margin-bottom:14px;padding:8px 10px 0;position:sticky;top:0;box-shadow:0 3px 12px #2d230f0a}.musician-view-transport{flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding-bottom:8px;display:flex}.musician-view-play{background:var(--paper,#fbf8f1);border:1px solid #b981008c;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-weight:700;display:inline-flex}.musician-view-play[data-playing=true]{color:#fffdf8;background:#171510}.musician-view-play kbd{letter-spacing:.03em;border:1px solid #ffffff59;border-radius:4px;margin-left:2px;padding:2px 5px;font:700 9px/1.2 Inter,sans-serif}.musician-view-tempo{flex:0 115px;gap:3px;min-width:0;display:grid}.musician-view-tempo>span{letter-spacing:.12em;text-transform:uppercase;color:#6f6a61;font-size:9px;font-weight:700}.musician-view-tempo>div{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.musician-view-tempo button{background:0 0;border:1px solid #b9810047;border-radius:6px;flex:none;min-height:30px;padding:0 8px;font-size:10px}.musician-view-tempo button[data-selected=true]{border-color:var(--gold-deep,#9b6a00);background:#b981001f;font-weight:700}.musician-view-volume{flex:130px;gap:3px 8px;min-width:0;max-width:165px}.musician-view-volume>span,.musician-view-volume>strong{font-size:10px}.musician-view-transport .musician-practice-lab-button{white-space:nowrap;margin:0 0 0 auto}.musician-loop-controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 10px;width:auto;min-width:0;display:flex}.musician-loop-controls>div,.musician-loop-controls>div>span,.musician-loop-controls>label,.musician-section-loop{align-items:center;gap:6px;display:inline-flex}.musician-loop-controls>div>span{padding-right:3px;font-size:13px;font-weight:700}.musician-loop-controls button,.musician-loop-controls select,.musician-section-loop{background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;border:1px solid #b9810059;border-radius:7px;padding:6px 10px;font:600 12px/1.2 Inter,sans-serif}.musician-loop-controls button[aria-pressed=true],.musician-section-loop[aria-pressed=true]{background:var(--gold-deep,#9b6a00);border-color:var(--gold-deep,#9b6a00);color:#fffdf8}.musician-loop-controls svg,.musician-section-loop svg{width:16px;height:16px}.musician-loop-controls>label{font-size:12px}.musician-loop-controls select{max-width:min(260px,52vw)}.musician-loop-controls>p{color:#6f6a61;flex-basis:100%;margin:0;font-size:11px}.musician-view-section>header .musician-view-section-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.musician-view-section-actions>strong{color:#6f6a61;font-size:11px}.musician-loop-controls button:disabled,.musician-section-loop:disabled{opacity:.45;cursor:default}.musician-view-song-map{gap:18px;padding-bottom:50dvh;display:grid}.musician-view-section{background:#fffdf8db;border:1px solid #b9810047;border-radius:14px;padding:clamp(14px,2vw,22px);box-shadow:0 8px 30px #2d230f0a}.musician-view-section>header{border-bottom:1px solid #b981002e;justify-content:space-between;align-items:end;gap:12px;padding-bottom:10px;display:flex}.musician-view-section>header div{gap:2px;display:grid}.musician-view-section h2{margin:0;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(25px,3vw,38px);font-weight:400}.musician-view-section>header>strong{color:#6f6a61;font-size:11px}.musician-view-cards{--musician-card-columns:4;grid-template-columns:repeat(var(--musician-card-columns), minmax(110px, 212.4px));justify-content:center;align-items:start;gap:clamp(8px,1.2vw,15px);margin-top:16px;display:grid}.musician-view-card{border:2px solid #0000;border-radius:10px;align-content:start;justify-items:center;gap:6px;min-width:0;padding:7px;transition:none;display:grid}.musician-view-card[data-active=true]{border-color:var(--gold-deep,#9b6a00);background:#b9810014;transform:none}.musician-view-section[data-active=true]{border-color:#9b6a0094}.musician-view-card-art{aspect-ratio:825/1425;place-items:center;width:100%;min-width:0;display:grid}.musician-view-card-art img{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block}.musician-view-empty-card{color:#8b867e;border:1px dashed #b9810059;border-radius:8px;place-items:center;width:100%;height:100%;font-size:11px;display:grid}.musician-view-duration{text-align:center;border-radius:999px;min-width:56px;padding:4px 8px;font-size:10px;font-weight:700}.musician-view-duration[data-beats="1"]{color:#365f40;background:#4f805a24}.musician-view-duration[data-beats="2"]{color:#785600;background:#b9810026}.musician-view-duration[data-beats="3"]{color:#654471;background:#8f6b9d29}.musician-view-duration[data-beats="4"]{color:#36567d;background:#3c5f9121}.musician-view-beat-progress{justify-content:center;gap:5px;min-height:10px;display:flex}.musician-view-beat-progress i{background:0 0;border:1px solid #5a524666;border-radius:50%;width:7px;height:7px}.musician-view-beat-progress i[data-active=true]{border-color:var(--gold-deep,#9b6a00);background:var(--gold-deep,#9b6a00)}.musician-view-cue{color:#504b44;text-align:center;white-space:pre-wrap;width:100%;min-height:1.5em;margin:0;font-size:clamp(11px,1.15vw,14px);line-height:1.35}.musician-view-rhythm{background:#b981000e;border:1px solid #b9810047;border-radius:11px;grid-template-columns:minmax(130px,.24fr) minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,24px);margin-top:12px;padding:clamp(9.8px,1.4vw,14px);display:grid}.musician-view-rhythm>div:first-child{align-content:center;gap:4px;display:grid}.musician-view-rhythm strong{font-size:clamp(14px,1.5vw,18px)}.musician-view-rhythm{min-width:0}.musician-view-rhythm-guides{gap:7px;min-width:0;display:grid}.musician-view-strum-guide{grid-template-columns:repeat(var(--guitar-rhythm-steps), minmax(0, 1fr));gap:clamp(1px,.45vw,6px);width:100%;min-width:0;max-width:none;margin:8px 0 3px}.musician-view-strum-guide[data-subdivision=sixteenth]{grid-template-columns:repeat(var(--guitar-rhythm-steps), minmax(0, 1fr));gap:1px}.musician-view-strum-guide .strum-guide-step{min-width:0}.musician-view-strum-guide .strum-guide-step small{font-size:clamp(9px,1.1vw,12px)}.musician-view-strum-guide .strum-guide-step i{width:min(100%,48px);min-width:0;height:clamp(42px,5vw,58px);font-size:clamp(22px,3vw,34px)}.musician-view-strum-guide[data-subdivision=sixteenth] .strum-guide-step i{width:min(100%,34px);height:clamp(36px,4.5vw,48px);font-size:clamp(18px,2.4vw,28px)}.musician-view-lyrics{background:#f8f4ebb8;border-radius:9px;margin-top:12px;padding:12px 14px}.musician-view-lyrics p{color:#4f4a43;white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.55}.musician-view-note{color:#77726b;text-align:center;margin-top:18px;font-size:11px}@media (width<=760px){.musician-view{padding:10px 12px 34px}.musician-view-identity{text-align:left;grid-template-columns:80px minmax(0,1fr);gap:10px}.musician-view-header .brand-lockup{width:76px}.musician-view-header h1{font-size:25px}.musician-view-kicker{letter-spacing:.08em;font-size:8px}.musician-view-meta{font-size:11px}.musician-view-controls{padding:8px 8px 0}.musician-view-transport{gap:8px}.musician-view-volume{flex:120px}.musician-view-tempo{flex-basis:100px}.musician-view-play kbd{display:none}.musician-loop-controls{flex-basis:100%;order:1;gap:6px}.musician-loop-controls>div{flex-wrap:wrap}.musician-view-transport .musician-practice-lab-button{padding-inline:8px}.musician-view-practice-tools,.musician-view-practice-tools[data-with-scale=true]{grid-template-columns:minmax(0,1fr)}.musician-view-embed[data-provider=disco]{height:320px}.musician-view-cards{grid-template-columns:repeat(2,minmax(110px,200.4px))}.musician-view-rhythm{grid-template-columns:1fr}}@media (width<=430px){.musician-view-header h1{font-size:23px}.musician-view-section{padding:12px 9px}.musician-view-cards{gap:7px}.musician-view-cue{font-size:11px}}.tempo-beat-guide{gap:6px}.tempo-beat-guide[data-subdivision=sixteenth]{gap:2px}.practice-beat-dots{width:min(100%,430px)}.musician-view-count-guide{width:min(100%,520px);margin-top:4px}.card-row:not(.card-count-2):not(.card-count-4){touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b9810061 transparent;gap:8px;width:calc(100% + 16px);margin-left:-8px;padding:0 8px 7px;display:flex;overflow:auto hidden}.card-row:not(.card-count-2):not(.card-count-4) .song-card-duration-shell{scroll-snap-align:start;flex:0 0 min(25vw,109px);min-width:82px}.classroom-progression-row:not(.classroom-count-2):not(.classroom-count-4) .classroom-card-grid{scrollbar-width:thin;scrollbar-color:#b9810061 transparent;justify-content:flex-start;padding:0 8px 8px;overflow:auto hidden}.classroom-progression-row:not(.classroom-count-2):not(.classroom-count-4) .classroom-card-with-duration{flex:none}.classroom-progression-row.classroom-count-1:not(.classroom-count-2):not(.classroom-count-4) .classroom-card-grid,.classroom-progression-row.classroom-count-3:not(.classroom-count-2):not(.classroom-count-4) .classroom-card-grid{justify-content:center}.classroom-progression-row.classroom-count-1{align-items:center}.classroom-add-card-action:disabled{opacity:.42}.classroom-card-actions{justify-content:center;align-items:stretch;gap:6px;width:100%;display:flex}.classroom-card-actions>.classroom-duration-button,.classroom-card-actions>.classroom-duration-placeholder{flex:auto;min-width:0}.classroom-remove-card-button{color:#7b4039;cursor:pointer;background:#843f3712;border:1px solid #843f3752;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:4px;min-height:42px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.classroom-remove-card-button:hover{background:#843f371f;border-color:#843f3785}.classroom-remove-card-button svg{width:14px;height:14px}.classroom-stage--editing[data-lyrics-collapsed=true]{grid-template-columns:minmax(0,1fr) 56px}.classroom-writing-panel--lyrics-only{transition:width .16s,padding .16s}.classroom-writing-panel--lyrics-only[data-collapsed=true]{justify-content:center;align-items:flex-start;min-width:56px;padding:8px 5px;display:flex}.classroom-lyrics-panel-toggle{min-height:34px;color:var(--gold-deep);cursor:pointer;white-space:nowrap;background:#fffdf8e6;border:1px solid #b9810057;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.classroom-lyrics-panel-toggle svg{width:14px;height:14px;transition:transform .16s}.classroom-writing-panel--lyrics-only:not([data-collapsed=true]) .classroom-lyrics-panel-toggle svg{transform:rotate(180deg)}.classroom-writing-panel--lyrics-only:not([data-collapsed=true]){grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important}.classroom-writing-panel--lyrics-only:not([data-collapsed=true]) .classroom-lyrics-panel-toggle{justify-self:end}.classroom-writing-panel--lyrics-only[data-collapsed=true] .classroom-lyrics-panel-toggle{writing-mode:vertical-rl;text-orientation:mixed;border-radius:12px;width:42px;min-height:118px;padding:8px 4px}.classroom-writing-panel--lyrics-only[data-collapsed=true] .classroom-lyrics-panel-toggle svg{transform:rotate(0)}.classroom-full-lyrics-editor{gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.classroom-full-lyrics-editor header{color:var(--gold-deep);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.classroom-full-lyrics-editor header span{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.classroom-full-lyrics-editor header strong{color:var(--ink);font-size:12px}.classroom-full-lyrics-editor textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:220px;color:var(--ink);background:#ffffffad;border:1px solid #b9810047;border-radius:8px;padding:10px;font:400 16px/1.45 Inter,sans-serif}.scale-focus-panel{background:#fffdf8c7;border:1px solid #b9810052;border-radius:12px;gap:8px;min-width:0;padding:9px 11px 11px;display:grid;box-shadow:0 6px 20px #37280d0f}.scale-focus-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.scale-focus-panel>header>div:first-child{gap:2px;min-width:0;display:grid}.scale-focus-panel>header span{color:var(--gold-deep);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.scale-focus-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font:600 clamp(17px,1.7vw,24px)/1.05 Libre Bodoni,Georgia,serif;overflow:hidden}.scale-focus-panel>img{object-fit:contain;border-radius:7px;width:100%;min-width:0;display:block}.scale-focus-panel>p{color:var(--muted);margin:2px 0;font-size:13px}.scale-focus-actions{flex:none;gap:6px;display:flex}.scale-focus-actions button{background:var(--paper);min-height:32px;color:var(--gold-deep);border:1px solid #b981006b;border-radius:999px;padding:0 10px;font-size:11px;font-weight:800}.classroom-progression{grid-template-rows:auto minmax(0,1fr) auto auto auto}.classroom-scale-focus{width:min(100%,980px);margin:8px auto 4px}.classroom-scale-focus[data-empty=true]{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:64px}.classroom-scale-focus[data-empty=true]>header{display:contents}.classroom-scale-focus[data-empty=true]>p{grid-area:2/1}.classroom-scale-focus[data-empty=true] .scale-focus-actions{grid-area:1/2/3}.practice-scale-focus,.musician-view-scale-focus{margin-top:12px}.practice-scale-focus>img{max-height:min(260px,32vh)}.musician-view-scale-focus>img{justify-self:center;width:90%;max-height:288px}.presentation-stage:has(.presentation-scale-focus){grid-template-rows:minmax(190px,31vh) minmax(0,1fr)}.presentation-stage:has(.presentation-scale-focus) .presentation-section-copy{grid-area:2/1}.presentation-scale-focus{grid-area:1/1/auto/-1;justify-self:center;width:min(88vw,1425px);padding:7px 9px 9px}.presentation-scale-focus>header{display:none}.presentation-scale-focus>img{width:100%;max-height:min(30vh,340px)}.presentation-stage:has(.presentation-scale-focus) .presentation-chord-transition{grid-area:2/2}@media (width<=760px){.scale-focus-panel{padding:7px}.scale-focus-panel>header{align-items:start}.scale-focus-panel>header strong{font-size:17px}.practice-scale-focus>img,.musician-view-scale-focus>img{max-height:none}}@media (width>=980px){.classroom-app{grid-template-rows:82px 42px 8px 76px minmax(0,1fr) 24px}.classroom-header{gap:8px;padding:8px 22px 4px}.brand-lockup--classroom{width:clamp(138px,12vw,184px);margin-left:0}.classroom-header .classroom-title-editor{width:min(100%,420px)}.classroom-title-editor input,.classroom-header .classroom-title-editor input{letter-spacing:-1.4px;padding:0 8px 2px;font-size:clamp(27px,2.45vw,37px);line-height:1}.classroom-actions{gap:3px}.classroom-app>.workspace-switcher{width:min(410px,42vw);margin:2px auto;padding:3px}.classroom-app>.workspace-switcher button{min-height:28px;padding-inline:7px;font-size:9px}.classroom-app>.workspace-switcher svg{width:14px;height:14px}.classroom-settings{height:76px;padding:5px 10px;top:calc(100% + 50px)}.classroom-settings .classroom-setting,.classroom-settings .classroom-transpose{min-height:32px}.classroom-settings .classroom-setting select{font-size:12px}.classroom-settings .classroom-transpose button{width:25px;height:25px}.classroom-top-palette{gap:clamp(8px,1.2vw,18px);height:76px;padding:4px 20px 5px}.classroom-palette-center{grid-template-rows:auto 40px;gap:2px;padding-inline:4px}.classroom-top-palette-heading{gap:5px}.classroom-top-palette-heading h2{font-size:clamp(17px,1.45vw,21px)}.classroom-palette-key-selector{grid-template-columns:minmax(0,1fr) 11px;gap:3px}.classroom-palette-key-selector svg{width:11px;height:11px}.classroom-top-palette .classroom-palette-grid{gap:clamp(5px,.75vw,10px);padding-bottom:2px}.classroom-top-palette .classroom-palette-card{border-radius:8px;width:clamp(48px,4.35vw,62px);height:40px;padding:5px 6px 3px}.classroom-top-palette .classroom-palette-card strong{font-size:clamp(17px,1.35vw,21px)}.classroom-palette-degree{font-size:7px;top:3px;left:5px}.classroom-teacher-labs{gap:6px}.classroom-teacher-labs button{border-radius:8px;min-height:40px;padding:4px 7px}.classroom-teacher-labs button>span{font-size:10px}.classroom-teacher-labs button>strong{font-size:clamp(15px,1.15vw,18px)}.classroom-timeline{top:208px}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:82px 42px 0 0 minmax(0,1fr) 24px}}@media (width>=980px) and (width<=1180px),(width>=980px) and (height<=760px){.classroom-app{grid-template-rows:74px 40px 6px 70px minmax(0,1fr) 20px}.classroom-header{padding-block:6px 3px}.brand-lockup--classroom{width:132px;margin-left:0}.classroom-title-editor input,.classroom-header .classroom-title-editor input{font-size:27px}.classroom-app>.workspace-switcher{width:min(380px,40vw);margin-block:1px}.classroom-settings{height:70px;padding-block:4px;top:calc(100% + 46px)}.classroom-top-palette{height:70px;padding-block:3px 4px}.classroom-palette-center{grid-template-rows:auto 38px}.classroom-top-palette .classroom-palette-card,.classroom-teacher-labs button{height:38px;min-height:38px}.classroom-timeline{top:190px}:is(.classroom-app:has(.groove-garden),.classroom-app:has(.coming-workspace)){grid-template-rows:74px 40px 0 0 minmax(0,1fr) 20px}}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-setting{flex:0 0 78px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-setting:first-of-type{flex:0 0 78px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-beat-wrap{flex:0 0 58px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings .classroom-beat-toggle{flex:0 0 34px;width:34px;min-width:34px;min-height:34px;padding:0}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings .classroom-beat-choice{width:24px;min-width:24px;min-height:34px}.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts{margin-left:0;position:absolute;left:50%;transform:translate(-50%)}}.fretboard-custom-controls{grid-template-columns:.8fr .8fr 1.4fr;align-items:end}.fretboard-position-control{color:var(--gold-deep);letter-spacing:.09em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.fretboard-position-control>div{background:#fffdf8f5;border:1px solid #5b4e344d;border-radius:8px;grid-template-columns:38px minmax(96px,1fr) 38px;min-height:42px;display:grid;overflow:hidden}.fretboard-position-control button{color:var(--gold-deep);background:0 0;border:0;place-items:center;padding:0;display:grid}.fretboard-position-control button:first-child svg{transform:rotate(180deg)}.fretboard-position-control button:disabled{opacity:.25}.fretboard-position-control strong{color:var(--ink);letter-spacing:0;text-transform:none;border-inline:1px solid #5b4e342e;place-items:center;font-size:13px;display:grid}.fretboard-dot[data-root=true]{color:#fffaf0;background:#a54337;box-shadow:0 0 0 3px #a5433738}.fretboard-card-fields,.fretboard-function-fields{grid-template-columns:minmax(0,1fr)}.classroom-scale-focus>img{max-height:none}@media (width<=620px){.fretboard-position-control>div{grid-template-columns:38px minmax(0,1fr) 38px}}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer){grid-template-rows:82px 0 6px 52px minmax(0,1fr) 24px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings{width:calc(100% - 32px);height:52px;padding-block:7px;top:calc(100% + 6px);left:16px}.classroom-settings>.classroom-setting{flex:0 116px}.classroom-app:has(>.v1-workspace-spacer) .classroom-timeline{top:140px}.classroom-lab-shortcuts{align-items:center;gap:7px;margin-left:auto;display:flex}.classroom-lab-shortcuts button{min-height:36px;color:var(--ink);background:#fffdf8c2;border:1px solid #b981004d;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;display:inline-flex}.classroom-lab-shortcuts button:hover,.classroom-lab-shortcuts button:focus-visible{border-color:var(--gold-deep);outline:none}.classroom-lab-shortcuts span{color:var(--gold-deep);letter-spacing:-2px;font-size:11px}.classroom-section-tools{gap:6px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.classroom-section-tools .classroom-add-card-action{min-height:32px;color:var(--muted);background:#fffdf8b8;border:1px solid #b9810052;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:9px;font-weight:700;display:inline-flex}.classroom-section-tools .classroom-lyric-cue-toggle{min-height:32px;color:var(--muted);background:#fffdf89e;border:1px solid #b9810042;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.classroom-section-tools .classroom-lyric-cue-toggle[aria-pressed=true]{border-color:var(--gold-deep);color:var(--gold-deep);background:#b981001a}.classroom-section-tools .classroom-add-card-action:hover:not(:disabled),.classroom-section-tools .classroom-add-card-action:focus-visible{border-color:var(--gold-deep);color:var(--ink);outline:none}.classroom-section-tools .classroom-add-card-action svg{width:14px;height:14px}.classroom-card-with-duration:has(.classroom-empty-slot){align-self:center}.classroom-progression[data-has-cards=false]{grid-template-rows:auto auto auto auto;align-content:start}.classroom-empty-slot{aspect-ratio:1;background:#fffdf84d;border-color:#b981006b;width:clamp(168px,min(16vw,63cqh - 110px),270px)}.classroom-song-card:not(.classroom-empty-slot){aspect-ratio:1;width:clamp(168px,min(16vw,63cqh - 110px),270px)}.classroom-song-card[data-card-format=square]{aspect-ratio:1}.classroom-song-card[data-card-format=square] img{object-fit:cover;object-position:center 47%}.classroom-card-actions{gap:4px;max-width:150px}.classroom-duration-button,.classroom-duration-placeholder{min-height:27px;padding-inline:8px;font-size:9px}.classroom-chord-cue{width:min(100%,180px);min-height:34px;max-height:50px;padding:7px 9px;font-size:11px}.classroom-empty-slot svg{width:34px;height:34px}.classroom-empty-slot span{letter-spacing:.08em;font-size:9px}.classroom-card-with-duration:has(.classroom-empty-slot) .classroom-remove-card-button{opacity:0;width:32px;padding-inline:0;font-size:0;transition:opacity .14s}:is(.classroom-card-with-duration:has(.classroom-empty-slot):hover .classroom-remove-card-button,.classroom-card-with-duration:has(.classroom-empty-slot):focus-within .classroom-remove-card-button){opacity:1}.loop-sections-controls>button:disabled{display:none}}.chord-picker-dialog{gap:18px;width:min(520px,100vw - 32px)}.chord-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.chord-picker-grid button{min-height:92px;color:var(--ink);background:#fffdf8d1;border:1px solid #b9810052;border-radius:14px;place-content:center;gap:4px;display:grid}.chord-picker-grid button:hover,.chord-picker-grid button:focus-visible{border-color:var(--gold-deep);background:#b9810014;outline:none}.chord-picker-grid span{color:var(--gold-deep);font:800 14px/1 Inter,sans-serif}.chord-picker-grid strong{font:600 34px/1 Libre Bodoni,Georgia,serif}.chord-picker-custom{min-height:44px;color:var(--gold-deep);background:0 0;border:1px solid #b9810061;border-radius:999px;font-weight:700}@media (width<=620px){.chord-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.song-card,.song-card-shell,.full-song-card img,.full-song-card>span,.card-preview>img,.card-preview-generated,.presentation-current-chord>img,.presentation-current-empty,.presentation-upcoming-chord>img,.presentation-song-ending,.practice-current-chord img,.practice-next-chord img,.practice-empty-card,.practice-ending,.musician-view-card-art{aspect-ratio:1}.song-card img,.full-song-card img,.card-preview>img,.presentation-current-chord>img,.presentation-upcoming-chord>img,.practice-current-chord img,.practice-next-chord img,.musician-view-card-art img{object-fit:cover;object-position:center 47%}.presentation-current-chord>img,.presentation-current-empty{width:clamp(270px,min(28vw,52vh),470px)}.presentation-upcoming-chord>img,.presentation-song-ending{width:clamp(170px,min(17vw,32vh),280px)}.practice-current-chord img{width:min(100%,420px);max-height:52vh}.practice-next-chord img{width:min(100%,270px);max-height:36vh}.musician-view-card-art img{border-radius:8px}@media (width>=980px) and (width<=1180px),(width>=980px) and (height<=760px){.classroom-app:has(>.v1-workspace-spacer){grid-template-rows:74px 0 4px 48px minmax(0,1fr) 20px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings{height:48px;top:calc(100% + 4px)}.classroom-app:has(>.v1-workspace-spacer) .classroom-timeline{top:126px}.classroom-section-tools .classroom-add-card-action{min-height:28px;padding-inline:8px}.classroom-lab-shortcuts button{min-height:32px;padding-inline:10px;font-size:11px}}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-setting{flex:0 0 78px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-setting:first-of-type{flex:0 0 78px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings>.classroom-beat-wrap{flex:0 0 58px}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings .classroom-beat-toggle{flex:0 0 34px;width:34px;min-width:34px;min-height:34px;padding:0}.classroom-app:has(>.v1-workspace-spacer) .classroom-settings .classroom-beat-choice{width:24px;min-width:24px;min-height:34px}.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts{margin-left:0;position:absolute;left:50%;transform:translate(-50%)}.classroom-section-tools .classroom-add-card-action,.classroom-section-tools .classroom-lyric-cue-toggle{min-height:28px;padding-inline:8px;font-size:8px}.classroom-bar-selector button{min-width:28px;min-height:28px;padding-inline:7px}.loop-sections-controls button{width:82%;min-height:24px;font-size:8px}}.rhythm-lab-dialog{width:min(880px,100vw - 32px)}.guitar-rhythm-editor--lab{box-shadow:none;background:0 0;border:0}.guitar-rhythm-editor--lab .guitar-rhythm-editor-body{padding:6px 0 0}.scale-focus-panel[data-collapsed=true]{grid-template-columns:minmax(0,1fr);padding-block:7px}.scale-focus-panel[data-collapsed=true]>header strong{font-size:17px}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts{gap:6px}.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts button{min-height:34px;padding-inline:11px;font-size:11px}.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts button>svg{width:14px;height:14px;color:var(--gold-deep)}.classroom-app:has(>.v1-workspace-spacer) .classroom-main-surface{margin-left:88px}.classroom-app:has(>.v1-workspace-spacer) .classroom-timeline{width:88px;padding-inline:6px}.classroom-app:has(>.v1-workspace-spacer) .classroom-timeline-move{grid-template-columns:32px 32px;gap:5px}.classroom-app:has(>.v1-workspace-spacer) .classroom-timeline-move button{width:32px;height:28px}.classroom-app:has(>.v1-workspace-spacer) .classroom-section-track{gap:6px}.classroom-app:has(>.v1-workspace-spacer) .classroom-section-tile-wrap{flex-basis:48px;min-height:48px}:is(.classroom-app:has(>.v1-workspace-spacer) .classroom-section-tile,.classroom-app:has(>.v1-workspace-spacer) .classroom-add-section){height:36px}.classroom-app:has(>.v1-workspace-spacer) .classroom-section-tile{height:28px;padding:0 5px}.classroom-app:has(>.v1-workspace-spacer) .classroom-section-tile span{font-size:14px}:is(.classroom-app:has(>.v1-workspace-spacer) .classroom-duplicate-section,.classroom-app:has(>.v1-workspace-spacer) .classroom-delete-section){width:17px;height:17px;bottom:1px}.classroom-app:has(>.v1-workspace-spacer) .classroom-duplicate-section{right:21px}.classroom-app:has(>.v1-workspace-spacer) .classroom-delete-section{right:2px}.classroom-section-tools .classroom-add-card-action,.classroom-section-tools .classroom-lyric-cue-toggle{min-height:34px;color:var(--ink);white-space:nowrap;padding-inline:12px;font-size:12px;font-weight:750;line-height:1.2}.classroom-section-tools .classroom-add-card-action svg,.classroom-section-tools .classroom-lyric-cue-toggle svg{flex:none;width:15px;height:15px}}.progression-lab-backdrop{z-index:300}.progression-lab-dialog{box-sizing:border-box;width:min(820px,100vw - 40px);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto}.progression-lab-dialog *{box-sizing:border-box}.progression-lab-dialog button,.progression-lab-dialog select{font:inherit;cursor:pointer}.progression-lab-dialog button:focus-visible,.progression-lab-dialog select:focus-visible{outline-offset:3px;outline:3px solid #8c660e}.progression-lab-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.progression-lab-dialog header span,.progression-recipe-heading span{color:#736042;font-size:12px}.progression-lab-dialog header h2{margin:4px 0 0;font-size:30px}.progression-lab-intro{color:#645b4b;margin:12px 0 20px}.progression-source{border:1px solid #c4b79c;border-radius:8px;width:fit-content;display:flex;overflow:hidden}.progression-source button{color:#40382c;background:0 0;border:0;padding:10px 22px}.progression-source button[aria-pressed=true]{color:#fffaf0;background:#29261f}.progression-filters{grid-template-columns:150px 1fr;gap:16px;margin:18px 0 24px;display:grid}.progression-filters label{gap:7px;font-size:13px;font-weight:600;display:grid}.progression-filters select{color:#27231b;background:#fffdf8;border:1px solid #b9ad94;border-radius:7px;width:100%;min-height:42px;padding:8px 10px}.progression-recipe-heading,.progression-preview-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.progression-recipe-heading h3{margin:4px 0 0;font-size:23px}.progression-recipe-heading button,.progression-preview-heading button{white-space:nowrap;color:#43371f;background:#fffdf8;border:1px solid #c3b59a;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.progression-description{color:#635844;min-height:38px;font-size:14px;line-height:1.45}.progression-preview-heading{margin:12px 0;font-size:12px;font-weight:600}.progression-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.progression-sections{gap:16px;display:grid}.progression-phrase{background:#fffdf8;border:1px solid #d4c8b2;border-radius:10px;padding:12px}.progression-phrase-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.progression-phrase-heading h4{color:#43371f;margin:0;font-size:15px}.progression-phrase-heading>span{color:#736042;font-size:12px}.progression-preview li{text-align:center;background:#f4efe4;border:1px solid #b79856;border-radius:10px;gap:6px;padding:10px;display:grid}.progression-slot-number{text-align:left;color:#786949;font-size:10px}.progression-preview strong{color:#27231b;overflow-wrap:anywhere;font:600 31px Georgia,serif}.progression-preview small{color:#765821;min-height:18px;font-size:14px}.progression-preview select{color:#4d4537;background:#fffdf8;border:1px solid #c5baa5;border-radius:5px;width:100%;margin-top:8px;padding:6px;font-size:12px}.progression-number-note{color:#6d614b;font-size:12px;line-height:1.5}.progression-change-note{background:#f2e9cf;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.5}.progression-lab-footer{border-top:1px solid #d6cbb6;align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.progression-lab-footer p{color:#685c46;flex:1;margin:0;font-size:12px;line-height:1.5}.progression-lab-footer .progression-apply{color:#fffaf0;background:#27231b;border:0;border-radius:7px;padding:13px 20px;font-weight:600}.progression-lab-dialog{gap:10px;padding:22px}.progression-lab-dialog .progression-filters{margin:0}.progression-lab-dialog .progression-description{min-height:0}.progression-lab-dialog .progression-preview-heading{margin:0}.progression-lab-dialog .progression-lab-footer{margin-top:0;padding-top:12px}.progression-phrase{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.progression-phrase-heading{gap:4px;margin:0;display:grid}.progression-phrase .progression-preview{gap:8px}.progression-phrase .progression-preview li{gap:2px;padding:8px}.progression-phrase .progression-preview strong{font-size:27px}.progression-phrase .progression-preview select{margin-top:4px}@media (width>=750px){.progression-lab-dialog{grid-template-columns:228px minmax(0,1fr)}.progression-lab-dialog>*{grid-column:1/-1}.progression-lab-dialog>.progression-source{grid-column:1;align-self:end}.progression-lab-dialog>.progression-filters{grid-column:2;grid-template-columns:110px minmax(0,1fr)}}.progression-applied{z-index:110;background:#fffdf8;border:1px solid #b9a476;border-radius:9px;align-items:center;gap:14px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #302a2520}.progression-applied button{color:#72521b;cursor:pointer;background:0 0;border:0}.classroom-lab-shortcuts{flex-wrap:wrap}@media (width<=1100px){.classroom-lab-shortcuts button{gap:4px;padding-inline:8px}.classroom-lab-shortcuts strong{font-size:11px}}@media (width<=600px){.progression-lab-dialog{padding:18px}.progression-filters{grid-template-columns:100px 1fr}.progression-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-lab-footer{flex-direction:column;align-items:stretch}}[data-duration-tone="1"]{--duration-bg:#e8f0e4;--duration-border:#66845d;--duration-text:#294825}[data-duration-tone="2"]{--duration-bg:#f4e9cf;--duration-border:#b98100;--duration-text:#684a00}[data-duration-tone="3"]{--duration-bg:#eee4f2;--duration-border:#8f6b9d;--duration-text:#563c61}[data-duration-tone="4"]{--duration-bg:#e5e8ef;--duration-border:#59677d;--duration-text:#26364e}[data-duration-tone="5"]{--duration-bg:#dff0ec;--duration-border:#39847d;--duration-text:#205e58}[data-duration-tone="6"]{--duration-bg:#f7e8d9;--duration-border:#b77839;--duration-text:#79451a}[data-duration-tone="7"]{--duration-bg:#f5e3eb;--duration-border:#b06583;--duration-text:#793952}[data-duration-tone="8"]{--duration-bg:#e5e7f8;--duration-border:#626db0;--duration-text:#343f80}:is(.classroom-duration-button,.song-duration-button,.musician-view-duration,.presentation-beat-count)[data-duration-tone],.progression-preview [data-duration-tone] select{background:var(--duration-bg);border-color:var(--duration-border);color:var(--duration-text)}.tempo-beat-guide[data-duration-tone]{--beat-marker-color:var(--duration-border);--beat-marker-soft:var(--duration-bg);color:var(--duration-border)}.tempo-beat-guide[data-duration-tone] i{border-color:var(--duration-border)}.tempo-beat-guide[data-duration-tone] i[data-current=true]{background:var(--duration-border);border-color:var(--duration-border)}.chord-bar-progress{box-sizing:border-box;border:1px solid var(--duration-border,#b98100);background:var(--duration-bg,#f4e9cf);max-width:100%;color:var(--duration-text,#43371f);font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;justify-self:center;margin-block:3px 8px;padding:8px 18px;font:700 clamp(24px,2.4vw,36px)/1.2 Inter,sans-serif}.chord-bar-progress>strong{font:inherit}.musician-view[data-track-mode=true] .chord-bar-progress{display:none}.musician-view .track-mode-live-beat{color:#43371f;text-align:center;text-transform:none;letter-spacing:normal;background:#f4e9cf;border-radius:10px;padding:5.6px 9.8px;font-size:clamp(14px,1.4vw,19.6px);line-height:1.25}@media (width<=600px){.chord-bar-progress{padding:7px 10px;font-size:22px}}.tempo-beat-guide .tempo-bar-progress{color:var(--duration-text,#43371f);text-transform:none;letter-spacing:normal;grid-column:1/-1;justify-self:center;margin-bottom:5px;font:600 14px/1.3 Inter,sans-serif}.tempo-beat-guide i{box-sizing:border-box;border:2px solid var(--duration-border,#b98100);width:28px;height:28px;color:var(--duration-text,#43371f);border-radius:50%;place-items:center;font:700 14px/1 Inter,sans-serif;display:grid}.tempo-beat-guide i[data-current=true]{color:#fffdf8;background:var(--duration-border,#b98100)}.musician-view .chord-bar-progress{padding:5.6px 12.6px;font-size:clamp(16.8px,1.68vw,25.2px)}.musician-view .musician-view-count-guide i{border-width:1.4px;place-items:center;width:12.6px;height:12.6px;font-size:9.8px;display:grid}@media (width<=600px){.musician-view .chord-bar-progress{padding:4.9px 7px;font-size:15.4px}}.chord-duration-select{cursor:pointer;max-width:100%;padding:5px 7px;font-family:inherit}.classroom-duration-button.chord-duration-select{min-width:90px;font-size:12px}.song-duration-button.chord-duration-select{width:100%;min-width:0;font-size:10px}.chord-duration-select option[data-duration-tone]{background:var(--duration-bg);color:var(--duration-text)}.guitar-rhythm-editor--lab .guitar-rhythm-step-editor button{gap:8px;min-height:80px;padding-block:8px}.guitar-rhythm-editor--lab .guitar-rhythm-step-editor button small{color:var(--ink);font-size:20px;line-height:1.25}.guitar-rhythm-editor--lab .guitar-rhythm-step-editor button[data-downbeat=true] small{font-size:24px}.guitar-rhythm-editor--lab .guitar-rhythm-step-editor[data-subdivision=sixteenth] button small{font-size:18px}.guitar-rhythm-editor--lab .guitar-rhythm-step-editor[data-subdivision=sixteenth] button[data-downbeat=true] small{font-size:22px}.fretboard-lab[data-lab=scale] .fretboard-scale-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.scale-pattern-help{color:var(--muted);margin:0;font:12px/1.5 Inter,sans-serif}.scale-folder-tools{flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0;display:flex}.scale-folder-tools label,.scale-card-folder{gap:5px;min-width:0;font:600 12px/1.3 Inter,sans-serif;display:grid}.scale-folder-tools label{flex:170px}.scale-folder-tools input,.scale-folder-tools select,.scale-card-folder select,.musician-view-tempo select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;color:var(--ink);background:#fffdf8;border:1px solid #d9c8a6;border-radius:7px;padding:7px 10px;font:14px Inter,sans-serif}.scale-folder-tools button,.progression-options button,.practice-lab-dialog button,.musician-practice-lab-button{min-height:38px;color:var(--ink);cursor:pointer;background:#fffdf8;border:1px solid #d9bd82;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font:600 13px/1.3 Inter,sans-serif;display:inline-flex}.scale-folder-tools button:disabled,.practice-lab-dialog button:disabled{opacity:.5;cursor:default}.scale-folder-tools small{color:var(--muted);flex-basis:100%;font-size:12px}.fretboard-lab[data-lab=scale] .fretboard-saved-list article{grid-template-columns:80px minmax(120px,1fr) auto minmax(110px,160px) auto auto}.fretboard-lab[data-lab=scale] .fretboard-saved-list img{object-fit:contain;width:80px;height:42px}.progression-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.progression-options button{flex-direction:column;gap:3px}.progression-options button span{font-size:11px;font-weight:400}.progression-options button[aria-pressed=true]{color:#fff;background:#a16d00;border-color:#a16d00}.practice-lab-backdrop{z-index:10020;padding:20px}.practice-lab-dialog{width:min(1120px,100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.practice-lab-dialog>header{z-index:1;background:#faf7ef;padding-block:8px;position:sticky;top:-1px}.practice-lab-intro{color:var(--muted);margin:0 0 16px;font:14px/1.5 Inter,sans-serif}.practice-lab-settings{border:1px solid #e3d3b6;border-radius:10px;flex-wrap:wrap;gap:12px;margin:0;padding:14px;display:flex}.practice-lab-settings legend{padding-inline:6px;font:600 13px Inter,sans-serif}.practice-lab-settings label{flex:125px;align-content:center;gap:6px;font:600 12px Inter,sans-serif;display:grid}.practice-lab-settings select{width:100%;min-height:38px;color:var(--ink);background:#fffdf8;border:1px solid #d9c8a6;border-radius:6px;padding:6px 10px;font:14px Inter,sans-serif}.practice-lab-settings .practice-lab-checkbox{flex-direction:row;align-items:center;display:flex}.practice-lab-checkbox input{accent-color:#a16d00;width:18px;height:18px}.practice-lab-settings:disabled{opacity:.72}.practice-lab-transport{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.practice-lab-transport>span{color:var(--muted);flex:160px;font:11px/1.4 Inter,sans-serif}.practice-lab-transport .metronome-volume-control{flex:0 220px}.practice-lab-dialog .practice-lab-start{color:#fff;background:#a16d00;border-color:#a16d00;min-width:145px}.practice-lab-progress{background:#f2eadb;border-radius:12px;align-items:center;gap:25px;padding:15px 20px;display:flex}.practice-lab-progress>strong{letter-spacing:-2px;font:600 52px/1 Inter,sans-serif}.practice-lab-progress>strong small{letter-spacing:2px;margin-top:5px;font:600 11px/1.2 Inter,sans-serif;display:block}.practice-lab-progress span{color:#8c6200;font:700 13px Inter,sans-serif}.practice-lab-progress h3{margin:4px 0;font:600 26px/1.15 Libre Bodoni,serif}.practice-lab-progress p{margin:0;font:12px/1.5 Inter,sans-serif}.practice-lab-material{justify-content:center;align-items:center;gap:24px;margin-top:16px;display:flex}.practice-lab-chord{aspect-ratio:1;object-fit:contain;width:clamp(150px,22vw,225px);height:auto}.practice-lab-rhythm{text-align:center;flex:1;gap:15px;min-width:0;display:grid}.practice-lab-rhythm .tempo-beat-guide{width:100%;margin:0 auto}.practice-lab-rhythm .tempo-bar-progress{font-size:24px}.practice-lab-rhythm>p{margin:0;font:13px Inter,sans-serif}.practice-lab-scale{margin-top:16px}.practice-lab-scale h4{margin:0 0 7px;font:600 14px Inter,sans-serif}.practice-lab-scale img{width:100%;height:auto;display:block}.musician-practice-lab-button{margin-top:10px}@media (width<=760px){.fretboard-lab[data-lab=scale] .fretboard-scale-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.fretboard-lab[data-lab=scale] .fretboard-saved-list article{grid-template-columns:60px minmax(0,1fr) auto}.scale-card-folder{grid-column:1/3}.practice-lab-backdrop{padding:8px}.practice-lab-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.practice-lab-settings{gap:9px;padding:10px}.practice-lab-settings label{flex-basis:110px}.practice-lab-material{align-items:start;gap:12px}.practice-lab-chord{width:130px}.practice-lab-progress{gap:18px}.practice-lab-rhythm .tempo-bar-progress{font-size:18px}}@media (width<=480px){.practice-lab-material{flex-direction:column;align-items:center}.practice-lab-rhythm{width:100%}}@media (width>=980px){.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts{flex-wrap:nowrap;width:max-content}}@media (width>=980px) and (width<=1280px){.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts{justify-content:center;gap:4px;width:auto;left:250px;right:0;transform:none}.classroom-app:has(>.v1-workspace-spacer) .classroom-lab-shortcuts button{white-space:nowrap;gap:4px;padding-inline:7px}}.scale-lead-patterns{border:0;min-width:0;margin:0;padding:0}.scale-lead-patterns legend{color:var(--ink);align-items:center;gap:12px;margin-bottom:8px;padding:0;font:600 13px/1.4 Inter,sans-serif;display:flex}.scale-lead-patterns legend span{color:var(--muted);font-size:12px;font-weight:400}.scale-lead-patterns>div{flex-wrap:wrap;gap:7px;display:flex}.scale-lead-patterns button{min-height:38px;color:var(--ink);cursor:pointer;background:#fffdf8;border:1px solid #d9bd82;border-radius:8px;padding:7px 13px;font:600 13px/1.3 Inter,sans-serif}.scale-lead-patterns button[aria-pressed=true]{border-color:var(--gold-deep);background:var(--gold-deep);color:#fffdf8}.scale-lead-patterns button:focus-visible{outline-offset:3px;outline:3px solid #286f90}.song-library-actions{flex-wrap:wrap;justify-content:flex-end}.song-library-actions .song-library-copy-button{background:var(--paper);color:var(--gold-deep);justify-content:center;align-items:center;gap:5px;display:inline-flex}.song-library-copy-button svg{width:16px;height:16px}.song-library-copy-form,.song-library-copy-result{border-top:1px solid #b981003d;grid-column:1/-1;padding-top:14px}.song-library-copy-form>p{color:var(--muted);margin:0 0 12px;font-size:13px}.song-library-copy-form fieldset{border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;margin:0;padding:0;display:grid}.song-library-copy-form label{gap:5px;min-width:0;font-size:12px;font-weight:600;display:grid}.song-library-copy-form input,.song-library-copy-form select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #b9810059;border-radius:6px;padding:8px}.song-library-copy-form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.song-library-copy-form button,.song-library-copy-result button{border:1px solid var(--gold);background:var(--paper);min-height:36px;color:var(--gold-deep);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600}.song-library-copy-form button[type=submit]{background:var(--gold-deep);color:#fff}.song-library-copy-form button:disabled{opacity:.6;cursor:wait}.song-library-copy-form p[role=alert]{color:#a34431;margin-top:12px}.song-library-copy-result{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.45;display:flex}.song-library-copy-result button{flex-shrink:0}@media (width<=640px){.song-library-copy-form fieldset{grid-template-columns:minmax(0,1fr)}.song-library-copy-result{flex-wrap:wrap}}.song-library-folder-contents .song-library-item,.song-library-unfiled .song-library-item{grid-template-columns:minmax(128px,180px) minmax(0,1fr)}.song-library-item>.song-library-copy{grid-column:1/-1}@media (width<=640px){.song-library-folder-contents .song-library-item,.song-library-unfiled .song-library-item{grid-template-columns:minmax(0,1fr)}}@media (width>=980px){.classroom-app:has(>.band-part-tabs){grid-template-rows:150px 44px 44px minmax(0,1fr) 24px!important}.classroom-app:has(>.band-part-tabs):not(:has(>.band-transport)){grid-template-rows:150px 44px 0 minmax(0,1fr) 24px!important}.classroom-app:has(>.band-part-tabs)>.classroom-header{box-sizing:border-box;grid-row:1;grid-template-columns:minmax(170px,1fr) minmax(300px,420px) minmax(170px,1fr);align-self:start;align-items:center;gap:16px;height:90px;padding:10px 22px 6px;overflow:visible}.classroom-app:has(>.band-part-tabs) .brand-lockup--classroom{place-self:center start;width:clamp(142px,10.5vw,164px);max-width:164px;margin:0}.classroom-app:has(>.band-part-tabs) .classroom-header .classroom-title-editor{grid-column:2;place-self:center;width:min(100%,420px);padding-top:0}.classroom-app:has(>.band-part-tabs) .classroom-actions{grid-column:3;justify-self:end;min-width:0}.classroom-app:has(>.band-part-tabs) .classroom-settings{box-sizing:border-box;grid-template-columns:78px 78px 76px minmax(0,1fr) auto;align-items:center;gap:8px;width:calc(100% - 36px);height:48px;padding:6px 8px;display:grid;top:94px;left:18px}.classroom-app:has(>.band-part-tabs) .classroom-settings>.classroom-setting{width:100%;min-width:0}.classroom-app:has(>.band-part-tabs) .classroom-settings>.classroom-setting:first-of-type{width:100%;min-width:0}.classroom-app:has(>.band-part-tabs) .classroom-settings>.classroom-beat-wrap{width:100%;min-width:0}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts{flex-wrap:nowrap;justify-content:center;justify-self:center;width:max-content;min-width:0;max-width:100%;margin:0;position:static;left:auto;right:auto;transform:none}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts button{white-space:nowrap}.classroom-app:has(>.band-part-tabs)>.band-part-tabs{box-sizing:border-box;flex-wrap:nowrap;grid-row:2;min-height:44px;padding:5px 14px;overflow:auto hidden}.classroom-app:has(>.band-part-tabs)>.band-transport{box-sizing:border-box;grid-row:3;min-height:44px;padding:4px 14px}.classroom-app:has(>.band-part-tabs)>.classroom-main-surface{grid-row:4}.classroom-app:has(>.band-part-tabs)>.classroom-timeline{top:238px}.classroom-app:has(>.band-part-tabs):not(:has(>.band-transport))>.classroom-timeline{top:194px}}@media (width>=980px) and (width<=1180px){.classroom-app:has(>.band-part-tabs)>.classroom-header{grid-template-columns:minmax(145px,1fr) minmax(270px,360px) minmax(145px,1fr);gap:10px;padding-inline:16px}.classroom-app:has(>.band-part-tabs) .brand-lockup--classroom{width:138px}.classroom-app:has(>.band-part-tabs) .classroom-settings{grid-template-columns:74px 74px 72px minmax(0,1fr) auto;gap:6px;width:calc(100% - 28px);left:14px}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts{gap:4px}.classroom-app:has(>.band-part-tabs) .classroom-lab-shortcuts button{gap:4px;padding-inline:7px;font-size:10.5px}}@media (width>=980px){.classroom-app.classroom-app--organized:has(>.band-part-tabs){grid-template-columns:minmax(16px,1fr) 136px minmax(0,840px) minmax(16px,1fr);grid-template-rows:122px 50px 76px minmax(0,1fr) 24px!important}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.classroom-header{grid-area:1/1/auto/-1;height:72px;padding:6px 24px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .brand-lockup--classroom{width:142px;max-width:142px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-title-editor input{font-size:32px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-settings{justify-content:center;align-items:center;gap:8px;width:min(976px,100% - 32px);height:44px;margin:0;padding:3px 0;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-settings>.classroom-setting{flex:0 0 72px;width:72px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-settings>.classroom-beat-wrap{flex:0 0 72px;width:72px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-meter-choice{flex-basis:72px;width:72px;min-width:72px;min-height:34px}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-lab-shortcuts{border-left:1px solid var(--gold-soft);flex:0 auto;gap:6px;width:auto;margin:0 0 0 14px;padding-left:20px;position:static;transform:none}.classroom-app.classroom-app--organized:has(>.band-part-tabs) .classroom-lab-shortcuts button{gap:5px;min-height:34px;padding-inline:10px;font-size:11px}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.band-part-tabs{background:var(--ivory);z-index:7;grid-area:2/2;min-height:50px;padding:6px 10px 6px 0;overflow:visible}.classroom-app--organized .band-part-tabs--compact label,.classroom-app--organized .band-part-tabs--compact select{box-sizing:border-box;width:100%;min-width:0}.classroom-app--organized .band-part-tabs--compact select{border-color:var(--gold);background:#f6edd8;height:36px;font:600 12px Inter,Arial,sans-serif}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.band-transport{background:var(--ivory);border:0;flex-wrap:nowrap;grid-area:2/3;justify-content:space-between;gap:7px;min-width:0;min-height:50px;padding:6px 0;font-size:12px}.classroom-app--organized>.band-transport>button{white-space:nowrap;min-height:36px;padding:6px 10px}.classroom-app--organized>.band-transport>.band-primary.band-transport-icon{flex:0 0 38px;width:38px;min-width:38px;padding:6px}.classroom-app--organized>.band-transport>label>.band-control-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.classroom-app--organized>.band-transport>label>select{max-width:166px;height:36px;padding:6px 8px}.classroom-app--organized>.band-transport .band-volume input{width:76px}.classroom-app--organized>.band-transport .band-clock{white-space:nowrap;min-width:94px;font-size:11px}.classroom-app--organized>.band-transport>.rehearsal-options{white-space:nowrap;min-height:36px;padding:6px 9px;font-size:12px}.classroom-app--organized>.band-transport .rehearsal-options__body{white-space:normal}.classroom-app--organized>.band-transport .band-section-picker>summary{padding:8px}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.classroom-timeline{box-sizing:border-box;border:0;border-block:1px solid var(--gold-soft);background:var(--ivory);z-index:4;grid-area:3/1/auto/-1;grid-template-rows:1fr;grid-template-columns:68px 68px minmax(0,1fr) 144px;place-self:center;align-items:center;gap:10px;width:min(1120px,100% - 48px);height:70px;min-height:0;padding:4px 0;display:grid;position:relative;inset:auto}.classroom-app--organized .classroom-section-share{padding:0}.classroom-app--organized .classroom-section-share button{width:68px;min-height:34px;padding:5px;font-size:11px}.classroom-app--organized .classroom-timeline-move{justify-content:center;gap:2px;display:flex}.classroom-app--organized .classroom-timeline-move button{width:30px;height:34px}.classroom-app--organized .classroom-timeline-move svg{width:20px;height:20px}.classroom-app--organized .classroom-section-strip{min-width:0;min-height:0}.classroom-app--organized .classroom-section-track{touch-action:pan-x;scrollbar-width:thin;width:100%;height:60px;padding:0;display:block;overflow:auto hidden}.classroom-app--organized .classroom-section-items{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:54px;padding:2px 4px}.classroom-app--organized .classroom-section-tile-wrap{flex:0 0 84px;width:84px;min-width:84px;max-width:84px;height:50px}.classroom-app--organized .classroom-section-tile{box-sizing:border-box;justify-content:center;align-items:flex-start;width:84px;height:50px;padding:6px 6px 23px;display:flex}.classroom-app--organized .classroom-section-tile span{text-transform:none;font:650 14px/1.2 Inter,Arial,sans-serif}.classroom-app--organized .classroom-section-tile small,.classroom-app--organized .classroom-section-tile>svg{display:none}.classroom-app--organized .classroom-duplicate-section,.classroom-app--organized .classroom-delete-section{width:20px;height:20px;bottom:3px}.classroom-app--organized .classroom-duplicate-section{right:28px}.classroom-app--organized .classroom-delete-section{right:4px}.classroom-app--organized .classroom-add-section-wrap{justify-self:end;width:134px}.classroom-app--organized .classroom-add-section{box-sizing:border-box;justify-content:center;align-items:center;gap:6px;width:134px;height:36px;min-height:36px;padding:4px 10px;display:flex}.classroom-app--organized .classroom-add-section svg{width:17px;height:17px}.classroom-app--organized .classroom-add-section span{letter-spacing:0;text-transform:none;font-size:11px}.classroom-app--organized .classroom-section-menu{max-height:55vh;inset:calc(100% + 8px) 0 auto auto;overflow-y:auto}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.classroom-main-surface{grid-area:4/1/auto/-1;justify-self:center;width:min(1480px,100%);min-width:0;margin:0}.classroom-app--organized .classroom-stage--editing{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:0;padding:4px 32px 10px}.classroom-app--organized .classroom-stage--editing[data-lyrics-collapsed=true],.classroom-app--organized .classroom-stage--editing[data-teacher-collapsed=true]{grid-template-columns:minmax(0,1fr)}.classroom-app--organized .classroom-section-toolbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-self:center;gap:12px;width:min(1120px,100%);min-height:48px;padding:0;display:grid}.classroom-app--organized .classroom-section-heading{visibility:visible;grid-column:2;justify-content:center;min-height:44px;position:static;display:flex!important}.classroom-app--organized .classroom-section-heading h2{letter-spacing:.02em;font-size:23px}.classroom-app--organized .classroom-section-tools{grid-column:1;justify-self:start;gap:8px;display:flex;position:static;transform:none}.classroom-app--organized .classroom-bar-selector{grid-column:3;justify-self:end;position:static;transform:none}.classroom-app--organized .classroom-progression-row{grid-template-columns:minmax(0,1fr);justify-content:center;align-items:center;padding:12px 0}.classroom-app--organized .classroom-progression-row>.classroom-section-nav{display:none}.classroom-app--organized .classroom-card-grid{justify-content:center;gap:12px}.classroom-app--organized .classroom-progression-help{font-size:11px}.classroom-app--organized>.classroom-main-surface>.band-workspace{background:var(--ivory);padding:16px 32px 24px}.classroom-app--organized>.classroom-main-surface .band-section-nav>label:first-child{display:none}.classroom-app.classroom-app--organized:has(>.band-part-tabs)>.site-copyright--classroom{grid-area:5/1/auto/-1}}.classroom-labs-menu{z-index:70;color:var(--ink,#29251d);flex:none;margin-left:auto;position:relative}.classroom-labs-menu>summary{box-sizing:border-box;min-height:36px;color:var(--ink,#29251d);cursor:pointer;white-space:nowrap;background:#fffdf8e6;border:1px solid #b9810057;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font:700 12px Inter,Arial,sans-serif;list-style:none;display:flex}.classroom-labs-menu>summary::-webkit-details-marker{display:none}.classroom-labs-menu>summary svg{width:14px;height:14px;color:var(--gold-deep,#a66f00)}.classroom-labs-menu>summary:focus-visible,.classroom-labs-menu[open]>summary{outline-offset:2px;border-color:var(--gold-deep,#a66f00);background:#fffaf0;outline:3px solid #28678273}.classroom-app .classroom-labs-menu[open]>.classroom-lab-shortcuts{z-index:80;overscroll-behavior:contain;box-sizing:border-box;background:#fffdf8;border:1px solid #b9810052;border-radius:14px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:8px;width:min(440px,100vw - 24px);max-height:min(80vh,680px);display:grid;overflow:hidden auto;box-shadow:0 16px 40px #231b0f3d;margin:0!important;padding:14px!important;position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;transform:none!important}.classroom-app .classroom-labs-menu .classroom-lab-shortcuts button{box-sizing:border-box;width:100%;min-width:0;min-height:50px;color:var(--ink,#29251d);text-align:left;white-space:nowrap;background:#fff;border:1px solid #b981004d;border-radius:9px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:14px;line-height:1.3;display:inline-flex}.classroom-app .classroom-labs-menu .classroom-lab-shortcuts button:hover,.classroom-app .classroom-labs-menu .classroom-lab-shortcuts button:focus-visible{border-color:var(--gold-deep,#a66f00);outline-offset:1px;outline:3px solid #28678259}.classroom-app .classroom-labs-menu .classroom-lab-shortcuts button span{color:var(--gold-deep,#a66f00);letter-spacing:0;flex:none;font-size:14px}.classroom-app .classroom-labs-menu .classroom-lab-shortcuts button strong{font-size:14px;line-height:1.3}@media (width<=600px){.classroom-app .classroom-labs-menu[open]>.classroom-lab-shortcuts{width:min(440px,100vw - 20px);max-height:min(78vh,680px);padding:12px!important;right:-4px!important}}.classroom-labs-menu-trigger{box-sizing:border-box;min-height:36px;color:var(--ink,#29251d);cursor:pointer;white-space:nowrap;background:#fffdf8e6;border:1px solid #b9810057;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font:700 12px Inter,Arial,sans-serif;list-style:none;display:flex}.classroom-labs-menu-trigger svg{width:14px;height:14px;color:var(--gold-deep,#a66f00)}.classroom-labs-menu-trigger:focus-visible,.classroom-labs-menu-trigger[aria-expanded=true]{outline-offset:2px;border-color:var(--gold-deep,#a66f00);background:#fffaf0;outline:3px solid #28678273}.classroom-lab-shortcuts--portal{z-index:99999;overscroll-behavior:contain;box-sizing:border-box;color:#29251d;background:#fffdf8;border:1px solid #b9810061;border-radius:16px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:9px;width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden auto;box-shadow:0 18px 48px #231b0f4d;margin:0!important;padding:16px!important;display:grid!important;position:fixed!important;transform:none!important}.classroom-lab-shortcuts--portal button{box-sizing:border-box;color:#29251d;text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b9810052;border-radius:10px;justify-content:flex-start;align-items:center;gap:11px;width:100%;min-width:0;min-height:54px;padding:11px 16px;font:600 15px/1.35 Inter,Arial,sans-serif;display:inline-flex}.classroom-lab-shortcuts--portal button:hover,.classroom-lab-shortcuts--portal button:focus-visible{outline-offset:1px;background:#fffaf0;border-color:#a66f00;outline:3px solid #28678259}.classroom-lab-shortcuts--portal button span{color:#a66f00;letter-spacing:0;flex:none;font-size:15px}.classroom-lab-shortcuts--portal button strong{font-size:15px;line-height:1.35}.song-garden-account-panel[data-status=unconfigured]{background:#fff8e4e6;border-color:#a66f008c}.song-garden-account-panel[data-status=checking-configuration]{border-color:#b9810052}.song-garden-account-copy>span{font-size:11px}.song-garden-account-copy>p{font-size:14px;line-height:1.45}.song-garden-account-actions button,.song-garden-sync-actions button{min-height:40px;padding-inline:15px;font-size:13px}.song-garden-account-loading{font-size:13px}.musician-view-chord-view-toggle{background:var(--paper,#fbf8f1);min-height:40px;color:var(--ink,#161410);white-space:nowrap;cursor:pointer;border:1px solid #b9810059;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font:700 12px/1.2 Inter,sans-serif;display:inline-flex}.musician-view-chord-view-toggle:hover{border-color:var(--gold-deep,#9b6a00);background:#b981001a}.musician-view-chord-view-toggle:focus-visible{outline-offset:2px;outline:3px solid #28678266}.musician-view[data-chord-view=names] .musician-view-card-art{aspect-ratio:auto;min-height:78px}.musician-view-card-name-only{box-sizing:border-box;width:100%;min-height:78px;color:var(--ink);text-align:center;overflow-wrap:anywhere;background:#fffdf8;border:1px solid #b9810052;border-radius:8px;place-items:center;padding:10px;font:700 clamp(18px,2.2vw,26px)/1.15 Libre Bodoni,Georgia,serif;display:grid}.classroom-song-card--names-only{color:var(--ink);place-items:center;padding:14px;display:grid}.classroom-song-card-name{text-align:center;overflow-wrap:anywhere;max-width:100%;font-family:Libre Bodoni,Georgia,serif;font-size:clamp(22px,3.2vw,42px);line-height:1.05;display:block}.classroom-progression[data-chord-view=names]{grid-template-rows:auto auto auto auto auto;align-content:start}.classroom-progression[data-chord-view=names] .classroom-progression-row{min-height:0}.classroom-progression[data-chord-view=names] .classroom-card-grid{flex-wrap:wrap;align-content:center;align-items:flex-start;gap:8px clamp(8px,1vw,14px)}.classroom-progression[data-chord-view=names] .classroom-card-with-duration{gap:5px;width:clamp(112px,12vw,174px);min-width:0}.classroom-progression[data-chord-view=names] .classroom-song-card{box-sizing:border-box;aspect-ratio:auto;border-radius:8px;width:100%;height:auto;min-height:58px;padding:7px 10px}.classroom-progression[data-chord-view=names] .classroom-song-card-name{font-size:clamp(20px,1.8vw,28px);line-height:1.05}.classroom-progression[data-chord-view=names] .classroom-song-card--stacked:before,.classroom-progression[data-chord-view=names] .classroom-song-card--stacked:after{display:none}.classroom-progression[data-chord-view=names] .classroom-scale-focus{width:min(100%,1180px);margin:4px auto}.classroom-progression[data-chord-view=names] .classroom-scale-focus>img{max-height:clamp(250px,34vh,360px)}.musician-view-count-guide i,.musician-view-beat-progress i{border:2px solid var(--gold-deep,#9b6a00);background:0 0;border-radius:50%;justify-self:center;width:18px;height:18px;transition:none;display:block}.musician-view-count-guide i[data-current=true],.musician-view-beat-progress i[data-active=true]{border-color:var(--gold-deep,#9b6a00);background:var(--gold-deep,#9b6a00);box-shadow:none;transition:none;animation:none}.presentation-beat-progress i[data-current=true]{border-color:var(--beat-marker-color,#b98100);background:var(--beat-marker-color,#b98100);box-shadow:none;transition:none;animation:none}.practice-beat-dots i[data-current=true]{box-shadow:none;background:currentColor;border-color:currentColor;transition:none;animation:none}.classroom-section-heading{display:none!important}.fretboard-grid[data-scale-editor=true]{position:relative}.scale-edit-arrow-overlay{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scale-edit-arrow-overlay .scale-edit-arrow-underlay{fill:none;stroke:#fffdf8f5;stroke-width:7px;stroke-linecap:round;stroke-dasharray:10 8}.scale-edit-arrow-overlay .scale-edit-arrow-line{fill:none;stroke:#17130f;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:10 8}.scale-edit-arrow-overlay .scale-edit-arrow-head{fill:#17130f;stroke:#fffdf8f5;stroke-width:1.5px;stroke-linejoin:round}.song-garden-track-dock{box-sizing:border-box;width:100%}.song-garden-track-dock__inner{color:#211d16;background:0 0;border:0;border-top:1px solid #b981002e;width:100%;margin:0;font-family:Inter,system-ui,sans-serif}.song-garden-track-dock__top,.song-garden-track-dock__file,.song-garden-track-dock__readout{justify-content:space-between;align-items:center;gap:14px;display:flex}.song-garden-track-dock__top{padding:6px 0 8px}.song-garden-track-dock__top>div:first-child,.song-garden-track-dock__file>div{gap:2px;min-width:0;display:grid}.song-garden-track-dock__top span{color:#9a6d00;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.song-garden-track-dock__top strong,.song-garden-track-dock__file strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-garden-track-dock__switch{background:#b981000f;border:1px solid #b981003d;border-radius:10px;flex:none;padding:3px;display:inline-flex}.song-garden-track-dock__switch button{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:13px;font-weight:800}.song-garden-track-dock__switch button[aria-pressed=true]{color:#fff;background:#9a6d00}.song-garden-track-dock [data-track-body]{border-top:1px solid #b981002e;padding:8px 0 10px}.song-garden-track-dock__file{align-items:flex-start}.song-garden-track-dock__file label{color:#795400;cursor:pointer;background:#b9810012;border:1px solid #b9810059;border-radius:9px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.song-garden-track-dock__file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.song-garden-track-dock__file small,.song-garden-track-dock__readout span{color:#786f61;font-size:12px}.song-garden-track-dock audio{width:100%;margin-top:10px}.song-garden-track-dock__readout{align-items:baseline;margin-top:8px}.song-garden-track-dock__readout strong{font-variant-numeric:tabular-nums;flex:none}.musician-view[data-track-mode=true] .musician-view-tempo,.musician-view[data-track-mode=true] .musician-view-volume,.musician-view[data-track-mode=true] .musician-view-play svg{display:none}.musician-view[data-track-mode=true] .musician-view-play:before{content:"▶";font-size:15px;line-height:1}.musician-view[data-track-mode=true] .musician-view-play[data-playing=true]:before{content:"Ⅱ";font-weight:900}.track-mode-live-beat{color:#9a6d00;letter-spacing:.04em;text-transform:uppercase;align-self:center;margin-top:7px;font-size:11px;font-weight:800}@media (width<=680px){.song-garden-track-dock__top,.song-garden-track-dock__file,.song-garden-track-dock__readout{flex-direction:column;align-items:stretch}.song-garden-track-dock__switch{align-self:stretch}.song-garden-track-dock__switch button{flex:1 1 0}.song-garden-track-dock__file label{align-self:flex-start}}.song-garden-track-dock__summary{cursor:pointer;color:#211d16;align-items:center;gap:10px;min-height:32px;padding:5px 2px;font-size:12px;list-style:none;display:flex}.song-garden-track-dock__summary::-webkit-details-marker{display:none}.song-garden-track-dock__summary>span:first-child{flex:1;font-weight:700}.song-garden-track-dock__summary strong{color:#9a6d00;font-size:12px}.song-garden-track-dock__chevron{font-size:20px;line-height:1}.song-garden-track-dock__inner[open] .song-garden-track-dock__chevron{transform:rotate(180deg)}.song-garden-track-dock__summary:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #9a6d00}.song-garden-track-dock audio[data-single-transport=true]{display:none}.song-garden-track-scrub{grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;margin-top:12px;display:grid}.song-garden-track-scrub input[type=range]{accent-color:#9a6d00;width:100%;min-width:0}.song-garden-track-scrub span{color:#786f61;font-variant-numeric:tabular-nums;font-size:11px}.song-garden-track-scrub strong{color:#9a6d00;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}@media (width<=680px){.song-garden-track-scrub{grid-template-columns:1fr auto}.song-garden-track-scrub strong{grid-column:1/-1}}.teacher-track-lab-backdrop{z-index:140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14100a7a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.teacher-track-lab{width:min(900px,96vw);max-height:min(88vh,900px);color:var(--ink,#161410);background:#fffdf8;border:1px solid #b9810057;border-radius:20px;font-family:Inter,system-ui,sans-serif;overflow:auto;box-shadow:0 28px 80px #15100857}.teacher-track-lab__header,.teacher-track-lab__file-row,.teacher-track-lab__toolbar,.teacher-track-lab__now,.teacher-track-lab__marker,.teacher-track-lab__footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.teacher-track-lab__header{z-index:3;background:#fffdf8fa;border-bottom:1px solid #b981002e;padding:18px 20px;position:sticky;top:0}.teacher-track-lab__header>div{gap:2px;display:grid}.teacher-track-lab__header span,.teacher-track-lab__toolbar span{color:var(--gold-deep,#a66f00);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.teacher-track-lab__header h2{margin:0;font:600 34px/1 Libre Bodoni,Georgia,serif}.teacher-track-lab__header p,.teacher-track-lab__toolbar strong,.teacher-track-lab__file-row small,.teacher-track-lab__now span,.teacher-track-lab__footer{color:var(--muted,#77726b);margin:0;font-size:12px}.teacher-track-lab__close{width:38px;height:38px;color:var(--gold-deep,#a66f00);cursor:pointer;background:#fff;border:1px solid #b981004d;border-radius:50%;flex:0 0 38px;place-items:center;font-size:25px;display:grid}.teacher-track-lab__player{background:#f7f3eb99;border:1px solid #b981003d;border-radius:16px;margin:18px 20px 0;padding:16px}.teacher-track-lab__stems{background:#fffdf8;border:1px solid #b9810047;border-radius:12px;margin-top:14px;padding:12px}.teacher-track-lab__stems-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-track-lab__stems-heading h3{margin:0;font-size:15px;line-height:1.3}.teacher-track-lab__stems-heading span{color:#716755;font-size:12px;font-weight:700}.teacher-track-lab__stems>p{color:#716755;margin:9px 0;font-size:13px;line-height:1.45}.teacher-track-lab__stem-add{grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:9px;margin:12px 0 0;display:grid}.teacher-track-lab__stem-list label:first-child{gap:5px;font-size:12px;font-weight:700;display:grid}.teacher-track-lab__stem-add input[type=text],.teacher-track-lab__stem-list input[type=text]{box-sizing:border-box;color:#24211b;background:#fff;border:1px solid #b9810042;border-radius:8px;min-height:40px;padding:7px 10px;font:14px Inter,Arial,sans-serif}.teacher-track-lab__stem-add button,.teacher-track-lab__stem-list button{color:#8d6300;cursor:pointer;background:#fff;border:1px solid #b9810059;border-radius:9px;min-height:40px;padding:0 12px;font:700 13px Inter,Arial,sans-serif}.teacher-track-lab__stem-add button:disabled,.teacher-track-lab__stem-list button:disabled{opacity:.45;cursor:not-allowed}.teacher-track-lab__stem-upload-hint{min-height:17px;margin:7px 0 10px!important;font-size:12px!important}.teacher-track-lab__stem-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.teacher-track-lab__stem-list li{border-top:1px solid #b9810024;grid-template-columns:minmax(110px,1fr) minmax(100px,1.2fr) auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.teacher-track-lab__stem-file{color:#716755;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.teacher-track-lab__stem-list .teacher-track-lab__file{min-height:38px;padding:0 10px;font-size:12px}.teacher-track-lab__file-row>div{text-align:right;gap:3px;min-width:0;display:grid}.teacher-track-lab__file-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-track-lab__file{min-height:42px;color:var(--gold-deep,#a66f00);cursor:pointer;background:#b9810014;border:1px solid #b9810061;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.teacher-track-lab__file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.teacher-track-lab__file:focus-within{outline-offset:2px;outline:3px solid #286782}.classroom-lab-shortcuts [data-stem-upload-trigger]{border-color:var(--gold-deep,#a66f00);background:var(--gold-deep,#a66f00);color:#fff;font-weight:800}.classroom-lab-shortcuts [data-stem-upload-trigger] span{color:inherit;letter-spacing:0;font-size:14px}.classroom-lab-shortcuts [data-stem-upload-trigger]:focus-visible{outline-offset:2px;outline:3px solid #286782}.classroom-app[data-band-workspace=true] .classroom-lab-shortcuts>button[data-stem-upload-trigger]{display:inline-flex!important}.teacher-track-lab audio{width:100%;margin-top:14px}.teacher-track-lab__now{align-items:baseline;margin-top:10px}.teacher-track-lab__now strong{font-variant-numeric:tabular-nums}.teacher-track-lab__toolbar{padding:18px 20px 10px}.teacher-track-lab__toolbar>div{gap:2px;display:grid}.teacher-track-lab__toolbar button,.teacher-track-lab__set{min-height:38px;color:var(--gold-deep,#a66f00);font:inherit;cursor:pointer;background:#fff;border:1px solid #b9810059;border-radius:10px;padding:0 12px;font-size:12px;font-weight:800}.teacher-track-lab__markers{gap:8px;padding:0 20px 18px;display:grid}.teacher-track-lab__marker{background:#ffffffd1;border:1px solid #b981002e;border-radius:13px;padding:9px 10px}.teacher-track-lab__marker[data-active=true]{box-shadow:inset 3px 0 0 var(--gold-deep,#a66f00);background:#b9810014;border-color:#a66f00c7}.teacher-track-lab__jump{min-width:240px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(100px,1fr) auto;align-items:center;gap:9px;padding:5px;display:grid}.teacher-track-lab__jump>span{width:28px;height:28px;color:var(--gold-deep,#a66f00);background:#b981001f;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.teacher-track-lab__jump small{color:var(--muted,#77726b);font-size:11px}.teacher-track-lab__marker label{color:var(--muted,#77726b);grid-template-columns:auto 94px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:grid}.teacher-track-lab__marker input{box-sizing:border-box;width:94px;min-height:38px;color:var(--ink,#161410);font:inherit;background:#fff;border:1px solid #b9810042;border-radius:9px;padding:0 9px;font-size:14px}.teacher-track-lab__footer{background:#fffdf8fa;border-top:1px solid #b9810029;padding:12px 20px 14px;position:sticky;bottom:0}.teacher-track-lab__footer strong{color:var(--gold-deep,#a66f00)}.teacher-track-lab__trigger-icon{color:var(--gold-deep,#a66f00);font-size:12px}@media (width<=760px){.teacher-track-lab-backdrop{padding:8px}.teacher-track-lab{border-radius:15px;width:100%;max-height:94vh}.teacher-track-lab__header,.teacher-track-lab__file-row,.teacher-track-lab__toolbar,.teacher-track-lab__marker,.teacher-track-lab__footer{flex-direction:column;align-items:stretch}.teacher-track-lab__close{position:absolute;top:14px;right:14px}.teacher-track-lab__header>div{padding-right:54px}.teacher-track-lab__file-row>div{text-align:left}.teacher-track-lab__stem-add{grid-template-columns:1fr;align-items:stretch}.teacher-track-lab__stem-add>.teacher-track-lab__file{box-sizing:border-box;width:100%;min-height:42px}.teacher-track-lab__stem-add>button{width:100%}.teacher-track-lab__jump{width:100%;min-width:0}.teacher-track-lab__marker label{grid-template-columns:1fr 110px}.teacher-track-lab__marker input{width:110px}}.teacher-track-lab__destination{gap:10px;margin:18px 20px 0;display:grid}.teacher-track-lab__destination label{gap:6px;font-size:12px;font-weight:700;display:grid}.teacher-track-lab__destination select{color:#24211b;width:100%;min-height:44px;font:inherit;background:#fffdf8;border:1px solid #ceb575;border-radius:8px;padding:8px 12px;font-size:15px}.teacher-track-lab__destination p{color:#716755;margin:0;font-size:12px;line-height:1.5}.teacher-track-lab-backdrop[hidden]{display:none}.teacher-track-lab__alignment{background:#faf6ed;border:1px solid #b9810038;border-radius:10px;margin:0 20px 14px;padding:10px 12px;font-size:12px;line-height:1.5}.teacher-track-lab__alignment summary{cursor:pointer;font-weight:700}.teacher-track-lab__alignment p{color:#6d6558;margin:8px 0}.teacher-track-lab__alignment>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-track-lab__alignment button{color:#332f26;cursor:pointer;background:#fffdf8;border:1px solid #ceb575;border-radius:7px;min-height:36px;padding:6px 10px;font:600 12px Inter,Arial,sans-serif}.teacher-track-lab__alignment button:disabled{opacity:.4;cursor:default}.teacher-track-lab__alignment span{font-variant-numeric:tabular-nums}.teacher-track-lab__marker label{grid-template-columns:auto 112px}.teacher-track-lab__marker input{font-variant-numeric:tabular-nums;width:112px}.teacher-track-lab__preview-row{border-top:1px solid #b981002e;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:12px;display:flex}.teacher-track-lab__preview-row button{background:var(--gold-deep,#a66f00);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:1px solid #a66f0094;border-radius:11px;padding:0 15px;font-size:13px;font-weight:800}.teacher-track-lab__preview-row button:disabled{cursor:not-allowed;opacity:.4}.teacher-track-lab__preview-row span{color:var(--muted,#77726b);text-align:right;font-size:12px}.teacher-track-preview{z-index:220;color:var(--ink,#161410);background:radial-gradient(circle at top,#b9810014,#0000 34%),#fbf8f1;grid-template-rows:auto 1fr auto;font-family:Inter,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.teacher-track-preview,.teacher-track-preview *,.teacher-track-preview :before,.teacher-track-preview :after{transition:none!important;animation:none!important}.teacher-track-preview__header,.teacher-track-preview__footer{background:#fffdf8f5;border-color:#b9810033;justify-content:space-between;align-items:center;gap:18px;padding:15px 22px;display:flex}.teacher-track-preview__header{border-bottom:1px solid #b9810033}.teacher-track-preview__footer{border-top:1px solid #b9810033}.teacher-track-preview__identity{gap:2px;min-width:0;display:grid}.teacher-track-preview__identity span,.teacher-track-preview__section-label,.teacher-track-preview__detail-label{color:var(--gold-deep,#a66f00);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.teacher-track-preview__identity strong{text-overflow:ellipsis;white-space:nowrap;font:600 clamp(22px,3vw,36px)/1 Libre Bodoni,Georgia,serif;overflow:hidden}.teacher-track-preview__identity small,.teacher-track-preview__next,.teacher-track-preview__footer span{color:var(--muted,#77726b);font-size:12px}.teacher-track-preview__controls{flex:none;align-items:center;gap:8px;display:flex}.teacher-track-preview__clock{min-width:72px;color:var(--gold-deep,#a66f00);font-variant-numeric:tabular-nums;text-align:right}.teacher-track-preview__controls button,.teacher-track-preview__footer button{min-height:40px;color:var(--ink,#161410);font:inherit;cursor:pointer;background:#fff;border:1px solid #b9810057;border-radius:10px;padding:0 13px;font-size:12px;font-weight:800}.teacher-track-preview__controls [data-preview-toggle]{background:var(--gold-deep,#a66f00);color:#fff}.teacher-track-preview__stage{width:min(1180px,100% - 36px);margin:0 auto;padding:26px 0 36px;overflow:auto}.teacher-track-preview__section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.teacher-track-preview__section-heading h2{margin:3px 0 0;font:600 clamp(34px,6vw,68px)/.96 Libre Bodoni,Georgia,serif}.teacher-track-preview__section-heading p{color:var(--muted,#77726b);margin:0;font-size:13px}.teacher-track-preview__cards{background:#fffdf8e6;border:1px solid #b9810038;border-radius:18px;padding:18px;box-shadow:0 16px 42px #2d220e14}.teacher-track-preview__cards .classroom-card-grid{width:100%}.teacher-track-preview__cards button,.teacher-track-preview__cards input,.teacher-track-preview__cards textarea,.teacher-track-preview__cards select{pointer-events:none!important}.teacher-track-preview__cards .classroom-card-actions button,.teacher-track-preview__cards .classroom-remove-card-button,.teacher-track-preview__cards .song-card-preview-button{display:none!important}.teacher-track-preview__cards .classroom-card-with-duration{opacity:.42}.teacher-track-preview__cards .classroom-card-with-duration,.teacher-track-preview__cards .classroom-song-card,.teacher-track-preview__focus .strum-guide-step{transform:none!important}.teacher-track-preview__cards .classroom-card-with-duration[data-track-active=true]{opacity:1;filter:drop-shadow(0 9px 18px #a66f0033)}.teacher-track-preview__live{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:16px;margin-top:16px;display:grid}.teacher-track-preview__focus,.teacher-track-preview__beat-card{background:#fffdf8e0;border:1px solid #b9810033;border-radius:16px;min-width:0;padding:16px}.teacher-track-preview__focus{gap:12px;display:grid}.teacher-track-preview__focus:empty:before{content:"No scale or rhythm focus assigned to this section.";color:var(--muted,#77726b);font-size:12px}.teacher-track-preview__focus .scale-focus-actions,.teacher-track-preview__focus .rhythm-focus-actions{display:none!important}.teacher-track-preview__focus .scale-focus-panel,.teacher-track-preview__focus .rhythm-focus-panel{width:100%;box-shadow:none;margin:0}.teacher-track-preview__beat-card{text-align:center;align-content:center;gap:6px;display:grid}.teacher-track-preview__beat-card strong{font:600 clamp(24px,4vw,44px)/1 Libre Bodoni,Georgia,serif}.teacher-track-preview__beat-card span:last-child{color:var(--muted,#77726b);font-size:12px}.teacher-track-preview[data-paused=true] .teacher-track-preview__stage{opacity:.82}body.teacher-track-preview-open{overflow:hidden}@media (width<=760px){.teacher-track-lab__preview-row,.teacher-track-preview__header,.teacher-track-preview__footer,.teacher-track-preview__section-heading{flex-direction:column;align-items:stretch}.teacher-track-lab__preview-row span{text-align:left}.teacher-track-preview__controls{flex-wrap:wrap}.teacher-track-preview__clock{text-align:left}.teacher-track-preview__stage{width:min(100% - 18px,1180px);padding-top:18px}.teacher-track-preview__live{grid-template-columns:1fr}}.teacher-track-preview__parts.band-workspace{background:0 0;height:auto;padding:0;overflow:visible}.teacher-track-preview__parts .now-next-player{margin-bottom:18px}.teacher-track-preview__live{display:block}