:root{--dona-skin: #c8956c;--dona-skin-shadow: #a0704a;--dona-skin-highlight: #e0aa80;--dona-iris: #2d3a4a;--dona-iris-listening: #38bdf8;--dona-pupil: #0f1820;--dona-sclera: #f5ede4;--dona-lip-upper: #b56b4a;--dona-lip-lower: #d48060;--dona-lip-inner: #7a3020;--dona-hair: #1a1008;--dona-brow: #3d2010;--dona-glow: rgba(56, 189, 248, .35);--dona-glow-strong: rgba(56, 189, 248, .6);--dona-ring: rgba(56, 189, 248, .25)}.dona-face-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;width:200px;height:200px}.dona-face-wrapper svg{overflow:visible}.dona-face-wrapper.dona-idle .dona-face-group{animation:dona-breathe 4s ease-in-out infinite;transform-origin:100px 110px}.dona-face-wrapper.dona-idle .dona-eye-left,.dona-face-wrapper.dona-idle .dona-eye-right{animation:dona-blink 5s ease-in-out infinite}.dona-face-wrapper.dona-idle .dona-eye-right{animation-delay:.08s}.dona-face-wrapper.dona-listening .dona-glow-ring{animation:dona-ring-pulse 1.8s ease-in-out infinite}.dona-face-wrapper.dona-listening .dona-face-group{animation:dona-listening-scale 1.8s ease-in-out infinite;transform-origin:100px 110px}.dona-face-wrapper.dona-listening .dona-brow-left{animation:dona-brow-raise .3s ease forwards}.dona-face-wrapper.dona-listening .dona-brow-right{animation:dona-brow-raise .3s ease forwards;animation-delay:.04s}.dona-face-wrapper.dona-talking .dona-lip-lower{animation:dona-lip-lower-talk .32s ease-in-out infinite alternate;transform-origin:100px 140px}.dona-face-wrapper.dona-talking .dona-lip-upper{animation:dona-lip-upper-talk .32s ease-in-out infinite alternate;transform-origin:100px 132px}.dona-face-wrapper.dona-talking .dona-mouth-inner{animation:dona-mouth-inner-talk .32s ease-in-out infinite alternate;transform-origin:100px 136px}.dona-face-wrapper.dona-talking .dona-face-group{animation:dona-head-bob .76s ease-in-out infinite;transform-origin:100px 110px}.dona-face-wrapper.dona-talking .dona-ear-dot-left,.dona-face-wrapper.dona-talking .dona-ear-dot-right{animation:dona-ear-pulse .76s ease-in-out infinite alternate}.dona-face-wrapper.dona-talking .dona-ear-dot-right{animation-direction:alternate-reverse}.dona-face-wrapper.dona-talking .dona-brow-left{animation:dona-brow-talk .9s ease-in-out infinite;transform-origin:69px 77px}.dona-face-wrapper.dona-talking .dona-brow-right{animation:dona-brow-talk .9s ease-in-out infinite reverse;transform-origin:131px 77px;animation-delay:.15s}.dona-face-wrapper.dona-thinking .dona-face-group{animation:dona-think-tilt 3s ease-in-out infinite;transform-origin:100px 110px}.dona-face-wrapper.dona-thinking .dona-brow-left{animation:dona-brow-think-left 2s ease-in-out infinite;transform-origin:69px 77px}.dona-face-wrapper.dona-thinking .dona-brow-right{animation:dona-brow-think-right 2s ease-in-out infinite;transform-origin:131px 77px}.dona-face-wrapper.dona-thinking .dona-eye-left,.dona-face-wrapper.dona-thinking .dona-eye-right{animation:dona-blink 3s ease-in-out infinite}.dona-think-dot-1{animation:dona-dot-bounce 1s ease-in-out infinite}.dona-think-dot-2{animation:dona-dot-bounce 1s ease-in-out .18s infinite}.dona-think-dot-3{animation:dona-dot-bounce 1s ease-in-out .36s infinite}.dona-face-wrapper.dona-listening .dona-head-shape{transition:filter .4s ease}.dona-face-wrapper.dona-talking .dona-head-shape{filter:url(#dona-glow-filter);transition:filter .4s ease}.dona-face-wrapper.dona-listening .dona-iris-fill{fill:var(--dona-iris-listening);transition:fill .5s ease}.dona-face-wrapper:not(.dona-listening) .dona-iris-fill{fill:var(--dona-iris);transition:fill .5s ease}@keyframes dona-breathe{0%,to{transform:scale(.98)}50%{transform:scale(1)}}@keyframes dona-blink{0%,85%,to{transform:scaleY(1)}90%{transform:scaleY(.07)}93%{transform:scaleY(1)}}@keyframes dona-ring-pulse{0%,to{stroke-opacity:.18;stroke-width:4}50%{stroke-opacity:.55;stroke-width:2.5}}@keyframes dona-listening-scale{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes dona-lip-lower-talk{0%{transform:translateY(0) scaleY(1)}40%{transform:translateY(3.5px) scaleY(1.2)}70%{transform:translateY(1px) scaleY(.9)}to{transform:translateY(4px) scaleY(1.3)}}@keyframes dona-lip-upper-talk{0%{transform:translateY(0)}50%{transform:translateY(-.8px)}to{transform:translateY(-.5px)}}@keyframes dona-mouth-inner-talk{0%{transform:scaleY(1);opacity:.5}50%{transform:scaleY(2.2);opacity:.85}to{transform:scaleY(1.8);opacity:.75}}@keyframes dona-head-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1.5px) rotate(.4deg)}75%{transform:translateY(1px) rotate(-.3deg)}}@keyframes dona-ear-pulse{0%{opacity:.4}to{opacity:.9}}@keyframes dona-brow-raise{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes dona-brow-talk{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-1.5px) rotate(-.5deg)}70%{transform:translateY(.5px) rotate(.3deg)}}@keyframes dona-brow-think-left{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(3deg)}}@keyframes dona-brow-think-right{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-3deg)}}@keyframes dona-think-tilt{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-2.5deg) translateY(-1px)}60%{transform:rotate(1deg) translateY(.5px)}}@keyframes dona-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:#0a0a0f;padding:1rem}.login-card{background:#111118;border:1px solid #222230;border-radius:1.5rem;padding:2.5rem 2rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login-face{font-size:3rem;line-height:1;color:#7c6cf5}.login-title{margin:0;font-size:1.75rem;font-weight:700;color:#e8e8f0;letter-spacing:.05em}.login-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.login-hint{margin:0;font-size:.85rem;color:#888;text-align:center}.login-input{background:#1a1a25;border:1px solid #2a2a3a;border-radius:.75rem;color:#e8e8f0;font-size:1rem;padding:.75rem 1rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.login-input:focus{border-color:#7c6cf5}.login-input-code{font-size:1.5rem;letter-spacing:.3em;text-align:center}.login-error{margin:0;font-size:.8rem;color:#f56c6c;text-align:center}.login-btn{background:#7c6cf5;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background .15s,opacity .15s}.login-btn:hover:not(:disabled){background:#9080ff}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-back-btn{background:transparent;border:1px solid #2a2a3a;border-radius:.75rem;color:#888;cursor:pointer;font-size:.9rem;padding:.5rem;transition:border-color .15s,color .15s}.login-back-btn:hover{border-color:#7c6cf5;color:#e8e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--surface: #1a1a1a;--surface2: #242424;--border: #2e2e2e;--accent: #e63946;--accent-dim: #8b1a22;--text: #f0f0f0;--text-dim: #888;--connected: #4caf50;--disconnected: #666;--radius: 12px;--transition: .2s ease}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.settings-panel{position:absolute;top:0;left:0;right:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);transform:translateY(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0009}.settings-panel.open{transform:translateY(0)}.settings-inner{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.settings-title{font-size:1rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.settings-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-dim)}.settings-input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;padding:10px 14px;outline:none;transition:border-color var(--transition);width:100%}.settings-input:focus{border-color:var(--accent)}.settings-save-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;padding:12px;cursor:pointer;transition:background var(--transition);margin-top:4px}.settings-save-btn:hover{background:#ff4d5a}.top-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:var(--connected);box-shadow:0 0 6px var(--connected)}.status-dot.disconnected{background:var(--disconnected)}.status-label{font-size:.8rem;color:var(--text-dim);flex:1}.settings-toggle-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:6px 10px;transition:background var(--transition),color var(--transition);line-height:1}.settings-toggle-btn:hover{background:var(--surface2);color:var(--text)}.settings-toggle-btn.active{background:var(--surface2);color:var(--text);border-color:var(--accent-dim)}.face-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 8px;overflow:hidden;position:relative}.interim-text{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:.9rem;color:var(--text-dim);font-style:italic;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcript-log{height:140px;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;scroll-behavior:smooth}.transcript-log::-webkit-scrollbar{width:4px}.transcript-log::-webkit-scrollbar-track{background:transparent}.transcript-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.transcript-entry{display:flex;gap:8px;align-items:baseline;font-size:.85rem;line-height:1.4}.transcript-role{font-weight:600;flex-shrink:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.transcript-entry.user .transcript-role{color:#6ea8fe}.transcript-entry.agent .transcript-role{color:var(--accent)}.transcript-text{color:var(--text);word-break:break-word}.text-input-row{display:flex;gap:8px;padding:10px 16px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.text-input-field{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;padding:10px 14px;outline:none;transition:border-color var(--transition)}.text-input-field::placeholder{color:var(--text-dim)}.text-input-field:focus{border-color:var(--accent)}.text-input-field:disabled{opacity:.5;cursor:not-allowed}.text-send-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 14px;flex-shrink:0;transition:background var(--transition)}.text-send-btn:hover:not(:disabled){background:#ff4d5a}.text-send-btn:disabled{background:var(--surface2);color:var(--text-dim);cursor:not-allowed}.mic-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 24px;flex-shrink:0;background:var(--bg);border-top:1px solid var(--border)}.mic-btn{width:80px;height:80px;border-radius:50%;border:3px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition),transform .1s ease,box-shadow var(--transition);touch-action:none;user-select:none;-webkit-user-select:none}.mic-btn:hover:not(:disabled){background:var(--surface);border-color:#555}.mic-btn.listening{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #e6394640,0 0 0 12px #e639461a;animation:pulse 1.2s ease-in-out infinite}.mic-btn:active:not(:disabled){transform:scale(.95)}.mic-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 0 6px #e6394640,0 0 0 12px #e639461a}50%{box-shadow:0 0 0 10px #e6394659,0 0 0 20px #e6394612}}.mic-hint{font-size:.75rem;color:var(--text-dim);text-align:center;min-height:1.2em}.no-support-msg{font-size:.75rem;color:#f4a261;text-align:center}.mic-footer.text-only{padding:0;min-height:0}.dona-version{position:fixed;bottom:6px;left:8px;font-size:9px;color:var(--text-muted, #666);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.dona-debug{position:fixed;bottom:20px;left:8px;display:flex;gap:6px;align-items:center;font-size:10px;color:var(--text-muted, #666);opacity:.7}.dona-debug-test{font-size:10px;padding:2px 6px;border:1px solid #666;border-radius:4px;background:transparent;color:inherit;cursor:pointer}@media (min-width: 480px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}@media (min-height: 700px){.transcript-log{height:160px}}