:root{--fundo: #101218;--cartao: #1a1d26;--texto: #f1f0f5;--sutil: #a4a8b8;--borda: #303440;--acento: #baa7fa;--certo: #9edec6;--errado: #ff959d;--tecla: #f5f1e8;--tecla-sombra: #a6a5af;font-family:DM Sans,system-ui,sans-serif;color:var(--texto);background:var(--fundo);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--fundo)}.app{max-width:2200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px clamp(16px,2.5vw,40px) 20px}.app>.conteudo{flex:1}.controles{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.controles select{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto)}.check{display:flex;gap:6px;align-items:center;cursor:pointer}.conteudo{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,22vw,380px);gap:clamp(16px,1.5vw,28px);align-items:stretch;min-height:0}.lateral{display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width: 900px){.conteudo{grid-template-columns:1fr}.lateral{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.sutil{color:var(--sutil)}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:8px 12px}.cartao--pauta{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:12px 16px 16px}.cartao--pauta .pauta{flex:1 1 0;width:100%;max-width:1100px;max-height:none;min-height:200px}.cartao--pauta .feedback{margin:4px 0 0;font-size:clamp(1.15rem,1.4vw,1.6rem)}.pauta{display:block;width:100%;max-height:360px;color:var(--texto)}.pauta__linha{stroke:currentColor;stroke-width:1.1}.pauta__chave{fill:currentColor}.pauta__clave{font-family:Noto Music,Bravura Text,serif;font-size:48px;fill:currentColor}.pauta__nota{fill:currentColor;stroke:currentColor;transition:color .15s}.pauta__nota ellipse{stroke:none}.pauta--certo .pauta__nota{color:var(--certo)}.pauta--errado .pauta__nota{color:var(--errado)}.pauta__nome{font-size:18px;font-weight:600;paint-order:stroke;stroke:var(--cartao)!important;stroke-width:5px;stroke-linejoin:round}.feedback{font-size:1.15rem;font-weight:600;min-height:1.6em;text-align:center;margin:16px 0 12px}.feedback--certo{color:var(--certo)}.feedback--errado{color:var(--errado)}.pauta__acidente{fill:currentColor;stroke:currentColor}kbd{font-family:ui-monospace,monospace;font-size:.8em;border:1px solid var(--borda);border-radius:4px;padding:1px 5px;background:var(--cartao)}.ajuda{text-align:center;font-size:.9rem;margin-top:16px}.dicas{display:grid;grid-template-columns:1fr;gap:4px;background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:4px 18px;font-size:.92rem}.dicas h3{font-size:1rem;margin:12px 0 4px}.dicas ul{margin:0 0 12px;padding-left:18px;line-height:1.6}.painel{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:16px 18px}.painel h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sutil);margin:4px 0 12px}.painel h2:not(:first-child){margin-top:24px}.numeros{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}.numeros dt{font-size:.8rem;color:var(--sutil)}.numeros dd{margin:2px 0 0;font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.dificeis{list-style:none;padding:0;margin:0;font-size:.9rem}.dificeis li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--borda)}.link{background:none;border:none;color:var(--acento);font:inherit;font-size:.85rem;cursor:pointer;padding:0;margin-top:16px}.barra{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}.barra__titulo{margin:0;color:var(--sutil);font-size:1rem}.barra:has(>.controles:only-child){justify-content:flex-end}.botao{font:inherit;background:var(--acento);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer}.botao:disabled{opacity:.5;cursor:default}.botao--leve{background:var(--cartao);color:var(--texto);border:1px solid var(--borda)}.link--perigo{color:var(--errado)}.envio{border:2px dashed var(--borda);border-radius:16px;background:var(--cartao);padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.envio p{margin:4px 0}.envio .botao{margin-top:12px}.envio--arrastando{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 8%,var(--cartao))}.envio__titulo{font-size:1.15rem;font-weight:600}.envio__erro{color:var(--errado);margin-top:12px!important;max-width:560px}.envio__girando{width:28px;height:28px;border:3px solid var(--borda);border-top-color:var(--acento);border-radius:50%;animation:girar .9s linear infinite;margin-bottom:8px}@keyframes girar{to{transform:rotate(360deg)}}.secao{font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sutil);margin:28px 0 12px}.lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.lista__item{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:4px 16px 4px 4px}.lista__item .link{margin:0}.lista__abrir{flex:1;min-width:0;text-align:left;font:inherit;color:var(--texto);background:none;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.lista__abrir:hover{background:color-mix(in srgb,var(--acento) 8%,transparent)}.lista__nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista__abrir .sutil{font-size:.85rem}.papel{background:#fff;color:#111;border-radius:12px;border:1px solid var(--borda);padding:8px;min-height:200px;overflow-x:auto}.papel__aviso{text-align:center;padding:40px 0;color:#666}.papel__aviso--erro{color:#c92a2a}.pratica__painel{position:sticky;bottom:0;z-index:2;margin-top:12px;background:var(--fundo);border-top:1px solid var(--borda);padding:8px 0 12px}.pratica__painel .feedback{margin:6px 0 10px}.pratica__status{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;justify-content:center;font-size:.9rem;color:var(--sutil)}.pratica__status strong{color:var(--texto);font-variant-numeric:tabular-nums}.pratica__status .link{margin:0}.pratica__acorde{color:var(--acento)!important;font-weight:600}.pratica__fim{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:16px 0;font-size:1.05rem}.p88{--p88-preta: 1.15%;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.p88__teclado{position:relative;display:flex;min-width:940px;height:clamp(140px,19vh,240px);-webkit-user-select:none;user-select:none}.p88__tecla{position:relative;flex:1 1 0;min-width:0;padding:0 0 6px;margin:0;background:var(--tecla);border:1px solid #b9b2a5;border-left-width:0;border-radius:0 0 4px 4px;box-shadow:inset 0 -4px #cfc8bb;cursor:pointer;color:#1f1d1a;font:inherit;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.p88__tecla:first-child{border-left-width:1px}.p88__tecla:hover:not(:disabled){background:#f1ede4}.p88__tecla:active:not(:disabled){box-shadow:inset 0 -1px #cfc8bb}.p88__tecla:disabled{cursor:default}.p88__tecla--preta{position:absolute;top:0;z-index:1;width:var(--p88-preta);height:62%;padding-bottom:4px;background:#1c1b19;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:inset 0 -3px #3a3835;color:#f1ede6}.p88__tecla--preta:hover:not(:disabled){background:#34322e}.p88__tecla--preta:disabled:not(.p88__tecla--certa):not(.p88__tecla--errada){background:#1c1b19}.p88__tecla--central:after{content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:#748ffc}.p88__tecla--certa,.p88__tecla--certa:disabled{background:#69db7c!important}.p88__tecla--errada,.p88__tecla--errada:disabled{background:#ff8787!important}.p88__tecla--preta.p88__tecla--certa{background:#2f9e44!important}.p88__tecla--preta.p88__tecla--errada{background:#e03131!important}.p88__rotulo{font-size:.62rem;font-weight:600;line-height:1;white-space:nowrap}.p88__tecla--certa .p88__rotulo,.p88__tecla--errada .p88__rotulo{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:4;font-size:.8rem;padding:2px 5px;border-radius:4px;background:var(--cartao);color:var(--texto);border:1px solid var(--borda);box-shadow:0 1px 4px #00000040}.p88__tecla--preta.p88__tecla--certa .p88__rotulo,.p88__tecla--preta.p88__tecla--errada .p88__rotulo{bottom:8px}.suspeitos{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.9rem;padding:10px 14px;border-radius:10px;margin-bottom:12px;background:color-mix(in srgb,var(--certo) 12%,var(--cartao));border:1px solid var(--borda)}.suspeitos--alerta{background:color-mix(in srgb,#f59f00 14%,var(--cartao))}.suspeitos__item{font:inherit;font-size:.85rem;background:var(--cartao);color:var(--texto);border:1px solid #f59f00;border-radius:999px;padding:3px 10px;cursor:pointer}.suspeitos__item:hover{background:color-mix(in srgb,#f59f00 18%,var(--cartao))}.editor__corpo{display:grid;grid-template-columns:1fr;gap:12px}.editor__corpo--duplo{grid-template-columns:2fr 3fr}@media (max-width: 900px){.editor__corpo--duplo{grid-template-columns:1fr}}.editor__original,.editor__papel{height:calc(100vh - 400px);min-height:320px;overflow:auto;border-radius:12px;border:1px solid var(--borda)}.editor__original{background:#fff}.editor__original iframe{width:100%;height:100%;border:0;display:block}.editor__original img{width:100%;display:block}.editor__papel{padding:4px}.editor__papel svg .vf-stavenote{cursor:pointer}.editor__papel .ed-suspeito path,.editor__papel .ed-suspeito ellipse,.editor__papel .ed-suspeito rect{fill:#e8590c!important;stroke:#e8590c!important}.editor__papel .ed-sel path,.editor__papel .ed-sel ellipse,.editor__papel .ed-sel rect{fill:#3b5bdb!important;stroke:#3b5bdb!important}.editor__painel{position:sticky;bottom:0;z-index:3;margin-top:12px;padding:10px 0 8px;background:var(--fundo);border-top:1px solid var(--borda)}.editor__sel{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:8px}.editor__ferramentas{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:6px}.grupo{display:flex;flex-wrap:wrap;gap:4px}.grupo button{font:inherit;font-size:.85rem;min-width:32px;padding:5px 9px;border-radius:7px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);cursor:pointer}.grupo button:hover:not(:disabled){border-color:var(--acento)}.grupo button:disabled{opacity:.4;cursor:default}.grupo button.ativo{background:var(--acento);border-color:var(--acento);color:#fff}.grupo button.perigo{color:var(--errado)}.editor__dica{font-size:.85rem;margin:4px 0 8px}label.botao{display:inline-flex;align-items:center;cursor:pointer}.editor__painel .p88__teclado{height:110px}.teclado-inferior{margin-top:16px}.p88__rotulo{font-size:clamp(.6rem,.65vw,.78rem)}.pratica{display:flex;flex-direction:column;flex:1}.pratica .papel{flex:1}.partituras .envio{padding:clamp(24px,4vh,48px) 16px}@media (min-width: 901px) and (min-height: 640px){.app:has(>.conteudo){height:100vh;min-height:0}.app>.conteudo{min-height:0}.app>.conteudo .cartao--pauta{min-height:0}.app>.conteudo .lateral{min-height:0;overflow-y:auto;scrollbar-width:thin}}.lista__item{padding:6px 6px 10px;align-content:space-between}.lista__abrir{flex:1 1 100%;padding:12px 14px}.lista__nome{font-size:1.05rem}.lista__item .link{margin:0 0 0 14px;font-size:.88rem}.lista__item .link+.link{margin-left:4px}.pauta--sequencia{max-width:none}.seq__nota .pauta__nota{animation:surgir .35s ease-out}.seq__nota--passada .pauta__nota{opacity:.45}.seq__nota--atual .pauta__nota{color:var(--acento);fill:var(--acento);stroke:var(--acento)}.seq__nome{opacity:0;transition:opacity .7s ease}.seq__nome--visivel{opacity:1}.seq__nome text{font-weight:700;fill:var(--texto)}.seq__fundo{fill:var(--cartao)}.seq__nota--atual .seq__nome text{fill:var(--acento)}.seq__nota--passada .seq__nome text{fill:var(--sutil)}.seq__oitava{font-size:.7em}@keyframes surgir{0%{opacity:0;transform:translateY(-6px)}}.seq__nota--passada .pauta__nota{animation:none}.memo__nome{margin:0;min-height:1.2em;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:700;line-height:1.1;color:var(--sutil);opacity:.35;transition:opacity .7s ease,color .7s ease}.memo__nome--visivel{opacity:1;color:var(--acento)}.memo__nome small{font-size:.45em;margin-left:2px}.memo__controles h2{margin-top:18px!important}.memo__play{display:flex;gap:8px}.memo__play .botao{padding:10px 14px}.memo__principal{flex:1;font-size:1rem}.segmento{display:flex;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;padding:3px;gap:3px}.segmento button{flex:1;font:inherit;font-size:.88rem;background:none;border:none;color:var(--sutil);padding:7px 6px;border-radius:7px;cursor:pointer}.segmento button.ativo{background:var(--acento);color:#fff}.memo__opcoes{display:flex;flex-direction:column;gap:10px;margin-top:20px}.memo__dica{font-size:.85rem;margin:18px 0 0;line-height:1.7}.seletor{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.seletor__grupo{display:flex;align-items:center;gap:8px}.seletor__rotulo{font-size:.85rem;color:var(--sutil)}.seletor .segmento{background:var(--cartao)}.seletor .segmento button{flex:0 0 auto;padding:6px 12px;white-space:nowrap}.cartao__legenda{margin:0;align-self:flex-start;font-size:.9rem;color:var(--sutil)}.cartao--pauta{position:relative}.cronometro{width:100%;max-width:1100px;height:8px;border-radius:999px;background:var(--borda);overflow:hidden;margin:6px 0 2px}.cronometro__barra{height:100%;width:100%;transform-origin:left;background:var(--certo);animation-name:esvaziar;animation-timing-function:linear;animation-fill-mode:forwards}.cronometro__barra--parada{animation-play-state:paused}@keyframes esvaziar{0%{transform:scaleX(1);background:var(--certo)}60%{background:#f59f00}to{transform:scaleX(0);background:var(--errado)}}.modo-tempo h2{margin-bottom:10px!important}.modo-tempo__slider{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:.9rem}.modo-tempo__slider input{width:100%;accent-color:var(--acento)}.desafio{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:.92rem}.desafio strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.desafio__vidas{font-size:1.3rem;color:var(--errado);letter-spacing:2px}.desafio__vidas .perdida{color:var(--borda)}.fim-jogo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:color-mix(in srgb,var(--cartao) 90%,transparent);border-radius:16px;text-align:center;padding:16px}.fim-jogo h2{margin:0;font-size:1.6rem}.fim-jogo p{margin:2px 0}.fim-jogo__pontos{font-size:2.6rem;font-weight:800;color:var(--acento)}.fim-jogo .botao{margin-top:12px;font-size:1.05rem;padding:10px 22px}.app{--margem-app: clamp(16px, 2.5vw, 40px);padding-top:0}.topo{display:flex;align-items:stretch;gap:clamp(16px,3vw,48px);margin:0 calc(-1 * var(--margem-app)) 16px;padding:0 var(--margem-app);background:var(--cartao);border-bottom:1px solid var(--borda)}.topo__marca{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 0}.topo__marca h1{font-size:1.3rem;margin:0;white-space:nowrap}.topo__logo{width:28px;height:28px;fill:none;stroke:var(--acento);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.abas{flex:1;display:flex}.aba{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;font:inherit;color:var(--sutil);background:none;border:none;cursor:pointer;padding:12px 16px;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .15s,background .15s,border-color .15s}.aba:hover{color:var(--texto);background:color-mix(in srgb,var(--texto) 4%,transparent)}.aba--ativa{color:var(--texto);border-bottom-color:var(--acento);background:color-mix(in srgb,var(--acento) 12%,transparent)}.aba--ativa:hover{background:color-mix(in srgb,var(--acento) 16%,transparent)}.aba__icone{width:26px;height:26px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.aba--ativa .aba__icone{stroke:var(--acento)}.aba__textos{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;text-align:left}.aba__titulo{font-size:1.02rem;font-weight:600}.aba--ativa .aba__titulo{font-weight:700}.aba__descricao{font-size:.8rem;color:var(--sutil)}@media (max-width: 1100px){.aba__descricao{display:none}}@media (max-width: 760px){.topo{flex-direction:column;gap:0}.topo__marca{padding-bottom:4px}.aba{padding:10px 6px;gap:6px;flex-direction:column}.aba__textos{align-items:center}.aba__titulo{font-size:.85rem}.aba__icone{width:22px;height:22px}}body{background:#101218}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--acento);outline-offset:4px}::selection{background:#baa7fa;color:#14131c}.app{display:block;max-width:1920px;padding:0 0 0 232px;min-height:100vh}.topo{position:fixed;inset:0 auto 0 0;width:232px;z-index:10;margin:0;padding:34px 18px 20px;flex-direction:column;gap:0;border:0;border-right:1px solid #282b35;background:#15171f;overflow-y:auto}.topo__marca{gap:12px;align-items:flex-start;padding:0 10px 40px}.topo__logo{width:34px;height:40px;padding-top:6px;flex:0 0 auto;stroke:#baa7fa}.topo__marca h1{font-size:1.28rem;font-weight:650;line-height:1.16;letter-spacing:-.055em;white-space:normal;margin-top:5px}.marca__subtitulo{color:#a4a8b8;font-size:.56rem;letter-spacing:.16em}.marca__ponto{color:#baa7fa}.nav__rotulo{color:#979dad;font-size:.58rem;font-weight:600;letter-spacing:.12em;margin:0 10px 14px}.abas{flex:0 0 auto;flex-direction:column;gap:8px}.aba{flex:none;justify-content:flex-start;padding:14px 12px;gap:12px;margin:0;border:1px solid transparent;border-radius:11px;color:#a4a8b8}.aba--ativa{background:#292438;border-color:#413654;color:#e5dbff}.aba--ativa:hover{background:#332b45}.aba__icone{width:21px;height:21px;stroke-width:1.6}.aba__titulo{font-size:.86rem;font-weight:550}.aba__descricao{display:block;font-size:.64rem;margin-top:5px;color:#a4a8b8}.sidebar__nota{margin:auto 10px 24px;padding:44px 0 0}.sidebar__simbolo{font-family:Georgia,serif;color:#baa7fa;font-size:3rem;display:block;transform:rotate(-12deg);width:fit-content}.sidebar__nota p{font-size:.86rem;line-height:1.7;color:#b6b7c5;margin:8px 0}.sidebar__nota strong{color:#eeeaf8;font-weight:500}.sidebar__nota>span:last-child{color:#969bad;font-size:.67rem}.sidebar__rodape{padding:18px 10px 0;border-top:1px solid #2a2d37;color:#a4a8b8;font-size:.68rem;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9edec6;flex:0 0 auto}.estudio{padding:28px clamp(20px,3vw,48px) 18px;max-width:1680px;margin:auto}.estudio:focus{outline:none}.hero{position:relative;isolation:isolate;min-height:208px;overflow:hidden;border-radius:20px;border:1px solid #34303f;background:#171720;display:flex;align-items:center}.hero__arte{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:-2}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#17171f 0%,#17171ff2 20%,#17171f75 51%,transparent 78%)}.hero__conteudo{padding:30px 34px}.eyebrow{font-size:.62rem;letter-spacing:.14em;font-weight:600;color:#b3b0c1;display:flex;align-items:center;gap:8px}.hero .eyebrow{color:#cec0f7;font-size:.57rem}.hero .eyebrow>span{height:5px;width:5px;background:#baa7fa;border-radius:50%}.hero h2{font-size:clamp(1.7rem,2.7vw,3rem);letter-spacing:-.055em;font-weight:500;margin:14px 0 10px;line-height:1.1}.hero h2>span{color:#baa7fa}.hero p{color:#c0becc;font-size:.82rem;line-height:1.7;margin:0}.hero__selo{position:absolute;bottom:17px;right:22px;font-size:.47rem;letter-spacing:.22em;color:#e2daee}.estudio__titulo{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 22px}.estudio__titulo .eyebrow{font-size:.56rem;margin:0 0 7px;color:#aaa0bc}.estudio__titulo h2{font-size:1.65rem;font-weight:550;letter-spacing:-.045em;margin:0}.estudio__titulo p:last-child{margin:7px 0 0;font-size:.76rem;color:var(--sutil)}.estudio__badge{font-size:.63rem;color:#bbc4c7;border:1px solid #303d3d;background:#1a2527;padding:9px 12px;border-radius:30px;display:flex;align-items:center;gap:7px;white-space:nowrap}.estudio__rodape{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid #282c36;color:#969bad;font-size:.6rem}.estudio__rodape>span:first-child{letter-spacing:.13em;font-size:.53rem}.pular-conteudo{position:fixed;top:-100px;left:250px;z-index:20;background:#baa7fa;color:#15141d;padding:14px;border-radius:8px}.pular-conteudo:focus{top:10px}.barra{padding:14px 16px;background:#191c24;border:1px solid #303440;border-radius:12px;margin-bottom:18px;gap:16px}.seletor{gap:12px 16px}.seletor__rotulo{font-size:.65rem}.segmento,.seletor .segmento{background:#10131a;border-color:#303440;border-radius:8px;padding:3px}.segmento button,.seletor .segmento button{font-size:.69rem;border-radius:5px;padding:7px 10px}.segmento button:hover:not(.ativo){color:#eee8fa;background:#262936}.segmento button.ativo{background:#baa7fa;color:#211a32;font-weight:650;box-shadow:0 2px 5px #0002}.controles{gap:12px}.check{font-size:.7rem;gap:7px;color:#c1c3cf}.check input{accent-color:#baa7fa;width:14px;height:14px;cursor:pointer}.conteudo{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.cartao,.painel,.dicas{border-radius:16px;box-shadow:0 8px 32px #0000000d}.cartao--pauta{--cartao: #f5f1e8;--texto: #292736;--sutil: #6a6677;--acento: #7253b5;--certo: #237559;--errado: #b43a50;--borda: #ded8d0;color:#292736;min-height:386px;padding:20px 24px;background:#f5f1e8;border-color:#f5f1e8}.cartao__legenda{font-size:.67rem;letter-spacing:.02em;border-bottom:1px solid #dcd6cf;width:100%;padding-bottom:14px}.cartao--pauta .pauta{flex:1 1 auto;height:250px;min-height:200px;max-height:330px;max-width:640px}.pauta__linha{stroke-opacity:.5}.pauta__nota .pauta__linha{stroke-opacity:1}.cartao--pauta .feedback{font-size:.88rem;font-weight:500;background:#eae5dc;border-radius:8px;width:100%;padding:10px;margin-top:12px}.cartao--pauta .feedback--certo{background:#d9e9df}.cartao--pauta .feedback--errado{background:#f0dce0}.painel{padding:20px}.painel h2{font-size:.65rem;letter-spacing:.09em;font-weight:550;color:#b1b3c3;margin:0 0 14px}.numeros{gap:8px}.numeros>div{padding:12px;border-radius:8px;background:#222631;border:1px solid #2c303d}.numeros dt{font-size:.62rem}.numeros dd{font-size:1.3rem;font-weight:500;letter-spacing:-.03em;margin-top:5px}.numeros>div:first-child dd{color:#9edec6}.numeros>div:nth-child(2) dd{color:#ff959d}.numeros>div:nth-child(3) dd{color:#c9b8ff}.painel>.sutil{font-size:.72rem;line-height:1.6}.link{font-size:.69rem;text-decoration:underline;text-underline-offset:4px}.dificeis{font-size:.72rem}.modo-tempo__slider,.desafio{font-size:.73rem}.botao{padding:10px 16px;border-radius:8px;font-size:.75rem;font-weight:600;color:#211a32;background:#baa7fa}.botao:hover:not(:disabled){background:#cebeff;box-shadow:0 3px 14px #baa7fa1f}.botao--leve{color:#d7d4e3;background:#222630;border-color:#373b49}.botao--leve:hover:not(:disabled){background:#303442}.teclado-inferior{background:#1a1d26;border:1px solid #303440;padding:16px 18px 18px;border-radius:16px;margin-top:18px}.instrumento__titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a4a8b8;margin-bottom:14px;font-size:.61rem}.instrumento__titulo strong{color:#dedbe9;font-size:.74rem;font-weight:500;margin-right:10px}.instrumento__titulo>span:last-child{display:flex;align-items:center;gap:6px}.p88{border-radius:6px;padding:0 0 5px;scrollbar-color:#4e465f #171a22}.p88__teclado{height:145px;min-width:950px;border-top:5px solid #101218}.p88__tecla{background:linear-gradient(90deg,#e6e2d9,#faf7ef 30%,#f3efe7);border-color:#aaa7ae;box-shadow:inset 0 -5px #c9c5c1}.p88__tecla--preta{background:linear-gradient(90deg,#16171f,#2c2d38 65%,#15161e);box-shadow:inset 0 -5px #353541,2px 3px 4px #0004;border-color:#101218}.p88__tecla--central:after{background:#8b6ec7;width:5px;height:5px;top:10px}.p88__tecla--certa,.p88__tecla--certa:disabled{background:#a2ddc2!important}.p88__tecla--errada,.p88__tecla--errada:disabled{background:#f0a2a9!important}.p88__tecla--preta.p88__tecla--certa{background:#2c825f!important}.p88__tecla--preta.p88__tecla--errada{background:#b9435c!important}.memo__nome{font-size:2.5rem;margin-bottom:6px}.memo__dica{font-size:.72rem}.memo__opcoes .check{line-height:1.5}.partituras .envio{position:relative;min-height:230px;border:1px dashed #625775;background:#1c1c29;border-radius:18px;padding:36px 28px;overflow:hidden}.envio__icone{width:44px;height:44px;stroke:#c9b8ff;fill:none;stroke-width:1.4;margin-bottom:12px}.envio__titulo{font-weight:500;font-size:1.2rem;letter-spacing:-.025em}.envio .sutil{font-size:.78rem;line-height:1.8}.envio--arrastando{border-color:#c9b8ff;background:#30283e!important}.bibliotheque-vide{display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 20px 24px;border:1px solid #2a2e39;background:#14161e;border-radius:16px}.bibliotheque-vide img{width:170px;height:170px;object-fit:cover;border-radius:16px}.bibliotheque-vide h3{font-size:1rem;font-weight:500;margin:0 0 10px}.bibliotheque-vide p{font-size:.76rem;line-height:1.8;color:#a4a8b8;max-width:300px;margin:0}.secao{font-size:.7rem;letter-spacing:.09em;margin:24px 0 16px}.lista{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.lista__item{border-radius:14px;padding-bottom:16px}.lista__item:hover{border-color:#736185}.lista__abrir .sutil{font-size:.69rem;line-height:1.6}.lista__nome{font-size:1rem;max-width:100%}.papel{border-radius:14px}.pratica__painel,.editor__painel{padding:16px;background:#191c24;border:1px solid #303440;border-radius:14px}.pratica__status{font-size:.72rem;margin-bottom:12px}.pratica__painel .feedback{font-size:.85rem}.editor__sel,.editor__ferramentas,.editor__dica{font-size:.75rem}.grupo button{font-size:.74rem}@media (min-width: 1600px){.topo{width:252px;padding-left:25px;padding-right:25px}.app{padding-left:252px}.hero{min-height:240px}.conteudo{grid-template-columns:minmax(0,1fr) 330px}}@media (max-width: 1200px){.app{padding-left:200px}.topo{width:200px;padding-inline:12px}.aba{padding:12px 10px;gap:9px}.aba__descricao{font-size:.58rem}.conteudo{grid-template-columns:minmax(0,1fr) 255px}.estudio{padding-inline:22px}.hero h2{font-size:2rem}.estudio__badge{display:none}}@media (max-width: 1000px){.app{padding-left:0}.topo{position:static;width:auto;flex-direction:row;padding:16px 22px;border-right:0;border-bottom:1px solid #303440;gap:24px;align-items:center;overflow:visible}.topo__marca{padding:0}.topo__marca h1{font-size:1rem}.marca__subtitulo{font-size:.48rem}.topo__logo{width:26px}.abas{flex:1;flex-direction:row;justify-content:flex-end}.aba{flex-direction:row;padding:10px 12px}.aba__textos{align-items:flex-start}.aba__titulo{font-size:.74rem}.aba__descricao,.nav__rotulo,.sidebar__nota,.sidebar__rodape{display:none}.pular-conteudo{left:10px}}@media (max-width: 760px){.estudio{padding:18px 16px}.hero{min-height:185px;border-radius:14px}.hero__conteudo{padding:24px}.hero h2{font-size:1.7rem;max-width:250px}.hero .eyebrow{font-size:.48rem}.hero p{font-size:.72rem;max-width:220px}.hero__arte{object-position:60% center}.hero:after{background:linear-gradient(90deg,#17171ff5,#17171fd0 40%,#17171f22)}.hero__selo{display:none}.conteudo{grid-template-columns:1fr}.lateral{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.estudio__titulo{margin-block:24px 18px}.estudio__titulo h2{font-size:1.45rem}.estudio__titulo p:last-child{font-size:.72rem}.cartao--pauta{min-height:340px;padding:18px}.cartao--pauta .pauta{height:220px}.barra{padding:12px}.seletor{gap:10px}.seletor__grupo{flex-wrap:wrap}.seletor__rotulo{width:48px}.teclado-inferior{padding:14px 12px}.instrumento__titulo>span:last-child{display:none}.estudio__rodape{flex-wrap:wrap}}@media (max-width: 540px){.topo{flex-direction:column;gap:15px;padding:18px 16px 12px;align-items:stretch}.topo__marca{align-self:center}.topo__marca h1 br{display:none}.topo__marca h1{font-size:1.1rem}.topo__marca h1 br:after{content:" "}.topo__marca h1{word-spacing:.06em}.marca__subtitulo{letter-spacing:.17em}.abas{justify-content:stretch;gap:5px}.aba{flex:1;flex-direction:column;padding:10px 4px;gap:7px}.aba__icone{width:19px;height:19px}.aba__titulo{font-size:.68rem}.aba__textos{align-items:center}.hero h2{max-width:230px}.hero__conteudo{padding:22px}.bibliotheque-vide{flex-direction:column;gap:0;text-align:center;padding:10px 20px 28px}.bibliotheque-vide img{width:150px;height:150px}.instrumento__titulo strong{display:block;margin-bottom:4px}.estudio__titulo p:last-child{line-height:1.6}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.seq__nota .pauta__nota{animation:none}}@media (min-width: 761px){.hero{min-height:180px}.hero__conteudo{padding-block:24px}.numeros{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.numeros>div{padding:10px 8px}.numeros dt{font-size:.6rem;min-height:1.3em}.numeros dd{font-size:1.15rem}.painel{padding:16px}.painel h2:not(:first-child){margin-top:18px}.lateral{gap:12px}.cartao--pauta .pauta{max-height:280px}}.app{padding:24px 28px;width:100%;max-width:none;margin:0;min-height:100vh}.topo{position:static;inset:auto;width:auto;display:block;margin:0 0 24px;padding:0;border:1px solid #393443;border-radius:16px;background:#191b24;overflow:hidden}.topo__identidade{position:relative;isolation:isolate;height:100px;display:flex;align-items:center;padding:22px 28px;overflow:hidden}.topo__arte{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover;object-position:center 56%;z-index:-2;opacity:.8}.topo__identidade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#191b24 35%,#191b24a0 60%,transparent);z-index:-1}.topo__marca{padding:0;gap:14px;align-items:center}.topo__marca h1{margin:5px 0 0;font-size:1.45rem;font-weight:550;letter-spacing:-.035em;white-space:normal}.topo__categoria{font-size:.65rem;color:#c5b8e6;letter-spacing:.15em}.topo__logo{width:34px;height:38px;padding:0}.abas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #37343f}.aba{justify-content:flex-start;flex-direction:row;gap:14px;padding:16px 28px;margin:0;border:0;border-radius:0;border-bottom:3px solid transparent;color:#c1c3d0}.aba+.aba{border-left:1px solid #34333f}.aba--ativa{background:#30283f;border-bottom-color:#baa7fa;color:#f1eaff}.aba__icone{display:block;width:25px;height:25px}.aba__textos{align-items:flex-start}.aba__titulo{font-size:.98rem;font-weight:600}.aba__descricao{display:block;color:#b9b6c7;font-size:.75rem;margin-top:4px}.estudio{padding:0;max-width:none;min-height:0;display:block}.estudio__titulo{justify-content:flex-start;align-items:baseline;gap:16px;margin:0 0 16px}.estudio__titulo h2{font-size:1.25rem;font-weight:550;letter-spacing:-.025em}.estudio__titulo p:last-child{font-size:.85rem;color:#b4b5c3;margin:0}.barra{padding:16px 18px;gap:16px}.seletor{gap:16px}.seletor__rotulo{font-size:.78rem}.segmento button,.seletor .segmento button{font-size:.8rem;min-height:36px;padding:8px 12px}.check{font-size:.8rem}.check input{width:16px;height:16px}.conteudo{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px}.cartao--pauta{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:12px;height:440px;min-height:0;padding:20px 24px}.cartao--pauta:has(.cronometro){grid-template-rows:auto minmax(0,1fr) 8px auto}.cartao--pauta .pauta{width:100%;height:100%;max-width:none;min-height:0;max-height:none}.cartao__legenda{align-self:start;font-size:.8rem;padding-bottom:12px}.cartao--pauta .feedback{margin:0;font-size:.95rem}.cronometro{margin:0}.lateral{gap:14px}.painel h2{font-size:.75rem}.numeros dt{font-size:.72rem}.numeros dd{font-size:1.3rem}.dificeis{font-size:.78rem}.painel>.sutil,.link{font-size:.78rem}.teclado-inferior{margin-top:20px}.p88__teclado{height:160px}.instrumento__titulo{font-size:.75rem}.instrumento__titulo strong{font-size:.88rem}.pular-conteudo{left:16px}.bibliotheque-vide img{width:100px;height:100px}.bibliotheque-vide{padding:16px 20px;gap:20px}.partituras .envio{min-height:200px;padding:24px}@media (min-width: 1101px){.estudio>.conteudo .lateral{max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#61566f #191c24}}@media (max-width: 1100px){.app{padding:20px}.conteudo{grid-template-columns:minmax(0,1fr) 270px}.aba{padding:14px 20px}.aba__descricao{font-size:.7rem}}@media (max-width: 800px){.app{padding:14px}.topo{margin-bottom:20px}.topo__identidade{height:86px;padding:18px}.topo__marca h1{font-size:1.2rem}.topo__arte{width:65%;opacity:.6}.aba{flex-direction:column;justify-content:center;padding:14px 6px;gap:8px}.aba__textos{align-items:center}.aba__titulo{font-size:.85rem}.aba__descricao{display:none}.aba__icone{width:22px;height:22px}.estudio__titulo{flex-direction:column;gap:5px;align-items:flex-start}.estudio__titulo p:last-child{font-size:.8rem;line-height:1.5}.estudio:has(>.conteudo){display:flex;flex-direction:column}.estudio>.conteudo{display:contents}.estudio>.conteudo .cartao--pauta{order:1;width:100%;height:350px;min-height:0;padding:16px}.estudio>.conteudo .cartao--pauta .pauta{height:100%;min-height:0;max-height:none}.estudio>.teclado-inferior{order:2;margin-bottom:18px}.estudio>.conteudo .lateral{order:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.barra{padding:12px}.seletor{gap:10px}.seletor__rotulo{width:54px}.segmento button,.seletor .segmento button{padding:8px}.instrumento__titulo>span:last-child{display:none}}@media (max-width: 420px){.topo__marca{gap:10px}.topo__marca h1{font-size:1.05rem}.topo__logo{width:26px}.aba__titulo{font-size:.76rem}.cartao__legenda{font-size:.72rem}.bibliotheque-vide{flex-direction:row;text-align:left;padding:16px;gap:12px}.bibliotheque-vide img{width:70px;height:70px}}