*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:auto}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;height:auto;display:block;overflow-y:auto;flex-direction:column}#root{height:auto}header{background:#fff;padding:16px 20px;border-bottom:1px solid #ddd}h1{font-size:20px;font-weight:600}#messages{height:auto;flex:1;min-height:0;overflow-y:visible;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:12px}.message{max-width:min(600px,88vw);padding:12px 16px;border-radius:8px;line-height:1.5}.message.user{align-self:flex-end;background:#007bff;color:#fff}.message.assistant{align-self:flex-start;background:#fff;border:1px solid #ddd;white-space:pre-wrap}.typing{align-self:flex-start;padding:12px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#666}footer{flex-shrink:0;background:#fff;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));border-top:1px solid #ddd;display:flex;gap:8px}textarea{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:16px;min-height:44px;resize:none}button{padding:10px 20px;min-height:44px;min-width:44px;background:#007bff;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:#0056b3}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){header{padding:12px 16px}h1{font-size:17px}footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@keyframes mic-pulse{0%,to{box-shadow:0 0 #dc354573}50%{box-shadow:0 0 0 8px #dc354500}}.mic-listening{animation:mic-pulse 1.2s ease-in-out infinite}@keyframes speaking-pulse{0%,to{opacity:1}50%{opacity:.25}}.speaking-dot{display:inline-block;width:8px;height:8px;background:#6c3fc5;border-radius:50%;animation:speaking-pulse 1s ease-in-out infinite;flex-shrink:0}@keyframes receive-pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e00}}.mic-receiving{animation:receive-pulse 1.5s ease-in-out infinite}@keyframes overlay-pulse{0%,to{opacity:.5}50%{opacity:1}}.overlay-hint{animation:overlay-pulse 2.2s ease-in-out infinite}.narrative-card{align-self:flex-start;max-width:min(640px,95vw);background:#f5f0e8;border:1px solid #d4c5a9;border-radius:12px;padding:28px 32px;margin:16px 0;font-family:Georgia,serif;font-size:1.05rem;line-height:1.8;color:#2c2416;white-space:pre-wrap}.narrative-card-header{letter-spacing:.15em;font-size:.7rem;font-weight:600;color:#8b7355;text-transform:uppercase;margin-bottom:16px;font-family:system-ui,-apple-system,sans-serif}.download-btn{display:block;margin-top:16px;background:#2c2416;color:#f5f0e8;border:none;border-radius:8px;padding:12px 24px;font-size:.95rem;cursor:pointer;min-height:44px;font-family:inherit;font-weight:500}.download-btn:hover{background:#3d3322}