:root{--ink:#0e0e0e;--ink-850:#17181b;--ink-900:#101114;--snow:#f2f2f2;--salmon:#d88080;--muted:#f2f2f2ad;--subtle:#f2f2f273;--line:#ffffff17;--ok:#57c08a;--warn:#e0a458;--bad:#e2574c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--snow);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:var(--snow)}.wrap{max-width:880px;margin:0 auto;padding:24px 16px 64px}.painel{background:var(--ink-900);border:1px solid var(--line);border-radius:18px;padding:18px}.titulo{letter-spacing:-.01em;font-size:22px;font-weight:600}.sub{color:var(--muted);font-size:14px}.mini{color:var(--subtle);font-size:12px}.campo{background:var(--ink-850);border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:10px 12px}.campo:focus{border-color:#d880808c}textarea.campo{resize:vertical;min-height:110px}.botao{background:var(--salmon);color:#221213;border-radius:12px;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.botao:hover{opacity:.9}.botao:disabled{opacity:.45;cursor:default}.botao.fantasma{color:var(--muted);background:0 0;border:1px solid #ffffff24}.botao.fantasma:hover{color:var(--snow);border-color:#d8808080}.barra{background:#ffffff17;border-radius:99px;height:7px;overflow:hidden}.barra>div{background:var(--salmon);border-radius:99px;height:100%;transition:width .25s}.fala{border-bottom:1px solid #ffffff0d;grid-template-columns:34px 1fr;gap:10px;padding:9px 0;display:grid}.fala:last-child{border-bottom:0}.fala .quem{color:#221213;border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.linha-msg{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.linha-msg:last-child{border-bottom:0}.pill{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.nav-topo{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.nav-topo .marca{letter-spacing:.02em;font-weight:700}.nav-topo a.aba{color:var(--muted);border-radius:10px;padding:7px 12px;font-size:14px}.nav-topo a.aba:hover{color:var(--snow);background:#ffffff0d}.nav-topo a.aba.ativa{color:var(--snow);background:#d8808029}.zona-solta{text-align:center;color:var(--muted);cursor:pointer;border:1.5px dashed #ffffff2e;border-radius:16px;padding:34px 16px;transition:border-color .15s,background .15s}.zona-solta:hover,.zona-solta.arrastando{background:#d880800d;border-color:#d8808099}