@layer base{._button_1a9tq_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-base);font-weight:500;border-radius:var(--radius);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--animation-duration-fast) ease,border-color var(--animation-duration-fast) ease,color var(--animation-duration-fast) ease,box-shadow var(--animation-duration-fast) ease;outline:none;border:1px solid transparent;position:relative}._button_1a9tq_2:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary);outline:none}._sm_1a9tq_32{height:1.5rem;padding:0 var(--spacing-2);font-size:.875rem}._md_1a9tq_38{height:2.5rem;padding:0 var(--spacing-3);font-size:.9375rem}._lg_1a9tq_44{height:3rem;padding:0 var(--spacing-4);font-size:1rem;border-radius:var(--radius-md)}._icon_1a9tq_52,._icon-md_1a9tq_53{width:2rem;height:2rem;padding:0}._icon-sm_1a9tq_59{width:1.5rem;height:1.5rem;padding:0}._icon-lg_1a9tq_65{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md)}._button_1a9tq_2 svg{flex-shrink:0}._sm_1a9tq_32 svg,._icon-sm_1a9tq_59 svg{width:1rem;height:1rem}._md_1a9tq_38 svg,._icon_1a9tq_52 svg,._icon-md_1a9tq_53 svg{width:1.25rem;height:1.25rem}._lg_1a9tq_44 svg,._icon-lg_1a9tq_65 svg{width:1.5rem;height:1.5rem}._primary_1a9tq_97{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);--spinner-color: var(--primary-foreground)}._primary_1a9tq_97:hover{background-color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground));border-color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground))}._primary_1a9tq_97:active{background-color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground));border-color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground))}._secondary_1a9tq_114{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary);--spinner-color: var(--secondary-foreground)}._secondary_1a9tq_114:hover{background-color:color-mix(in oklch,var(--secondary) 90%,var(--secondary-foreground));border-color:color-mix(in oklch,var(--secondary) 90%,var(--secondary-foreground))}._secondary_1a9tq_114:active{background-color:color-mix(in oklch,var(--secondary) 85%,var(--secondary-foreground));border-color:color-mix(in oklch,var(--secondary) 85%,var(--secondary-foreground))}._destructive_1a9tq_132{background-color:var(--error);color:var(--error-foreground);border-color:var(--error);--spinner-color: var(--error-foreground)}._destructive_1a9tq_132:hover{background-color:color-mix(in oklch,var(--error) 90%,var(--error-foreground));border-color:color-mix(in oklch,var(--error) 90%,var(--error-foreground))}._destructive_1a9tq_132:active{background-color:color-mix(in oklch,var(--error) 85%,var(--error-foreground));border-color:color-mix(in oklch,var(--error) 85%,var(--error-foreground))}._destructive_1a9tq_132:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--error)}._outline_1a9tq_156{background-color:transparent;border-color:var(--primary);color:var(--primary);--spinner-color: var(--primary)}._outline_1a9tq_156:hover{background-color:color-mix(in oklch,var(--primary) 12%,var(--background));border-color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground));color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground))}._outline_1a9tq_156:active{background-color:color-mix(in oklch,var(--primary) 15%,var(--background));border-color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground));color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground))}._ghost_1a9tq_176{background-color:transparent;border-color:transparent;--spinner-color: var(--primary)}._ghost_1a9tq_176:hover{background-color:color-mix(in oklch,var(--primary) 12%,var(--background));color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground))}._ghost_1a9tq_176:active{background-color:color-mix(in oklch,var(--primary) 15%,var(--background));color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground))}._link_1a9tq_193{background-color:transparent;color:var(--primary);height:auto;padding:0;text-decoration:none;border:none;border-radius:0;min-height:2.75rem;display:inline-flex;align-items:center;--spinner-color: var(--primary)}._link_1a9tq_193:hover{text-decoration:underline;color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground));background-color:transparent}._link_1a9tq_193:active{color:color-mix(in oklch,var(--primary) 85%,var(--primary-foreground));background-color:transparent}._link_1a9tq_193:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none;border-radius:.25rem}._disabled_1a9tq_225{opacity:.5;cursor:not-allowed;pointer-events:none}.dark ._primary_1a9tq_97:focus-visible,.dark ._outline_1a9tq_156:focus-visible,.dark ._ghost_1a9tq_176:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.dark ._destructive_1a9tq_132:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--error)}.dark ._link_1a9tq_193:focus-visible{box-shadow:0 0 0 2px var(--primary)}}._page_jpm8f_1{max-width:1240px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 6rem}._head_jpm8f_1>span{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:var(--primary)}._head_jpm8f_1 h1{font:800 clamp(3rem,8vw,6rem)/.9 var(--font-family-display);letter-spacing:-.05em;margin:.5rem 0 1rem}._head_jpm8f_1 p{max-width:800px;font-size:1.05rem;line-height:1.65;color:var(--muted-foreground)}._notice_jpm8f_1{display:grid;grid-template-columns:auto 1fr;gap:.75rem;margin:1.5rem 0;padding:1rem 1.2rem;background:#fff0cf;border-left:5px solid var(--warning);line-height:1.5}._notice_jpm8f_1 a{color:var(--primary);font-weight:850}._levels_jpm8f_1{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}._focuses_jpm8f_1{display:flex;gap:.35rem;overflow-x:auto;padding:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:14px}._focuses_jpm8f_1 button{flex:0 0 auto}._count_jpm8f_1{display:flex;justify-content:space-between;gap:1rem;margin:1.5rem 0 .8rem}._count_jpm8f_1 span{color:var(--muted-foreground)}._grid_jpm8f_1{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}._grid_jpm8f_1>article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.2rem;box-shadow:var(--shadow)}._grid_jpm8f_1 article>header{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}._grid_jpm8f_1 header>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--foreground);color:var(--secondary);font:900 .9rem var(--font-family-monospace)}._grid_jpm8f_1 header small{color:var(--primary);font-size:.7rem;font-weight:900}._grid_jpm8f_1 h2{font:800 1.55rem var(--font-family-display);margin:.2rem 0}._tags_jpm8f_1{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}._tags_jpm8f_1>*{padding:.3rem .55rem;border-radius:999px;background:var(--surface);font-size:.72rem}._tags_jpm8f_1 b{background:var(--secondary)}._grid_jpm8f_1 ol{display:grid;gap:.5rem;margin:.3rem 0 1rem;padding:0;list-style:none}._grid_jpm8f_1 li{display:flex;align-items:flex-start;gap:.55rem;line-height:1.45}._grid_jpm8f_1 li>b{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--foreground);color:#fff;font-size:.7rem}._grid_jpm8f_1 article>section{margin-top:auto;padding:.85rem;background:#eef8f4;border-radius:12px}._grid_jpm8f_1 h3{font-size:.85rem;margin:0 0 .3rem;color:#16624c}._grid_jpm8f_1 article>section p,._grid_jpm8f_1 footer p{margin:0;line-height:1.48}._grid_jpm8f_1 footer{margin-top:.65rem;padding:.85rem;background:#fff7e6;border-left:4px solid var(--primary);border-radius:4px 10px 10px 4px}._grid_jpm8f_1 footer>b{font-size:.78rem;color:var(--primary)}@media(max-width:800px){._grid_jpm8f_1,._notice_jpm8f_1{grid-template-columns:1fr}._count_jpm8f_1{flex-direction:column}._head_jpm8f_1 h1{font-size:3.2rem}}._page_tnvz0_1{max-width:1240px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 6rem}._head_tnvz0_1>span{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:var(--primary)}._head_tnvz0_1 h1{font:800 clamp(3rem,8vw,6rem)/.9 var(--font-family-display);letter-spacing:-.05em;margin:.5rem 0 1rem}._head_tnvz0_1 p{max-width:800px;font-size:1.05rem;line-height:1.65;color:var(--muted-foreground)}._tabs_tnvz0_1{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}._toolbar_tnvz0_1{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem;background:var(--foreground);color:#fff;border-radius:18px}._toolbar_tnvz0_1 h2{font:800 2rem var(--font-family-display);margin:0}._toolbar_tnvz0_1 p{max-width:700px;margin:.25rem 0;color:#cbd4df;line-height:1.45}._instructions_tnvz0_1{display:flex;gap:.7rem;margin:1rem 0;padding:1rem;background:#fff0cf;border-left:5px solid var(--warning);line-height:1.5}._printRoot_tnvz0_1{display:grid;gap:2rem}._printSheet_tnvz0_1{padding:1rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}._printSheet_tnvz0_1>header{display:flex;justify-content:space-between;margin-bottom:.8rem;color:var(--muted-foreground)}._cardGrid_tnvz0_1{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}._cardGrid_tnvz0_1 article{position:relative;aspect-ratio:1.5/1;display:grid;place-items:center;text-align:center;overflow:hidden;border:2px dashed #aab1ba;border-radius:10px;padding:.7rem}._front_tnvz0_1{background:linear-gradient(145deg,#fff,var(--surface))}._front_tnvz0_1:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:var(--set-color)}._front_tnvz0_1 small{position:absolute;top:.45rem;right:.55rem;font-weight:900;color:var(--set-color)}._front_tnvz0_1>b{font:800 clamp(1.1rem,2.4vw,2.1rem) var(--font-family-display)}._front_tnvz0_1>span{font-size:.72rem;color:var(--muted-foreground)}._back_tnvz0_1{background:var(--set-color);color:#fff}._back_tnvz0_1>span{font-size:3rem;line-height:1}._back_tnvz0_1>b{font:900 1.3rem/.9 var(--font-family-display);letter-spacing:.04em}._back_tnvz0_1>small{font-size:.58rem;letter-spacing:.12em}._backSheet_tnvz0_1{background:#f2f3f5}@media(max-width:800px){._toolbar_tnvz0_1{align-items:flex-start;flex-direction:column}._instructions_tnvz0_1{flex-direction:column}._cardGrid_tnvz0_1{grid-template-columns:repeat(2,1fr)}}@media print{._printRoot_tnvz0_1{position:absolute;inset:0;width:100%;display:block;background:#fff;z-index:99999}._printSheet_tnvz0_1{border:0;box-shadow:none;border-radius:0;padding:8mm;page-break-after:always}._printSheet_tnvz0_1>header{font-size:9pt}._cardGrid_tnvz0_1{grid-template-columns:repeat(3,1fr);gap:3mm}._cardGrid_tnvz0_1 article{border-radius:3mm;padding:4mm;break-inside:avoid}._front_tnvz0_1>b{font-size:19pt}._front_tnvz0_1>span{font-size:8pt}._back_tnvz0_1>b{font-size:16pt}._back_tnvz0_1>span{font-size:28pt}}._page_1cs4w_1{max-width:1240px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 6rem}._head_1cs4w_1>span{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:var(--primary)}._head_1cs4w_1 h1{font:800 clamp(3rem,8vw,6rem)/.9 var(--font-family-display);letter-spacing:-.05em;margin:.5rem 0 1rem}._head_1cs4w_1 p{max-width:800px;font-size:1.05rem;line-height:1.65;color:var(--muted-foreground)}._textNote_1cs4w_1{display:flex;gap:.9rem;align-items:flex-start;margin:1.5rem 0;padding:1rem 1.2rem;background:#fff3d7;border-left:5px solid var(--warning);border-radius:0 14px 14px 0}._textNote_1cs4w_1 svg{flex:0 0 22px;color:var(--primary)}._textNote_1cs4w_1 p{margin:.25rem 0 0;line-height:1.5}._songNav_1cs4w_1{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:1.5rem 0}._songNav_1cs4w_1 button{display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;text-align:left;padding:.8rem;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--foreground);cursor:pointer}._songNav_1cs4w_1 button:hover,._songNav_1cs4w_1 ._active_1cs4w_1{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}._songNav_1cs4w_1 button>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);font-size:.7rem;font-weight:900}._songNav_1cs4w_1 ._active_1cs4w_1>span{background:var(--primary);color:#fff}._songNav_1cs4w_1 b{font-size:.9rem;line-height:1.15}._songNav_1cs4w_1 small{color:var(--muted-foreground)}._toolbar_1cs4w_1{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:var(--foreground);color:#fff;border-radius:20px 20px 0 0}._toolbar_1cs4w_1 small{font-weight:900;letter-spacing:.12em;color:var(--secondary)}._toolbar_1cs4w_1 h2{font:800 2.2rem var(--font-family-display);margin:.1rem 0}._toolbar_1cs4w_1 span{color:#cbd4df}._lesson_1cs4w_1{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.2rem;background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow)}._lesson_1cs4w_1>section{padding:1rem;border-radius:14px;background:var(--surface)}._lesson_1cs4w_1 h3{display:flex;align-items:center;gap:.4rem;margin:0 0 .45rem;font:800 1.1rem var(--font-family-display)}._lesson_1cs4w_1 h3 svg{width:18px}._lesson_1cs4w_1 p{margin:0;line-height:1.55}._lyric_1cs4w_1{grid-column:1/-1;background:#e8f7f3!important;border-left:6px solid var(--primary)}._lyric_1cs4w_1 small{font-weight:900;letter-spacing:.12em;color:var(--primary)}._lyric_1cs4w_1 blockquote{margin:.45rem 0;font:800 clamp(1.5rem,3vw,2.5rem)/1.2 var(--font-family-display)}._lyric_1cs4w_1 a{color:var(--primary);font-weight:800}._lesson_1cs4w_1 ol{display:grid;gap:.55rem;padding:0;margin:0;list-style:none}._lesson_1cs4w_1 li{display:flex;gap:.6rem;line-height:1.45}._lesson_1cs4w_1 li>b{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--foreground);color:#fff;font-size:.7rem}._roles_1cs4w_1{display:flex;gap:.45rem;flex-wrap:wrap}._roles_1cs4w_1 span{padding:.45rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:800}._learning_1cs4w_1{grid-column:1/-1;background:#fff6df!important}._learning_1cs4w_1 footer{display:flex;gap:.6rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e7ca88}._learning_1cs4w_1 footer b{color:var(--primary);white-space:nowrap}._variants_1cs4w_1{margin-top:2rem}._variants_1cs4w_1>header span{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--primary)}._variants_1cs4w_1>header h2{font:800 clamp(1.8rem,4vw,3rem)/1 var(--font-family-display);max-width:720px;margin:.35rem 0 1rem}._variants_1cs4w_1>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}._variants_1cs4w_1 article{position:relative;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:16px}._variants_1cs4w_1 article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--secondary);font-weight:900}._variants_1cs4w_1 h3{font:800 1rem var(--font-family-display);margin:.8rem 0 .4rem}._variants_1cs4w_1 p{font-size:.9rem;line-height:1.45;margin:0}._printFoot_1cs4w_1{display:none}@media(max-width:900px){._songNav_1cs4w_1{grid-template-columns:repeat(2,1fr)}._variants_1cs4w_1>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){._songNav_1cs4w_1,._lesson_1cs4w_1,._variants_1cs4w_1>div{grid-template-columns:1fr}._toolbar_1cs4w_1{align-items:flex-start;flex-direction:column}._learning_1cs4w_1,._lyric_1cs4w_1{grid-column:auto}._learning_1cs4w_1 footer{flex-direction:column}._head_1cs4w_1 h1{font-size:3.2rem}}@media print{._page_1cs4w_1{padding:0;max-width:none}._page_1cs4w_1>._head_1cs4w_1,._textNote_1cs4w_1,._songNav_1cs4w_1,._variants_1cs4w_1{display:none}._toolbar_1cs4w_1{border-radius:0;padding:8mm;color:#111;background:#fff;border-bottom:2px solid #111}._toolbar_1cs4w_1 button{display:none}._toolbar_1cs4w_1 small,._toolbar_1cs4w_1 span{color:#444}._lesson_1cs4w_1{box-shadow:none;border:0;border-radius:0;padding:8mm;gap:5mm}._lesson_1cs4w_1>section{break-inside:avoid;border:1px solid #bbb;background:#fff!important}._lyric_1cs4w_1{border-left:5px solid #111}._printFoot_1cs4w_1{display:block;padding:5mm 8mm;border-top:1px solid #999;font-size:9pt}}._workshop_nz1bi_1{margin-top:2rem;padding:clamp(1rem,3vw,2rem);background:#172334;color:#fff;border-radius:24px}._workshop_nz1bi_1>header{display:flex;justify-content:space-between;gap:1rem}._workshop_nz1bi_1>header span,._controls_nz1bi_1 small,._visual_nz1bi_1 small,._jam_nz1bi_1 small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--secondary)}._workshop_nz1bi_1>header h2{font:800 clamp(2rem,4vw,3.5rem)/1 var(--font-family-display);margin:.35rem 0}._workshop_nz1bi_1>header p{max-width:760px;color:#c7d0dc;line-height:1.55}._workshop_nz1bi_1>header>b{display:grid;place-items:center;width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:var(--secondary);color:#172334;font:900 1rem var(--font-family-display)}._controls_nz1bi_1{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:.6rem;margin:1.2rem 0}._controls_nz1bi_1 section{padding:.8rem;background:#ffffff0d;border:1px solid #ffffff1b;border-radius:14px}._controls_nz1bi_1 section>div{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}._scaleChoices_nz1bi_1{grid-column:1/-1}._scaleChoices_nz1bi_1>div{display:grid!important;grid-template-columns:150px 1fr;align-items:center;gap:.55rem;margin-top:.55rem}._scaleChoices_nz1bi_1>div>b{font-size:.58rem;letter-spacing:.1em;color:#aeb8c6}._scaleChoices_nz1bi_1>div>section{display:flex;flex-wrap:wrap;gap:.35rem}._scaleFact_nz1bi_1{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.3rem 0 .75rem;padding:.75rem 1rem;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1b}._scaleFact_nz1bi_1 b{color:var(--secondary)}._scaleFact_nz1bi_1 span{color:#c7d0dc;font-size:.82rem}._noteStrip_nz1bi_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.5rem}._noteStrip_nz1bi_1>button{position:relative;border:0;cursor:pointer;font-family:inherit;transition:.16s;display:grid;place-items:center;min-height:92px;background:#fff;color:#172334;border-radius:14px}._noteStrip_nz1bi_1 small{font-size:.55rem;font-weight:900;letter-spacing:.08em;color:#687386}._noteStrip_nz1bi_1 b{font:900 2rem var(--font-family-display)}._noteStrip_nz1bi_1 em{position:absolute;right:.5rem;top:.4rem;font-style:normal;font-size:.65rem}._noteStrip_nz1bi_1>button:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0004}._sampleStatus_nz1bi_1{margin:.55rem 0 0;color:#bdc7d6;font-size:.78rem;text-align:center}._noteStrip_nz1bi_1 ._root_nz1bi_1{background:var(--secondary);box-shadow:inset 0 -6px 0 var(--primary)}._noteStrip_nz1bi_1 ._playingNote_nz1bi_1{background:#fff38a!important;color:#172334;transform:translateY(-5px) scale(1.04);box-shadow:0 0 0 4px #fff,0 0 24px #ffe94f,0 9px 22px #0006;animation:_notePulse_nz1bi_1 .42s ease-in-out infinite alternate}._randomLab_nz1bi_1{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#24354b,#1b2a3d);border:1px solid #ffffff26;border-radius:18px}._randomLab_nz1bi_1>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}._randomLab_nz1bi_1>header small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--secondary)}._randomLab_nz1bi_1>header h3{margin:.25rem 0;font:800 1.35rem var(--font-family-display)}._randomLab_nz1bi_1>header p{margin:0;max-width:680px;color:#c7d0dc;font-size:.84rem;line-height:1.45}._randomLab_nz1bi_1>header>svg{width:34px;height:34px;color:var(--secondary)}._randomSequence_nz1bi_1{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;margin:1rem 0}._randomSequence_nz1bi_1>button{position:relative;min-height:70px;border:1px solid #ffffff2b;border-radius:12px;background:#fff;color:#172334;cursor:pointer;transition:.16s}._randomSequence_nz1bi_1 small{position:absolute;top:.3rem;left:.45rem;color:#748092;font-size:.58rem;font-weight:900}._randomSequence_nz1bi_1 b{font:900 1.55rem var(--font-family-display)}._randomSequence_nz1bi_1>button:hover{transform:translateY(-2px)}._randomSequence_nz1bi_1 ._randomActive_nz1bi_1{background:#fff15a;border-color:#ff8a48;box-shadow:0 0 0 3px #ff8a48,0 0 20px #ffd84d;transform:translateY(-4px) scale(1.03)}._randomLab_nz1bi_1>footer{display:flex;gap:.55rem;flex-wrap:wrap}._randomHint_nz1bi_1{margin:.75rem 0 0;color:#aebbd0;font-size:.76rem;line-height:1.45}._visual_nz1bi_1{margin-top:1rem;padding:1rem;background:#fffdf8;color:#172334;border-radius:18px;overflow:auto}._visual_nz1bi_1>header{display:flex;justify-content:space-between;gap:1rem;align-items:end}._visual_nz1bi_1 h3{font:800 1.5rem var(--font-family-display);margin:.2rem 0}._visual_nz1bi_1>header>span{max-width:360px;color:#687386;font-size:.82rem}._fretboard_nz1bi_1{min-width:780px;margin-top:1rem;padding:.65rem;background:#66462d;border-radius:10px}._fretNumbers_nz1bi_1,._string_nz1bi_1{display:grid;grid-template-columns:42px repeat(13,1fr);align-items:center}._fretNumbers_nz1bi_1{color:#f4dfb9;font-size:.6rem;text-align:center}._string_nz1bi_1{height:36px}._string_nz1bi_1>strong{color:#fff}._string_nz1bi_1>i{position:relative;height:100%;display:grid;place-items:center;border-right:2px solid #967451;background:linear-gradient(transparent 48%,#ddc58f 48% 54%,transparent 54%);font-style:normal}._string_nz1bi_1 i span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:.62rem;font-weight:900}._string_nz1bi_1 i[role=button],._piano_nz1bi_1 span[role=button]{cursor:pointer}._string_nz1bi_1 i[role=button]:hover span,._piano_nz1bi_1 span[role=button]:hover{transform:scale(1.08)}._scaleOn_nz1bi_1 span,._piano_nz1bi_1 ._scaleOn_nz1bi_1{background:#e8cf74!important;color:#172334!important}._rootOn_nz1bi_1 span,._piano_nz1bi_1 ._rootOn_nz1bi_1{background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 3px var(--secondary)}._notePlaying_nz1bi_1 span,._piano_nz1bi_1 ._notePlaying_nz1bi_1{background:#fff15a!important;color:#172334!important;box-shadow:0 0 0 4px #ff8a48,0 0 24px #ffd84d!important;transform:scale(1.13);z-index:5;animation:_notePulse_nz1bi_1 .42s ease-in-out infinite alternate}@keyframes _notePulse_nz1bi_1{0%{filter:brightness(1);opacity:.88}to{filter:brightness(1.18);opacity:1}}._piano_nz1bi_1{display:flex;position:relative;min-width:720px;height:190px;margin-top:1rem;padding:0 .4rem .5rem;background:#212a37;gap:2px;border-radius:12px}._piano_nz1bi_1>span{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;background:#fff;border-radius:0 0 6px 6px}._piano_nz1bi_1>span._black_nz1bi_1{height:60%;margin-inline:-2.3%;z-index:2;background:#17202c;color:#fff}._piano_nz1bi_1 b{font-size:.72rem}._jam_nz1bi_1{display:grid;grid-template-columns:minmax(250px,1fr) auto auto auto auto;gap:.7rem;align-items:center;margin-top:1rem;padding:1rem;background:#ffffff0d;border:1px solid #ffffff1b;border-radius:16px}._jamKey_nz1bi_1{display:grid;gap:.35rem}._jamKey_nz1bi_1>div{display:flex;gap:.22rem}._jamKey_nz1bi_1 button{width:27px;height:27px;border:1px solid #ffffff38;border-radius:7px;background:transparent;color:#fff;font-weight:800;cursor:pointer}._jamKey_nz1bi_1 button:hover{border-color:var(--secondary)}._jamKey_nz1bi_1 ._jamKeyOn_nz1bi_1{background:var(--secondary);border-color:var(--secondary);color:#172334}._jam_nz1bi_1>div:first-child{display:flex;align-items:center;gap:.8rem}._jam_nz1bi_1>div:first-child>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--primary)}._jam_nz1bi_1 h3{font:800 1.25rem var(--font-family-display);margin:.2rem 0}._jam_nz1bi_1 p{margin:0;color:#b8c2d0;font-size:.8rem}._jamTempo_nz1bi_1{display:flex;align-items:center;gap:.3rem}._jamTempo_nz1bi_1 button{width:32px;height:32px;border-radius:50%;border:1px solid #ffffff38;background:transparent;color:#fff;font-size:1.1rem}._jamTempo_nz1bi_1 b{display:grid;text-align:center;min-width:48px}._jamTempo_nz1bi_1 small{font-size:.5rem;color:#aeb8c6}._pulse_nz1bi_1{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;margin-top:.55rem}._pulse_nz1bi_1 i{display:grid;place-items:center;height:6px;overflow:hidden;border-radius:99px;background:#ffffff1a;color:transparent;font-size:.55rem}._pulse_nz1bi_1 ._pulseOn_nz1bi_1{height:24px;background:var(--secondary);color:#172334;font-style:normal;font-weight:900}._teacherNotesToggle_nz1bi_1{display:flex;justify-content:flex-end;margin-top:1rem}._teacherNotesToggle_nz1bi_1 button{gap:.45rem}._teacherNotesToggle_nz1bi_1 svg:last-child{width:16px}._workshop_nz1bi_1>aside{margin-top:.6rem;padding:1rem;background:#ffffff0d;border-left:5px solid var(--secondary);line-height:1.5}._workshop_nz1bi_1>aside p{margin:.3rem 0;color:#c7d0dc}@media(max-width:800px){._workshop_nz1bi_1>header{flex-direction:column}._workshop_nz1bi_1>header>b{width:70px;height:70px;flex-basis:70px}._controls_nz1bi_1{grid-template-columns:1fr}._scaleChoices_nz1bi_1>div{grid-template-columns:1fr}._scaleFact_nz1bi_1{align-items:flex-start;flex-direction:column}._visual_nz1bi_1>header{align-items:flex-start;flex-direction:column}._jam_nz1bi_1{grid-template-columns:1fr 1fr}._jam_nz1bi_1>div:first-child{grid-column:1/-1}._noteStrip_nz1bi_1>button{min-height:72px}._noteStrip_nz1bi_1 b{font-size:1.35rem}}@media(max-width:520px){._randomSequence_nz1bi_1{grid-template-columns:repeat(4,1fr)}._randomSequence_nz1bi_1>button{min-height:58px}._randomLab_nz1bi_1>footer>*{width:100%}._noteStrip_nz1bi_1{gap:.2rem}._noteStrip_nz1bi_1 small{display:none}._jam_nz1bi_1{grid-template-columns:1fr}._jam_nz1bi_1 button{width:100%}._jamTempo_nz1bi_1{justify-content:center}}._page_1qacx_1{padding:clamp(1rem,4vw,3.5rem);max-width:1440px;margin:auto;color:var(--foreground)}._page_1qacx_1>header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,4vw,3rem);border-radius:26px;background:linear-gradient(135deg,#17384a,#255b68);color:#fff}._page_1qacx_1>header span{font-size:.7rem;font-weight:900;letter-spacing:.15em;color:#f2c96d}._page_1qacx_1>header h1{font:800 clamp(2.1rem,5vw,4.5rem)/.95 var(--font-family-display);margin:.45rem 0}._page_1qacx_1>header p{max-width:760px;color:#d9e8e9;line-height:1.6}._page_1qacx_1>header>svg{width:100px;height:100px;color:#f2c96d}._page_1qacx_1>nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}._notice_1qacx_1{display:flex;gap:.8rem;align-items:center;padding:1rem 1.2rem;border:1px solid #d8c88d;background:#fff8dd;border-radius:15px}._notice_1qacx_1 svg{color:#7a651c}._notice_1qacx_1 div{display:grid;gap:.15rem}._notice_1qacx_1 span{font-size:.85rem;color:#665d42;line-height:1.5}._notice_1qacx_1 nav{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}._notice_1qacx_1 nav a{display:flex;align-items:center;gap:.3rem;padding:.42rem .6rem;border-radius:8px;background:#fff;border:1px solid #d8c88d;color:#635014;font-size:.76rem;font-weight:900;text-decoration:none}._notice_1qacx_1 nav svg{width:13px;height:13px}._grid_1qacx_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.2rem}._grid_1qacx_1 article{display:flex;flex-direction:column;min-height:270px;padding:1.1rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 26px #23333b10}._grid_1qacx_1 article>header{display:flex;gap:.7rem}._grid_1qacx_1 article>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#17384a;color:#fff;font-weight:900}._grid_1qacx_1 small{color:#747b7d;font-size:.7rem;font-weight:800}._grid_1qacx_1 h2{font:800 1.35rem var(--font-family-display);margin:.15rem 0}._grid_1qacx_1 article>p{color:#687276}._focus_1qacx_1{display:flex;align-items:center;gap:.5rem;margin:.3rem 0 1rem;padding:.65rem;background:#eef6f4;border-radius:10px;font-size:.84rem}._focus_1qacx_1 svg{width:17px;color:#b34b39}._grid_1qacx_1 footer{display:grid;gap:.45rem;margin-top:auto}._grid_1qacx_1 footer a,._page_1qacx_1>aside a{display:flex;align-items:center;gap:.4rem;color:#17384a;font-weight:800;text-decoration:none}._unavailable_1qacx_1{display:flex;align-items:center;gap:.4rem;padding:.65rem .75rem;border:1px dashed #c8c2b0;border-radius:9px;background:#f7f4ea;color:#746d59;font-size:.75rem;font-weight:700}._unavailable_1qacx_1 svg{width:15px;height:15px;flex:0 0 15px}._grid_1qacx_1 footer a{padding:.65rem .75rem;border:1px solid #d7dedf;border-radius:9px}._grid_1qacx_1 footer a:hover{border-color:#b34b39;color:#b34b39}._grid_1qacx_1 footer svg,._page_1qacx_1>aside a svg{width:16px;height:16px}._grid_1qacx_1 footer a svg:last-child{margin-left:auto;width:13px}._page_1qacx_1>aside{margin-top:1.2rem;padding:1.2rem;border-left:5px solid #b34b39;background:#fff8ef;border-radius:0 14px 14px 0}._page_1qacx_1>aside p{line-height:1.55;color:#596164}@media(max-width:650px){._page_1qacx_1>header{align-items:flex-start}._page_1qacx_1>header>svg{width:58px;height:58px}._grid_1qacx_1{grid-template-columns:1fr}}._page_a35rk_1{padding:clamp(1rem,4vw,3.5rem);max-width:1440px;margin:auto}._page_a35rk_1>header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,4vw,3rem);border-radius:26px;background:linear-gradient(135deg,#2b1d38,#6b3348);color:#fff}._page_a35rk_1>header span{font-size:.7rem;font-weight:900;letter-spacing:.15em;color:#f1c76c}._page_a35rk_1>header h1{font:800 clamp(2.1rem,5vw,4.5rem)/.95 var(--font-family-display);margin:.45rem 0}._page_a35rk_1>header p{max-width:760px;color:#f0dfe5;line-height:1.6}._page_a35rk_1>header>svg{width:100px;height:100px;color:#f1c76c}._page_a35rk_1>nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0}._method_a35rk_1{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;border-radius:15px;background:#fff4d7;border:1px solid #ead498}._method_a35rk_1>svg{color:#8a631c}._method_a35rk_1 div{display:grid;gap:.15rem}._method_a35rk_1 span{font-size:.86rem;color:#645b47}._rights_a35rk_1{display:flex;align-items:flex-start;gap:.85rem;margin-top:.65rem;padding:1rem 1.2rem;border-radius:15px;background:#eef6f4;border:1px solid #c9ded8}._rights_a35rk_1>svg{color:#347466;flex:0 0 22px}._rights_a35rk_1 div{display:grid;gap:.2rem}._rights_a35rk_1 span{font-size:.84rem;line-height:1.5;color:#4f6661}._rights_a35rk_1 nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}._rights_a35rk_1 nav a{display:flex;align-items:center;gap:.3rem;padding:.4rem .58rem;border:1px solid #b9d2cb;border-radius:8px;background:#fff;color:#285f54;font-size:.74rem;font-weight:900;text-decoration:none}._rights_a35rk_1 nav svg{width:13px;height:13px}._grid_a35rk_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;margin-top:1.2rem}._grid_a35rk_1 article{display:flex;flex-direction:column;min-height:390px;padding:1.1rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 9px 28px #2b1d380e}._grid_a35rk_1 article>header{display:flex;gap:.7rem}._grid_a35rk_1 article>header>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#6b3348;color:#fff;font-weight:900}._grid_a35rk_1 small{color:#7a6c74;font-size:.72rem;font-weight:800}._grid_a35rk_1 h2{font:800 1.4rem var(--font-family-display);margin:.12rem 0}._grid_a35rk_1 dl{display:grid;gap:.65rem;margin:1rem 0}._grid_a35rk_1 dl>div{display:grid;gap:.15rem;padding-bottom:.55rem;border-bottom:1px solid #eee7ea}._grid_a35rk_1 dt{font-size:.58rem;font-weight:900;letter-spacing:.1em;color:#9b6b3a}._grid_a35rk_1 dd{margin:0;color:#42474a;font-size:.88rem;line-height:1.4}._goals_a35rk_1{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}._goals_a35rk_1 span{padding:.3rem .55rem;border-radius:99px;background:#f0e7f1;color:#5a315b;font-size:.68rem;font-weight:900}._grid_a35rk_1 footer{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:auto}._grid_a35rk_1 footer a{display:flex;align-items:center;gap:.35rem;padding:.65rem;border:1px solid #ddd2d8;border-radius:9px;color:#542b45;font-size:.78rem;font-weight:800;text-decoration:none}._unavailable_a35rk_1{display:flex;align-items:center;gap:.35rem;padding:.65rem;border:1px dashed #c9bdc4;border-radius:9px;background:#f7f3f5;color:#776b72;font-size:.72rem;font-weight:700}._unavailable_a35rk_1 svg{width:15px;height:15px;flex:0 0 15px}._grid_a35rk_1 footer a:hover{border-color:#6b3348;background:#fff8fb}._grid_a35rk_1 footer svg{width:15px;height:15px}._grid_a35rk_1 footer a svg:last-child{margin-left:auto;width:12px}._page_a35rk_1>aside{display:flex;gap:.9rem;margin-top:1.2rem;padding:1.2rem;background:#f5f0f7;border-left:5px solid #6b3348;border-radius:0 14px 14px 0}._page_a35rk_1>aside>svg{color:#6b3348;flex:0 0 24px}._page_a35rk_1>aside p{line-height:1.55;color:#58505a}._page_a35rk_1>aside a{display:flex;align-items:center;gap:.4rem;color:#542b45;font-weight:800;text-decoration:none}._page_a35rk_1>aside a svg{width:14px}@media(max-width:650px){._page_a35rk_1>header{align-items:flex-start}._page_a35rk_1>header>svg{width:58px;height:58px}._grid_a35rk_1{grid-template-columns:1fr}._grid_a35rk_1 footer{grid-template-columns:1fr}}@layer base{._input_1pney_2{font-family:var(--font-family-base);font-size:1rem;line-height:1.5;color:var(--foreground);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);width:100%;transition:border-color var(--animation-duration-normal) ease,background-color var(--animation-duration-normal) ease,box-shadow var(--animation-duration-normal) ease,transform var(--animation-duration-fast) ease;outline:none;height:2.5rem;box-shadow:inset 0 1px 2px #00000005,0 1px #ffffff4d}._input_1pney_2::placeholder{color:var(--muted-foreground);opacity:.7}._input_1pney_2:hover{border-color:color-mix(in srgb,var(--primary) 80%,transparent);background-color:color-mix(in srgb,var(--card) 98%,var(--primary) 2%);box-shadow:inset 0 1px 2px #00000005,0 2px 4px #0000000d}._input_1pney_2:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent),0 2px 4px #0000000d;background-color:var(--card)}._input_1pney_2:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.75;box-shadow:none;transform:none}.dark ._input_1pney_2{background-color:color-mix(in srgb,var(--background) 80%,black);box-shadow:inset 0 1px 2px #0000001a,0 1px #ffffff0d}.dark ._input_1pney_2:hover{background-color:color-mix(in srgb,var(--background) 75%,black);border-color:color-mix(in srgb,var(--primary) 90%,white);box-shadow:inset 0 1px 2px #0000001a,0 2px 4px #00000026}.dark ._input_1pney_2:focus{background-color:color-mix(in srgb,var(--background) 80%,black);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent),0 2px 4px #00000026}}._page_da5cq_1{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 6rem}._hero_da5cq_1{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end;margin-bottom:2rem}._hero_da5cq_1>div>span,._videoSection_da5cq_1 header span{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--primary)}._hero_da5cq_1 h1{font:800 clamp(3rem,7vw,6rem)/.9 var(--font-family-display);letter-spacing:-.05em;margin:.5rem 0 1rem}._hero_da5cq_1 p,._videoSection_da5cq_1 header p{max-width:700px;line-height:1.6;color:var(--muted-foreground)}._tubeMark_da5cq_1{display:flex;align-items:end;justify-content:center;gap:6px;min-height:220px;padding:1.4rem;background:#202a38;border-radius:24px;overflow:hidden}._tubeMark_da5cq_1 i{display:flex;align-items:flex-start;justify-content:center;width:11%;min-width:24px;padding-top:.5rem;border-radius:999px;box-shadow:inset -5px 0 #0002,0 5px #0002;font-style:normal}._tubeMark_da5cq_1 b{font:900 .8rem var(--font-family-display)}._guideGrid_da5cq_1{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._guideGrid_da5cq_1>article,._rules_da5cq_1,._videoSection_da5cq_1{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow)}._guideGrid_da5cq_1>article>span{font:900 .72rem var(--font-family-monospace);color:var(--primary)}._guideGrid_da5cq_1 h2,._rules_da5cq_1 h2,._videoSection_da5cq_1 h2{font:800 clamp(1.8rem,4vw,3rem) var(--font-family-display);margin:.35rem 0 .7rem}._guideGrid_da5cq_1>article>p{line-height:1.6;color:var(--muted-foreground)}._tubes_da5cq_1{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;margin:1.2rem 0}._tubes_da5cq_1 button{display:grid;gap:.3rem;padding:0;border:0;background:transparent;text-align:center;cursor:pointer;transition:.15s}._tubes_da5cq_1 button:hover,._tubes_da5cq_1 ._tubeActive_da5cq_1{transform:translateY(-6px) scale(1.04)}._tubes_da5cq_1 ._tubeActive_da5cq_1 i{box-shadow:0 0 0 5px var(--secondary),inset -4px 0 #0002}._tubes_da5cq_1 i{display:grid;place-items:center;height:95px;border-radius:999px;font-style:normal;font-weight:950;box-shadow:inset -4px 0 #0002}._tubes_da5cq_1 small{font-size:.6rem;color:var(--muted-foreground)}._guideGrid_da5cq_1 aside{padding:1rem;background:#fff0cf;border-left:5px solid var(--warning);line-height:1.5}._guideGrid_da5cq_1 ol{display:grid;gap:.55rem;padding:0;margin:1rem 0;list-style:none}._guideGrid_da5cq_1 li{display:flex;gap:.8rem;padding:.7rem;background:var(--surface);border-radius:12px}._guideGrid_da5cq_1 li>b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--secondary)}._guideGrid_da5cq_1 li strong{font-size:.95rem}._guideGrid_da5cq_1 li p{margin:.15rem 0 0;color:var(--muted-foreground);font-size:.84rem;line-height:1.4}._rules_da5cq_1{margin-top:1rem}._rules_da5cq_1>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}._rules_da5cq_1 p{display:grid;gap:.3rem;margin:0;padding:1rem;background:var(--surface);border-radius:14px}._rules_da5cq_1 span{color:var(--muted-foreground);font-size:.85rem;line-height:1.45}._videoSection_da5cq_1{margin-top:1rem}._videoSection_da5cq_1>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}._videoSection_da5cq_1>header label{display:flex;align-items:center;gap:.5rem;min-width:min(360px,100%);padding-left:.7rem;border:1px solid var(--border);border-radius:12px;background:var(--background)}._videoSection_da5cq_1>header label svg{width:18px;color:var(--muted-foreground)}._videoSection_da5cq_1>header label input{border:0;box-shadow:none}._videoGrid_da5cq_1{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}._videoGrid_da5cq_1 article{display:flex;flex-direction:column;min-height:225px;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}._videoIcon_da5cq_1{display:flex;align-items:center;justify-content:space-between}._videoIcon_da5cq_1 svg{color:var(--primary)}._videoIcon_da5cq_1 span{font:900 .72rem var(--font-family-monospace);color:var(--muted-foreground)}._videoGrid_da5cq_1 article>small{margin-top:1rem;color:var(--primary);font-weight:900;text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}._videoGrid_da5cq_1 h3{font:800 1.15rem var(--font-family-display);margin:.25rem 0}._videoGrid_da5cq_1 article>p{margin:0 0 1rem;color:var(--muted-foreground);font-size:.72rem;line-height:1.35}._videoGrid_da5cq_1 a{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:auto;padding:.65rem;border-radius:10px;background:var(--foreground);color:#fff;text-decoration:none;font-weight:850;font-size:.8rem}._videoGrid_da5cq_1 a:hover{background:var(--primary)}._videoGrid_da5cq_1 a svg{width:15px}._empty_da5cq_1{display:grid;place-items:center;gap:.5rem;padding:3rem;color:var(--muted-foreground)}._practice_da5cq_1{margin-top:1rem;padding:clamp(1rem,3vw,2rem);background:#202a38;color:#fff;border-radius:24px;box-shadow:var(--shadow-md)}._practice_da5cq_1>header{display:flex;align-items:end;justify-content:space-between;gap:1rem}._practice_da5cq_1>header>div>span{font-size:.7rem;font-weight:900;letter-spacing:.15em;color:var(--secondary)}._practice_da5cq_1 h2{font:800 clamp(2rem,4vw,3.6rem) var(--font-family-display);margin:.3rem 0}._practice_da5cq_1 header p{max-width:700px;color:#cbd2dc;line-height:1.55}._practiceTempo_da5cq_1{display:grid;grid-template-columns:36px 70px 36px;gap:.35rem;align-items:center}._practiceTempo_da5cq_1>small{grid-column:1/-1;text-align:center;color:#aeb8c6;font-size:.6rem;font-weight:900}._practiceTempo_da5cq_1>b{display:grid;text-align:center;font:900 1.25rem var(--font-family-display)}._practiceTempo_da5cq_1 em{font:700 .55rem var(--font-family-base);font-style:normal;color:#aeb8c6}._songPicker_da5cq_1{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}._practiceStage_da5cq_1{display:grid;grid-template-columns:230px 1fr;gap:1rem}._currentCue_da5cq_1{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#121923;border:1px solid #ffffff20;border-radius:20px}._currentCue_da5cq_1>i{display:grid;place-items:center;width:82px;height:150px;border-radius:999px;font:950 2rem var(--font-family-display);font-style:normal;box-shadow:inset -8px 0 #0002,0 0 0 7px #ffffff18}._currentCue_da5cq_1>svg{width:50px;height:50px;color:var(--secondary)}._currentCue_da5cq_1>span{font-size:2rem}._currentCue_da5cq_1>b{font:900 1.25rem var(--font-family-display)}._currentCue_da5cq_1>small{color:#aeb8c6}._sequence_da5cq_1{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;align-content:center}._sequence_da5cq_1>span{display:grid;gap:.25rem;padding:.4rem;border:2px solid #ffffff1c;border-radius:10px;opacity:.58;transition:.15s}._sequence_da5cq_1 small{font-size:.55rem;color:#aeb8c6}._sequence_da5cq_1 b{display:grid;place-items:center;min-height:48px;border-radius:7px;background:#4a5360}._sequence_da5cq_1 ._sequenceActive_da5cq_1{opacity:1;transform:scale(1.08);background:#ffffff12;box-shadow:0 0 0 3px var(--secondary)}._sequence_da5cq_1 ._sequenceDone_da5cq_1{opacity:.3}._practiceActions_da5cq_1{display:flex;align-items:center;gap:.6rem;margin-top:1rem}._practiceActions_da5cq_1>span{margin-left:auto;color:#aeb8c6;font-size:.78rem}._tubes_da5cq_1 small{display:flex!important;align-items:center;justify-content:center;gap:.15rem}._tubes_da5cq_1 small svg{width:11px}@media(max-width:900px){._practice_da5cq_1>header{align-items:flex-start;flex-direction:column}._practiceStage_da5cq_1{grid-template-columns:1fr}._currentCue_da5cq_1{min-height:190px}._sequence_da5cq_1{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){._practiceActions_da5cq_1{align-items:stretch;flex-direction:column}._practiceActions_da5cq_1>span{margin-left:0}}@media(max-width:900px){._videoGrid_da5cq_1{grid-template-columns:repeat(2,1fr)}._hero_da5cq_1,._guideGrid_da5cq_1{grid-template-columns:1fr}._tubeMark_da5cq_1{min-height:170px}._rules_da5cq_1>div{grid-template-columns:1fr}._videoSection_da5cq_1>header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){._videoGrid_da5cq_1{grid-template-columns:1fr}._tubes_da5cq_1{grid-template-columns:repeat(4,1fr)}}@layer base{._textarea_1d2bj_2{padding:var(--spacing-2);width:100%;min-height:6rem;resize:vertical}._textarea_1d2bj_2::placeholder{color:var(--muted-foreground)}._noResize_1d2bj_13{resize:none}._clear_1d2bj_17{background-color:transparent;border:none;padding:0;box-shadow:none;border-radius:0}._clear_1d2bj_17:hover,._clear_1d2bj_17:focus{background-color:transparent;border:none;box-shadow:none}}@layer base{._selectTrigger_tasot_2{display:flex;align-items:center;justify-content:space-between;height:2.5rem;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;overflow:hidden;>*:not(svg){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}._selectTrigger_tasot_2[data-placeholder]{color:var(--muted-foreground)}._selectIcon_tasot_22{height:1rem;width:1rem;color:var(--muted-foreground);margin-left:var(--spacing-2);transition:transform var(--animation-duration-normal) ease}._selectTrigger_tasot_2[data-state=open] ._selectIcon_tasot_22{transform:rotate(180deg)}._selectContent_tasot_34{z-index:var(--z-overlay);max-height:var(--radix-select-content-available-height);min-width:12rem;max-width:24rem;overflow:hidden;background-color:var(--popup);color:var(--popup-foreground);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);animation:_scaleIn_tasot_1 var(--animation-duration-normal) ease}@keyframes _scaleIn_tasot_1{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}._selectViewport_tasot_59{padding:var(--spacing-2)}._scrollButton_tasot_63{display:flex;align-items:center;justify-content:center;height:var(--spacing-6);background-color:var(--popup);color:var(--popup-foreground);cursor:pointer;border:none;outline:none}._scrollButton_tasot_63:hover ._scrollIcon_tasot_75{color:var(--primary)}._scrollIcon_tasot_75{height:1rem;width:1rem;color:var(--muted-foreground);transition:color var(--animation-duration-fast) ease}._selectLabel_tasot_86{padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:500;color:var(--muted-foreground)}._selectItem_tasot_93{position:relative;display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);padding-right:var(--spacing-8);font-size:.9375rem;line-height:1.5;border-radius:var(--radius-sm);color:var(--popup-foreground);user-select:none;outline:none;cursor:pointer;transition:background-color var(--animation-duration-fast) ease,color var(--animation-duration-fast) ease}._selectItem_tasot_93:hover{background-color:var(--primary);color:var(--primary-foreground)}._selectItem_tasot_93:focus-visible{background-color:var(--primary);color:var(--primary-foreground)}._selectItem_tasot_93[data-disabled]{color:var(--muted-foreground);opacity:.5;pointer-events:none}._selectItemIndicator_tasot_127{position:absolute;right:var(--spacing-3);display:flex;align-items:center;justify-content:center}._checkIcon_tasot_135{height:1rem;width:1rem;color:currentColor}._selectSeparator_tasot_141{height:1px;background-color:var(--border);margin:var(--spacing-2) var(--spacing-1)}}._login_b824i_1,._page_b824i_1{max-width:1180px;margin:auto;padding:3rem 1.2rem 5rem}._login_b824i_1{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;min-height:72vh}._login_b824i_1>div>span,._page_b824i_1 header span{font-weight:900;letter-spacing:.12em;color:var(--primary);font-size:.76rem}._login_b824i_1 h1,._page_b824i_1 h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.92;margin:.5rem 0 1rem}._login_b824i_1>div>p,._page_b824i_1 header p{font-size:1.08rem;line-height:1.6;color:var(--muted-foreground)}._login_b824i_1 article{display:grid;gap:1rem;padding:1.5rem;border:2px solid var(--border);border-radius:1.4rem;background:var(--card);box-shadow:var(--shadow-lg)}._roles_b824i_1{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}._login_b824i_1 label,._general_b824i_1{display:grid;gap:.45rem;font-weight:800}._login_b824i_1 select{min-height:2.8rem;padding:0 .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font:inherit;color:var(--foreground)}._login_b824i_1 small{color:var(--muted-foreground);line-height:1.4}._page_b824i_1>header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:2rem}._page_b824i_1>header h1{font-size:clamp(2.5rem,5vw,4.5rem)}._builder_b824i_1{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._builder_b824i_1 article{padding:1rem;border:2px solid var(--border);border-radius:1rem;background:var(--card)}._builder_b824i_1 ._chosen_b824i_1{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,white)}._pick_b824i_1{width:100%;display:grid;grid-template-columns:3rem 1fr;gap:.8rem;align-items:center;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}._pick_b824i_1>b{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--muted);color:var(--primary);font-size:1.4rem}._chosen_b824i_1 ._pick_b824i_1>b{background:var(--primary);color:#fff}._pick_b824i_1 span{display:grid;gap:.2rem}._pick_b824i_1 strong{font-size:1.05rem}._pick_b824i_1 small{color:var(--muted-foreground);line-height:1.35}._builder_b824i_1 textarea{margin-top:.2rem}._specific_b824i_1{display:grid;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}._specific_b824i_1 label{display:grid;gap:.4rem;font-weight:800;font-size:.85rem}._multiPick_b824i_1{display:grid;gap:.45rem}._multiPick_b824i_1>small{color:var(--muted-foreground)}._multiPick_b824i_1>div{display:flex;flex-wrap:wrap;gap:.4rem;max-height:230px;overflow:auto;padding:.25rem}._multiPick_b824i_1 button{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:.65rem;background:var(--background);color:inherit;cursor:pointer;text-align:left}._multiPick_b824i_1 button span{font-weight:900}._multiPick_b824i_1 ._multiOn_b824i_1{border-color:var(--primary);background:var(--muted);font-weight:800}._selectedList_b824i_1{margin:.5rem 0 1rem;padding-left:1.4rem;display:grid;gap:.3rem}._selectedList_b824i_1 li{font-weight:800}._rhythmSlip_b824i_1,._songSlip_b824i_1{display:grid;gap:.2rem;margin:.7rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--muted)}._rhythmSlip_b824i_1>b,._songSlip_b824i_1>b{font-size:.7rem;letter-spacing:.12em}._rhythmSlip_b824i_1>span,._songSlip_b824i_1>span{font-weight:900}._rhythmSlip_b824i_1>small,._songSlip_b824i_1>small{color:var(--muted-foreground)}._rhythmHead_b824i_1{display:flex;justify-content:space-between;gap:1rem;align-items:center}._rhythmHead_b824i_1>b{font-size:.7rem;letter-spacing:.12em}._rhythmHead_b824i_1>span{font-weight:900}._score_b824i_1{overflow:hidden;border:1px solid var(--border);border-radius:.8rem;background:var(--background)}._scoreTop_b824i_1{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-bottom:1px solid var(--border)}._scoreTop_b824i_1 strong{font-family:Georgia,serif;font-size:1.15rem}._scoreTop_b824i_1 span{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground)}._staff_b824i_1{position:relative;min-height:112px;padding:16px 12px 8px}._staff_b824i_1>i{position:absolute;left:12px;right:12px;height:1px;background:color-mix(in srgb,var(--foreground) 55%,transparent)}._staff_b824i_1>i:nth-child(1){top:27px}._staff_b824i_1>i:nth-child(2){top:38px}._staff_b824i_1>i:nth-child(3){top:49px}._staff_b824i_1>i:nth-child(4){top:60px}._staff_b824i_1>i:nth-child(5){top:71px}._beats_b824i_1{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-around;gap:.35rem}._beats_b824i_1>span{display:grid;place-items:center;min-width:48px}._beats_b824i_1 b{display:grid;place-items:center;width:44px;height:66px;font-family:Times New Roman,Georgia,serif;font-size:2.65rem;line-height:1;background:var(--background)}._beats_b824i_1 small{margin-top:8px;padding:.12rem .32rem;border-radius:999px;background:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}._beats_b824i_1 ._restBeat_b824i_1 b{font-size:2.35rem}._vikarTools_b824i_1{display:flex;justify-content:space-between;gap:.7rem}._planTitle_b824i_1{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:1rem;background:var(--primary);color:#fff}._planTitle_b824i_1 em{font-style:normal;font-weight:900;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.45);border-radius:999px}._activityMeta_b824i_1{display:flex;justify-content:space-between;gap:1rem;align-items:center}._activityMeta_b824i_1>b{font-size:.82rem;padding:.25rem .55rem;border-radius:999px;background:var(--muted);white-space:nowrap}._planTitle_b824i_1 b{font-size:1.2rem}._plan_b824i_1 article h2{margin:.15rem 0 .4rem}._plan_b824i_1 article small{font-weight:900;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}._general_b824i_1{margin:1.5rem 0}._actions_b824i_1{position:sticky;bottom:1rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:1rem;background:#fffdf7f5;box-shadow:var(--shadow-lg)}._actions_b824i_1 b{margin-right:auto}._plan_b824i_1{display:grid;gap:1rem}._plan_b824i_1>aside{padding:1.2rem 1.4rem;border-left:6px solid var(--accent);background:var(--card);border-radius:.8rem}._plan_b824i_1>aside p{margin:.4rem 0 0}._plan_b824i_1>article{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.3rem;border:2px solid var(--border);border-radius:1rem;background:var(--card)}._plan_b824i_1>article>span{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;font-size:1.2rem}._plan_b824i_1 h2{margin:.15rem 0}._plan_b824i_1 p{color:var(--muted-foreground)}._plan_b824i_1 blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid var(--accent);background:var(--muted);font-style:normal}._empty_b824i_1{padding:3rem;text-align:center;border:2px dashed var(--border);border-radius:1rem;color:var(--muted-foreground)}._status_b824i_1{margin-bottom:1rem;padding:.9rem 1rem;border-radius:.8rem;background:var(--muted);font-weight:700}._teacherTop_b824i_1{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}._teacherTop_b824i_1>div:first-child{display:grid;grid-template-columns:.65fr 1.35fr;gap:.8rem}._teacherTop_b824i_1 label{display:grid;gap:.4rem;font-weight:800}._saved_b824i_1{display:grid;gap:.4rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--card)}._savedRow_b824i_1{display:grid;grid-template-columns:1fr auto;gap:.4rem}._savedRow_b824i_1 ._editSaved_b824i_1{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--background);text-align:left;cursor:pointer;color:inherit}._savedRow_b824i_1 ._trash_b824i_1{padding:.55rem .7rem;border:1px solid var(--border);border-radius:.7rem;background:var(--background);font-weight:900;cursor:pointer}._saved_b824i_1>button,._planPicker_b824i_1>button{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--background);text-align:left;cursor:pointer;color:inherit}._saved_b824i_1 small,._planPicker_b824i_1 small{color:var(--muted-foreground)}._planPicker_b824i_1{display:grid;gap:.7rem;margin-bottom:1rem}._planPicker_b824i_1>button{grid-template-columns:7rem 1fr 1fr auto;padding:1rem}._planPicker_b824i_1>button:hover,._saved_b824i_1>button:hover{border-color:var(--primary)}@media print{._page_b824i_1{max-width:none;padding:12mm;background:#fff!important;color:#000!important}._page_b824i_1>header,._vikarTools_b824i_1,._plan_b824i_1 button,._status_b824i_1{display:none!important}._plan_b824i_1{gap:6mm}._planTitle_b824i_1{background:#fff!important;color:#000!important;border:2px solid #111;border-radius:0}._plan_b824i_1>aside,._plan_b824i_1>article{break-inside:avoid;background:#fff!important;border-color:#bbb!important;box-shadow:none!important}._plan_b824i_1>article>span{background:#111!important;color:#fff!important}._plan_b824i_1 blockquote{background:#f2f2f2!important}._activityMeta_b824i_1>b{border:1px solid #999;background:#fff!important}._rhythmSlip_b824i_1,._songSlip_b824i_1,._score_b824i_1{background:#fff!important;border-color:#999!important}._scoreTop_b824i_1,._staff_b824i_1,._beats_b824i_1 b{background:#fff!important}._staff_b824i_1>i{background:#555!important}._beats_b824i_1 b{font-size:24pt!important}._beats_b824i_1 small{border:1px solid #bbb;background:#fff!important}._plan_b824i_1 article h2{font-size:16pt}._plan_b824i_1 article p,._plan_b824i_1 article blockquote{font-size:10pt}}@media(max-width:760px){._teacherTop_b824i_1{grid-template-columns:1fr}._teacherTop_b824i_1>div:first-child{grid-template-columns:1fr}._planPicker_b824i_1>button{grid-template-columns:1fr}._login_b824i_1{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem}._builder_b824i_1{grid-template-columns:1fr}._page_b824i_1>header{flex-direction:column}._actions_b824i_1{position:static;flex-wrap:wrap}._actions_b824i_1 b{width:100%}._plan_b824i_1>article{grid-template-columns:2.8rem 1fr}._plan_b824i_1>article>span{width:2.6rem;height:2.6rem}}._page_1dmi4_1{min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-family-base)}._top_1dmi4_1{height:72px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}._top_1dmi4_1 a{display:flex;align-items:center;gap:.55rem;color:var(--foreground);text-decoration:none;font-weight:900;letter-spacing:.08em}._top_1dmi4_1 a svg{color:var(--primary)}._top_1dmi4_1 span{font-size:.82rem;color:var(--muted-foreground);font-weight:650}._hero_1dmi4_1{max-width:1320px;margin:auto;padding:clamp(2.5rem,7vw,6rem) clamp(1rem,4vw,4rem);display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:3rem}._hero_1dmi4_1>div>p:first-child{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--primary)}._hero_1dmi4_1 h1{font:800 clamp(4.6rem,11vw,9rem)/.78 var(--font-family-display);letter-spacing:-.07em;margin:.8rem 0 1.8rem}._hero_1dmi4_1 h1 em{font-style:normal;color:var(--primary)}._lead_1dmi4_1{font-size:1.15rem;line-height:1.65;color:var(--muted-foreground);max-width:560px}._heroMark_1dmi4_1{height:350px;background:var(--foreground);border-radius:50% 50% 8%;color:#fff;position:relative;display:grid;grid-template-columns:1fr 1fr;place-items:center;transform:rotate(3deg);box-shadow:var(--shadow-lg)}._heroMark_1dmi4_1 span{font:800 2rem var(--font-family-display);color:var(--secondary)}._heroMark_1dmi4_1 b{position:absolute;font-size:7rem}._workspace_1dmi4_1{max-width:1320px;margin:0 auto 5rem;padding:0 clamp(1rem,4vw,4rem);display:grid;grid-template-columns:300px 1fr;gap:1rem}._workspace_1dmi4_1>aside{background:var(--foreground);color:#fff;padding:1rem;border-radius:var(--radius-lg)}._workspace_1dmi4_1>aside>p{font-size:.7rem;letter-spacing:.13em;color:#b7c0d0;margin:.4rem}._workspace_1dmi4_1 aside button{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;border:0;border-bottom:1px solid #ffffff18;background:transparent;color:#fff;padding:1rem .7rem;cursor:pointer;border-radius:12px}._workspace_1dmi4_1 aside button>span{font:800 .78rem var(--font-family-monospace);color:var(--secondary)}._workspace_1dmi4_1 aside button div{display:grid}._workspace_1dmi4_1 aside button small{font-size:.63rem;letter-spacing:.1em;color:#b7c0d0}._workspace_1dmi4_1 aside button b{font-size:.98rem;margin-top:.15rem}._workspace_1dmi4_1 aside ._selected_1dmi4_1{background:#ffffff14}._player_1dmi4_1{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.2rem,4vw,2.5rem);box-shadow:var(--shadow)}._playerHead_1dmi4_1{display:flex;justify-content:space-between;gap:1rem}._playerHead_1dmi4_1 small{color:var(--primary);font-weight:900;letter-spacing:.1em}._playerHead_1dmi4_1 h2{font:800 clamp(2.2rem,5vw,4rem)/1 var(--font-family-display);margin:.35rem 0}._tempo_1dmi4_1{display:grid;align-content:start;text-align:right}._tempo_1dmi4_1 span{font-size:.75rem;color:var(--muted-foreground)}._tempo_1dmi4_1 b{font:800 1.35rem var(--font-family-display)}._beats_1dmi4_1{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:2rem 0}._beats_1dmi4_1>div{aspect-ratio:1;display:grid;place-items:center;position:relative;background:var(--surface);border:2px solid transparent;border-radius:22px;transition:.12s}._beats_1dmi4_1 small{position:absolute;top:.7rem;left:.8rem;font-weight:800;color:var(--muted-foreground)}._beats_1dmi4_1 b{font:800 clamp(1.2rem,3vw,2.2rem) var(--font-family-display)}._beats_1dmi4_1 i{position:absolute;bottom:.8rem;width:9px;height:9px;border-radius:50%;background:var(--border)}._beats_1dmi4_1 ._active_1dmi4_1{background:var(--secondary);border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-md)}._beats_1dmi4_1 ._active_1dmi4_1 i{background:var(--primary)}._hint_1dmi4_1{display:flex;gap:.6rem;align-items:center;padding:1rem;background:var(--surface);border-radius:12px;line-height:1.5}._hint_1dmi4_1 svg{color:var(--primary);flex:0 0 22px}._controls_1dmi4_1{display:flex;gap:.6rem;margin:1.3rem 0}._speed_1dmi4_1{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}._speed_1dmi4_1 button{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border);background:var(--background);padding:.8rem;border-radius:12px;cursor:pointer;color:var(--foreground)}._speed_1dmi4_1 button span{display:grid;text-align:left;font-size:.72rem}._speed_1dmi4_1 button b{font-size:1rem}._speedActive_1dmi4_1{border-color:var(--primary)!important;background:#fff0ec!important}._teacher_1dmi4_1{padding:5rem clamp(1rem,6vw,6rem);background:var(--surface)}._teacher_1dmi4_1>span{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--primary)}._teacher_1dmi4_1>h2{font:800 clamp(2.8rem,6vw,5rem)/1 var(--font-family-display);max-width:850px;margin:.5rem 0 2rem}._teacher_1dmi4_1>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}._teacher_1dmi4_1 article{border-top:2px solid var(--foreground);padding-top:1rem}._teacher_1dmi4_1 article>b{color:var(--primary)}._teacher_1dmi4_1 h3{font:800 1.6rem var(--font-family-display);margin:.4rem 0}._teacher_1dmi4_1 p{line-height:1.6;color:var(--muted-foreground)}._meters_1dmi4_1{position:sticky;top:0;z-index:20;max-width:1320px;margin:0 auto 1rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff8eced;backdrop-filter:blur(12px);border-block:1px solid var(--border)}._meters_1dmi4_1>div{display:grid;flex:0 0 auto}._meters_1dmi4_1>div small{font-size:.65rem;font-weight:900;letter-spacing:.1em;color:var(--primary)}._meters_1dmi4_1>div b{font-size:.82rem}._meters_1dmi4_1>section{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem}._meters_1dmi4_1 button{flex:0 0 auto}._meterNote_1dmi4_1{max-width:1180px;margin:0 auto 1rem;padding:1rem 1.2rem;background:#fff0cf;border-left:5px solid var(--warning);display:grid;gap:.25rem}._meterNote_1dmi4_1 span{line-height:1.5}._patternList_1dmi4_1{max-height:650px;overflow:auto;padding-right:.25rem}._beats_1dmi4_1:has(>:nth-child(6))>div{border-radius:14px}._beats_1dmi4_1:has(>:nth-child(6)) b{font-size:clamp(.76rem,1.7vw,1.3rem)}._rhythmBox_1dmi4_1{max-width:1180px;margin:0 auto 2rem;padding:clamp(1.2rem,4vw,3rem);background:linear-gradient(135deg,#fff4d9,#fffaf0);border:1px solid #e5c772;border-radius:28px;box-shadow:var(--shadow)}._boxHead_1dmi4_1{display:flex;justify-content:space-between;align-items:start;gap:2rem}._boxHead_1dmi4_1>div{max-width:720px}._boxHead_1dmi4_1 span{font-size:.72rem;font-weight:900;letter-spacing:.15em;color:var(--primary)}._boxHead_1dmi4_1 h2{font:800 clamp(2.4rem,6vw,4.8rem)/.95 var(--font-family-display);margin:.45rem 0 1rem}._boxHead_1dmi4_1 p{font-size:1rem;line-height:1.6;color:var(--muted-foreground)}._boxHead_1dmi4_1>b{flex:0 0 auto;padding:.8rem 1rem;border:2px solid var(--foreground);border-radius:999px;font:900 1rem var(--font-family-monospace);letter-spacing:.08em}._instrumentPicker_1dmi4_1{margin-top:2rem;padding:1rem;background:#ffffff9c;border:1px solid #ead9af;border-radius:18px}._instrumentPicker_1dmi4_1>p{margin:0 0 .7rem;font-weight:900}._instrumentPicker_1dmi4_1>div{display:flex;gap:.5rem;flex-wrap:wrap}._instrumentPicker_1dmi4_1 button span{font-size:1.25rem}._boxEmpty_1dmi4_1{display:grid;place-items:center;text-align:center;min-height:180px;margin-top:1rem;border:2px dashed #d8c596;border-radius:18px;color:var(--muted-foreground)}._boxEmpty_1dmi4_1 b{color:var(--foreground);font-size:1.15rem}._boxEmpty_1dmi4_1 span{max-width:560px}._instrumentRows_1dmi4_1{display:grid;gap:.55rem;margin-top:1rem}._instrumentRows_1dmi4_1>header,._instrumentRow_1dmi4_1{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(4,1fr);gap:.55rem;align-items:center}._instrumentRows_1dmi4_1>header{padding:0 .4rem;color:var(--muted-foreground);font-size:.72rem;letter-spacing:.09em;text-align:center}._instrumentRows_1dmi4_1>header span{text-align:left}._instrumentRow_1dmi4_1{padding:.65rem;background:#fff;border:1px solid #ead9af;border-radius:16px}._instrumentRow_1dmi4_1>strong{display:flex;align-items:center;gap:.55rem;min-width:0}._instrumentRow_1dmi4_1>strong span{font-size:1.55rem}._instrumentRow_1dmi4_1>button{min-height:68px!important;display:grid!important;gap:.1rem}._instrumentRow_1dmi4_1 button small{font-size:.65rem;opacity:.65}._instrumentRow_1dmi4_1 button b{font-size:.78rem}._instrumentRow_1dmi4_1>button>span,._mutedRow_1dmi4_1>button>span{font-size:1.45rem;line-height:1}._rowBeatActive_1dmi4_1{background:var(--secondary)!important;color:var(--foreground)!important;border-color:var(--primary)!important;transform:translateY(-3px);box-shadow:0 8px 18px #d77b3433}._boxActions_1dmi4_1{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;margin-top:1rem}._boxActions_1dmi4_1>div{display:grid;margin-right:auto}._boxActions_1dmi4_1>div span{color:var(--muted-foreground);font-size:.82rem}._featuredMeter_1dmi4_1{border-width:2px!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary) 55%,transparent);font-weight:900!important;transform:translateY(-2px)}._composer_1dmi4_1{max-width:1180px;margin:0 auto 6rem;padding:clamp(1.2rem,4vw,3rem);background:var(--foreground);color:#fff;border-radius:28px;box-shadow:var(--shadow-lg)}._composerHead_1dmi4_1{display:flex;justify-content:space-between;gap:2rem;align-items:start}._composerHead_1dmi4_1>div:first-child{max-width:720px}._composerHead_1dmi4_1 span{font-size:.7rem;font-weight:900;letter-spacing:.15em;color:var(--secondary)}._composerHead_1dmi4_1 h2{font:800 clamp(2.4rem,6vw,5rem)/.95 var(--font-family-display);margin:.5rem 0 1rem}._composerHead_1dmi4_1 p{color:#c8d0dd;line-height:1.6}._composerHead_1dmi4_1>div:last-child{flex:0 0 auto;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff25;border-radius:50%;width:108px;height:108px;transition:.2s}._composerHead_1dmi4_1>div:last-child b{font:800 1.8rem var(--font-family-display)}._composerHead_1dmi4_1>div:last-child small{color:#c8d0dd;margin-top:-1.6rem}._composerHead_1dmi4_1 ._measureFull_1dmi4_1{background:var(--secondary);color:var(--foreground);border-color:var(--secondary)}._composerHead_1dmi4_1 ._measureFull_1dmi4_1 small{color:var(--foreground)}._palette_1dmi4_1{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin:2rem 0 1rem}._noteTool_1dmi4_1{height:auto!important;min-height:92px!important;padding:.7rem!important;background:#ffffff0d!important;color:#fff!important;border-color:#ffffff2b!important;display:flex!important;justify-content:flex-start!important;text-align:left}._noteTool_1dmi4_1:hover{background:#ffffff18!important;border-color:var(--secondary)!important}._noteTool_1dmi4_1>span:first-child{font-size:2.8rem;line-height:1;min-width:42px}._noteTool_1dmi4_1>span:last-child{display:grid;gap:.15rem}._noteTool_1dmi4_1 small{color:#b8c2d2}._staff_1dmi4_1{min-height:210px;display:flex;align-items:center;position:relative;overflow:hidden;background:#fffdf6 repeating-linear-gradient(to bottom,transparent 0,transparent 23px,#253142 24px,#253142 26px,transparent 27px,transparent 45px);background-position:0 56px;color:var(--foreground);border-radius:18px;padding:1rem 2rem}._timeSignature_1dmi4_1{display:grid;font:900 2.8rem/.72 var(--font-family-display);margin-right:1rem;z-index:1}._staffNotes_1dmi4_1{display:flex;align-items:center;flex:1;min-height:170px;gap:.35rem;overflow-x:auto}._staffNotes_1dmi4_1>p{width:100%;text-align:center;color:#667085;font-weight:750}._placedNote_1dmi4_1{height:140px!important;min-width:92px!important;display:grid!important;grid-template-columns:18px 1fr!important;grid-template-rows:1fr auto!important;color:var(--foreground)!important;background:#fffdf6de!important;border:1px dashed transparent!important}._placedNote_1dmi4_1:hover{border-color:var(--primary)!important;background:#fff!important}._placedNote_1dmi4_1>svg{width:17px;color:#98a2b3}._placedNote_1dmi4_1>span{font-size:4.5rem;line-height:1}._placedNote_1dmi4_1>small{grid-column:1/3;font-size:.65rem}._barLine_1dmi4_1{height:145px;border-right:5px double var(--foreground);margin-left:1rem}._composerSound_1dmi4_1{display:grid;gap:.55rem;margin-top:1rem;padding:1rem;border:1px solid #ffffff25;border-radius:16px;background:#ffffff0b}._composerSound_1dmi4_1>b{font-size:.76rem;letter-spacing:.08em;color:#c8d0dd}._composerSound_1dmi4_1>div{display:flex;gap:.45rem;flex-wrap:wrap}._composerActions_1dmi4_1{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}._composerActions_1dmi4_1>p{color:#c8d0dd}._composerActions_1dmi4_1>div{display:flex;gap:.6rem;flex:0 0 auto}._mainNav_1dmi4_1{position:sticky;top:0;z-index:30;display:flex;justify-content:flex-start;gap:.25rem;overflow-x:auto;padding:.5rem max(.65rem,env(safe-area-inset-left));background:#fffaf2ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);scroll-padding-left:.65rem;scrollbar-width:none}._mainNav_1dmi4_1::-webkit-scrollbar{display:none}._mainNav_1dmi4_1 button{flex:0 0 auto;min-height:34px;padding:.42rem .58rem;font-size:.72rem;white-space:nowrap}._sectionIntro_1dmi4_1,._learningPage_1dmi4_1{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem)}._sectionIntro_1dmi4_1>span,._learningHead_1dmi4_1>span{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--primary)}._sectionIntro_1dmi4_1 h1,._learningHead_1dmi4_1 h1{font:800 clamp(3rem,8vw,6.5rem)/.88 var(--font-family-display);letter-spacing:-.05em;margin:.5rem 0 1rem}._sectionIntro_1dmi4_1 p,._learningHead_1dmi4_1 p{max-width:760px;font-size:1.05rem;line-height:1.65;color:var(--muted-foreground)}._rhythmBox_1dmi4_1{margin-top:clamp(2rem,5vw,4rem);margin-bottom:4rem}._boxHead_1dmi4_1 h1,._composerHead_1dmi4_1 h1{font:800 clamp(2.5rem,6vw,5rem)/.95 var(--font-family-display);margin:.45rem 0 1rem}._instrumentRows_1dmi4_1>header,._instrumentRow_1dmi4_1,._mutedRow_1dmi4_1{grid-template-columns:minmax(150px,1.2fr) repeat(4,1fr) 48px}._instrumentRows_1dmi4_1>header i{font-style:normal}._mutedRow_1dmi4_1{display:grid;gap:.55rem;align-items:center;padding:.65rem;background:#f1eee8;border:1px solid #d8d1c4;border-radius:16px;opacity:.58}._mutedRow_1dmi4_1>strong{display:flex;align-items:center;gap:.55rem}._mutedRow_1dmi4_1>strong span{font-size:1.55rem}._mutedRow_1dmi4_1>button:not(._muteButton_1dmi4_1){min-height:68px!important;display:grid!important;gap:.1rem;filter:grayscale(1)}._muteButton_1dmi4_1{align-self:stretch!important;height:auto!important}._learningPage_1dmi4_1{padding-bottom:6rem}._learningHead_1dmi4_1{margin-bottom:1.5rem}._subTabs_1dmi4_1{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 2rem}._clefLesson_1dmi4_1,._pianoLesson_1dmi4_1,._instrumentLesson_1dmi4_1{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow);margin-bottom:1rem}._clefLesson_1dmi4_1>article{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}._clefLesson_1dmi4_1>article h2,._pianoLesson_1dmi4_1 h2,._instrumentLesson_1dmi4_1 h2,._durationGuide_1dmi4_1 h2{font:800 clamp(1.8rem,4vw,3rem) var(--font-family-display);margin:.2rem 0}._clefLesson_1dmi4_1>article p,._pianoLesson_1dmi4_1 p{line-height:1.6;color:var(--muted-foreground)}._clefSymbol_1dmi4_1{font-size:6rem;line-height:1;color:var(--primary)}._noteMap_1dmi4_1{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1.5rem}._noteMap_1dmi4_1 button{display:grid;grid-template-columns:32px 52px 1fr auto;align-items:center;gap:.6rem;text-align:left;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:12px;padding:.75rem;cursor:pointer}._noteMap_1dmi4_1 button:hover,._noteSelected_1dmi4_1{border-color:var(--primary)!important;background:#fff0df!important}._noteDot_1dmi4_1,._noteMap_1dmi4_1 button b{font-size:1.3rem}._noteMap_1dmi4_1 button b small{font-size:.7rem}._noteMap_1dmi4_1 button em{font-style:normal;color:var(--primary);font-weight:800}._pianoLesson_1dmi4_1{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;align-items:center}._keyboard_1dmi4_1{display:flex;height:190px;padding:0 .5rem .5rem;background:#242b38;border-radius:14px;gap:2px}._keyboard_1dmi4_1 button{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:1rem;border:0;border-radius:0 0 7px 7px;background:#fff;color:var(--foreground);cursor:pointer;box-shadow:inset 0 -5px #e6e7ea}._keyboard_1dmi4_1 button:hover,._keyboard_1dmi4_1 ._keySelected_1dmi4_1{background:var(--secondary);box-shadow:inset 0 -5px 0 var(--primary)}._durationGuide_1dmi4_1{margin-top:2rem}._durationGuide_1dmi4_1>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}._durationGuide_1dmi4_1 article{display:grid;text-align:center;padding:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}._durationGuide_1dmi4_1 article span{font-size:3rem}._instrumentLesson_1dmi4_1>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem}._instrumentLesson_1dmi4_1>header small{color:var(--primary);font-weight:900;letter-spacing:.1em}._instrumentLesson_1dmi4_1>header>b{color:var(--muted-foreground)}._chordGrid_1dmi4_1{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}._chordGrid_1dmi4_1 article{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem}._chordGrid_1dmi4_1 article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--foreground);color:#fff;font:800 1.4rem var(--font-family-display)}._chordGrid_1dmi4_1 article>div{display:flex;gap:.35rem;flex-wrap:wrap;margin:1rem 0}._chordGrid_1dmi4_1 i{font-style:normal;display:grid;place-items:center;min-width:38px;height:38px;padding:.25rem;background:#fff;border:1px solid var(--border);border-radius:8px;font-weight:850}._chordGrid_1dmi4_1 p{font-size:.82rem;line-height:1.4;color:var(--muted-foreground)}._instrumentLesson_1dmi4_1>aside{margin-top:1rem;padding:1rem;background:#fff0cf;border-left:5px solid var(--warning);line-height:1.5}._staffBoard_1dmi4_1{height:190px;position:relative;margin:1.5rem 0 .4rem;background:#fffdf7;border:1px solid var(--border);border-radius:16px;overflow-x:auto;min-width:0}._staffBoard_1dmi4_1>i{position:absolute;left:8%;right:3%;height:2px;background:#273142}._staffClef_1dmi4_1{position:absolute;left:2.5%;bottom:30px;font-size:6.5rem;line-height:1;z-index:2}._staffBoard_1dmi4_1>button{position:absolute;width:38px;height:38px;transform:translate(-50%,50%);display:grid;place-items:center;border:0;background:transparent;color:var(--foreground);cursor:pointer;z-index:3}._staffBoard_1dmi4_1>button b{font-size:1.8rem;line-height:.7}._staffBoard_1dmi4_1>button span{position:absolute;top:34px;padding:.1rem .35rem;background:#fff;border-radius:5px;font-weight:900}._staffBoard_1dmi4_1>button:hover b,._staffNoteSelected_1dmi4_1 b{color:var(--primary);transform:scale(1.25)}._staffNoteSelected_1dmi4_1 span{background:var(--secondary)!important}._staffHelp_1dmi4_1{margin:.4rem 0 1rem;color:var(--muted-foreground);font-size:.85rem}._fretDiagram_1dmi4_1{display:grid!important;grid-template-columns:repeat(6,1fr);gap:0!important;margin:1rem 0!important;min-height:150px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#a47b43 29px,#a47b43 31px);border:3px solid #4c3322;border-radius:8px;padding:.3rem!important}._fretDiagram_1dmi4_1>div{position:relative;display:grid;grid-template-rows:24px repeat(4,1fr);place-items:center;border-inline:1px solid #777}._fretDiagram_1dmi4_1>div>b{font-size:.72rem}._fretDiagram_1dmi4_1>div>span{position:absolute;top:40px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}._fretDiagram_1dmi4_1 ._stringOff_1dmi4_1{background:#707782}._fretDiagram_1dmi4_1>div>i{width:100%;border-bottom:2px solid #c4a576}._bassBoard_1dmi4_1{display:grid!important;gap:.25rem!important;margin:1rem 0!important;padding:.65rem!important;background:#5f422d!important;border-radius:10px}._bassBoard_1dmi4_1>div{display:grid;grid-template-columns:28px repeat(6,1fr);gap:2px;align-items:center}._bassBoard_1dmi4_1 b{color:#fff}._bassBoard_1dmi4_1 i{display:grid;place-items:center;height:30px;background:#f7e1b5;border-right:2px solid #8c6b43;font-style:normal;font-size:.7rem}._bassBoard_1dmi4_1 ._fretOn_1dmi4_1{background:var(--primary);color:#fff;border-radius:50%;font-weight:900}._miniKeyboard_1dmi4_1{position:relative;display:flex!important;height:130px;margin:1rem 0!important;padding:.25rem!important;gap:2px!important;background:#222b38!important;border-radius:10px}._miniKeyboard_1dmi4_1 span{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.7rem;background:#fff;border-radius:0 0 5px 5px;font-weight:900}._miniKeyboard_1dmi4_1 ._keyOn_1dmi4_1{background:var(--secondary);box-shadow:inset 0 -6px 0 var(--primary)}._miniKeyboard_1dmi4_1>i{position:absolute;top:.25rem;transform:translate(-50%);z-index:3;width:10%;height:68%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.35rem;background:#18202b;color:#fff;font-style:normal;font-size:.58rem;border-radius:0 0 4px 4px}._miniKeyboard_1dmi4_1 ._blackKeyOn_1dmi4_1{background:var(--primary);box-shadow:0 0 0 3px var(--secondary)}._chordGrid_1dmi4_1 article>a{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.8rem;padding:.7rem;border-radius:10px;background:var(--foreground);color:#fff;text-decoration:none;font-weight:800}._chordGrid_1dmi4_1 article>a:hover{background:var(--primary)}._chordGrid_1dmi4_1 article>a svg{width:18px}._notePianoPair_1dmi4_1{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:stretch;margin-top:1.5rem}._notePianoPair_1dmi4_1 ._staffBoard_1dmi4_1{margin:0}._sidePiano_1dmi4_1{display:grid;grid-template-rows:auto 1fr auto;gap:.65rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}._sidePiano_1dmi4_1>b{font:800 1rem var(--font-family-display)}._sidePiano_1dmi4_1 ._keyboard_1dmi4_1{height:135px}._sidePiano_1dmi4_1>small{color:var(--muted-foreground);line-height:1.4}._ledgerNote_1dmi4_1:after{content:"";position:absolute;left:2px;top:18px;width:34px;height:2px;background:var(--foreground);z-index:5;pointer-events:none}._ledgerNote_1dmi4_1 b{position:relative;z-index:4}._pianoTip_1dmi4_1{display:flex;gap:.8rem;margin:1rem 0 2rem;padding:1rem 1.2rem;background:#fff0cf;border-left:5px solid var(--warning);line-height:1.5}._pianoTip_1dmi4_1 b{flex:0 0 auto}._bassBoard_1dmi4_1 ._fretRoot_1dmi4_1{background:var(--primary);color:#fff;border-radius:50%;font-weight:950;box-shadow:0 0 0 3px var(--secondary)}._rootLabel_1dmi4_1{display:inline-flex;margin:.7rem 0 0;padding:.35rem .6rem;border-radius:999px;background:var(--secondary);color:var(--foreground);font-size:.82rem}._pianoExplorer_1dmi4_1{display:grid;gap:1rem;margin-top:1rem}._pianoExplorer_1dmi4_1>section{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}._pianoExplorer_1dmi4_1>section>small{display:block;margin-bottom:.65rem;font-weight:900;letter-spacing:.1em;color:var(--primary)}._pianoExplorer_1dmi4_1>section>div{display:flex;gap:.45rem;flex-wrap:wrap}._pianoExplorer_1dmi4_1>section:nth-child(2)>div{display:grid;grid-template-columns:repeat(4,1fr)}._pianoExplorer_1dmi4_1>section:nth-child(2) button{height:auto!important;min-height:68px!important;display:grid!important;text-align:left}._pianoExplorer_1dmi4_1>section:nth-child(2) button span{font-size:.72rem;opacity:.75}._pianoChordFocus_1dmi4_1{padding:clamp(1rem,3vw,2rem);background:#202a38;color:#fff;border-radius:20px}._pianoChordFocus_1dmi4_1>header{display:flex;align-items:center;gap:1rem}._pianoChordFocus_1dmi4_1>header>span{font-size:.65rem;letter-spacing:.12em;color:#c7d0dc}._pianoChordFocus_1dmi4_1>header>b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--secondary);color:var(--foreground);font:900 1.6rem var(--font-family-display)}._pianoChordFocus_1dmi4_1 h3{font:800 2rem var(--font-family-display);margin:0}._pianoChordFocus_1dmi4_1 p{margin:.2rem 0;color:#c7d0dc}._pianoChordFocus_1dmi4_1>a{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.8rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:10px;font-weight:850}._playOrder_1dmi4_1{display:flex;gap:.5rem;margin-top:.8rem}._playOrder_1dmi4_1 span{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;background:#ffffff12;border-radius:8px;font-weight:900}._playOrder_1dmi4_1 small{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--secondary);color:var(--foreground)}._grooveGuide_1dmi4_1{margin-top:1rem;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:12px}._grooveGuide_1dmi4_1>small{display:block;margin:.65rem 0 .4rem;font-size:.68rem;font-weight:900;letter-spacing:.1em;color:var(--muted-foreground)}._grooveGuide_1dmi4_1>small:first-child{margin-top:0}._grooveGuide_1dmi4_1>div,._grooveGuide_1dmi4_1>ol{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}._grooveGuide_1dmi4_1>div span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfe4ea;font-weight:900}._grooveGuide_1dmi4_1>div ._grooveRoot_1dmi4_1{background:var(--secondary);box-shadow:0 0 0 2px var(--primary)}._grooveGuide_1dmi4_1>ol li{display:flex;align-items:center;gap:.3rem;padding:.45rem .6rem;background:var(--foreground);color:#fff;border-radius:8px;font-weight:900}._grooveGuide_1dmi4_1>ol b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--secondary);color:var(--foreground);font-size:.7rem}._grooveGuide_1dmi4_1>p{margin:.65rem 0 0!important;font-size:.75rem!important;color:var(--muted-foreground)}._bassBoard_1dmi4_1 i>span{display:flex;align-items:baseline;justify-content:center;gap:.18rem}._bassBoard_1dmi4_1 i small{font-size:.55rem;font-weight:700;opacity:.62}._bassBoard_1dmi4_1 ._fretRoot_1dmi4_1 small,._bassBoard_1dmi4_1 ._fretOn_1dmi4_1 small{opacity:.9}._beats_1dmi4_1 b{display:grid;place-items:center;gap:.15rem}._beats_1dmi4_1 b>span{font-size:1.5em;line-height:1}._beats_1dmi4_1 b>em{font-style:normal;font-size:.58em;letter-spacing:.04em}._gamesPage_1dmi4_1{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 6rem}._gameTabs_1dmi4_1{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0 2rem}._gameGrid_1dmi4_1{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}._gameGrid_1dmi4_1>article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow);transition:.18s}._gameGrid_1dmi4_1>article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}._gameGrid_1dmi4_1 article>header{display:flex;align-items:center;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}._gameGrid_1dmi4_1 article>header>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--foreground);color:var(--secondary);font:900 1rem var(--font-family-monospace)}._gameGrid_1dmi4_1 header small{font-size:.7rem;color:var(--primary);font-weight:900;letter-spacing:.06em}._gameGrid_1dmi4_1 h2{font:800 1.7rem var(--font-family-display);margin:.2rem 0}._gameGrid_1dmi4_1 article>p{padding:.75rem;background:var(--surface);border-radius:10px}._gameGrid_1dmi4_1 ol{display:grid;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none}._gameGrid_1dmi4_1 li{display:flex;align-items:flex-start;gap:.65rem;line-height:1.45}._gameGrid_1dmi4_1 li>b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:var(--secondary);font-size:.75rem}._rhythmBox_1dmi4_1{max-width:1040px!important;margin:1.25rem auto 3rem!important;padding:0 1rem}._boxHead_1dmi4_1{padding:1rem 1.15rem!important}._boxHead_1dmi4_1 h1{font-size:clamp(2rem,4.5vw,3.8rem)!important;margin:.25rem 0 .45rem!important}._boxHead_1dmi4_1 p{margin:.25rem 0!important;line-height:1.4!important}._boxControlBar_1dmi4_1{position:sticky;top:60px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin:.7rem 0;padding:.65rem .75rem;background:#fffaf2ed;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}._boxControlBar_1dmi4_1>div{display:grid;margin-right:auto}._boxControlBar_1dmi4_1>div span{font-size:.78rem;color:var(--muted-foreground)}._instrumentPicker_1dmi4_1{padding:.75rem!important}._instrumentPicker_1dmi4_1 p{margin:0 0 .5rem!important}._instrumentPicker_1dmi4_1>div{gap:.35rem!important}._instrumentPicker_1dmi4_1 button{min-height:38px!important;padding:.42rem .65rem!important}._instrumentRows_1dmi4_1{gap:.35rem!important;margin-top:.65rem!important}._instrumentRow_1dmi4_1,._mutedRow_1dmi4_1{padding:.4rem!important;border-radius:12px!important;gap:.35rem!important}._instrumentRow_1dmi4_1>button,._mutedRow_1dmi4_1>button:not(._muteButton_1dmi4_1){min-height:50px!important;padding:.25rem!important}._instrumentRow_1dmi4_1>strong span,._mutedRow_1dmi4_1>strong span{font-size:1.25rem!important}._instrumentRow_1dmi4_1>button>span,._mutedRow_1dmi4_1>button>span{font-size:1.15rem!important}._muteButton_1dmi4_1{min-width:44px!important}._mutedRow_1dmi4_1 ._muteButton_1dmi4_1{opacity:1!important;filter:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 35%,transparent)}._boxControlBar_1dmi4_1{flex-wrap:wrap}._boxTempo_1dmi4_1{display:grid;grid-template-columns:auto 34px 58px 34px;align-items:center;gap:.3rem;padding:.35rem .45rem;background:#fff;border:1px solid var(--border);border-radius:12px}._boxTempo_1dmi4_1>span{font-size:.62rem;font-weight:900;letter-spacing:.1em;color:var(--muted-foreground)}._boxTempo_1dmi4_1>b{display:grid;text-align:center;font:900 1.05rem var(--font-family-display);line-height:.85}._boxTempo_1dmi4_1>b small{font:700 .52rem var(--font-family-base);color:var(--muted-foreground)}._boxTempo_1dmi4_1>button{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;font-size:1.2rem!important}._boxTempo_1dmi4_1>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem}._boxTempo_1dmi4_1>div button{padding:.22rem .35rem;border:0;border-radius:6px;background:var(--surface);color:var(--muted-foreground);font-size:.62rem;font-weight:850;cursor:pointer}._boxTempo_1dmi4_1>div ._tempoActive_1dmi4_1{background:var(--secondary);color:var(--foreground)}._offbeatToggle_1dmi4_1{height:auto!important;display:grid!important;gap:.05rem!important;min-width:170px!important}._offbeatToggle_1dmi4_1 b{font-size:.78rem}._offbeatToggle_1dmi4_1 span{font-size:.66rem;opacity:.8}._offbeatGrid_1dmi4_1>header,._offbeatGrid_1dmi4_1>._instrumentRow_1dmi4_1,._offbeatGrid_1dmi4_1>._mutedRow_1dmi4_1{grid-template-columns:minmax(125px,1.15fr) repeat(8,minmax(52px,1fr)) 48px!important}._offbeatGrid_1dmi4_1 ._andBeat_1dmi4_1{color:var(--primary);font-style:italic}._offbeatCell_1dmi4_1{background:#fff8e8!important;border-style:dashed!important}._offbeatCell_1dmi4_1:not(._rowBeatActive_1dmi4_1){color:#8a6a3a!important}._offbeatGrid_1dmi4_1 ._instrumentRow_1dmi4_1>button,._offbeatGrid_1dmi4_1 ._mutedRow_1dmi4_1>button:not(._muteButton_1dmi4_1){min-height:50px!important}._offbeatGrid_1dmi4_1 ._instrumentRow_1dmi4_1>button>span,._offbeatGrid_1dmi4_1 ._mutedRow_1dmi4_1>button>span{font-size:1rem!important}@media(max-width:900px){._offbeatGrid_1dmi4_1>header,._offbeatGrid_1dmi4_1>._instrumentRow_1dmi4_1,._offbeatGrid_1dmi4_1>._mutedRow_1dmi4_1{min-width:790px!important}._pianoExplorer_1dmi4_1>section:nth-child(2)>div{grid-template-columns:repeat(2,1fr)}._notePianoPair_1dmi4_1{grid-template-columns:1fr}._palette_1dmi4_1{grid-template-columns:repeat(3,1fr)}._instrumentRows_1dmi4_1>header,._instrumentRow_1dmi4_1,._mutedRow_1dmi4_1{grid-template-columns:120px repeat(4,minmax(62px,1fr)) 44px}._instrumentRows_1dmi4_1{overflow-x:auto}._instrumentRow_1dmi4_1,._mutedRow_1dmi4_1,._instrumentRows_1dmi4_1>header{min-width:540px}._pianoLesson_1dmi4_1{grid-template-columns:1fr}._chordGrid_1dmi4_1{grid-template-columns:repeat(2,1fr)}._durationGuide_1dmi4_1>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){._gameGrid_1dmi4_1{grid-template-columns:1fr}._mainNav_1dmi4_1{justify-content:flex-start}._sectionIntro_1dmi4_1 h1,._learningHead_1dmi4_1 h1{font-size:3.2rem}._noteMap_1dmi4_1{grid-template-columns:1fr}._noteMap_1dmi4_1 button{grid-template-columns:26px 44px 1fr}._noteMap_1dmi4_1 button em{grid-column:3}._chordGrid_1dmi4_1{grid-template-columns:1fr}._instrumentLesson_1dmi4_1>header,._clefLesson_1dmi4_1>article{align-items:flex-start;flex-direction:column}._keyboard_1dmi4_1{height:150px}._hero_1dmi4_1{grid-template-columns:1fr}._heroMark_1dmi4_1{height:240px}._workspace_1dmi4_1{grid-template-columns:1fr}._teacher_1dmi4_1>div{grid-template-columns:1fr}._beats_1dmi4_1{gap:.25rem;overflow-x:auto}._beats_1dmi4_1>div{border-radius:12px;min-width:58px}._speed_1dmi4_1{grid-template-columns:1fr}._top_1dmi4_1>span{display:none}._meters_1dmi4_1{align-items:flex-start;flex-direction:column}._meters_1dmi4_1>section{width:100%}._patternList_1dmi4_1{max-height:420px}._rhythmBox_1dmi4_1,._composer_1dmi4_1{margin-inline:1rem}._boxHead_1dmi4_1,._boxActions_1dmi4_1{align-items:flex-start;flex-direction:column}._boxActions_1dmi4_1>div{margin-right:0}._boxActions_1dmi4_1 button{width:100%}._composerHead_1dmi4_1,._composerActions_1dmi4_1{align-items:flex-start;flex-direction:column}._composerHead_1dmi4_1>div:last-child{width:86px;height:86px}._palette_1dmi4_1{grid-template-columns:repeat(2,1fr)}._staff_1dmi4_1{padding:1rem}._timeSignature_1dmi4_1{font-size:2rem}._placedNote_1dmi4_1{min-width:82px!important}._composerActions_1dmi4_1>div{width:100%;flex-wrap:wrap}}