*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0b;--surface:#0b0b0b;--surface-alt:#1c1c1a;--border:#f2ede4;--accent:#f2ede4;--accent-glow:#f2ede433;--on-accent:#0b0b0b;--success:#34d399;--warning:#fbbf24;--error:#f87171;--text:#f2ede4;--text-muted:#a8a297;--white-key:#f5f5f0;--black-key:#1a1a1a}:root[data-theme=light]{--bg:#f2ede4;--surface:#f2ede4;--surface-alt:#e6e0d4;--border:#000;--accent:#000;--accent-glow:#0000001f;--on-accent:#f2ede4;--success:#0f7a4f;--warning:#9a6a00;--error:#b3261e;--text:#000;--text-muted:#5a554c;--white-key:#fbf8f2;--black-key:#111}html{touch-action:manipulation}body,html{background:var(--bg);color:var(--text);font-family:JetBrains Mono,ui-monospace,Menlo,monospace;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}button[aria-disabled=true]{cursor:not-allowed;opacity:.35}.piano-bar{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;padding:6px 16px 10px;position:relative;width:100%}.samples-loading{align-items:center;background:var(--bg);bottom:100%;color:var(--text-muted);display:flex;font-size:12px;gap:8px;left:0;padding:4px 16px;position:absolute}.page-scroll{scrollbar-gutter:stable}@media(max-width:768px){.teclado-oculto .piano-bar{display:none}.page-scroll:has(~.piano-bar){padding-bottom:60px}.teclado-oculto .page-scroll:has(~.piano-bar){padding-bottom:72px}}.aba-enter-active,.aba-enter-active>.page-scroll>:not(.header,.nav-mobile),.aba-enter-active>:not(.header,.nav-mobile,.piano-bar,.page-scroll){transition:opacity .16s cubic-bezier(.215,.61,.355,1)}.aba-leave-active,.aba-leave-active>.page-scroll>:not(.header,.nav-mobile),.aba-leave-active>:not(.header,.nav-mobile,.piano-bar,.page-scroll){transition:opacity .1s cubic-bezier(.215,.61,.355,1)}.aba-enter-from,.aba-leave-to{opacity:.99}.aba-enter-from>.page-scroll>:not(.header,.nav-mobile),.aba-enter-from>:not(.header,.nav-mobile,.piano-bar,.page-scroll),.aba-leave-to>.page-scroll>:not(.header,.nav-mobile),.aba-leave-to>:not(.header,.nav-mobile,.piano-bar,.page-scroll){opacity:0}@media(prefers-reduced-motion:reduce){.aba-enter-active,.aba-enter-active>.page-scroll>:not(.header,.nav-mobile),.aba-enter-active>:not(.header,.nav-mobile,.piano-bar,.page-scroll),.aba-leave-active,.aba-leave-active>.page-scroll>:not(.header,.nav-mobile),.aba-leave-active>:not(.header,.nav-mobile,.piano-bar,.page-scroll){transition:none}}@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.kb-toggle[data-v-c2b28c8d]{display:none}@media(max-width:768px){.kb-toggle[data-v-c2b28c8d]{align-items:center;background:var(--surface);border:2px solid var(--border);bottom:calc(var(--kb-h, 120px) + 10px);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;line-height:1;position:fixed;right:12px;transition:bottom .2s cubic-bezier(.645,.045,.355,1),opacity .15s ease;width:48px;z-index:30}.kb-toggle.oculto[data-v-c2b28c8d]{bottom:calc(16px + env(safe-area-inset-bottom));opacity:.75}}@media(prefers-reduced-motion:reduce){.kb-toggle[data-v-c2b28c8d]{transition:none}}.intro[data-v-d351de41]{align-items:center;animation:intro-some-d351de41 0s linear 4s forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.intro-fundo[data-v-d351de41]{background:var(--bg);inset:0;position:absolute}.intro-emoji[data-v-d351de41]{display:block;font-size:min(44vw,240px);line-height:1;position:relative;transform-origin:center;will-change:transform}@keyframes intro-some-d351de41{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.intro[data-v-d351de41]{display:none}}.intro-ativa .header .logo-piano{visibility:hidden}.following-dot[data-v-0e47a872]{background:color-mix(in srgb,var(--text) 65%,transparent);border-radius:50%;height:20px;left:-10px;opacity:0;pointer-events:none;position:fixed;top:-10px;transition:opacity .15s ease;width:20px;will-change:transform;z-index:2147483646}.following-dot.visivel[data-v-0e47a872]{opacity:1}.toasts[data-v-c32dbe37]{align-items:center;bottom:16px;display:flex;flex-direction:column;gap:8px;left:50%;max-width:calc(100vw - 32px);pointer-events:none;position:fixed;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:60}.toast-enter-active[data-v-c32dbe37]{transition:opacity .2s cubic-bezier(.215,.61,.355,1),transform .2s cubic-bezier(.215,.61,.355,1)}.toast-leave-active[data-v-c32dbe37]{transition:opacity .15s cubic-bezier(.215,.61,.355,1),transform .15s cubic-bezier(.215,.61,.355,1)}.toast-enter-from[data-v-c32dbe37],.toast-leave-to[data-v-c32dbe37]{opacity:0;transform:translateY(8px)}@media(prefers-reduced-motion:reduce){.toast-enter-active[data-v-c32dbe37],.toast-leave-active[data-v-c32dbe37]{transition:none}}html:has(.piano-bar) .toasts{bottom:calc(var(--kb-h, 120px) + 16px)}@media(max-width:768px){html:root .toasts{bottom:72px}html:has(.piano-bar):not(.teclado-oculto) .toasts{bottom:calc(var(--kb-h, 120px) + 68px)}}.tour[data-v-8e480150]{z-index:80}.tour[data-v-8e480150],.tour-bloqueio[data-v-8e480150]{inset:0;position:fixed}.tour-foco[data-v-8e480150]{border:2px solid var(--accent);box-shadow:0 0 0 9999px #0000009e;pointer-events:none;position:fixed;transition:top .25s cubic-bezier(.645,.045,.355,1),left .25s cubic-bezier(.645,.045,.355,1),width .25s cubic-bezier(.645,.045,.355,1),height .25s cubic-bezier(.645,.045,.355,1)}.tour-card[data-v-8e480150]{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:14px 16px 12px;position:fixed;transition:top .25s cubic-bezier(.645,.045,.355,1),left .25s cubic-bezier(.645,.045,.355,1);width:min(320px,calc(100vw - 24px))}.tour-topo[data-v-8e480150]{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.tour-titulo[data-v-8e480150]{font-size:14px;font-weight:700}.tour-contador[data-v-8e480150]{color:var(--text-muted);flex:none;font-size:11px;font-variant-numeric:tabular-nums}.tour-texto[data-v-8e480150]{color:var(--text-muted);font-size:13px;line-height:1.5}.tour-acoes[data-v-8e480150]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.tour-nav[data-v-8e480150]{display:flex;gap:6px}.tour-pular[data-v-8e480150]{background:none;color:var(--text-muted);font-size:12px;padding:6px 0;text-decoration:underline}.tour-btn[data-v-8e480150]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:600;padding:6px 12px}.tour-primario[data-v-8e480150]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media(hover:hover)and (pointer:fine){.tour-btn[data-v-8e480150],.tour-pular[data-v-8e480150]{transition:background-color .15s ease,color .15s ease}.tour-btn[data-v-8e480150]:hover{background:var(--surface-alt)}.tour-primario[data-v-8e480150]:hover{background:var(--accent);opacity:.85}.tour-pular[data-v-8e480150]:hover{color:var(--text)}}.tour-btn[data-v-8e480150]:focus-visible,.tour-pular[data-v-8e480150]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tour-enter-active[data-v-8e480150]{transition:opacity .2s cubic-bezier(.215,.61,.355,1)}.tour-leave-active[data-v-8e480150]{transition:opacity .15s cubic-bezier(.215,.61,.355,1)}.tour-enter-from[data-v-8e480150],.tour-leave-to[data-v-8e480150]{opacity:0}@media(prefers-reduced-motion:reduce){.tour-card[data-v-8e480150],.tour-enter-active[data-v-8e480150],.tour-foco[data-v-8e480150],.tour-leave-active[data-v-8e480150]{transition:none}}