:root{--papel: #faf7f2;--cartao: #ffffff;--cartao-fundo: #f3efe7;--borda: #e7e0d5;--tinta: #1b1915;--fraco: #6c665c;--fraquinho: #97918700;--cinabre: #c2452f;--cinabre-fraco: #f7e9e5;--ok: #2f6b4f;--ok-fraco: #e8f1ec;--erro: #b23a2e;--erro-fraco: #fbeae7;--raio: 16px;--raio-pequeno: 12px;--sombra: 0 1px 2px rgba(27, 25, 21, .05), 0 8px 24px rgba(27, 25, 21, .04);--barra: rgba(250, 247, 242, .88)}@media(prefers-color-scheme:dark){:root:not([data-tema=claro]){--papel: #14120f;--cartao: #1d1a16;--cartao-fundo: #221e19;--borda: #2e2a23;--tinta: #ede8e0;--fraco: #9a9389;--cinabre: #e4705a;--cinabre-fraco: #2c1d19;--ok: #7fc3a0;--ok-fraco: #1b2620;--erro: #e4705a;--erro-fraco: #2a1a17;--sombra: none;--barra: rgba(20, 18, 15, .9)}}:root[data-tema=escuro]{--papel: #14120f;--cartao: #1d1a16;--cartao-fundo: #221e19;--borda: #2e2a23;--tinta: #ede8e0;--fraco: #9a9389;--cinabre: #e4705a;--cinabre-fraco: #2c1d19;--ok: #7fc3a0;--ok-fraco: #1b2620;--erro: #e4705a;--erro-fraco: #2a1a17;--sombra: none;--barra: rgba(20, 18, 15, .9)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--papel)}body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;user-select:none}.han{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.casca{min-height:100svh;display:flex;flex-direction:column}.conteudo{flex:1;width:100%;max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 96px}.topo{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.topo h1{font-size:30px;letter-spacing:.05em;margin:0;font-weight:600}.topo .legenda{color:var(--fraco);font-size:13px;margin-top:2px}.abas{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--barra);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--borda)}.abas button{flex:1;min-height:52px;border:0;background:none;color:var(--fraco);font-size:11px;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--raio-pequeno);padding:0 2px}.abas button .marca{font-size:17px;line-height:1}.abas button[aria-current=page]{color:var(--cinabre)}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-bottom:12px;box-shadow:var(--sombra)}.cartao.plano{box-shadow:none;background:var(--cartao-fundo)}.cartao h2{font-size:16px;margin:0 0 4px;font-weight:600}.cartao h3{font-size:14px;margin:0 0 8px;font-weight:600;color:var(--fraco);letter-spacing:.04em;text-transform:uppercase}.discreto{color:var(--fraco);font-size:14px}.mini{color:var(--fraco);font-size:12px}.titulo-secao{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco);margin:22px 4px 8px}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--raio-pequeno);border:1px solid var(--borda);background:var(--cartao);color:var(--tinta);font-size:15px;transition:transform .08s ease,opacity .15s ease}.botao:active{transform:scale(.975)}.botao.forte{background:var(--cinabre);border-color:var(--cinabre);color:#fff;font-weight:500}.botao.largo{width:100%}.botao:disabled{opacity:.4}.botao.fantasma{border-color:transparent;background:none;color:var(--cinabre)}.linha{display:flex;gap:8px;flex-wrap:wrap}.linha.presa{flex-wrap:nowrap}.barra-progresso{height:6px;border-radius:3px;background:var(--borda);overflow:hidden}.barra-progresso>div{height:100%;background:var(--cinabre);border-radius:3px;transition:width .4s ease}.numerao{font-size:34px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.tarefa{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:60px;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--raio-pequeno);background:var(--cartao);margin-bottom:8px}.tarefa.feita{background:var(--cartao-fundo);border-color:transparent}.tarefa .marca-tarefa{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--borda);display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px}.tarefa.feita .marca-tarefa{background:var(--ok);border-color:var(--ok);color:#fff}.tarefa .corpo{flex:1;min-width:0}.tarefa .corpo b{font-weight:500;font-size:15px;display:block}.tarefa.feita .corpo b{color:var(--fraco)}.tarefa .seta{color:var(--fraco);font-size:18px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--borda);background:var(--cartao);color:var(--fraco);border-radius:999px;padding:7px 13px;font-size:13px;min-height:36px}.chip[aria-pressed=true]{background:var(--cinabre-fraco);border-color:var(--cinabre);color:var(--cinabre)}.etiqueta{display:inline-block;border-radius:999px;padding:3px 9px;font-size:11px;background:var(--cartao-fundo);color:var(--fraco);white-space:nowrap}.etiqueta.destaque{background:var(--cinabre-fraco);color:var(--cinabre)}.etiqueta.verde{background:var(--ok-fraco);color:var(--ok)}label.campo{display:block;margin-bottom:12px}label.campo span{display:block;font-size:13px;color:var(--fraco);margin-bottom:6px}input[type=text],input[type=search],textarea,select{width:100%;font-size:16px;min-height:48px;padding:12px;border-radius:var(--raio-pequeno);border:1px solid var(--borda);background:var(--papel);color:var(--tinta)}textarea{min-height:84px;resize:vertical;line-height:1.5}input[type=range]{width:100%;accent-color:var(--cinabre);height:44px}.treino{position:fixed;inset:0;z-index:50;background:var(--papel);display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.treino-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}.treino-topo .barra-progresso{flex:1}.treino-topo button{border:0;background:none;color:var(--fraco);font-size:15px;min-height:44px;padding:0 4px}.treino-corpo{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;padding:8px 0 16px;overflow-y:auto}.treino-rodape{display:flex;flex-direction:column;gap:8px}.hanzi-grande{font-size:clamp(44px,16vw,68px);font-weight:500;line-height:1.25;letter-spacing:.02em}.hanzi-medio{font-size:28px;font-weight:500;line-height:1.3}.pinyin{font-size:18px;color:var(--fraco);letter-spacing:.02em}.significado{font-size:19px}.opcao{width:100%;min-height:62px;border:1px solid var(--borda);background:var(--cartao);border-radius:var(--raio-pequeno);padding:12px 16px;font-size:17px;text-align:left;display:flex;align-items:center;gap:10px}.opcao.certa{background:var(--ok-fraco);border-color:var(--ok);color:var(--ok)}.opcao.errada{background:var(--erro-fraco);border-color:var(--erro);color:var(--erro)}.opcao .desenho-tom{font-size:24px;width:28px;text-align:center}.botao-ouvir{width:116px;height:116px;border-radius:50%;border:1px solid var(--borda);background:var(--cartao);margin:0 auto;font-size:40px;display:flex;align-items:center;justify-content:center;color:var(--cinabre);box-shadow:var(--sombra)}.botao-ouvir.tocando{background:var(--cinabre-fraco);border-color:var(--cinabre)}.dialogo{text-align:left;display:flex;flex-direction:column;gap:10px}.fala{border:1px solid var(--borda);border-radius:var(--raio-pequeno);padding:12px 14px;background:var(--cartao)}.fala.voce{background:var(--cinabre-fraco);border-color:transparent}.fala .quem{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fraco);margin-bottom:4px}.item-vocab{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--borda);background:none;padding:12px 2px;min-height:62px}.item-vocab:last-child{border-bottom:0}.item-vocab .hz{font-size:22px;font-weight:500;min-width:78px}.item-vocab .txt{flex:1;min-width:0}.item-vocab .txt b{display:block;font-weight:400;font-size:15px}.ponto{width:8px;height:8px;border-radius:50%;flex:none;background:var(--borda)}.ponto.lendo{background:#d9a441}.ponto.ouvindo{background:#4a86a8}.ponto.falando{background:var(--ok)}.folha-fundo{position:fixed;inset:0;z-index:60;background:#0a090866;display:flex;align-items:flex-end;justify-content:center}.folha{width:100%;max-width:560px;background:var(--papel);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:88svh;overflow-y:auto;animation:subir .22s ease}@keyframes subir{0%{transform:translateY(24px);opacity:.6}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.aviso{border:1px solid var(--borda);border-left:3px solid var(--cinabre);border-radius:var(--raio-pequeno);padding:12px 14px;font-size:14px;background:var(--cartao);margin-bottom:12px}.vazio{text-align:center;color:var(--fraco);font-size:15px;padding:40px 20px}