/* [ENTRADA 05/09] FONTES LOCAIS (Montserrat e Inter VARIAVEIS, latin + latin-ext, os mesmos arquivos que o Google * Fonts servia). font-display:block: o texto espera a fonte em vez de nascer na fonte de sistema e trocar * (era o 'TeclaTreino aparece em outra fonte por uns instantes'). Precache no SW + preload no . */ @font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:block;src:url(./fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:block;src:url(./fonts/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:block;src:url(./fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:block;src:url(./fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} /* [22/07 · Luis] COSTURA DE TESTE PRA SAFE AREA HORIZONTAL. env(safe-area-inset-*) vale 0 em headless — foi o que deixou passar correções que quebravam no iPhone. Com a costura, o probe injeta os 44pt do notch e mede a barra que o device tem de verdade. ⚠️ As vars NASCEM 0 e o env() é lido em CADA USO, via max(var, env) — de propósito. Guardar `env()` DENTRO de uma custom property depende de substituição que nem todo WebKit faz; se falhasse, `var(--sal)` viraria inválido e a declaração inteira (o `padding` da barra, por exemplo) seria DESCARTADA no device — e passaria verde aqui. Com max(var, env): produção usa o env real, o probe usa a var, e nenhum dos dois depende do outro. */ :root{ --sal: 0px; --sar: 0px; } :root{ --primary:#E8690A;--primary-2:#FF7B1A;--primary-dark:#B5500A; --bg:#0A0A0A;--card:#141414;--card2:#1A1A1A; --border:#222;--border2:#2E2E2E; --text:#FFFFFF;--muted:#999;--dim:#666; --font-h:'Montserrat',sans-serif;--font-b:'Inter',sans-serif; --sw:240px; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{color-scheme:dark;font-size:14px;margin:0;padding:0} /* [v2.27] body sem margin/padding default — garante que o piano da practice page cole nas bordas físicas reais do dispositivo, mesmo com notch/dynamic island (viewport-fit=cover já permite extender atrás de cutouts). [v2.31] overscroll-behavior:none previne o "salto pra cima" no abrir (iOS Safari mostra/esconde URL bar baseado em scroll, gerando reflow do layout — bloquear overscroll trava o viewport). */ html, body{ overscroll-behavior:none; } body{margin:0;padding:0} /* iOS press-and-hold abre menu de seleção/cópia/lookup. Desabilita globalmente pra que tocar e segurar em qualquer tecla ou botão NUNCA dispare callout. */ html, body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; } /* Inputs / textareas / contenteditable preservam seleção (acessibilidade) */ input, textarea, [contenteditable="true"]{ -webkit-user-select:text; user-select:text; -webkit-touch-callout:default; } /* [fix menu iOS] REFORÇO na PRÁTICA (piano horizontal): o menu de edição iOS (copiar/recortar/colar/setas) aparecia em alguns toques. Trava seleção/callout em TODA a practice-page + descendentes (inclui o teclado SVG e a barra) com !important — sobrepõe qualquer re-habilitação. Os inputs reais (OTP/login) NÃO vivem dentro da practice-page, então não são afetados. */ .practice-page, .practice-page *{ -webkit-user-select:none!important; -moz-user-select:none!important; user-select:none!important; -webkit-touch-callout:none!important; } body{background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.55} /* 🔴 [16/08 · Luis: "a fonte principal de texto do app foi trocada"] OS * CONTROLES DE FORMULÁRIO NÃO HERDAM `font-family` — é regra do UA, não do * app: `