:root{color-scheme:light;--pad: max(12px, env(safe-area-inset-bottom));--ink: #1c1917;--paper: #f5f0e8;--btn: #fff;--accent: #3f3a36}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,sans-serif;background:#cfc9c0;color:var(--ink)}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;left:0;right:0;bottom:0;padding:12px 12px var(--pad);display:flex;flex-direction:column;gap:8px;pointer-events:none}#hud>*{pointer-events:auto}#bubble{align-self:center;max-width:min(42rem,92vw);background:var(--paper);border-radius:18px;padding:10px 16px;box-shadow:0 8px 24px #00000026;font-size:1.15rem}#actions,#chat{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}button,select,input{font:inherit;font-size:1.05rem}button,.anim{min-height:48px;padding:8px 16px;border:1px solid #b9b1a7;border-radius:14px;background:var(--btn);color:var(--accent)}button:active{transform:translateY(1px)}.anim{display:flex;align-items:center;gap:8px}#chat{width:100%}#text{flex:1 1 12rem;min-height:48px;padding:8px 12px;border-radius:14px;border:1px solid #b9b1a7}#mic{min-width:56px}#mic.hot{background:#f4c2c2}#status{text-align:center;margin:0;font-size:.85rem;opacity:.8}@media(max-width:640px){button,.anim{flex:1 1 30%}}