*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1419;--card:#1a2129;--card2:#222b35;--text:#e6edf3;--muted:#8b98a5;--accent:#e8590c;--accent-soft:rgba(232,89,12,0.15);--ok:#2f9e44;--err:#e03131;--border:#2d3742}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh}main{max-width:480px;margin:0 auto;padding:16px 16px 48px}h1{font-size:1.15rem;padding:12px 0 16px;display:flex;align-items:center;gap:8px}h1 .badge{font-size:.65rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:3px 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}.hint{color:var(--muted);font-size:.85rem;line-height:1.45}.mic-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0}.mic{width:96px;height:96px;border-radius:50%;border:none;background:var(--accent);color:white;font-size:2.2rem;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent}.mic:active{transform:scale(.94)}.mic.recording{animation:pulse 1.2s infinite;background:var(--err)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,49,49,.55)}70%{box-shadow:0 0 0 22px rgba(224,49,49,0)}to{box-shadow:0 0 0 0 rgba(224,49,49,0)}}.transcript{background:var(--card2);border-radius:10px;padding:12px;font-size:.95rem;line-height:1.5;min-height:56px;width:100%;white-space:pre-wrap}.transcript .interim{color:var(--muted)}button.primary,button.secondary{width:100%;padding:14px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px;-webkit-tap-highlight-color:transparent}button.primary{background:var(--accent);color:white}button.secondary{background:var(--card2);color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:default}.question{font-size:1.02rem;font-weight:600;line-height:1.45;padding-bottom:6px}.field{margin-bottom:12px}.field label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:var(--card2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 12px;font-size:.95rem;font-family:inherit}.field textarea{min-height:84px;resize:vertical}.field .missing{border-color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.status-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem;padding:8px 0}.spinner{width:18px;height:18px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.success{border-color:var(--ok)}.success h2{color:var(--ok);font-size:1.05rem;margin-bottom:8px}.error-box{background:rgba(224,49,49,.12);border:1px solid var(--err);border-radius:10px;padding:12px;font-size:.88rem;margin:10px 0;word-break:break-word}.mono{font-family:ui-monospace,monospace;font-size:.82rem;color:var(--muted)}.avis-list-item{border-bottom:1px solid var(--border);padding:10px 0;font-size:.88rem}.avis-list-item:last-child{border-bottom:none}.avis-list-item .top{display:flex;justify-content:space-between;gap:8px}.tag{font-size:.7rem;border-radius:6px;padding:2px 7px;font-weight:600}.tag.published{background:rgba(47,158,68,.18);color:var(--ok)}.tag.draft,.tag.kafka_error{background:rgba(224,49,49,.15);color:var(--err)}.comprehension{font-style:italic;color:var(--muted);font-size:.88rem;border-left:3px solid var(--accent);padding-left:10px;margin-bottom:12px;line-height:1.45}