*{margin:0;box-sizing:border-box}:root{--bg: #1c1714;--panel: #2a221d;--text: #f0e8df;--muted: #9c8f82;--accent: #e0a868}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,sans-serif}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px}header{text-align:center;padding:8px 0 16px}header h1{font-size:1.4rem;letter-spacing:.06em}.tagline{color:var(--muted);font-size:.85rem;margin-top:4px}main{flex:1;display:flex;flex-direction:column;gap:16px}.avatar-pane{display:flex;justify-content:center}.avatar{width:200px;height:200px;filter:drop-shadow(0 6px 24px rgba(224,168,104,.18))}.avatar-three{border-radius:50%;overflow:hidden;line-height:0}.avatar-three canvas{display:block}.chat{flex:1;display:flex;flex-direction:column;background:var(--panel);border-radius:16px;overflow:hidden}.chat-log{flex:1;min-height:240px;max-height:46vh;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-empty{color:var(--muted);text-align:center;margin-top:40px;font-size:.9rem}.bubble{max-width:84%;padding:10px 14px;border-radius:14px;line-height:1.6;font-size:.95rem;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--accent);color:#241a10;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#3a3029;border-bottom-left-radius:4px}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #3a3029}.chat-input input{flex:1;background:#1f1915;border:1px solid #4a3e34;border-radius:10px;color:var(--text);padding:10px 12px;font-size:1rem}.chat-input input:focus{outline:none;border-color:var(--accent)}.chat-input button{border:none;border-radius:10px;padding:10px 14px;font-size:1rem;cursor:pointer;background:#4a3e34;color:var(--text)}.chat-input button:disabled{opacity:.4;cursor:default}.chat-input .send{background:var(--accent);color:#241a10;font-weight:600}.mic.listening{background:#c0392b;color:#fff}footer{text-align:center;color:var(--muted);font-size:.75rem;padding:12px 0 4px}