:root{--bg: #000;--fg: #ececf1;--muted: #8b8b97;--linha: #1d1d23;--card: #0e0e13;--azul: #6ea8ff;--lilas: #a98bff;--display: "Instrument Sans", system-ui, -apple-system, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:500 .85rem var(--body);color:var(--fg);background:#121218;border:1px solid #24242c;border-radius:999px;padding:8px 14px;cursor:pointer}button:hover{border-color:#3a3a46}button:focus-visible,input:focus-visible,#lego:focus-visible{outline:2px solid var(--azul);outline-offset:3px}[hidden]{display:none!important}#login{position:fixed;inset:0;display:grid;place-items:center;padding:16px}#form-login{display:grid;gap:12px;width:min(320px,100%);justify-items:center}#form-login img{border-radius:24px}#form-login label{justify-self:start;color:var(--muted);font-size:.85rem}#form-login input{width:100%;font:400 1rem var(--body);color:var(--fg);background:#0d0d12;border:1px solid #26262e;border-radius:12px;padding:12px 14px}#form-login button{width:100%;background:var(--fg);color:#000;border-color:var(--fg);padding:12px;font-weight:600}#erro-login{color:#ff8f8f;min-height:1.2em;margin:0;font-size:.9rem}#app{position:fixed;inset:0}#fx{position:absolute;inset:0;width:100%;height:100%}#lego{position:absolute;left:0;top:0;transform-origin:50% 50%;touch-action:manipulation;cursor:pointer}#fala{position:absolute;margin:0;max-width:min(52vw,640px);font:500 clamp(1.15rem,2.4vw,1.75rem)/1.35 var(--display);letter-spacing:-.01em;text-wrap:pretty}#fala span{animation:palavra .32s cubic-bezier(.2,.8,.2,1) both}@keyframes palavra{0%{opacity:0;filter:blur(6px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}#voce{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 7vh);transform:translate(-50%,-6px);margin:0;max-width:min(80vw,640px);text-align:center;color:var(--muted);font-size:.95rem;opacity:0;transition:opacity .3s,transform .3s}#voce.visivel{opacity:1;transform:translate(-50%)}#cartao{position:absolute;display:grid;gap:6px;min-width:220px;max-width:min(320px,80vw);background:var(--card);border:1px solid var(--linha);border-radius:18px;padding:16px 18px;opacity:0;transform:translate(24px) scale(.98);transition:opacity .35s ease,transform .5s cubic-bezier(.2,1.3,.4,1);pointer-events:none}#cartao.visivel{opacity:1;transform:none}#cartao-titulo{font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}#cartao-linha{font:600 1.25rem/1.25 var(--display)}#cartao[data-tipo=memoria] #cartao-titulo{color:var(--lilas)}#cartao[data-tipo=clima] #cartao-titulo{color:var(--azul)}#rodape{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));color:var(--muted);font:500 .8rem var(--mono)}#rodape nav{margin-left:auto;display:flex;gap:8px}#rodape nav button{background:transparent;border-color:#1f1f26;color:var(--muted);font-size:.78rem;padding:6px 12px}#aviso{color:#ffb36e}#entrada{position:absolute;left:50%;bottom:calc(56px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;gap:8px;width:min(620px,calc(100% - 32px))}#campo{flex:1;min-width:0;font:400 1rem var(--body);color:var(--fg);background:#0d0d12;border:1px solid #26262e;border-radius:999px;padding:12px 16px}#painel{position:absolute;inset:0;overflow-y:auto;background:#000000f0;backdrop-filter:blur(8px);padding:calc(24px + env(safe-area-inset-top,0px)) max(16px,8vw) 48px}.painel-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:720px}#painel h2{font:600 1.6rem var(--display);margin:0}#painel h3{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:28px 0 8px}#painel .sub{color:var(--muted);font-size:.9rem;margin:6px 0;max-width:60ch}#painel ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:720px}#painel li{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--linha);border-radius:12px;padding:10px 12px}#painel li span{flex:1;min-width:0;overflow-wrap:anywhere}#painel li.vazio{color:var(--muted);background:transparent;border-style:dashed}#painel .apagar{color:#ff9b9b;border-color:#3a2226;background:transparent}#painel .linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}#sim-limpar{color:#ff9b9b;border-color:#3a2226}@media(max-width:760px)and (orientation:portrait){#fala{max-width:none;font-size:1.15rem}#cartao{min-width:0}}@media(prefers-reduced-motion:reduce){#fala span{animation:none}#cartao,#voce{transition:none}}a.botao{font:500 .85rem var(--body);color:var(--fg);background:#121218;border:1px solid #24242c;border-radius:999px;padding:8px 14px;text-decoration:none}#painel li em{font-style:normal;display:block;margin:2px 0 0}#btn-maos[aria-pressed=true]{color:#000!important;background:var(--fg)!important;border-color:var(--fg)!important}.ajustes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px 18px;max-width:720px}.ajustes label{display:grid;gap:6px;color:var(--muted);font-size:.85rem;min-width:0}.ajustes label.chk{display:flex;align-items:center;gap:10px;color:var(--fg)}.ajustes select,.ajustes input[type=text]{font:400 .95rem var(--body);color:var(--fg);background:#0d0d12;border:1px solid #26262e;border-radius:10px;padding:9px 10px;min-width:0;width:100%}.ajustes .junto{display:flex;gap:8px}.ajustes input[type=checkbox]{width:20px;height:20px;accent-color:#6ea8ff}#aj-aviso{grid-column:1 / -1;min-height:1.2em}