:root{--bg: #f5e6c8;--fg: #2b2214;--accent: #d97748;--card: #fff8ec;--radius: .75rem;--space-1: .5rem;--space-2: 1rem;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-body);touch-action:none}#stage{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2)}#needs-bar{pointer-events:auto;background:var(--card);border-radius:var(--radius);padding:var(--space-1) var(--space-2);align-self:flex-start;min-width:12rem}#chat{pointer-events:auto;background:var(--card);border-radius:var(--radius);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);max-height:40vh}#chat-log{overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.msg{padding:.375rem .625rem;border-radius:.5rem;max-width:85%;font-size:.95rem;line-height:1.35}.msg-me{align-self:flex-end;background:var(--accent);color:#fff}.msg-bot{align-self:flex-start;background:var(--bg)}.msg-pending{opacity:.55;font-style:italic}.msg-error{background:#f8d7da;color:#7a1f2a}.msg-mock:before{content:"🔧 "}#chat-form{display:flex;gap:var(--space-1)}#chat-input{flex:1;padding:.625rem .875rem;border:1px solid #d4c8a8;border-radius:.5rem;font:inherit;background:#fff;color:var(--fg)}#chat-form button{padding:.625rem 1rem;border:none;border-radius:.5rem;background:var(--accent);color:#fff;font-size:1.1rem;cursor:pointer}#mic-btn{align-self:center;width:3rem;height:3rem;border-radius:50%;border:1px solid #d4c8a8!important;background:var(--card)!important;color:var(--fg)!important;font-size:1.5rem!important;padding:0!important;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:transform .12s ease-out,box-shadow .2s ease-out;-webkit-tap-highlight-color:transparent;user-select:none}#mic-btn:active{transform:scale(.94)}#mic-btn.recording{background:#d94848!important;color:#fff!important;border-color:#d94848!important;animation:mic-pulse 1.2s ease-in-out infinite}#mic-btn.transcribing{background:#7a6d4f!important;color:#fff!important;opacity:.75}@keyframes mic-pulse{0%,to{box-shadow:0 0 #d948488c}50%{box-shadow:0 0 0 14px #d9484800}}#mic-row{display:flex;align-items:center;justify-content:center;gap:.5rem}#text-toggle{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #d4c8a8!important;background:var(--card)!important;color:var(--fg)!important;font-size:1rem!important;padding:0!important;cursor:pointer;opacity:.7;transition:opacity .15s,transform .12s}#text-toggle:active{transform:scale(.9)}#text-toggle.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;opacity:1}@media (max-width: 720px),(pointer: coarse){#chat{background:transparent;padding:0;max-height:none;pointer-events:none}#chat>*{pointer-events:auto}#chat-log{display:none}#chat.show-log #chat-log{display:flex;max-height:30vh;background:var(--card);border-radius:var(--radius);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}#chat-form{display:none;background:var(--card);padding:var(--space-1);border-radius:var(--radius);margin-top:var(--space-1)}#chat.show-text #chat-form{display:flex}#mic-btn{width:5rem;height:5rem;font-size:2.2rem!important;box-shadow:0 4px 16px #0000001f}#mic-btn.recording{animation-name:mic-pulse-lg}@keyframes mic-pulse-lg{0%,to{box-shadow:0 0 #d9484899,0 4px 16px #0000001f}50%{box-shadow:0 0 0 22px #d9484800,0 4px 16px #0000001f}}#text-toggle{width:3rem;height:3rem;font-size:1.3rem!important}#chat-input{font-size:1rem;padding:.75rem 1rem}#chat-form button[type=submit]{padding:.75rem 1.1rem;font-size:1.2rem}}