:root{--bg:#f4f1ea;--card:#ffffff;--ink:#1f2937;--muted:#6b7280;--accent:#b45309;--accent-ink:#ffffff;--line:#e5e7eb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:520px;margin:0 auto;padding:24px 16px 64px}.brand{text-align:center;margin-bottom:16px}.brand h1{margin:0;font-size:22px}.brand .ai-tag{display:inline-block;margin-top:6px;font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.dora-says{font-size:17px;line-height:1.5;margin:0 0 18px}.state-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:600;padding:12px 18px;border-radius:10px;cursor:pointer;width:100%;margin-top:10px}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.row{display:flex;gap:10px}.row .btn{flex:1 1}input.field{width:100%;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:10px;margin-top:8px}.summary{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:14px}.summary .k{color:var(--muted)}.summary .r{display:flex;justify-content:space-between;padding:4px 0;gap:12px}.lang{display:flex;gap:8px;justify-content:center;margin-top:12px}.lang button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.lang button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.err{color:#b00020;font-size:14px;margin-top:10px}a.dl{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600}.avatar{display:flex;justify-content:center;margin-bottom:14px}.avatar-photo,.avatar-svg{width:112px;height:112px;border-radius:50%;background:#fdf6ec;border:3px solid var(--accent);animation:dora-breathe 3.6s ease-in-out infinite;will-change:transform}.avatar-svg{object-fit:cover}.avatar-photo{overflow:hidden}.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 60%}.avatar.speaking .avatar-photo,.avatar.speaking .avatar-svg{animation:dora-talkbob .5s ease-in-out infinite}.avatar.speaking .avatar-photo img{animation:dora-mouth .26s ease-in-out infinite}@keyframes dora-mouth{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.035) scaleX(.997)}}@keyframes dora-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.014)}}@keyframes dora-talkbob{0%,to{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-3px) rotate(.7deg)}}.avatar .mouth{transform-box:fill-box;transform-origin:center}.avatar.speaking .mouth{animation:dora-talk .26s ease-in-out infinite alternate}@keyframes dora-talk{0%{transform:scaleY(.5)}to{transform:scaleY(2)}}.avatar .eye{transform-box:fill-box;transform-origin:center;animation:dora-blink 4.2s ease-in-out infinite}@keyframes dora-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.selfview{width:100%;max-height:180px;border-radius:10px;background:#000;object-fit:cover;margin:6px 0 4px}.selfview.big{max-height:320px}.selfview.off{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}.rec-dot{color:#b00020;font-size:12px;font-weight:700;margin-bottom:6px}