*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0077b6;--primary-light: #00b4d8;--primary-dark: #023e8a;--accent: #0077b6;--recording: #0077b6;--processing: #f4a261;--speaking: #2a9d8f;--bg-light: #f5f7fa;--bg-card: rgba(0, 0, 0, .04);--text: #1a2b3c;--text-muted: rgba(26, 43, 60, .6)}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e9eaed;color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%;max-width:480px;margin:0 auto;padding:1.5rem 1rem}.header{text-align:center;padding-bottom:1rem}.logo-img{height:150px;margin-bottom:.25rem}.title{font-size:1rem;font-weight:400;color:var(--text-muted);letter-spacing:.5px}.main{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.avatar-canvas{width:420px;height:420px;border-radius:16px;overflow:hidden;background:#0000000d;transition:box-shadow .4s ease}.avatar-canvas--idle{box-shadow:none}.avatar-canvas--listening{box-shadow:0 0 40px #c2f29b99}.avatar-canvas--processing{box-shadow:0 0 35px #c2f29b80}.avatar-canvas--speaking{box-shadow:0 0 40px #c2f29b99}.avatar-loading{font-size:.85rem;color:var(--text-muted);animation:fade-in .3s ease}.avatar-error{font-size:.85rem;color:#dc3545}.avatar-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;text-align:center;max-width:100%}.transcript{width:100%;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:0 .5rem}.transcript-history{display:flex;flex-direction:column;gap:.3rem}.transcript-entry{font-size:.85rem;padding:.5rem .8rem;border-radius:8px;line-height:1.4}.transcript-entry--user{background:#0077b61f;color:var(--accent);align-self:flex-end;text-align:right}.transcript-entry--assistant{background:var(--bg-card);color:var(--text)}.transcript-current{font-size:.95rem;text-align:center;color:var(--text);background:#0000000a;padding:.6rem 1rem;border-radius:10px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer{padding-top:1.5rem;display:flex;justify-content:center}.btn{border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;border-radius:50px;padding:.9rem 2.4rem;transition:all .25s ease}.btn--start{background:#c2f29b;color:#1a2b3c;box-shadow:0 4px 20px #0000001a}.btn--start:hover{transform:translateY(-2px);box-shadow:0 6px 28px #00000026}.btn--stop{background:#c2f29b;color:var(--text-muted);border:1px solid rgba(0,0,0,.12);font-size:.85rem;padding:.6rem 1.6rem}.btn--stop:hover{background:#dc35451a;border-color:#dc35454d;color:#dc3545}@media(max-width:480px){.avatar-canvas{width:300px;height:300px}.title{font-size:.85rem}.transcript{max-height:150px}}.transcript::-webkit-scrollbar{width:4px}.transcript::-webkit-scrollbar-track{background:transparent}.transcript::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}