*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--primary:#3b82f6;--primary-glow:#3b82f666;--accent:#8b5cf6;--accent-glow:#8b5cf666;--text:#e6edf3;--text-muted:#8b949e;--border:#30363d;--green:#22c55e;--green-glow:#22c55e66;--red:#ef4444}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.voice-loading{background:var(--bg);justify-content:center;align-items:center;height:100dvh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.voice-app{background:var(--bg);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;padding:0 20px 16px;display:flex}.voice-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex}.voice-header__title{color:var(--text);font-size:17px;font-weight:600}.voice-header__limit{background:var(--surface);border:1px solid var(--border);color:var(--primary);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.voice-header__limit.zero{color:var(--red)}.app-fullscreen{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.avatar-fullscreen-video{object-fit:cover;object-position:center top;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.app-overlay{pointer-events:none;background:linear-gradient(#0000004d 0%,#0000 30% 55%,#000000b3 80%,#000000eb 100%);position:absolute;inset:0}.app-top{z-index:10;padding:16px 20px;position:absolute;top:0;left:0;right:0}.app-title{color:#fff;font-size:20px;font-weight:700}.app-subtitle{color:#fff9;margin-top:2px;font-size:13px}.app-bottom{z-index:10;flex-direction:column;align-items:center;gap:12px;padding:0 20px 36px;display:flex;position:absolute;bottom:0;left:0;right:0}.app-status{color:#fffc;text-align:center;min-height:22px;font-size:15px}.dots{align-items:center;gap:5px;display:inline-flex}.dots span{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.avatar-zone{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.avatar-ring{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;transition:box-shadow .3s;display:flex;position:relative}.avatar-ring:before{content:"";background:linear-gradient(135deg, var(--primary), var(--accent)) border-box;-webkit-mask-composite:xor;opacity:.5;border:2px solid #0000;border-radius:50%;transition:opacity .3s;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.avatar-ring.ring--speaking:before{opacity:1;animation:1.2s ease-in-out infinite pulse-ring}.avatar-ring.ring--listening:before{opacity:1;border-color:var(--green);background:linear-gradient(135deg, var(--green), #06b6d4) border-box;animation:.8s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.avatar-circle{background:linear-gradient(135deg,#1e3a5f,#1e1b4b);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 8px 32px #0006}.avatar-emoji{filter:drop-shadow(0 4px 8px #0000004d);font-size:72px;line-height:1}.avatar-video-wrapper{background:#0d1117;border:2px solid #0000;border-radius:20px;width:100%;max-width:320px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 8px 32px #0006}.avatar-video-wrapper--speaking{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow), 0 8px 32px #0006;animation:1.2s ease-in-out infinite pulse-ring}.avatar-video-wrapper--listening{border-color:var(--green);box-shadow:0 0 24px var(--green-glow), 0 8px 32px #0006;animation:.8s ease-in-out infinite pulse-ring}.avatar-video-wrapper video{width:100%;height:auto;display:block}.avatar-name{color:var(--text);font-size:20px;font-weight:700}.avatar-status{color:var(--text-muted);text-align:center;min-height:20px;padding:0 20px;font-size:13px}.voice-transcript{flex-direction:column;gap:8px;min-height:80px;max-height:160px;margin:0 0 12px;display:flex;overflow-y:auto}.transcript-user{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:10px 14px;font-size:14px}.transcript-user span{color:var(--primary);font-weight:600}.transcript-ai{color:var(--text);background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:1px solid #8b5cf633;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.55}.transcript-thinking{align-items:center;gap:5px;padding:14px;display:flex}.transcript-thinking span{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.transcript-thinking span:nth-child(2){animation-delay:.2s}.transcript-thinking span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.voice-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding-bottom:8px;display:flex}.mic-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;width:80px;height:80px;box-shadow:0 0 0 0 var(--primary-glow);-webkit-tap-highlight-color:transparent;touch-action:none;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .3s;display:flex}.mic-btn:disabled{opacity:.4;cursor:not-allowed}.mic-btn--active{background:linear-gradient(135deg, var(--green), #06b6d4);box-shadow:0 0 0 12px var(--green-glow);animation:1s ease-in-out infinite mic-pulse}.mic-btn--speaking{box-shadow:0 0 0 12px var(--primary-glow);animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 8px var(--primary-glow)}50%{box-shadow:0 0 0 18px #0000}}.mic-btn--active{animation:1s ease-in-out infinite mic-pulse-green}@keyframes mic-pulse-green{0%,to{box-shadow:0 0 0 8px var(--green-glow)}50%{box-shadow:0 0 0 20px #0000}}.mic-hint{color:var(--text-muted);font-size:12px}.limit-msg{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:12px 20px;font-size:13px}.thinking-overlay{z-index:5;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.thinking-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.thinking-text{color:#fff;font-size:16px;font-weight:500}.pulse-ring{background:var(--green);border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1.5s ease-in-out infinite pulse-glow;display:inline-block}@keyframes pulse-glow{0%,to{box-shadow:0 0 #43b58199}50%{box-shadow:0 0 0 12px #43b58100}}.start-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 0 24px var(--primary-glow);border:none;border-radius:20px;padding:16px 48px;font-size:18px;font-weight:700;animation:2s ease-in-out infinite mic-pulse}.booking-hint-btn{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #ffffff40;border-radius:20px;padding:6px 18px;font-size:13px;transition:border-color .2s,color .2s}.booking-hint-btn:hover{color:#fff;border-color:#ffffff80}.booking-confirmed{color:var(--green);padding:6px 0;font-size:13px}.booking-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.booking-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px 20px 0 0;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:24px 20px 36px;display:flex}.booking-title{color:var(--text);text-align:center;margin-bottom:4px;font-size:17px;font-weight:700}.booking-input{background:var(--bg);border:1px solid var(--border);color:var(--text);-webkit-appearance:none;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px}.booking-input:focus{border-color:var(--primary)}.booking-select{cursor:pointer;color:var(--text)}.booking-select option{background:var(--surface);color:var(--text)}.booking-no-slots{color:var(--text-muted);text-align:center;padding:12px;font-size:14px}.booking-error{color:var(--red);text-align:center;font-size:13px}.booking-submit{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:600}.booking-submit:disabled{opacity:.6;cursor:not-allowed}.booking-cancel{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;font-size:14px}.history-details{flex-shrink:0;margin-top:4px}.history-details summary{color:var(--text-muted);cursor:pointer;text-align:center;padding:6px;font-size:12px;list-style:none}.history-details summary::-webkit-details-marker{display:none}.history-list{flex-direction:column;gap:6px;max-height:200px;margin-top:8px;display:flex;overflow-y:auto}.history-item{border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.history-item span{margin-right:4px;font-weight:600}.history-item--user{background:var(--surface);color:var(--text-muted)}.history-item--user span{color:var(--primary)}.history-item--assistant{color:var(--text);background:#8b5cf614}.history-item--assistant span{color:var(--accent)}