:root{--color-text:#14201a;--color-text-secondary:#4c5c52;--color-background:#eef1ea;--color-background-element:#fff;--color-background-selected:#e2e8dd;--color-border:#cdd6c8;--color-evolution:#4fae68;--color-evolution-soft:#3c8a52;--color-evolution-shadow:#2e6d40;--color-ember:#ff7a3d;--color-ember-shadow:#c65a26;--color-mist:#8fa396;--color-error:#d64545;--color-error-shadow:#a83333;--font-display:"Bebas Neue", sans-serif;--font-sans:"Archivo", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-small:8px;--radius-medium:14px;--radius-large:24px;--shadow-card:0 16px 40px #14201a1a, 0 2px 8px #14201a0a;--shadow-tile:0 2px 0 #14201a0f}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}.btn-primary{background:var(--color-evolution);color:#fff;border-radius:var(--radius-medium);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 5px 0 var(--color-evolution-shadow);border:none;padding:16px 36px;font-size:1.05rem;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .12s;transform:translateY(0)}.btn-primary:hover{background:var(--color-evolution-soft)}.btn-primary:active{box-shadow:0 1px 0 var(--color-evolution-shadow);transform:translateY(4px)}.btn-primary--ember{background:var(--color-ember);box-shadow:0 5px 0 var(--color-ember-shadow)}.btn-primary--ember:hover{background:var(--color-ember);filter:brightness(.96)}.btn-primary--ember:active{box-shadow:0 1px 0 var(--color-ember-shadow)}.pill-label{background:var(--color-background-selected);color:var(--color-evolution-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.pill-label--ember{color:var(--color-ember-shadow);background:#ff7a3d24}.app-card{background:var(--color-background-element);border-radius:var(--radius-large);box-shadow:var(--shadow-card);width:100%}.keyboard{flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex;position:relative}.hands-overlay{pointer-events:none;filter:drop-shadow(0 1px 1px #14201a1f);width:100%;height:100%;position:absolute;inset:0}.hand-palm .hand-shape,.hand-finger .hand-shape{fill:none;stroke:var(--color-text);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .2s,stroke .2s}.hand-palm .hand-brilho,.hand-finger .hand-brilho{display:none}.hand-palm{opacity:.32}.hand-finger{opacity:.45;transition:opacity .2s}.hand-finger--seguinte .hand-shape{stroke:var(--color-ember);stroke-width:1.4px}.hand-finger--seguinte{opacity:.75}.hand-finger--ativo{opacity:1}.hand-finger--ativo .hand-shape{fill:var(--color-ember);stroke:var(--color-ember-shadow)}.keyboard-row{gap:10px;display:flex}.keyboard-key{border-radius:var(--radius-small);height:52px;font-family:var(--font-mono);color:var(--color-text);text-transform:uppercase;background:linear-gradient(155deg, var(--kc-light) 0%, var(--kc) 55%, var(--kc-dark) 100%);box-shadow:0 3px 0 var(--kc-dark), 0 6px 8px #14201a29, inset 0 1px 0 #ffffff8c;border:1px solid #ffffff59;justify-content:center;align-items:center;min-width:0;font-size:1.1rem;font-weight:500;transition:transform .1s,box-shadow .1s,background-color .12s;display:flex;transform:translateY(0)}.keyboard-key--home{border-color:var(--color-mist)}.keyboard-key--active{color:#fff;box-shadow:0 1px 0 var(--kc-dark), 0 2px 4px #14201a38, inset 0 1px 0 #ffffff59;transform:translateY(3px)}.keyboard-key--seguinte{border-color:var(--color-ember);border-style:dashed}.keyboard-key--vitrine{letter-spacing:.01em;color:var(--color-text-secondary);text-transform:lowercase;font-size:.68rem;font-weight:600}.landing{flex-direction:column;gap:40px;width:100%;max-width:640px;margin:0 auto;padding:48px 24px 32px;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.landing-title{font-family:var(--font-display);color:var(--color-evolution-soft);margin:8px 0 0;font-size:3rem;font-weight:400;line-height:1.05}.landing-subtitle{color:var(--color-text-secondary);max-width:480px;margin:0;font-size:1.1rem}.landing-cta{margin-top:8px}.landing-keyboard-wrap{background:var(--color-background-element);border-radius:var(--radius-large);box-shadow:var(--shadow-card);padding:32px 24px}.landing-keyboard-hint{text-align:center;color:var(--color-text-secondary);margin:16px 0 0;font-size:.85rem}.landing-features{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.landing-feature{background:var(--color-background-element);border-radius:var(--radius-medium);box-shadow:var(--shadow-card);padding:20px}.landing-feature-titulo{color:var(--color-text);margin:0 0 8px;font-size:1.05rem;font-weight:700}.landing-feature-texto{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}.landing-footer{text-align:center;color:var(--color-text-secondary);font-size:.85rem}.landing-footer a{color:var(--color-evolution-soft);font-weight:700}.landing-footer-link{color:var(--color-evolution-soft);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.lesson-intro{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px 32px;display:flex}.lesson-intro-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-evolution-soft);margin:0;font-size:3rem;font-weight:400;line-height:1.05}.lesson-intro-subtitle{color:var(--color-text-secondary);margin:0;font-size:1.1rem;font-weight:600}.lesson-intro-hint{color:var(--color-text-secondary);margin:-12px 0 0;font-size:.85rem}.drill-screen{flex-direction:column;align-items:center;gap:28px;padding:40px 24px;display:flex}.drill-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drill-toolbar-btn{background:var(--color-background-selected);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background-color .12s,color .12s}.drill-toolbar-btn:hover{background:var(--color-border);color:var(--color-text)}.drill-score{align-items:baseline;gap:12px;min-height:28px;display:flex}.drill-score-valor{font-family:var(--font-mono);color:var(--color-evolution);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;animation:.26s score-pop}.drill-score-sequencia{color:var(--color-ember);font-size:.85rem;font-weight:600;animation:.26s score-pop}@keyframes score-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.drill-text{max-width:560px;font-family:var(--font-mono);letter-spacing:.01em;text-align:left;word-break:break-word;margin:0;font-size:1.4rem;line-height:2}.drill-char{color:var(--color-mist);transition:color .12s}.drill-char--feito{color:var(--color-text)}.drill-char--atual{color:var(--color-text);background:#4fae6829;border-radius:3px;position:relative}.drill-char--atual:before{content:"";background:var(--color-evolution);width:2px;animation:.9s steps(1,jump-none) infinite cursor-blink;position:absolute;top:1px;bottom:1px;left:0}.drill-char--erro{background:#d6454538;animation:.22s char-shake}.drill-char--erro:before{background:var(--color-error)}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes char-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.drill-hint{color:var(--color-text-secondary);margin:0;font-size:1rem;font-weight:600}.complete-screen{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 32px;display:flex}.complete-badge{background:var(--color-evolution);color:#fff;width:84px;height:84px;box-shadow:0 6px 0 var(--color-evolution-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) badge-in;display:flex}@keyframes badge-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.complete-title{font-family:var(--font-display);color:var(--color-evolution-soft);margin:0;font-size:2.6rem;font-weight:400}.complete-stats{gap:20px;margin:8px 0 20px;display:flex}.complete-stat{border-radius:var(--radius-medium);flex-direction:column;align-items:center;gap:4px;padding:18px 28px;display:flex}.complete-stat--evolution{background:#4fae681f}.complete-stat--ember{background:#ff7a3d1f}.complete-stat-valor{font-family:var(--font-mono);color:var(--color-text);font-size:2.2rem;font-weight:500}.complete-stat--evolution .complete-stat-valor{color:var(--color-evolution-soft)}.complete-stat--ember .complete-stat-valor{color:var(--color-ember-shadow)}.complete-stat-rotulo{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.module-complete{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:56px 32px;display:flex}.module-complete-badge{background:#ff7a3d24;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) module-badge-in;display:flex}@keyframes module-badge-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.module-complete-title{font-family:var(--font-display);color:var(--color-ember-shadow);margin:4px 0 0;font-size:2.8rem;font-weight:400}.module-complete-stat{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;font-size:1rem}.module-complete-stat strong{color:var(--color-text);font-weight:500}.module-complete-subtitle{color:var(--color-text-secondary);max-width:440px;margin:0 0 12px;font-size:1.05rem;font-weight:600}.email-gate{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex}.email-gate-title{font-family:var(--font-display);color:var(--color-evolution-soft);margin:8px 0 0;font-size:2.4rem;font-weight:400}.email-gate-subtitle{color:var(--color-text-secondary);max-width:420px;margin:0;font-size:1rem;line-height:1.5}.email-gate-input{border-radius:var(--radius-small);border:2px solid var(--color-border);background:var(--color-background);width:100%;max-width:320px;color:var(--color-text);font-family:var(--font-sans);text-align:center;margin-top:12px;padding:14px 18px;font-size:1rem}.email-gate-input:focus-visible{border-color:var(--color-evolution);outline:none;box-shadow:0 0 0 3px #4fae6859}.email-gate-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);box-shadow:none;cursor:not-allowed}.email-gate-privacidade{color:var(--color-mist);cursor:pointer;background:0 0;border:none;margin-top:-4px;padding:0;font-family:inherit;font-size:.8rem;text-decoration:underline}.mobile-notice{display:none}@media (hover:none) and (pointer:coarse){.mobile-notice{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-shell{display:none!important}}.mobile-notice-card{background:var(--color-background-element);border-radius:var(--radius-large);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:380px;padding:40px 28px;display:flex}.mobile-notice-icon{font-size:2.6rem}.mobile-notice-title{font-family:var(--font-display);color:var(--color-evolution-soft);margin:0;font-size:2rem;font-weight:400}.mobile-notice-text{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.5}.privacy{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:640px;margin:0 auto;padding:48px 24px;display:flex}.privacy-title{font-family:var(--font-display);color:var(--color-evolution-soft);margin:8px 0 0;font-size:2.4rem;font-weight:400}.privacy-updated{color:var(--color-mist);margin:0 0 16px;font-size:.85rem}.privacy-section{margin-bottom:20px}.privacy-section h2{color:var(--color-text);margin:0 0 8px;font-size:1.1rem}.privacy-section p,.privacy-section li{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.privacy-section ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.privacy-section a{color:var(--color-evolution-soft);font-weight:700}.privacy-voltar{align-self:center;margin-top:12px}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin:0 auto;padding:28px 24px 16px;display:flex}.app-logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-evolution-soft);font-size:1.7rem}.app-progress{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-background-selected);border-radius:999px;padding:4px 12px;font-size:.85rem}.app-progress-bar{background:var(--color-background-selected);border-radius:999px;width:calc(100% - 48px);max-width:640px;height:10px;margin:0 auto;overflow:hidden;box-shadow:inset 0 1px 3px #14201a14}.app-progress-bar-fill{background:var(--color-evolution);border-radius:999px;height:100%;transition:width .25s}.app-main{flex:1;justify-content:center;align-items:center;padding:32px 20px 48px;display:flex}.app-main .app-card{max-width:640px}