@font-face{font-family:Plus Jakarta Fallback;font-weight:400 600;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:102%;ascent-override:104%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Plus Jakarta Fallback;font-weight:700 800;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:99.4%;ascent-override:104%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Plus Jakarta Sans;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}:root{color-scheme:light;--violet: #592eff;--violet-soft: #e9e4ff;--plum: #21164c;--charcoal: #353241;--slate: #5f5f69;--mist: #e0e0db;--concrete: #eeeeee;--white: #ffffff;--sky: #bcf2ff;--lime: #dfff9d;--candy: #ffaae6;--cyan: #2ed6ff;--lime-pop: #a2ea13;--magenta: #f843c2;--brand-blue: #1940bd;--font: "Plus Jakarta Sans", "Plus Jakarta Fallback", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--r-card: 40px;--r-frame: 64px;--r-ctl: 10px;--shadow-soft: 0 1px 2px rgba(33, 22, 76, .04), 0 14px 40px rgba(33, 22, 76, .07);--shadow-lift: 0 2px 4px rgba(33, 22, 76, .05), 0 24px 60px rgba(33, 22, 76, .1);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--w: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{margin:0;background:var(--white);color:var(--charcoal);font-family:var(--font);font-size:18px;line-height:1.6;letter-spacing:-.005em;overflow-x:hidden}p,h1,h2,h3,ul,fieldset{margin:0;padding:0;list-style:none;border:0}img{display:block;max-width:100%;height:auto}a{color:inherit}.sprite{position:absolute}.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:8px}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--plum);color:#fff;padding:12px 16px;border-radius:var(--r-ctl)}.skip:focus{top:16px}.nav{position:fixed;z-index:30;top:16px;left:50%;translate:-50% 0;width:min(calc(100% - 32px),820px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px 10px 22px;background:#ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--mist);border-radius:var(--r-card);box-shadow:var(--shadow-soft);overflow:hidden;animation:drop 1s var(--ease) both}.nav-logo{display:inline-flex;min-height:44px;align-items:center}.nav-logo img{width:140px;height:auto}.nav-links{display:none;gap:4px;margin-left:auto}.nav-links a{padding:8px 16px;border-radius:200px;text-decoration:none;font-size:16px;font-weight:500;color:var(--charcoal);transition:background-color .25s var(--ease),color .25s}.nav-links a:hover{background:var(--concrete);color:var(--plum)}@media(min-width:720px){.nav-links{display:flex}}.progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));transform-origin:left;transform:scaleX(0)}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border:1px solid;border-radius:200px;font-size:14px;line-height:1.6;font-weight:600;color:var(--plum);background:transparent;width:fit-content;white-space:nowrap}.badge-violet{border-color:var(--violet)}.badge-cyan{border-color:var(--cyan)}.badge-lime{border-color:var(--lime-pop)}.badge-magenta{border-color:var(--magenta)}.dot{width:8px;height:8px;border-radius:50%;background:var(--violet);position:relative}.dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--violet);animation:ping 2.2s var(--ease) infinite}.btn{font:inherit;font-weight:500;font-size:16px;letter-spacing:-.005em;min-height:48px;padding:10px 22px;border-radius:var(--r-ctl);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none;position:relative;overflow:hidden;transition:transform .3s var(--spring),background-color .25s var(--ease),box-shadow .3s var(--ease),border-color .25s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--violet);color:#fff}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);translate:-120% 0;transition:translate .8s var(--ease)}.btn-primary:hover{box-shadow:0 10px 34px #592eff57;transform:translateY(-2px)}.btn-primary:hover:after{translate:120% 0}.btn-primary[aria-pressed=true]{background:var(--plum)}.btn-ghost{background:transparent;color:var(--charcoal);border-color:var(--mist)}.btn-ghost:hover{background:var(--concrete);transform:translateY(-2px)}.icon-btn{font:inherit;width:44px;height:44px;border-radius:12px;border:1px solid var(--mist);background:#fff;color:var(--charcoal);cursor:pointer;display:inline-grid;place-items:center;padding:0;transition:background-color .2s var(--ease),border-color .2s,color .2s,transform .25s var(--spring)}.icon-btn:hover{background:var(--concrete);transform:translateY(-1px)}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-pressed=true]{background:var(--violet-soft);border-color:var(--violet);color:var(--violet)}main{padding-top:104px}.hero{max-width:var(--w);margin:0 auto;padding:56px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.display{font-weight:700;color:var(--plum);font-size:clamp(2.5rem,1.2rem + 5.6vw,4.25rem);line-height:1.1;letter-spacing:-.02em;max-width:16ch;text-wrap:balance}.w{display:inline-block;opacity:0;transform:translateY(.5em) rotate(1.5deg);filter:blur(10px);animation:word 1s var(--ease) forwards;animation-delay:calc(.15s + var(--i, 0) * .07s)}.squiggle-word{position:relative;white-space:nowrap}.squiggle{position:absolute;left:-2%;bottom:-.22em;width:104%;height:.3em;overflow:visible}.squiggle path{fill:none;stroke:var(--candy);stroke-width:6;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.5s 1.1s var(--ease) forwards}.lede{max-width:60ch;color:var(--slate);text-wrap:pretty}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.hint{font-size:14px;color:var(--slate)}.stage{padding:0 16px;perspective:1400px}.frame{position:relative;max-width:var(--w);margin:0 auto;border-radius:var(--r-frame);overflow:hidden;padding:clamp(12px,4.5vw,64px);background:#f4f8ff;isolation:isolate;transform-style:preserve-3d}.paint{position:absolute;inset:-6%;width:112%;height:112%;z-index:-1;display:block;will-change:transform}.float{position:absolute;z-index:3;background:#ffffffeb;box-shadow:var(--shadow-soft);animation:bob 7s ease-in-out infinite;font-size:15px;padding:6px 16px}.f1{left:clamp(10px,3.5vw,44px);top:14px;display:none}.f2{right:clamp(10px,3.5vw,44px);top:14px;animation-delay:-2.2s;display:none}.f3{left:clamp(10px,4vw,52px);bottom:14px;animation-delay:-4.5s;display:none}@media(min-width:900px){.f1,.f2,.f3{display:inline-flex}}.app{background:#fffffff5;border:1px solid var(--mist);border-radius:var(--r-card);padding:clamp(14px,2.6vw,28px);box-shadow:var(--shadow-lift)}.app-bar{display:grid;gap:14px 24px;grid-template-columns:1fr;align-items:center;margin-bottom:18px}@media(min-width:760px){.app-bar{grid-template-columns:1fr auto auto}}.card-title{font-weight:700;color:var(--plum);font-size:20px;line-height:1.3}.card-sub{font-size:14px;color:var(--slate)}.tempo{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--plum)}.tempo input{width:150px}.chip{font-size:14px;font-weight:600;padding:2px 12px;border-radius:200px;background:var(--violet);color:#fff;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.chip-soft{background:var(--concrete);color:var(--charcoal)}.transport{display:flex;gap:8px}.app-body{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.app-body{grid-template-columns:minmax(0,1fr) 280px}}.sheet{position:relative;border:1px solid var(--mist);border-radius:24px;background:#fff;padding:6px 4px;overflow:hidden}.sheet svg{display:block;width:100%;height:auto}.sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.keys-wrap{margin-top:12px;border:1px solid var(--mist);border-radius:20px;background:linear-gradient(#f8f8f6,#fff);padding:10px 10px 8px;overflow:hidden}.keys{display:block;width:100%;height:auto;touch-action:manipulation}.card-foot{font-size:14px;color:var(--slate);margin-top:12px}.st-line{stroke:var(--charcoal);stroke-width:1.2;opacity:.5}.st-bar{stroke:var(--charcoal);stroke-width:1.6;opacity:.7}.st-note{cursor:pointer}.st-note .head{fill:var(--plum);transition:fill .25s var(--ease)}.st-note .head.hollow{fill:#fff;stroke:var(--plum);stroke-width:2.4}.st-note .stem{stroke:var(--plum);stroke-width:1.8;transition:stroke .25s var(--ease)}.st-note .beam{fill:var(--plum);transition:fill .25s var(--ease)}.st-note.on .head{fill:var(--violet)}.st-note.on .head.hollow{fill:var(--violet-soft);stroke:var(--violet)}.st-note.on .stem{stroke:var(--violet)}.st-note.on .beam{fill:var(--violet)}.st-trail{fill:url(#trail)}.st-head{stroke:var(--violet);stroke-width:3;stroke-linecap:round}.st-cap{fill:var(--violet)}.st-loop{fill:var(--violet);opacity:0;transition:opacity .35s var(--ease)}.st-loop.on{opacity:.07}.st-loopbar{stroke:var(--violet);stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .35s var(--ease)}.st-loopbar.on{opacity:.9}.st-chip{fill:transparent;transition:fill .3s var(--ease)}.st-chip.on{fill:var(--violet-soft)}.st-chord{font-family:var(--font);font-weight:700;font-size:19px;fill:var(--slate);text-anchor:middle;transition:fill .3s var(--ease)}.st-chord.on{fill:var(--violet)}.kw{fill:#fff;stroke:var(--mist);stroke-width:1;cursor:pointer;transition:fill .12s var(--ease)}.kb{fill:var(--plum);cursor:pointer;transition:fill .12s var(--ease)}.kw.mel{fill:#cfc3ff}.kb.mel{fill:var(--violet)}.kw.har{fill:var(--sky)}.kb.har{fill:#1a9fc2}.kw.mel.har{fill:#cfc3ff}.studio{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--mist);border-radius:24px;background:linear-gradient(180deg,#fbfaff,#fff)}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--concrete);border-radius:200px;width:100%}.seg label{position:relative;flex:1;display:inline-flex}.seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.seg span{width:100%;text-align:center;padding:6px 4px;border-radius:200px;font-size:14px;font-weight:600;color:var(--slate);transition:background-color .25s var(--ease),color .25s,box-shadow .25s}.seg input:checked+span{background:#fff;color:var(--plum);box-shadow:0 1px 2px #21164c14,0 4px 10px #21164c0f}.seg input:focus-visible+span{outline:3px solid var(--violet);outline-offset:2px}.faders{display:grid;gap:6px}.fader{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--plum)}.meter{width:100%;height:auto;border-radius:16px;background:#faf9ff;border:1px solid var(--mist)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:28px;margin:0;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--violet) var(--p),var(--mist) var(--p))}input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:var(--mist)}input[type=range]::-moz-range-progress{height:5px;border-radius:5px;background:var(--violet)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:50%;background:#fff;border:2px solid var(--violet);box-shadow:0 2px 6px #592eff40;transition:transform .2s var(--spring)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--violet)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}.marquee{max-width:var(--w);margin:0 auto;padding:88px 0 0;text-align:center}.kicker{font-size:14px;font-weight:600;color:var(--slate);margin-bottom:18px}.track{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.lane{display:flex;flex:none;gap:12px;padding-right:12px;animation:scroll 38s linear infinite}.badge-violet,.lane .badge{font-size:15px}.lane .badge{padding:7px 20px;background:#fff;transition:transform .3s var(--spring),background-color .25s}.lane .badge:hover{transform:translateY(-3px) scale(1.05)}.track:hover .lane{animation-play-state:paused}.features{max-width:var(--w);margin:0 auto;padding:100px 24px 60px;text-align:center}.h2{font-weight:700;color:var(--plum);font-size:clamp(2rem,1.4rem + 2.2vw,3.625rem);line-height:1.1;letter-spacing:-.02em}.sub{color:var(--slate);margin-top:12px}.grid{display:grid;gap:20px;grid-template-columns:1fr;margin-top:48px;text-align:left}@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;background:#fff;border:1px solid var(--mist);border-radius:var(--r-card);padding:32px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s var(--ease),box-shadow .4s var(--ease);transform-style:preserve-3d;will-change:transform}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(89,46,255,.07),transparent 60%);opacity:0;transition:opacity .4s}.card:hover{border-color:var(--violet);box-shadow:var(--shadow-lift)}.card:hover:before{opacity:1}.card h3{font-weight:700;color:var(--plum);font-size:26px;line-height:1.15;margin-top:4px}.card p{color:var(--slate);font-size:16px}.vignette{height:160px;border-radius:24px;margin-bottom:8px;display:grid;place-items:center;position:relative;overflow:hidden}.v-practise{background:linear-gradient(160deg,var(--sky),#eafcff 70%)}.v-create{background:linear-gradient(160deg,var(--lime),#f8ffe6 70%)}.v-teach{background:linear-gradient(160deg,var(--candy),#ffeaf8 70%)}.metro{position:absolute;left:22px;bottom:12px;width:40px;height:112px}.metro .base{position:absolute;inset:0;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:#21164c1f}.metro .arm{position:absolute;bottom:6px;left:50%;width:3px;height:94px;margin-left:-1.5px;background:var(--plum);border-radius:3px;transform-origin:50% 100%;animation:tick 1.3s ease-in-out infinite alternate;z-index:2}.metro .bob{position:absolute;bottom:54px;left:calc(50% - 6px);width:12px;height:12px;border-radius:3px;background:var(--violet);transform-origin:50% 62px;animation:tick 1.3s ease-in-out infinite alternate;z-index:3}.ramp{position:absolute;left:80px;right:18px;top:10px}.ramp svg{width:100%;height:66px;overflow:visible}.ramp-line{fill:none;stroke:var(--plum);stroke-width:2;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:rampdraw 5s var(--ease) infinite}.ramp-dot{fill:var(--violet);offset-path:path("M6 60 C 40 58, 60 40, 90 28 S 135 10, 154 8");animation:rampdot 5s var(--ease) infinite}.ramp-label{position:absolute;right:0;bottom:-6px;font-size:12px;font-weight:700;color:var(--plum);background:#ffffffd9;padding:1px 10px;border-radius:200px}.loopbar{position:absolute;right:18px;left:80px;bottom:16px;display:flex;gap:6px}.loopbar i{flex:1;height:30px;border-radius:8px;background:#fffc;border:1px solid rgba(33,22,76,.12)}.loopbar i.hot{background:#fff;border-color:var(--violet);animation:glow 2.6s ease-in-out infinite}.loopbar i.hot+i.hot{animation-delay:1.3s}.morph{position:absolute;inset:0;width:100%;height:100%}.morph .lines line{stroke:#21164c59;stroke-width:1.2}.morph-stave{animation:fadeA 8s var(--ease) infinite}.morph-tab{animation:fadeB 8s var(--ease) infinite}.morph .pop ellipse{fill:var(--plum);transform-box:fill-box;transform-origin:center;animation:settle 8s var(--ease) infinite;opacity:0}.morph .pop ellipse:nth-child(2){animation-delay:.3s}.morph .pop ellipse:nth-child(3){animation-delay:.6s}.morph .pop ellipse:nth-child(4){animation-delay:.9s}.morph .pop ellipse:nth-child(5){animation-delay:1.2s}.morph .nums text{font-family:var(--font);font-weight:700;font-size:15px;fill:var(--plum);text-anchor:middle;paint-order:stroke;stroke:var(--lime);stroke-width:6}.assign{display:flex;align-items:center;gap:12px;position:absolute;top:14px;left:18px;right:18px;background:#ffffffe6;border-radius:18px;padding:10px 14px}.ring{width:38px;height:38px;transform:rotate(-90deg);flex:none}.ring circle{fill:none;stroke-width:5}.ring-bg{stroke:var(--concrete)}.ring-fg{stroke:var(--violet);stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107;animation:ringfill 6s var(--ease) infinite}.assign-text{flex:1;display:grid;gap:6px}.assign-text b{height:8px;border-radius:6px;background:var(--concrete)}.assign-text b:last-child{width:62%}.due{font-size:12px;font-weight:700;color:var(--plum);border:1px solid var(--magenta);border-radius:200px;padding:1px 10px}.pupils{position:absolute;left:18px;right:18px;bottom:12px;display:grid;gap:5px}.pupils li{display:flex;align-items:center;gap:10px}.pupils i{width:18px;height:18px;border-radius:7px;background:#fff;border:1.5px solid var(--plum);position:relative;flex:none}.pupils i:after{content:"";position:absolute;left:4.5px;top:.5px;width:5px;height:10px;border:solid var(--violet);border-width:0 2.5px 2.5px 0;rotate:40deg;scale:0;animation:tickin 6s var(--ease) infinite}.pupils li:nth-child(2) i:after{animation-delay:.8s}.pupils li:nth-child(3) i:after{animation-delay:1.6s}.pupils b{height:8px;border-radius:6px;background:#ffffffe6;flex:1}.pupils li:nth-child(2) b{max-width:70%}.pupils li:nth-child(3) b{max-width:84%}.tune{padding:40px 16px 100px}.tune-card{position:relative;max-width:var(--w);margin:0 auto;border-radius:var(--r-frame);overflow:hidden;isolation:isolate;background:#f4f8ff;padding:clamp(24px,6vw,72px)}.tune-inner{display:grid;gap:32px;align-items:center;grid-template-columns:1fr}@media(min-width:860px){.tune-inner{grid-template-columns:1.1fr .9fr}}.tune-text{background:#fffffff0;border:1px solid var(--mist);border-radius:var(--r-card);padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:var(--shadow-soft)}.tune-text .lede{text-align:left}.tuner{position:relative;display:grid;place-items:center;min-height:240px}.tuner svg{width:min(340px,100%);height:auto;position:relative;z-index:2;background:#fffffff0;border-radius:32px;padding:18px 14px 6px;border:1px solid var(--mist);box-shadow:var(--shadow-soft)}.tuner .arc{fill:none;stroke:var(--mist);stroke-width:6;stroke-linecap:round}.tuner .ticks line{stroke:var(--slate);stroke-width:2;stroke-linecap:round}.tuner .needle{transform-origin:100px 110px;transform:rotate(-38deg);transition:transform .6s var(--ease)}.tuner .needle line{stroke:var(--violet);stroke-width:3;stroke-linecap:round}.tuner .needle circle{fill:var(--plum)}.tuner text{font-family:var(--font);font-weight:700;font-size:11px;fill:var(--plum)}.tuner.on .needle{animation:settleneedle 3.6s var(--ease) forwards}.ripple{position:absolute;z-index:1;width:260px;height:260px;border-radius:50%;border:2px solid var(--violet);opacity:0}.tuner.on .ripple{animation:ripple 3.2s var(--ease) infinite}.tuner.on .r2{animation-delay:1.05s}.tuner.on .r3{animation-delay:2.1s}.foot{border-top:1px solid var(--mist);padding:40px 24px 56px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;position:relative}.foot:before{content:"";position:absolute;top:-1px;left:50%;translate:-50% 0;width:72px;height:2px;background:var(--brand-blue)}.foot img{width:110px;height:auto}.foot p{font-size:14px;color:var(--slate)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in{opacity:1;transform:none}.no-js .reveal,.no-js .w{opacity:1;transform:none;filter:none;animation:none}.no-js .squiggle path{stroke-dashoffset:0;animation:none}@keyframes drop{0%{opacity:0;translate:-50% -30px}to{opacity:1;translate:-50% 0}}@keyframes word{to{opacity:1;transform:none;filter:blur(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes bob{50%{transform:translateY(-10px) rotate(-1.2deg)}}@keyframes scroll{to{transform:translate(-100%)}}@keyframes tick{0%{rotate:-24deg}to{rotate:24deg}}@keyframes glow{50%{box-shadow:0 0 0 5px #592eff29}}@keyframes rampdraw{0%,8%{stroke-dashoffset:220}60%,90%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes rampdot{0%,8%{offset-distance:0%;opacity:1}60%,90%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}@keyframes settle{0%{opacity:0;transform:translateY(-14px) scale(.6)}7%,40%{opacity:1;transform:none}46%,to{opacity:0;transform:none}}@keyframes fadeA{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes fadeB{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@keyframes ringfill{0%,6%{stroke-dashoffset:107}50%,88%{stroke-dashoffset:27}to{stroke-dashoffset:107}}@keyframes tickin{0%,6%{scale:0}14%,70%{scale:1}85%,to{scale:0}}@keyframes ripple{0%{transform:scale(.55);opacity:.55}to{transform:scale(1.5);opacity:0}}@keyframes settleneedle{0%{transform:rotate(-38deg)}16%{transform:rotate(14deg)}32%{transform:rotate(-8deg)}48%{transform:rotate(4deg)}64%{transform:rotate(-1.6deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.w{opacity:1;transform:none;filter:none}.squiggle path{stroke-dashoffset:0}.morph .pop ellipse{opacity:1}.morph-tab{opacity:0}.ring-fg{stroke-dashoffset:27}.pupils i:after{scale:1}.ramp-line{stroke-dashoffset:0}.ramp-dot{offset-distance:100%}.nav{translate:-50% 0}.track{overflow-x:auto}}.paint{animation:wash 30s ease-in-out infinite alternate}@keyframes wash{0%{transform:scale(1) rotate(0)}to{transform:scale(1.07) rotate(-1.2deg)}}:root{--sky: #cfe9ec;--lime: #f3e3bb;--candy: #f2d0e0;--cyan: #139a9c;--lime-pop: #c8962e;--magenta: #cf4b8e;--rose: #cf4b8e;--teal: #139a9c;--gold: #c8962e;--plum: #1d1540;--r-card: 30px;--r-frame: 46px}.v-practise{background:linear-gradient(160deg,#cfe9ec,#eef8f9 70%)}.v-create{background:linear-gradient(160deg,#f3e3bb,#fbf5e5 70%)}.v-teach{background:linear-gradient(160deg,#f2d0e0,#fbeaf2 70%)}.squiggle path{stroke:#cf4b8e}.frame{background:#f4f3fa}.st-bar-wash{fill:#592eff;opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.st-bar-wash.cur{opacity:.055}.st-line{stroke-width:1.1;opacity:.55}.st-bar{stroke-width:1.3;opacity:.75}.st-bar.thick{stroke-width:2.8;opacity:.9}.st-ledger{stroke:var(--plum);stroke-width:1.4}.g{fill:var(--plum);transition:fill .25s var(--ease)}.st-note .head{fill:var(--plum)}.st-note .stem{stroke-width:1.3}.st-note.mel.on .g,.st-note.mel.on .head{fill:var(--violet)}.st-note.mel.on .stem{stroke:var(--violet)}.st-note.mel.on .beam{fill:var(--violet)}.st-note.bass.on .g,.st-note.bass.on .head{fill:var(--teal)}.st-note.bass.on .stem{stroke:var(--teal)}.st-note.bass.on .beam{fill:var(--teal)}.st-note.on .st-ledger{stroke:var(--plum)}.st-chord{font-size:17px}.st-chord.small{font-size:13.5px}.st-chip.on{fill:#ece7ff}.gtr-wrap{margin-top:12px;border:1px solid var(--mist);border-radius:24px;background:#fff;padding:12px 8px 10px;overflow:hidden}.gtr-wrap svg{display:block;width:100%;height:auto}.gtr-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;padding:0 12px 6px}.gtr-title{font-weight:700;color:var(--plum);font-size:15px}.gtr-sub{color:var(--slate);font-size:13.5px;max-width:60ch}.tab-bg{fill:#fff}.tab-fret{font-family:var(--font);font-weight:700;font-size:12.5px;fill:var(--plum);text-anchor:middle;transition:fill .2s var(--ease)}.tab-note{cursor:pointer}.tab-note.on .tab-bg{fill:#fbe4ee}.tab-note.on .tab-fret{fill:var(--rose)}.tab-clef{font-family:var(--font);font-weight:700;font-size:15px;fill:var(--plum);text-anchor:middle}.tab-legend{font-family:var(--font);font-size:11.5px;fill:var(--slate);text-anchor:end}.neck{margin-top:6px}.neck-num{font-family:var(--font);font-size:11px;font-weight:600;fill:var(--slate);text-anchor:middle}.ghost{opacity:0;transition:opacity .3s var(--ease)}.ghost.on{opacity:1}.ghost-dot{fill:#cf4b8e52;stroke:#cf4b8e;stroke-width:1.5}.open-ring{fill:none;stroke:#e9d49a;stroke-width:2.2}.mute-x{font-family:var(--font);font-weight:700;font-size:16px;fill:#e9d49a;text-anchor:middle}.pluck{opacity:0;pointer-events:none}.pluck.on{animation:pluckfade .52s ease-out forwards}.pluck-dot{fill:#cf4b8e;stroke:#fff;stroke-width:2}.pluck-num{fill:#fff;font-family:var(--font);font-weight:700;font-size:12px;text-anchor:middle}@keyframes pluckfade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.neck-string.vib{animation:ringing .5s linear}@keyframes ringing{0%{transform:translateY(0)}15%{transform:translateY(-1.8px)}30%{transform:translateY(1.5px)}50%{transform:translateY(-1px)}70%{transform:translateY(.6px)}to{transform:translateY(0)}}.keys-wrap{background:linear-gradient(#2a1a12,#150c08);border-color:#2a1a12;border-radius:22px;padding:12px 12px 10px;box-shadow:inset 0 2px 6px #0006}.pk{cursor:pointer;transition:transform .07s ease-out}.pk.mel,.pk.har{transform:translateY(1.6px)}.seg{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.neck-string.vib,.pluck.on{animation:none}}.seg span{font-size:12.5px;padding:6px 2px}.squiggle path{stroke:#592eff}.st-mark{font-family:var(--font);font-style:italic;font-weight:600;font-size:13px;fill:var(--slate)}.chords{margin-bottom:4px}.cbox-bg{fill:#faf9fd;stroke:var(--mist);stroke-width:1;transition:fill .3s var(--ease),stroke .3s var(--ease)}.cbox.on .cbox-bg{fill:#ece7ff;stroke:var(--violet);stroke-width:1.6}.cbox-name{font-family:var(--font);font-weight:700;font-size:17px;fill:var(--plum);text-anchor:middle;transition:fill .3s}.cbox.on .cbox-name{fill:var(--violet)}.cbox-str{stroke:var(--charcoal);stroke-width:1;opacity:.7}.cbox-fret{stroke:var(--charcoal);stroke-width:1;opacity:.55}.cbox-nut{stroke:var(--plum);stroke-width:3.2}.cbox-base{font-family:var(--font);font-weight:600;font-size:10.5px;fill:var(--slate)}.cbox-dot{fill:var(--plum);transition:fill .3s}.cbox.on .cbox-dot{fill:var(--rose)}.cbox-open{fill:none;stroke:var(--plum);stroke-width:1.4}.cbox-mute{font-family:var(--font);font-weight:700;font-size:13px;fill:var(--slate);text-anchor:middle}.ghost-dot{fill:#cf4b8e;stroke:#fff;stroke-width:1.6}.ghost-num{fill:#fff;font-family:var(--font);font-weight:700;font-size:11.5px;text-anchor:middle}.tab-fret{font-size:11px}.cbox-name{font-size:19px}.cbox-mute{font-size:15px}.cbox-open{r:4.4px}.cbox-base{font-size:12px}.tab-fret{font-size:11.5px}.cbox-fn{font-family:var(--font);font-weight:700;font-size:10px;fill:#fff;text-anchor:middle}.cbox-dot{fill:var(--plum)}.cbox.on .cbox-dot{fill:var(--violet)}.st-repeat{fill:var(--plum)}.ghost-num{font-size:11px}.st-mark{font-size:12px}.studio{gap:14px}.studio .eq{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:200px}.eq-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.eq-hz{font-size:12px;font-weight:600;color:var(--slate)}.studio .meter{flex:1 1 auto;width:100%;height:100%;min-height:170px;display:block}.eq-scale{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--slate);padding:0 2px}.now{border-top:1px solid var(--mist);padding-top:14px;display:grid;gap:4px}.now-chord{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--violet, #592eff);margin:0}.now-bar{font-size:14px;font-weight:600;color:var(--slate);margin:0}.now-prog{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.now-prog span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:200px;background:var(--concrete);color:var(--plum);transition:background-color .2s,color .2s}.now-prog span.on{background:#592eff;color:#fff}.tips{display:grid;gap:8px}.tips ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tips li{font-size:14px;line-height:1.45;color:var(--slate);padding-left:14px;position:relative}.tips li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#cf4b8e}.tips b{color:var(--plum);font-weight:700}.theory{max-width:1180px;margin:0 auto;padding:72px 24px 24px;display:grid;gap:14px}.theory h2{font-size:clamp(32px,4.6vw,52px);line-height:1.06;letter-spacing:-.025em;margin:0;color:var(--plum)}.theory-lede{max-width:68ch;font-size:17px;line-height:1.6;color:var(--slate);margin:0}.th-pills{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.th-pills li{font-size:13px;font-weight:700;padding:7px 14px;border-radius:200px;background:#f1edff;color:#3b21b8}.th-pills li:nth-child(2){background:#dff3f3;color:#0c6b6d}.th-pills li:nth-child(3){background:#fbe6ef;color:#9c2a65}.th-pills li:nth-child(4){background:#f8edd2;color:#8a6414}.theory-card{--acc: #139a9c;--acc-soft: #e2f4f4;position:relative;overflow:hidden;margin-top:10px;padding:24px;border:1px solid var(--mist);border-radius:var(--r-card, 30px);background:radial-gradient(900px 300px at 85% -10%,var(--acc-soft),transparent 70%),linear-gradient(180deg,#fbfaff,#fff);display:grid;gap:24px;transition:background .4s}.theory-card[data-board=abrsm]{--acc: #592eff;--acc-soft: #ece7ff}.theory-card[data-board=rockschool]{--acc: #cf4b8e;--acc-soft: #fbe6f0}.th-fw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.theory-ctl{display:grid;gap:16px;position:relative;z-index:1}.th-boards{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:760px){.th-boards{grid-template-columns:repeat(3,1fr)}}.th-board{font:inherit;text-align:left;cursor:pointer;padding:16px 18px;border-radius:22px;border:1.5px solid var(--mist);background:#fff;color:var(--plum);display:grid;gap:2px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;--c: #139a9c}.th-board:nth-child(3){--c: #cf4b8e}.th-board b{font-size:19px;letter-spacing:-.01em}.th-board span{font-size:13px;font-weight:600;color:var(--slate)}.th-board:hover{transform:translateY(-2px);box-shadow:0 10px 24px #21164c14}.th-board[aria-checked=true]{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.th-board:focus-visible,.th-grades button:focus-visible,.th-opt:focus-visible{outline:3px solid #592eff;outline-offset:2px}.th-grades{display:flex;flex-wrap:wrap;gap:8px}.th-grades button{font:inherit;font-size:14px;font-weight:700;padding:8px 15px;border-radius:200px;border:1px solid var(--mist);background:#fff;color:var(--plum);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.th-grades button[aria-pressed=true]{background:var(--acc);color:#fff;border-color:var(--acc)}.th-main{position:relative;z-index:1;display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:900px){.th-main{grid-template-columns:300px 1fr}}.th-side{display:grid;gap:14px;align-content:start}.th-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.th-stats div{background:#fff;border:1px solid var(--mist);border-radius:18px;padding:10px 8px;text-align:center;display:grid;gap:2px}.th-stats span{font-size:24px;font-weight:700;color:var(--acc);letter-spacing:-.02em}.th-stats small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.th-bar{height:8px;border-radius:8px;background:#ece9f6;overflow:hidden}.th-bar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#139a9c,#592eff,#cf4b8e);transition:width .45s var(--ease, ease)}.th-side ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.th-side li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.45;color:var(--plum)}.th-side li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--acc)}.th-q,.th-end{display:grid;gap:14px;align-content:start;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--mist);box-shadow:0 18px 40px #21164c0f}.th-end[hidden],.th-q[hidden],.th-hint[hidden],.th-q [hidden]{display:none}.th-fig{display:grid;justify-items:start}.th-fig:empty{display:none}.th-fig{min-width:0;max-width:100%}.th-fig svg{display:block;width:auto;max-width:100%;height:auto;padding:6px 10px;box-sizing:border-box;background:#fcfbff;border:1px solid var(--mist);border-radius:18px}.th-new{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);background:#592eff17;padding:2px 7px;border-radius:999px;margin-left:4px}.th-fig .stl{stroke:#2b2250}.th-fig .nt{fill:#2b2250}.th-prompt{font-size:clamp(20px,2.4vw,25px);font-weight:700;line-height:1.28;letter-spacing:-.01em;color:var(--plum);margin:0}.th-opts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:520px){.th-opts{grid-template-columns:1fr}}.th-opt{font:inherit;font-size:16px;font-weight:600;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1.5px solid var(--mist);background:#faf9ff;color:var(--plum);cursor:pointer;transition:transform .2s,background-color .25s,border-color .25s,box-shadow .25s}.th-opt i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:#ece9f6;color:#4b3f86}.th-opt:hover:not(:disabled){transform:translateY(-2px);border-color:var(--acc);box-shadow:0 8px 20px #21164c14}.th-opt:disabled{cursor:default}.th-opt.right{background:#d9f3e3;border-color:#1f9d55;box-shadow:0 0 0 3px #1f9d5538;animation:thpop .5s var(--ease, ease)}.th-opt.right i{background:#1f9d55;color:#fff}.th-opt.wrong{background:#fde3e6;border-color:#d6455d;box-shadow:0 0 0 3px #d6455d2e}.th-opt.wrong i{background:#d6455d;color:#fff}@keyframes thpop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.th-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.th-hint{margin:0;padding:12px 16px;border-radius:16px;background:#f8edd2;color:#5e4510;font-size:15px;line-height:1.5}.th-fb{min-height:1.5em;font-size:16px;line-height:1.55;color:var(--plum);margin:0}.th-fb.ok b{color:#1a8348}.th-fb.no b{color:#b23a50}.th-big{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0;background:linear-gradient(90deg,#139a9c,#592eff,#cf4b8e);-webkit-background-clip:text;background-clip:text;color:transparent}.th-endmsg{font-size:18px;line-height:1.55;color:var(--plum);margin:0;max-width:56ch}@media(prefers-reduced-motion:reduce){.th-opt,.th-board,.th-bar i{transition:none;animation:none}}.theory [hidden]{display:none!important}.th-stats span{white-space:nowrap;font-size:21px}@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}.v-theory{background:linear-gradient(160deg,#e6defc,#f6f2ff 70%);position:relative;display:grid;place-items:center}.quiz{display:grid;gap:7px;width:70%}.quiz-q{height:10px;width:80%;border-radius:6px;background:#2b2250;opacity:.8;margin-bottom:3px}.quiz-o{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;background:#fff;border:1.5px solid #e4def5}.quiz-o i{width:12px;height:12px;border-radius:50%;background:#e4def5;flex:none}.quiz-o b{height:6px;flex:1;border-radius:4px;background:#d9d2ee}.quiz-o.ok{background:#d9f3e3;border-color:#1f9d55;animation:quizok 3.2s ease-in-out infinite}.quiz-o.ok i{background:#1f9d55}.quiz-score{position:absolute;right:12px;bottom:10px;font-size:12px;font-weight:700;color:#592eff;background:#fff;border-radius:200px;padding:3px 9px}@keyframes quizok{0%,to{box-shadow:0 0 #1f9d5500}50%{box-shadow:0 0 0 5px #1f9d5538}}@media(prefers-reduced-motion:reduce){.quiz-o.ok{animation:none}}.eq-box{position:relative;flex:1 1 auto;min-height:200px;border-radius:16px;background:#faf9ff;border:1px solid var(--mist);overflow:hidden}.studio .meter{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:transparent;display:block}.th-pills li b{font-weight:800;margin-right:4px}.th-side li:has(.th-topic){padding-left:0}.th-side li:has(.th-topic):before{display:none}.th-topic{font:inherit;font-size:14.5px;line-height:1.4;text-align:left;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 28px 7px 18px;border:0;border-radius:12px;background:transparent;color:var(--plum);cursor:pointer;position:relative;transition:background-color .2s,color .2s}.th-topic:before{content:"";position:absolute;left:3px;top:1.05em;width:7px;height:7px;border-radius:50%;background:var(--acc)}.th-topic:after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border-top:1.5px solid var(--acc);border-right:1.5px solid var(--acc);transform:translateY(-50%) rotate(45deg);opacity:0;transition:opacity .2s,right .2s}.th-topic:hover,.th-topic:focus-visible{background:color-mix(in srgb,var(--acc) 8%,#fff)}.th-topic:hover:after,.th-topic:focus-visible:after{opacity:1;right:8px}.th-topic:focus-visible{outline:3px solid #592eff;outline-offset:1px}.th-topic .th-new{flex:none;margin-left:0}.th-side ul.th-topics-all{max-height:420px;overflow-y:auto;padding-right:4px}.th-more{font:inherit;font-size:13px;font-weight:700;justify-self:start;padding:6px 2px;border:0;background:none;color:var(--acc);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.th-more:focus-visible{outline:3px solid #592eff;outline-offset:2px;border-radius:6px}.th-only{position:relative;z-index:1;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px;border-radius:16px;background:color-mix(in srgb,var(--acc) 8%,#fff);border:1px solid color-mix(in srgb,var(--acc) 25%,var(--mist));font-size:14.5px;color:var(--plum)}.th-only b{font-weight:700}.th-only button{font:inherit;font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:200px;border:1px solid var(--mist);background:#fff;color:var(--plum);cursor:pointer}.th-only button:hover{border-color:var(--acc)}.th-only button:focus-visible{outline:3px solid #592eff;outline-offset:2px}.th-learnbtn{font:inherit;font-size:15px;font-weight:700;padding:10px 6px;border:0;background:none;color:var(--acc);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.th-learnbtn:hover{text-decoration-thickness:2px}.th-learnbtn:focus-visible{outline:3px solid #592eff;outline-offset:2px;border-radius:8px}.th-ways{margin-top:18px;display:grid;gap:12px}.th-ways .eyebrow{margin:0}.th-ways-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:760px){.th-ways-grid{grid-template-columns:repeat(2,1fr)}}.th-way{display:grid;gap:10px;align-content:start;justify-items:start;padding:22px 24px;border:1px solid var(--mist);border-radius:26px;background:#fff;box-shadow:0 14px 34px #21164c0d}.th-way h3{margin:0;font-size:20px;letter-spacing:-.01em;color:var(--plum)}.th-way p{margin:0;font-size:15px;line-height:1.55;color:var(--slate);max-width:52ch}.lv-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;background:#21164c73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);overflow-y:auto;overscroll-behavior:contain}.lv-overlay[hidden]{display:none}.lv-sheet{width:min(760px,100%);max-height:92vh;overflow-y:auto;border-radius:30px;background:#fbfaff;border:1px solid var(--mist);box-shadow:0 30px 80px #21164c47;padding:0 0 18px}.lv-sheet-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px 26px;background:#fbfafff0;backdrop-filter:blur(6px);border-bottom:1px solid var(--mist)}.lv-sheet-t{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--slate)}.lv-close{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:200px;border:1px solid var(--mist);background:#fff;color:var(--plum);cursor:pointer}.lv-close:hover{border-color:var(--violet)}.lv-close:focus-visible{outline:3px solid #592eff;outline-offset:2px}.lv-sheet #lv-mount{padding:18px 18px 0}.lv-sheet .lv-card{box-shadow:none}body.lv-open{overflow:hidden}@media(max-width:520px){.lv-overlay{padding:0}.lv-sheet{border-radius:0;max-height:100vh;min-height:100vh}.lv-sheet #lv-mount{padding:12px 10px 0}}@media(prefers-reduced-motion:reduce){.th-topic,.th-topic:after{transition:none}}.th-enrich{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;border:1px solid #e3cf9c;background:#fbf5e5;color:#8a6414;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}.lv-enrich{margin:0 0 12px;padding:10px 16px;border-radius:14px;background:#fbf5e5;border:1px solid #efe2bb;color:#6b4f12;font-size:14px;line-height:1.5}.th-modes{display:inline-flex;justify-self:start;padding:4px;gap:2px;border-radius:200px;border:1px solid var(--mist);background:#fff}.th-modes button{font:inherit;font-size:14px;font-weight:700;padding:8px 20px;border-radius:200px;border:0;background:transparent;color:var(--plum);cursor:pointer;transition:background-color .2s,color .2s}.th-modes button[aria-pressed=true]{background:var(--acc);color:#fff}.th-modes button:focus-visible{outline:3px solid #592eff;outline-offset:2px}.th-player{display:grid;gap:12px;padding:16px 18px;border-radius:20px;background:#fcfbff;border:1px solid var(--mist)}.th-wave{display:block;width:100%;height:56px}.th-pl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.th-listens{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--slate)}.th-listens i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--acc);background:transparent}.th-listens i.on{background:var(--acc)}.th-listens span{margin-left:6px}.th-plab{font-size:13px;font-weight:600;color:var(--slate)}@media(prefers-reduced-motion:reduce){.th-modes button{transition:none}}.card-link{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:14.5px;font-weight:700}.card-link a{color:var(--plum);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.card-link a:hover{text-decoration-thickness:2px}.card-link a:focus-visible{outline:3px solid #592eff;outline-offset:3px;border-radius:6px}.card-tag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid #e3cf9c;background:#fbf5e5;color:#8a6414}.theory-card{--acc: #0b7a7c;--acc-ink: #086466;--acc-soft: #e2f4f4}.theory-card[data-board=abrsm]{--acc: #592eff;--acc-ink: #4a22d9;--acc-soft: #ece7ff}.theory-card[data-board=rockschool]{--acc: #b3377a;--acc-ink: #9c2e68;--acc-soft: #fbe6f0}.th-board{--c: #0b7a7c}.th-board:nth-child(2){--c: #592eff}.th-board:nth-child(3){--c: #b3377a}.th-new{color:var(--acc-ink);background:color-mix(in srgb,var(--acc) 10%,#fff)}.th-opt.right i{background:#17803f}.th-opt.wrong i{background:#c23a52}.th-opt.right{border-color:#17803f}.th-opt.wrong{border-color:#c23a52}.th-pills li,.th-pills li:nth-child(n){background:#f4f1ff;color:#3b21b8}.th-modes[hidden],.th-affil[hidden]{display:none}.th-affil{margin:0;font-size:12.5px;line-height:1.5;color:var(--slate);max-width:70ch}.th-fig{overflow-x:auto;max-width:100%}.th-fig svg{flex:none}.th-main{align-items:start}@media(min-width:900px){.th-side{position:sticky;top:104px}}@media(max-width:899px){.th-q,.th-end{order:-1}.th-side{order:2}}.theory-lede,.card h3,.th-prompt,#th-topics-h{text-wrap:balance}.theory-lede{text-wrap:pretty}.lane .badge{border-color:var(--mist)}@media(max-width:600px){.theory-card{padding:14px}.th-q,.th-end{padding:18px 16px}.th-grades button,.th-modes button,.mvp-seg button,.th-more,.mvp-link,.lv-close,#th-next,#th-hintbtn,.th-learnbtn{min-height:44px}.th-topic{min-height:44px;align-items:center}.th-opt{min-height:48px}.seg label{min-height:44px;display:inline-flex;align-items:center}input[type=range]{min-height:44px}}.mvm-fig{overflow-x:auto;max-width:100%}.mvm-fig svg{flex:none}.th-opts{min-width:0}.th-opt{align-items:flex-start;min-width:0;max-width:100%}.th-opt span{min-width:0;overflow-wrap:anywhere;line-height:1.45;padding-top:3px}.th-opt i{margin-top:0}@media(max-width:600px){.th-opt{font-size:15px}}

.mvp,.mvm{--mvp-acc: #139a9c;--mvp-soft: #e2f4f4;--mvp-violet: #592eff;--mvp-plum: var(--plum, #21164c);--mvp-slate: var(--slate, #5f5f69);--mvp-mist: var(--mist, #e0e0db);--mvp-track: #ece9f6;font-family:var(--font, "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif);color:var(--mvp-plum);display:grid;gap:22px}.mvp[data-board=abrsm],.mvm[data-board=abrsm]{--mvp-acc: #592eff;--mvp-soft: #ece7ff}.mvp[data-board=rockschool],.mvm[data-board=rockschool]{--mvp-acc: #cf4b8e;--mvp-soft: #fbe6f0}.mvp *,.mvm *{box-sizing:border-box}.mvp-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mvp-slate)}.mvp-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mvp-btn{font:inherit;font-size:15px;font-weight:600;min-height:46px;padding:10px 22px;border-radius:200px;border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--spring, ease),background-color .2s,box-shadow .25s,border-color .2s,opacity .2s}.mvp-btn:hover:not(:disabled){transform:translateY(-2px)}.mvp-btn:active:not(:disabled){transform:scale(.97)}.mvp-btn:focus-visible,.mvp-rung:focus-visible,.mvm-opt:focus-visible,.mvm-dot:focus-visible,.mvp-link:focus-visible{outline:3px solid var(--mvp-violet);outline-offset:2px}.mvp-primary{background:var(--mvp-violet);color:#fff}.mvp-primary:hover:not(:disabled){box-shadow:0 10px 30px #592eff4d}.mvp-ghost{background:#fff;color:var(--mvp-plum);border-color:var(--mvp-mist)}.mvp-ghost:hover:not(:disabled){background:#f6f4ff;border-color:#cfc6ff}.mvp-btn:disabled{opacity:.45;cursor:not-allowed}.mvp-sm{min-height:38px;padding:6px 16px;font-size:14px}.mvp-link{font:inherit;font-size:14px;font-weight:700;color:var(--mvp-violet);background:none;border:0;padding:6px 0;cursor:pointer;justify-self:start}.mvp-link:hover{text-decoration:underline;text-underline-offset:3px}.mvp{padding:26px;border:1px solid var(--mvp-mist);border-radius:var(--r-card, 30px);background:radial-gradient(800px 260px at 90% -10%,var(--mvp-soft),transparent 70%),linear-gradient(180deg,#fbfaff,#fff)}.mvp-head{display:grid;gap:4px}.mvp-title{margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.mvp-sum{margin:2px 0 0;font-size:15px;color:var(--mvp-slate);line-height:1.5}.mvp-ladder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}@media(max-width:760px){.mvp-ladder{grid-template-columns:repeat(4,minmax(0,1fr))}.mvp{padding:18px}}.mvp-rung{font:inherit;display:grid;justify-items:center;align-content:start;gap:2px;padding:12px 4px 10px;border-radius:22px;border:1.5px solid var(--mvp-mist);background:#fff;color:var(--mvp-plum);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.mvp-rung:hover{transform:translateY(-2px);box-shadow:0 10px 24px #21164c14}.mvp-rung[aria-pressed=true]{border-color:var(--mvp-acc);background:color-mix(in srgb,var(--mvp-acc) 8%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--mvp-acc) 20%,transparent)}.mvp-ring{width:54px;height:54px;display:block}.mvp-ring .trk{fill:none;stroke:var(--mvp-track);stroke-width:5}.mvp-ring .val{fill:none;stroke:var(--mvp-acc);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .6s var(--ease, ease)}.mvp-ringtxt{font:700 17px var(--font, "Plus Jakarta Sans", sans-serif);fill:var(--mvp-plum)}.mvp-rl{font-size:13px;font-weight:700}.mvp-rs{font-size:12px;font-weight:600;color:var(--mvp-slate)}.mvp-rt{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--mvp-acc)}.mvp-detail{display:grid;gap:14px;padding:22px;border-radius:26px;background:#fff;border:1px solid var(--mvp-mist);box-shadow:0 18px 40px #21164c0d}.mvp-dh h4{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}.mvp-dh p{margin:4px 0 0;font-size:14.5px;color:var(--mvp-slate);line-height:1.5}.mvp-topics{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mvp-topic{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(70px,1fr) 92px 96px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #f0eef7;font-size:14.5px}.mvp-topic:last-child{border-bottom:0}@media(max-width:640px){.mvp-topic{grid-template-columns:1fr auto;gap:6px 12px}.mvp-topic .mvp-bar{grid-column:1 / -1;order:3}.mvp-topic .mvp-tv{text-align:right}.mvp-topic .mvp-chip{display:none}}.mvp-tn{font-weight:600}.mvp-bar{display:block;height:8px;border-radius:8px;background:var(--mvp-track);overflow:hidden}.mvp-bar i{display:block;height:100%;border-radius:8px;background:var(--mvp-acc);opacity:.55;transition:width .5s var(--ease, ease)}.s-secure .mvp-bar i{opacity:1}.mvp-tv{font-size:13px;color:var(--mvp-slate);font-weight:600;text-align:right;white-space:nowrap}.mvp-chip{justify-self:end;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:200px;background:#f1edff;color:#3b21b8;white-space:nowrap}.s-secure .mvp-chip{background:#d9f3e3;color:#14683a}.s-new .mvp-chip{background:#f3f2f6;color:#6a6678}.mvp-cta{display:grid;gap:8px;padding-top:6px}.mvp-hint{margin:0;font-size:14px;color:var(--mvp-slate);line-height:1.5}.mvp-empty{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:26px;border-radius:26px;background:#fff;border:1.5px dashed #cfc6ff}.mvp-empty .mvp-ring{width:84px;height:84px}.mvp-et{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.01em}.mvp-ep{margin:0 0 14px;font-size:15px;color:var(--mvp-slate);line-height:1.55;max-width:56ch}@media(max-width:560px){.mvp-empty{grid-template-columns:1fr;justify-items:start}}.mvp-foot{margin:0;font-size:12.5px;color:var(--mvp-slate);line-height:1.5}.mvm-card{display:grid;gap:18px;padding:26px;border-radius:var(--r-card, 30px);background:#fff;border:1px solid var(--mvp-mist);box-shadow:0 18px 40px #21164c0f;position:relative}@media(max-width:560px){.mvm-card{padding:18px}}.mvm-title{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.08}.mvm-lede{margin:0;font-size:16.5px;line-height:1.6;color:var(--mvp-slate);max-width:62ch}.mvm-note{margin:0;font-size:13.5px;line-height:1.55;color:var(--mvp-slate);padding:12px 16px;border-radius:16px;background:#f8f6ff}.mvm-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mvm-facts li{font-size:14px;padding:8px 16px;border-radius:200px;background:var(--mvp-soft);color:var(--mvp-plum)}.mvm-top{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}@media(max-width:700px){.mvm-top{grid-template-columns:1fr auto}.mvm-clock{grid-column:1 / -1;order:3}}.mvm-count{font-size:15px;color:var(--mvp-slate)}.mvm-count b{color:var(--mvp-plum);font-size:17px}.mvm-clock{display:grid;gap:6px;justify-items:center;min-width:180px}.mvm-time{font-size:28px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--mvp-plum);transition:color .6s}.mvm-clock.late .mvm-time{color:#8a6414}.mvm-clockbar{width:min(260px,100%);height:5px;border-radius:5px;background:var(--mvp-track);overflow:hidden}.mvm-clockbar i{display:block;height:100%;background:var(--mvp-violet);border-radius:5px;transition:width .5s linear}.mvm-clock.late .mvm-clockbar i{background:#c8962e}.mvm-q{display:grid;gap:16px}.mvm-fig{display:grid;justify-items:start}.mvm-fig svg{display:block;width:auto;max-width:100%;height:auto;padding:6px 10px;background:#fcfbff;border:1px solid var(--mvp-mist);border-radius:18px}.mvm-fig .stl{stroke:#2b2250;stroke-width:1.1}.mvm-fig .nt{fill:#2b2250}.mvm-prompt{margin:0;font-size:clamp(19px,2.2vw,24px);font-weight:700;line-height:1.3;letter-spacing:-.01em}.mvm-opts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.mvm-opts{grid-template-columns:1fr}}.mvm-opt{font:inherit;font-size:16px;font-weight:600;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1.5px solid var(--mvp-mist);background:#faf9ff;color:var(--mvp-plum);cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s}.mvm-opt i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:#ece9f6;color:#4b3f86}.mvm-opt:hover{transform:translateY(-2px);border-color:var(--mvp-violet)}.mvm-opt.on{border-color:var(--mvp-violet);background:#f1edff;box-shadow:0 0 0 3px #592eff29}.mvm-opt.on i{background:var(--mvp-violet);color:#fff}.mvm-nav{justify-content:space-between}.mvm-nav [aria-pressed=true]{background:#f8edd2;border-color:#e5cf8f}.mvm-map{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px;border-top:1px solid #f0eef7}.mvm-dot{font:inherit;font-size:12px;font-weight:700;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--mvp-mist);background:#fff;color:var(--mvp-slate);cursor:pointer;position:relative}.mvm-dot.done{background:#ece7ff;border-color:#cfc6ff;color:#3b21b8}.mvm-dot.cur{border-color:var(--mvp-violet);box-shadow:0 0 0 3px #592eff2e;color:var(--mvp-plum)}.mvm-dot.flag:after{content:"";position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#c8962e;border:2px solid #fff}.mvm-dot:disabled{opacity:.5;cursor:default}.mvm-paused{display:grid;gap:14px;justify-items:start;padding:38px 8px}.mvm-pausedt{margin:0;font-size:34px;font-weight:700;letter-spacing:-.02em}.mvm-confirm{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:#f8f6ff;border:1px solid #ded7ff}.mvm-confirm p{margin:0;font-size:15.5px;line-height:1.5}.mvm-big{margin:0;font-size:clamp(44px,8vw,76px);font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(90deg,#139a9c,#592eff,#cf4b8e);-webkit-background-clip:text;background-clip:text;color:transparent}.mvm-sub{margin:0;font-size:15px;color:var(--mvp-slate)}.mvm-h{margin:8px 0 0;font-size:17px;font-weight:700;letter-spacing:-.01em}.mvm-topics{list-style:none;margin:0;padding:0;display:grid;gap:2px}.mvm-trow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) 64px;gap:14px;align-items:center;padding:8px 0;font-size:14.5px;border-bottom:1px solid #f0eef7}@media(max-width:560px){.mvm-trow{grid-template-columns:1fr auto}.mvm-tbar{grid-column:1 / -1;order:3}}.mvm-tname{font-weight:600}.mvm-tbar{display:block;height:8px;border-radius:8px;background:var(--mvp-track);overflow:hidden}.mvm-tbar i{display:block;height:100%;border-radius:8px;background:var(--mvp-acc)}.mvm-tval{text-align:right;font-weight:600;font-size:13px;color:var(--mvp-slate);white-space:nowrap}.mvm-guide{display:grid;gap:8px}.mvm-guide p{margin:0;font-size:15.5px;line-height:1.6;max-width:66ch}.mvm-review{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}.mvm-review[hidden]{display:none}.mvm-ritem{display:grid;gap:6px;padding:16px 18px;border-radius:20px;border:1.5px solid var(--mvp-mist);background:#fff}.mvm-ritem.ok{border-color:#bfe6cf;background:#f6fcf8}.mvm-ritem.no{border-color:#f1ccd3;background:#fffafb}.mvm-ritem p{margin:0;line-height:1.55;font-size:15px}.mvm-rq{font-weight:600}.mvm-rw{color:var(--mvp-slate)}@media(prefers-reduced-motion:reduce){.mvp *,.mvm *{transition:none!important;animation:none!important}}.mvp-modebar{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-family:var(--font, "Plus Jakarta Sans", system-ui, sans-serif)}.mvp-seg{display:inline-flex;padding:4px;border-radius:200px;background:#fff;border:1px solid var(--mist, #e0e0db);gap:2px}.mvp-seg button{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:200px;border:0;background:transparent;color:var(--plum, #21164c);cursor:pointer;transition:background-color .2s,color .2s}.mvp-seg button[aria-pressed=true]{background:#592eff;color:#fff}.mvp-seg button:focus-visible{outline:3px solid #592eff;outline-offset:2px}.mvp-modecap{font-size:14px;color:var(--slate, #5f5f69);line-height:1.4;flex:1 1 240px}.mvp,.mvm{--mvp-acc: #0b7a7c}.mvp[data-board=abrsm],.mvm[data-board=abrsm]{--mvp-acc: #592eff}.mvp[data-board=rockschool],.mvm[data-board=rockschool]{--mvp-acc: #b3377a}.s-needs .mvp-chip{background:#fbe6e9;color:#9c2a40}@media(max-width:600px){.mvp-btn,.mvm-opt{min-height:44px}.mvm-dot{min-width:44px;min-height:44px}}.mvp-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mvp-btn,.mvp-sm{min-height:44px}.mvp-link{min-height:44px;display:inline-flex;align-items:center;padding:0 4px}.mvp-seg button{min-height:44px;min-width:44px;padding:10px 18px}.mvm-dot{min-width:44px;min-height:44px;width:44px;height:44px}.mvm-opt{min-height:44px}.mvp-seg button[aria-pressed=true]:before{content:"\2713\a0"}.mvp-rung[aria-pressed=true] .mvp-rl:before{content:"\2713\a0"}.mvp-rung[aria-pressed=true]{border-width:2.5px}.mvp-rung:focus-visible{outline:3px solid var(--mvp-violet);outline-offset:2px}.mvp-views{justify-self:start}.s-new .mvp-chip{background:#eceaf1;color:#55516a}.mvp-hint{color:var(--mvp-slate)}.mvp-pr,.mvp-data{display:grid;gap:10px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--mvp-mist)}.mvp-pr h4,.mvp-data h4{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.mvp-pr .mvp-hint,.mvp-data .mvp-hint{margin:0}.mvp-tw{overflow-x:auto}.mvp-table,.mvp-sh-table{width:100%;border-collapse:collapse;font-size:14.5px}.mvp-table th,.mvp-table td,.mvp-sh-table th,.mvp-sh-table td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid #ece9f6;vertical-align:top}.mvp-table thead th,.mvp-sh-table thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mvp-slate);font-weight:700}.mvp-table tbody th,.mvp-sh-table tbody th{font-weight:700;white-space:nowrap}.mvp-file{display:none}.mvp-danger{color:#9c2a40;border-color:#e5b9c1}.mvp-danger:hover:not(:disabled){background:#fff4f6;border-color:#9c2a40}.mvp-danger-solid{background:#9c2a40;color:#fff}.mvp-danger-solid:hover:not(:disabled){box-shadow:0 10px 30px #9c2a404d}.mvp-danger-solid:focus-visible{outline:3px solid var(--mvp-violet);outline-offset:2px}.mvp-confirm{display:grid;gap:10px;padding:16px 18px;border-radius:18px;background:#f8f6ff;border:1.5px solid #cfc6ff}.mvp-confirm h4{margin:0;font-size:16px}.mvp-confirm p{margin:0;font-size:14.5px;line-height:1.5}.mvp-scope{border:0;margin:0;padding:0;display:grid;gap:8px}.mvp-opt{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 12px;border-radius:14px;border:1.5px solid var(--mvp-mist);background:#fff;cursor:pointer}.mvp-opt input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--mvp-violet)}.mvp-opt span{display:grid;gap:2px;font-size:14.5px}.mvp-opt small{font-size:13px;color:var(--mvp-slate)}.mvp-opt:has(input:checked){border-color:var(--mvp-violet);background:#f1edff}.mvp-opt:has(input:focus-visible){outline:3px solid var(--mvp-violet);outline-offset:2px}.mvp-msg{margin:0;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.5;border:1.5px solid}.mvp-msg.ok{background:#effaf3;border-color:#9fd6b6;color:#0f4f2c}.mvp-msg.bad{background:#fff4f6;border-color:#e5b9c1;color:#8c2236}.mvp-sheet{--mvp-violet: #592eff;--mvp-plum: #21164c;--mvp-slate: #5f5f69;--mvp-mist: #e0e0db;--mvp-acc: #0b7a7c;position:fixed;inset:0;z-index:10000;overflow:auto;background:#efecf8;padding:0 16px 40px;font-family:var(--font, "Plus Jakarta Sans", system-ui, sans-serif);color:#21164c}.mvp-sheet *{box-sizing:border-box}.mvp-sh-bar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;max-width:860px;margin:0 auto;padding:14px 4px;background:#efecf8}.mvp-sh-fieldw{display:grid;gap:4px;flex:1 1 260px}.mvp-sh-fieldw label{font-size:13px;font-weight:700;color:#4a4560}.mvp-field{font:inherit;font-size:16px;min-height:44px;padding:8px 14px;border-radius:14px;border:1.5px solid #8d86a8;background:#fff;color:#21164c;width:100%}.mvp-field:focus-visible{outline:3px solid #592eff;outline-offset:2px}.mvp-sh-page{max-width:860px;margin:8px auto 0;padding:36px 40px;background:#fff;border:1px solid #d9d5e8;border-radius:12px;display:grid;gap:18px}@media(max-width:600px){.mvp-sh-page{padding:22px 16px}}.mvp-sh-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.mvp-sh-meta{margin:0;font-size:15px}.mvp-sh-name{font-weight:700;border-bottom:1px solid #21164c;padding:0 6px;min-width:14ch;display:inline-block}.mvp-sh-name.blank{min-height:1.2em}.mvp-sh-sec{display:grid;gap:8px}.mvp-sh-sec h3{margin:0;font-size:18px}.mvp-sh-sub,.mvp-sh-rev{margin:0;font-size:14.5px;line-height:1.5;color:#3f3a55}.mvp-sh-foot{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:#4a4560;border-top:1px solid #d9d5e8;padding-top:12px}.mvp-sh-page .mvp-eyebrow{color:#4a4560}.mvp-sh-table{min-width:560px}.mvp-sh-sec{overflow-x:auto}@media print{@page{margin:16mm}html.mvp-sheet-open body>*:not(.mvp-sheet){display:none!important}html.mvp-sheet-open,html.mvp-sheet-open body{background:#fff!important}html.mvp-sheet-open .mvp-sheet{position:static;inset:auto;overflow:visible;background:#fff;padding:0;display:block}.mvp-sheet .mvp-sh-bar{display:none}.mvp-sheet .mvp-sh-page{max-width:none;margin:0;padding:0;border:0;border-radius:0;gap:14px}.mvp-sheet .mvp-sh-sec{overflow:visible;break-inside:avoid}.mvp-sheet .mvp-sh-table{min-width:0;font-size:11pt}.mvp-sheet tr,.mvp-sheet th,.mvp-sheet td{break-inside:avoid}.mvp-sheet,.mvp-sheet *{color:#000!important;background:transparent!important}.mvp-sheet .mvp-sh-table th,.mvp-sheet .mvp-sh-table td{border-bottom:1px solid #555}.mvp-sheet .mvp-sh-name{border-bottom:1px solid #000;min-width:30ch}}@media(prefers-reduced-motion:reduce){.mvp-btn,.mvp-rung{transition:none!important}}.mvm-notes{display:grid;gap:8px}.mvm-warn{background:#fff4f6;border:1.5px solid #e5b9c1;color:#8c2236}.mvm-sections caption{text-align:left;font-size:13px;font-weight:700;color:var(--mvp-slate);padding:0 0 6px;caption-side:top}.mvm-sec{display:block;font-size:13px;color:var(--mvp-slate);margin-top:2px}.mvm-band{margin:0;font-size:16px;padding:10px 16px;border-radius:16px;background:var(--mvp-soft);border:1.5px solid var(--mvp-acc);color:var(--mvp-plum);line-height:1.5}.mvm-unc{padding:14px 18px;border-radius:18px;background:#f8f6ff;border:1px solid #ded7ff}.mvm-unc .mvm-h{margin:0 0 4px}.mvm-listen{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 16px;border-radius:18px;background:#f8f6ff;border:1px solid #ded7ff}.mvm-lcount{font-size:14px;font-weight:700;color:var(--mvp-plum)}.mvm-llab{font-size:14px;color:var(--mvp-slate)}.mvm-sections tbody th{white-space:normal}@media(max-width:560px){.mvm-sections th,.mvm-sections td{padding-right:8px;font-size:13.5px}.mvm-sections thead th{font-size:11px;letter-spacing:.03em}}.mvm-opt{align-items:flex-start;min-width:0}.mvm-opt span{min-width:0;overflow-wrap:anywhere;line-height:1.45}.mvp-tn,.mvp-topic{min-width:0;overflow-wrap:anywhere}

.lv-wrap{--lv-violet: var(--violet, #592eff);--lv-plum: var(--plum, #21164c);--lv-slate: var(--slate, #5f5f69);--lv-mist: var(--mist, #e0e0db);font-family:var(--font, "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif);color:var(--lv-plum);display:grid;gap:14px}.lv-topics{max-height:140px;overflow-y:auto;padding-right:4px!important;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.lv-topics button{font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:7px 16px;border-radius:200px;border:1px solid var(--lv-mist);background:#fff;color:var(--lv-plum);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.lv-topics button:hover{border-color:var(--lv-violet)}.lv-topics button[aria-current=true]{background:var(--lv-violet);border-color:var(--lv-violet);color:#fff}.lv-topics .lv-fresh{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-left:6px}.lv-card{display:grid;gap:18px;padding:28px;border-radius:26px;background:#fff;border:1px solid var(--lv-mist);box-shadow:0 18px 40px #21164c0f}@media(max-width:520px){.lv-card{padding:22px 18px;border-radius:22px}}.lv-eyebrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lv-violet)}.lv-eyebrow span{background:#592eff17;padding:4px 10px;border-radius:999px}.lv-title{margin:0;font-size:clamp(24px,3vw,31px);line-height:1.18;letter-spacing:-.02em;font-weight:700}.lv-sum{margin:0;font-size:15px;line-height:1.55;color:var(--lv-slate);max-width:62ch}.lv-intro{margin:0;font-size:17px;line-height:1.62;max-width:62ch}.lv-h{margin:0;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lv-slate)}.lv-steps{margin:0;padding:0;list-style:none;counter-reset:lvs;display:grid;gap:10px}.lv-steps li{counter-increment:lvs;position:relative;padding-left:40px;font-size:16px;line-height:1.5;min-height:28px}.lv-steps li:before{content:counter(lvs);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#ece9f6;color:#4b3f86}.lv-worked{display:grid;gap:8px;padding:18px 20px;border-radius:20px;background:#f4f1ff;border:1px solid #e0d9ff}.lv-worked .lv-q{margin:0;font-size:16.5px;font-weight:700;line-height:1.4}.lv-worked .lv-a{margin:0;font-size:16px;line-height:1.45}.lv-worked .lv-a b{color:#3b21b8}.lv-worked .lv-r{margin:0;font-size:15px;line-height:1.55;color:#3d3566}.lv-note{margin:0;padding:13px 17px;border-radius:16px;font-size:15px;line-height:1.5}.lv-watch{background:#f8edd2;color:#5e4510}.lv-tip{background:#dff3f3;color:#0c4d4f}.lv-board{background:#faf9ff;border:1px solid var(--lv-mist);color:#3d3566}.lv-note b{font-weight:700;margin-right:4px}.lv-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.lv-go{font:inherit;font-size:15px;font-weight:700;min-height:44px;padding:12px 24px;border-radius:200px;border:0;background:var(--lv-violet);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}.lv-go:hover{transform:translateY(-2px);box-shadow:0 10px 24px #592eff47;background:#4a22e6}.lv-go:focus-visible,.lv-topics button:focus-visible{outline:3px solid var(--lv-violet);outline-offset:2px}.lv-empty{padding:22px;border-radius:22px;border:1px dashed var(--lv-mist);color:var(--lv-slate);font-size:15px}@media(prefers-reduced-motion:reduce){.lv-go,.lv-topics button{transition:none}.lv-go:hover{transform:none}}.lv-topics button[aria-current=true]:before{content:"\2713\a0"}

.practise{--wood: #f3ece0;--wood-line: #bcb4a4;--string: #8a8376;--lh: #0b7f86}.practise .theory-lede{margin-bottom:4px}.pr-shell{position:relative}.pr-loading{margin:0;padding:22px;color:var(--slate);font-weight:600;font-size:16px}.pr-head{position:relative;z-index:1;display:grid;gap:12px 24px;align-content:start}@media(min-width:900px){.pr-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.pr-head-t{display:grid;gap:6px;min-width:0}.pr-head .eyebrow,.pr-head .th-pills{margin:0}.pr-gradeh{margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--plum)}.pr-sub{margin:0;font-size:15px;line-height:1.55;color:var(--slate);max-width:72ch}.pr-note{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--slate);max-width:80ch}.pr-tight{margin:0}.pr-gap{margin-top:12px}.pr-vgap{margin-top:16px}.pr-body{position:relative;z-index:1;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start}.pr-main,.pr-panel,.pr-aside{min-width:0}.pr-main{display:grid;gap:18px}@media(min-width:1000px){.pr-body.has-aside{grid-template-columns:minmax(0,1fr) 340px}.pr-aside{position:sticky;top:96px}}.pr-tabs{display:flex;gap:2px;padding:4px;max-width:100%;justify-self:start;border-radius:200px;border:1px solid var(--mist);background:#fff;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pr-tabs::-webkit-scrollbar{display:none}.pr-tabs button{font:inherit;font-size:14px;font-weight:700;white-space:nowrap;min-height:44px;padding:8px 18px;border-radius:200px;border:0;background:transparent;color:var(--plum);cursor:pointer;transition:background-color .2s,color .2s}.pr-tabs button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--acc) 8%,#fff)}.pr-tabs button[aria-selected=true]{background:var(--acc);color:#fff}.pr-tabs button:focus-visible,.pr-seg button:focus-visible,.pr-chip:focus-visible,.pr-path:focus-visible{outline:3px solid #592eff;outline-offset:2px}.pr-panel{display:grid;gap:18px;align-content:start}.pr-panel:focus{outline:none}.pr-box{display:grid;gap:14px;align-content:start;min-width:0;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--mist);box-shadow:0 18px 40px #21164c0f}.pr-box.flat{box-shadow:none;background:#fcfbff}.pr-box h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--plum)}.pr-box h4{margin:0;font-size:16px;line-height:1.3;font-weight:700;color:var(--plum)}.pr-box h4.pr-h4,.pr-h4{margin:8px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.pr-k{display:block;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.pr-lead{margin:10px 0 0;font-size:17px;line-height:1.55;color:var(--plum)}.pr-big{font-size:clamp(46px,7vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--acc)}.pr-two{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:860px){.pr-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.pr-facts{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin:0}@media(min-width:560px){.pr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.pr-facts div{border-top:1px solid var(--mist);padding-top:10px;min-width:0}.pr-facts dt{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.pr-facts dd{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--plum);overflow-wrap:anywhere}.pr-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pr-list li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:var(--plum)}.pr-list li:before{content:"";position:absolute;left:1px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--acc)}.pr-ol{counter-reset:s}.pr-ol li{counter-increment:s;padding-left:36px}.pr-ol li:before{content:counter(s);left:0;top:.1em;width:24px;height:24px;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--acc-ink);background:var(--acc-soft)}.pr-conf{margin:0;padding-left:12px;border-left:3px solid var(--acc-soft);font-size:13.5px;line-height:1.55;color:var(--slate)}.pr-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pr-pill{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:6px 14px;border-radius:200px;background:#f4f1ff;color:#3b21b8}.pr-pill.dark{background:var(--plum);color:#fff}.pr-pill.warm{background:#f8edd2;color:#8a6414}.pr-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pr-controls{align-items:flex-end;gap:14px}.pr-status{margin:6px 0 0;min-height:22px;font-size:14px;line-height:1.5;color:var(--slate)}.pr-prompt{margin:6px 0 0;font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.3;color:var(--plum)}.pr-result{padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--acc) 8%,#fff);border:1px solid color-mix(in srgb,var(--acc) 22%,var(--mist));color:var(--plum);font-size:15px;line-height:1.55}.pr-result h4{margin-bottom:4px}.pr-summary{margin:0;padding:14px 18px;border-radius:16px;background:color-mix(in srgb,var(--acc) 8%,#fff);color:var(--plum);font-size:15px;font-weight:600}.pr-care{margin:0;padding:14px 18px;border-radius:16px;background:#f8edd2;color:#5e4510;font-size:14px;line-height:1.55}.pr-link{font:inherit;font-size:14.5px;font-weight:700;min-height:44px;padding:8px 4px;border:0;background:none;color:var(--acc-ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.pr-link:hover{text-decoration-thickness:2px}.pr-link:focus-visible,.pr-linkbtn:focus-visible{outline:3px solid #592eff;outline-offset:2px;border-radius:8px}.btn-sm{min-height:44px;padding:8px 18px;font-size:15px}.btn.armed{border-color:var(--acc);background:var(--acc-soft)}.pr-seg{display:inline-flex;flex-wrap:wrap;justify-self:start;gap:2px;padding:4px;border-radius:200px;border:1px solid var(--mist);background:#fff}.pr-seg button{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:8px 18px;border-radius:200px;border:0;background:transparent;color:var(--plum);cursor:pointer;transition:background-color .2s,color .2s}.pr-seg button[aria-selected=true],.pr-seg button[aria-checked=true]{background:var(--acc);color:#fff}.pr-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.practise select{font:inherit;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;min-height:44px;min-width:130px;padding:9px 38px 9px 16px;border-radius:200px;border:1px solid var(--mist);color:var(--plum);cursor:pointer;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,var(--slate) 50%),linear-gradient(135deg,var(--slate) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}.practise select:focus-visible,.practise input:focus-visible,.practise summary:focus-visible,.practise [tabindex]:focus-visible{outline:3px solid #592eff;outline-offset:2px}.practise input[type=range]{accent-color:var(--acc);width:160px}.pr-bpm{flex-direction:row;align-items:center;gap:10px;letter-spacing:0;text-transform:none;font-size:14px;font-weight:600}.pr-bpm output{min-width:2.4em;text-align:right;font-weight:700;color:var(--plum)}.pr-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:var(--plum);cursor:pointer}.pr-check input{width:20px;height:20px;flex:none;accent-color:var(--acc)}.pr-chips{display:flex;flex-wrap:wrap;gap:8px}.pr-chip{font:inherit;font-size:14px;font-weight:700;min-height:44px;min-width:44px;padding:8px 15px;border-radius:200px;border:1px solid var(--mist);background:#fff;color:var(--plum);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.pr-chip:hover{border-color:var(--acc)}.pr-chip[aria-pressed=true],.pr-chip[aria-checked=true],.pr-chip.on{background:var(--acc);border-color:var(--acc);color:#fff}.pr-select{min-width:160px}.pr-bar{display:block;width:min(220px,100%);height:8px;border-radius:8px;background:#ece9f6;overflow:hidden}.pr-bar.wide{width:100%}.pr-bar i{display:block;height:100%;width:0;border-radius:8px;background:var(--acc);transition:width .45s var(--ease, ease)}.pr-progress{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--slate)}.pr-timer{min-width:3ch;font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;color:var(--plum)}.pr-study{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14.5px;color:var(--slate)}.pr-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:var(--slate)}.pr-meta>span:not(.pr-pill) b{color:var(--plum);font-weight:700}.pr-meta .pr-pill{font-size:12.5px}.pr-player{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.pr-ratebox{border-top:1px solid var(--mist);padding-top:16px;display:grid;gap:12px}.pr-ratebox fieldset{min-width:0}.pr-ratebox legend{padding:0;margin-bottom:10px;font-weight:700;color:var(--plum)}.pr-rateopts{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.pr-rateopts label{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--mist);background:#fff;font-size:14px;line-height:1.35;color:var(--plum);cursor:pointer}.pr-rateopts input{margin-top:2px;accent-color:var(--acc)}.pr-rateopts label:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff)}.pr-history ol{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.pr-history li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--mist);font-size:14px;color:var(--plum)}.pr-dots{display:inline-flex;gap:3px;margin-left:auto}.pr-dots i{width:9px;height:9px;border-radius:50%;background:var(--mist)}.pr-dots i.on{background:var(--acc)}.pr-rate{display:flex;flex-wrap:wrap;gap:8px}.pr-rate button{flex:1 1 140px;min-height:54px;text-align:left;padding:10px 14px;border-radius:16px;border:1px solid var(--mist);background:#fff;font:inherit;color:var(--plum);cursor:pointer}.pr-rate button b{display:block;font-size:14px}.pr-rate button span{display:block;font-size:12.5px;line-height:1.4;color:var(--slate)}.pr-rate button[aria-pressed=true]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 18%,transparent)}.pr-rate button:focus-visible{outline:3px solid #592eff;outline-offset:2px}.pr-hist{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--slate)}.pr-hist span{padding:4px 10px;border-radius:200px;background:#f4f1ff}.pr-fig{min-width:0;max-width:100%}.pr-fig svg{display:block;width:auto;max-width:100%;height:auto;padding:6px 10px;box-sizing:border-box;background:#fcfbff;border:1px solid var(--mist);border-radius:18px}.pr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pr-scroll svg{max-width:none}.practise .stl{stroke:#2b2250;fill:none}.practise .nt{fill:#2b2250}.pr-tb-controls{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end;justify-content:space-between}.pr-opts{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.pr-tb-sum{margin:0;font-size:14.5px;line-height:1.5;color:var(--slate)}.pr-tb-list{display:grid;gap:12px}.pr-tcard{gap:0;padding:0;overflow:hidden}.pr-tcard>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px}.pr-tcard h4{font-size:17px}.pr-tcard header .pr-sub{font-size:13.5px}.pr-tcard-body{display:grid;gap:14px;padding:16px 22px 22px;border-top:1px solid var(--mist)}.pr-staffwrap{overflow-x:auto;padding:8px 0 6px;-webkit-overflow-scrolling:touch}.pr-neckwrap{overflow-x:auto;padding:4px 0}.pr-neck{display:inline-block;min-width:100%}.pr-neck svg{display:block;margin:0 auto;max-width:100%;height:auto}.pr-neck svg.mvf-v{max-height:560px;width:auto}.pr-neckctl{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end}.pr-target{font-size:13px;color:var(--slate)}.pr-note-line{margin:0;font-size:14px;color:var(--slate)}.pr-techgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pr-tech p{font-size:15px;line-height:1.55}.pr-drill{font-size:14px;color:var(--slate)}.pr-drill span{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink)}.pr-chordgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.pr-chordfig{margin:0;text-align:center}.pr-chordfig figcaption{margin-top:2px;font-size:12px;color:var(--slate)}.pr-chordbtn{width:100%;padding:6px 4px 2px;border-radius:16px;border:1px solid var(--mist);background:#fff;cursor:pointer;transition:border-color .2s,transform .15s}.pr-chordbtn:hover{border-color:var(--acc);transform:translateY(-2px)}.pr-chordbtn:focus-visible{outline:3px solid #592eff;outline-offset:2px}.pr-jazzrow h5{margin:10px 0 6px;font-size:15px;color:var(--plum)}.pr-chordstrip{display:flex;flex-wrap:wrap;gap:10px}.pr-chordstrip .pr-chordfig{width:96px}.mvf-wood{fill:var(--wood);stroke:#e0d6c4;stroke-width:1}.mvf-wire{stroke:var(--wood-line);stroke-width:1.6}.mvf-nut{stroke:#4b4338}.mvf-string{stroke:var(--string);stroke-linecap:round}.mvf-inlay{fill:#d9cfbb}.mvf-fn{font:500 11px var(--font);fill:#8c8574}.mvf-tl{font:700 12px var(--font);fill:var(--plum)}.mvf-note text{font:700 10.5px var(--font);fill:#fff;pointer-events:none}.mvf-note circle{stroke-width:1.5}.mvf-note.scale circle{fill:#efe9ff;stroke:#bfaeff}.mvf-note.scale text{fill:#4a2fc4;font-weight:600}.mvf-note.tone circle{fill:#b7a3ff;stroke:#8f74ff}.mvf-note.tone text{fill:var(--plum)}.mvf-note.path circle{fill:var(--plum);stroke:#fff}.mvf-note.root circle{fill:var(--violet);stroke:#fff;filter:drop-shadow(0 2px 4px rgba(89,46,255,.35))}.mvf-note.cursor circle{fill:none;stroke:#d8a400;stroke-width:3.2;r:15px}.mvf-note.cursor{pointer-events:none}.mvf-chord{display:block;margin:0 auto;width:100%;max-width:112px;height:auto}.mvf-ct{font:700 15px var(--font);fill:var(--plum)}.mvf-cg{stroke:#9d98ad;stroke-width:1}.mvf-cn{stroke:var(--plum);stroke-width:3.4}.mvf-cd{fill:var(--plum)}.mvf-cf{font:700 9px var(--font);fill:#fff}.mvf-cm{font:600 13px var(--font);fill:var(--slate)}.mvf-co{fill:none;stroke:var(--slate);stroke-width:1.2}.mvf-cb{font:600 11px var(--font);fill:var(--slate)}.mvf-barre{fill:var(--plum)}.mvf-system{margin-bottom:6px}.mvf-staff{display:block;overflow:visible}.mvf-staff .stl{stroke:#2b2250}.mvf-tab line{stroke:#6b6580;stroke-width:.9}.mvf-tabbg{fill:#fff}.mvf-tabnum{font:600 10px var(--font);fill:#2b2250}.mvf-tabnum.on{fill:var(--violet);font-weight:800}.mvf-tabclef{font:800 11px var(--font);fill:#2b2250}.mvf-tabslur{font:italic 700 9px var(--font);fill:var(--violet)}.mvf-cursor{stroke:var(--violet);stroke-width:2;opacity:.65}.pr-planwk{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.pr-planwk button{display:flex;flex-direction:column;gap:2px;min-height:54px;text-align:left;padding:10px 14px;border-radius:16px;border:1px solid var(--mist);background:#fff;font:inherit;color:var(--plum);cursor:pointer}.pr-planwk button b{font-size:15px}.pr-planwk button span{font-size:12.5px;color:var(--slate)}.pr-planwk button[aria-selected=true]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff)}.pr-planwk button:focus-visible{outline:3px solid #592eff;outline-offset:2px}.pr-days{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pr-day{padding:18px;gap:10px}.pr-day h4{display:flex;justify-content:space-between;align-items:center;gap:8px}.pr-day h4 span{padding:3px 10px;border-radius:200px;font-size:12.5px;font-weight:700;background:var(--acc-soft);color:var(--acc-ink)}.pr-day ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pr-day li{font-size:14px;line-height:1.5;color:var(--charcoal)}.pr-day li b{display:flex;justify-content:space-between;gap:8px;color:var(--plum)}.pr-day li b i{font-style:normal;font-weight:600;color:var(--slate)}.pr-day.rest{border-style:dashed;background:#f7f5fc;box-shadow:none}.pr-day.done{border-color:#9dd9bc;background:#f5fbf8}.pr-rub{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.pr-rubcat{padding:20px;gap:6px}.pr-rubitem{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--mist);cursor:pointer}.pr-rubcat h4+.pr-rubitem{border-top:0}.pr-rubitem input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:var(--acc)}.pr-rubitem b{display:block;font-size:14.5px;color:var(--plum)}.pr-rubitem span span{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--slate)}.pr-tech2{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:980px){.pr-tech2{grid-template-columns:280px minmax(0,1fr)}}.pr-techlist{display:grid;gap:2px;align-content:start;padding:10px;border-radius:26px;background:#fff;border:1px solid var(--mist);box-shadow:0 18px 40px #21164c0f;max-height:560px;overflow:auto}.pr-techlist button{display:block;width:100%;min-height:44px;text-align:left;padding:9px 12px;border:0;border-radius:14px;background:none;font:inherit;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--plum);cursor:pointer}.pr-techlist button:hover{background:color-mix(in srgb,var(--acc) 8%,#fff)}.pr-techlist button[aria-current=true]{background:var(--acc-soft);color:var(--acc-ink)}.pr-techlist button:focus-visible{outline:3px solid #592eff;outline-offset:-2px}.pr-techlist .sub{display:block;font-size:12.5px;font-weight:500;color:var(--slate)}.pr-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--slate)}.pr-legend i{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;vertical-align:-1px}.pr-legend .rh{background:var(--violet)}.pr-legend .lh{background:var(--lh)}.pr-fingnote{margin:0;padding:12px 14px;border-radius:16px;background:#fcfbff;border:1px solid var(--mist);font-size:14px;line-height:1.55;color:var(--slate)}.pr-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pr-steps li{display:grid;gap:2px;font-size:15px;line-height:1.5;color:var(--slate)}.pr-linkbtn{justify-self:start;min-height:44px;padding:6px 2px;border:0;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--acc-ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.pr-q{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--mist)}.pr-q:last-child{border:0;padding-bottom:0}.pr-q .qp{margin:0;font-weight:700;color:var(--plum)}.pr-qopts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.pr-exp{margin:0;font-size:14.5px;line-height:1.55;color:var(--plum)}.pr-score{font-size:20px;font-weight:700;color:var(--acc-ink)}.pr-weeks{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.pr-week h4{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:18px}.pr-week h4 span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink)}.pr-week details{border-top:1px solid var(--mist);padding:8px 0}.pr-week summary,.pr-wk summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;font-size:14.5px;color:var(--plum)}.pr-task{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 10px;margin:8px 0;font-size:14px;line-height:1.5;color:var(--slate)}.pr-task b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--plum)}.pr-task em{display:block;margin-bottom:2px;font-size:12px;font-style:normal;font-weight:700;color:var(--acc-ink)}.pr-check-list{display:grid;margin:0;padding:0;list-style:none}.pr-check-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--mist);font-size:15px;color:var(--plum)}.pr-check-list li:last-child{border-bottom:0}.pr-check-list input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--acc)}.pr-check-list small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.pr-rub1{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--mist)}.pr-rub1:first-child{border-top:0;padding-top:0}.kb-wrap{overflow-x:auto;padding:6px 0 10px;-webkit-overflow-scrolling:touch}.kb-svg{display:block;height:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.pkey{cursor:pointer;outline:none}.pkey .kface{stroke:#bdb8d4;stroke-width:.7;transition:fill .12s}.pkey.bk .kface{stroke:#0e0b1f}.pkey .kshine{fill:#ffffff14}.pkey:hover.wk .kface{fill:#f1edff}.pkey.wk.on-r .kface{fill:#d9ceff;stroke:var(--violet)}.pkey.wk.on-l .kface{fill:#c7ecee;stroke:var(--lh)}.pkey.wk.on-x .kface{fill:#fde9c4;stroke:#c98b1b}.pkey.bk.on-r .kface{fill:#5b3cf0}.pkey.bk.on-l .kface{fill:#0f8a92}.pkey.bk.on-x .kface{fill:#b57712}.pkey.root .kface{stroke-width:1.6}.pkey.down .kface{fill:#b9a6ff!important}.pkey.bk.down .kface{fill:#7a5cff!important}.pkey:focus-visible .kface{stroke:var(--violet);stroke-width:2.4}.klab{font:600 8.5px var(--font);fill:#7a7597;pointer-events:none}.kmid{fill:var(--violet);opacity:.55;pointer-events:none}.kbadge{pointer-events:none}.kbadge circle{stroke:#fff;stroke-width:1.4}.kbadge.br circle{fill:var(--violet)}.kbadge.bl circle{fill:var(--lh)}.kbadge text{font:700 9.5px var(--font);fill:#fff}.pr-voicebox{padding:20px;gap:0}.pr-voicebox>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;color:var(--plum)}.pr-voicebox>summary::-webkit-details-marker{display:none}.pr-voicebox>summary:after{content:"+";font-size:22px;color:var(--acc)}.pr-voicebox[open]>summary:after{content:"\2212"}.pr-vb{display:grid;gap:12px;padding-top:10px}.pr-paths{display:grid;gap:8px}.pr-path{font:inherit;text-align:left;min-height:56px;padding:10px 14px;border-radius:18px;border:1.5px solid var(--mist);background:#fff;color:var(--plum);cursor:pointer;transition:border-color .2s,background-color .2s}.pr-path b{display:block;font-size:15px}.pr-path span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--slate)}.pr-path[aria-checked=true]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}.pr-mic{padding:14px 16px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--acc) 45%,var(--mist));background:#fcfbff;display:grid;gap:8px}.pr-mic .pr-note{margin:0}.pr-ask{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--acc)}.pr-ask h4{font-size:16px}.pr-item{display:grid;gap:10px;padding:18px 0;border-top:1px solid var(--mist)}.pr-item:first-of-type{border-top:0;padding-top:4px}.pr-mini{padding:14px 16px;border-radius:16px;border:1px solid var(--mist);background:#fff}.pr-mini h4{font-size:16px}.pr-mini p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--plum)}.pr-mini .drill{font-style:italic;margin-top:6px}.pr-fs{min-width:0;margin:14px 0 0;padding:0;border:0;display:grid;gap:4px}.pr-fs legend{padding:0;font-weight:700;color:var(--plum)}.pr-tickrow{align-items:flex-start;padding:4px 0}.pr-tickrow input{margin-top:12px}.pr-levels{display:grid;gap:8px;margin-top:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.pr-lv{position:relative;display:block;padding:10px 12px;border-radius:14px;border:1px solid var(--mist);background:#fff;font-size:13.5px;line-height:1.45;color:var(--plum);cursor:pointer}.pr-lv input{position:absolute;opacity:0}.pr-lv b{display:block;margin-bottom:3px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-ink)}.pr-lv:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff)}.pr-lv:has(input:focus-visible){outline:3px solid #592eff;outline-offset:2px}.pr-wk{border:1px solid var(--mist);border-radius:18px;background:#fff;overflow:hidden;margin-top:10px}.pr-wk>summary{list-style:none;padding:8px 18px;gap:12px}.pr-wk>summary::-webkit-details-marker{display:none}.pr-wk .no{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--acc-soft);color:var(--acc-ink);font-weight:700;font-size:14px}.pr-wk .body{padding:2px 18px 18px;display:grid;gap:10px}.pr-sess{border-top:1px solid var(--mist);padding:12px 0 0}.pr-sess h4{margin:0 0 6px;font-size:14.5px}.pr-blocks{display:grid;gap:6px}.pr-block{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:baseline;font-size:14px;line-height:1.5}.pr-block b{color:var(--acc-ink)}.vc-fig{position:relative;margin:4px 0;padding:16px 16px 10px;border-radius:18px;background:#fcfbff;border:1px solid var(--mist)}.vc-svg{display:block;max-width:100%;margin:0 0 10px}.vc-svg .stl{stroke:#2b2250;fill:none}.vc-svg .nt{fill:#2b2250}.vc-svg .nt.vc-on{fill:var(--violet)}.vc-cursor{position:absolute;width:2px;margin-left:-1px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(180deg,#592eff00,#592effd9 12% 88%,#592eff00)}.hidden-notes .vc-svg{filter:blur(9px);opacity:.35}.pr-kbwrap{position:relative;max-height:380px;overflow:auto;margin:12px 0 8px;border:1px solid var(--mist);border-radius:16px;background:#fff}.pr-kb{position:relative;width:calc(100% - 20px);max-width:250px;margin:0 auto}.pr-key{position:absolute;left:0;padding:0;border:0;font:inherit;cursor:pointer}.pr-key.wh{width:100%;background:#fff;border-top:1px solid #dcd9ea;border-left:1px solid #dcd9ea;border-right:1px solid #dcd9ea;text-align:left}.pr-key.bl{width:58%;background:var(--plum);border-radius:0 6px 6px 0;z-index:2}.pr-key.in-win.wh{background:#efeaff}.pr-key.in-win.bl{background:#4b3a96}.pr-key.edge.wh{background:#ddd2ff}.pr-key.sel{box-shadow:inset 0 0 0 2px var(--violet);z-index:3}.pr-key.wh:hover{background:#f5f2ff}.pr-key:focus-visible{outline:3px solid #592eff;outline-offset:-3px;z-index:4}.pr-key-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:700;color:var(--slate);pointer-events:none}.pr-kb-bars{position:absolute;right:-14px;top:0;bottom:0;width:10px;pointer-events:none}.vc-bar{position:absolute;width:4px;border-radius:3px}.vc-bar.typ{right:6px;background:#e4defa}.vc-bar.safe{right:0;background:#a99cf0}.vc-bar.win{right:-6px;background:var(--acc)}.vc-bar.win.mine{background:#c8962e}.vc-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0;padding:0;list-style:none;font-size:12.5px;color:var(--slate)}.vc-legend li{display:flex;align-items:center;gap:6px}.vc-legend .sw{display:inline-block;width:14px;height:6px;border-radius:3px}.sw.typ{background:#e4defa}.sw.safe{background:#a99cf0}.sw.win{background:var(--acc)}.vc-range{display:grid;gap:8px}.vc-range-read{display:grid;gap:6px;margin:4px 0}.vc-range-read>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--mist);font-size:14px;color:var(--plum)}.vc-range-read .pr-k{margin:0}.vc-voice-blurb{margin:4px 0 0}.vc-meter{padding:16px;border-radius:20px;border:1px solid var(--mist);background:#fff}.vc-meter-head{display:flex;align-items:center;gap:14px}.vc-meter-note{flex:none;font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--acc)}.vc-meter-head>div:last-child{min-width:0}.vc-meter-sub{font-size:13.5px;color:var(--slate)}.vc-meter-cents{font-size:17px;font-weight:700;color:var(--plum)}.vc-meter-track{position:relative;height:30px;margin:16px 6px 4px;border-radius:200px;background:#f1eef9;border:1px solid var(--mist)}.vc-meter-zone{position:absolute;left:40%;width:20%;top:0;bottom:0;background:#17805a1f;border-left:1px dashed rgba(23,128,90,.35);border-right:1px dashed rgba(23,128,90,.35)}.vc-tick{position:absolute;top:6px;bottom:6px;width:1px;background:#cfc9e6}.vc-tick.mid{top:2px;bottom:2px;background:var(--plum)}.vc-needle{position:absolute;left:calc(50% - 7px);top:3px;width:14px;height:22px;border-radius:7px;background:#b9b1d9;opacity:.55;transition:transform .12s linear,background-color .2s}.vc-needle.on{background:var(--acc);opacity:1}.vc-needle.good{background:#17803f}.vc-meter-scale{display:flex;justify-content:space-between;margin:0 6px;font-size:11.5px;font-weight:600;color:var(--slate)}.vc-meter-msg{margin:12px 0 0;min-height:44px;font-size:14.5px;line-height:1.5;color:var(--plum)}.vc-breath-stage{position:relative;width:min(240px,70vw);aspect-ratio:1;margin:8px auto}.vc-orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9d0ff,#8c6bff 70%);box-shadow:0 20px 50px #592eff40;transition:transform .25s ease-out}.vc-orb[data-phase=hold]{background:radial-gradient(circle at 35% 30%,#e9e4ff,#a591ff 70%)}.vc-breath-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vc-breath-count{font-size:44px;font-weight:700;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 12px rgba(33,22,76,.35)}.vc-breath-phase{margin:10px 0 0;min-height:28px;text-align:center;font-weight:600;color:var(--plum)}.vc-breath-rounds{min-height:20px;margin-bottom:8px;text-align:center;font-size:13px;color:var(--slate)}.vc-breath .pr-row{justify-content:center}@media(max-width:980px){.pr-days,.pr-rateopts,.pr-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-weeks,.pr-rub{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.pr-box{padding:18px 16px}.pr-tcard{padding:0}.pr-tcard>header{padding:14px 16px}.pr-tcard-body{padding:14px 14px 18px}.pr-days,.pr-rateopts,.pr-levels{grid-template-columns:minmax(0,1fr)}.pr-planwk{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-staffwrap .mvf-staff{min-width:min(100%,520px)}.pr-tb-controls,.pr-opts{align-items:stretch}.practise input[type=range]{width:120px}.pr-voicebox{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.practise *{transition:none!important;animation:none!important}}