.word-hover-container{position:relative;display:inline-block;cursor:pointer;z-index:10000;padding:0;vertical-align:top}.word-hover-container ruby{ruby-position:over;line-height:2.2}.word-hover-container rt{font-size:.65em;color:#64748b;line-height:1.2}.word-hover-container rb{line-height:1}.word-hover-container:hover{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px}.word-hover-container:before{content:"";position:absolute;top:-30px;left:-10px;right:-10px;bottom:-10px;z-index:-1}.word-hover-actions{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;background:rgba(0,0,0,.9);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:nowrap;z-index:9999;margin-bottom:2px}.word-hover-actions:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9)}.word-action-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;width:32px;height:32px;flex-shrink:0}.word-action-btn:hover{background-color:rgba(255,255,255,.2)}.word-action-btn:active{background-color:rgba(255,255,255,.3)}.word-hover-actions .word-hover-icon{width:20px;height:20px;flex-shrink:0}.word-hover-actions svg{display:block;width:20px;height:20px;color:inherit}.word-translation{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--primary-600);color:var(--text-white);padding:4px 8px;border-radius:4px;font-size:.875rem;margin-top:1px;white-space:nowrap;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.word-translation{animation:fadeInScale .2s ease-out}.word-synonyms{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--olive-600);color:var(--text-white);padding:6px 12px;border-radius:6px;font-size:.875rem;max-width:300px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,.2);animation:fadeInScale .2s ease-out;line-height:1.4}.synonym-label{font-weight:600;margin-right:6px;opacity:.95}.synonym-list{font-weight:400;word-wrap:break-word}.synonym-loading,.no-synonyms{font-style:italic;opacity:.9}.word-hover-container:has(.word-translation):has(.word-synonyms) .word-synonyms{top:calc(100% + 34px)}.word-grammatical-info{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--orange-600);color:var(--text-white);padding:6px 12px;border-radius:6px;font-size:.875rem;max-width:320px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,.2);animation:fadeInScale .2s ease-out;line-height:1.4;display:flex;flex-direction:column;gap:4px}.grammatical-item{display:block;font-weight:400}.grammatical-label{font-weight:600;margin-right:4px;opacity:.95}.grammatical-loading,.no-grammatical-info{font-style:italic;opacity:.9}.word-hover-container:has(.word-translation):has(.word-synonyms) .word-grammatical-info{top:calc(100% + 60px)}.word-hover-container:has(.word-translation):has(.word-grammatical-info):not(:has(.word-synonyms)) .word-grammatical-info{top:calc(100% + 34px)}.word-hover-container:has(.word-synonyms):has(.word-grammatical-info):not(:has(.word-translation)) .word-grammatical-info{top:calc(100% + 34px)}.word-action-btn .loading-dots{font-size:18px;color:#fff;animation:word-hover-pulse 1.5s ease-in-out infinite}@keyframes word-hover-pulse{0%,to{opacity:1}50%{opacity:.4}}.word-action-btn:disabled{opacity:.7;cursor:not-allowed}.word-action-btn.added-to-deck{background:rgba(16,185,129,.3);border-color:rgba(16,185,129,.5)}.word-action-btn .check-mark{color:#10b981;font-size:18px;font-weight:700}.chinese-pinyin{display:inline-block;vertical-align:top;white-space:normal;word-wrap:break-word}.chinese-pinyin ruby{ruby-position:over;line-height:2.2}.chinese-pinyin rt{font-size:.65em;color:var(--text-secondary, #6b7280);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.2}.chinese-pinyin rb{font-weight:400;font-size:1em;line-height:1}.chinese-pinyin ruby+ruby{margin-left:.15em}@media (prefers-color-scheme: dark){.chinese-pinyin rt{color:var(--text-secondary, #9ca3af)}}.recording-consent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:var(--z-incoming-call)}.recording-consent-modal{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:1}.recording-consent-content{padding:1.5rem}.recording-consent-header{display:flex;align-items:center;margin-bottom:1rem}.recording-consent-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:#dbeafe;border-radius:50%;margin-right:1rem}.recording-consent-icon svg{width:1.5rem;height:1.5rem;color:#2563eb}.recording-consent-title{font-size:1.5rem;font-weight:700;color:#111827}.recording-consent-description{color:#374151;margin-bottom:1rem}.recording-consent-info-box{background-color:#eff6ff;border:1px solid rgb(191,219,254);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.recording-consent-info-header{display:flex;align-items:flex-start}.recording-consent-info-icon{width:1.25rem;height:1.25rem;color:#2563eb;margin-top:.125rem;margin-right:.5rem;flex-shrink:0}.recording-consent-info-content{font-size:.875rem;color:#1e3a8a}.recording-consent-info-title{font-weight:600;margin-bottom:.25rem}.recording-consent-info-list{list-style-type:disc;list-style-position:inside;margin-left:.5rem}.recording-consent-info-list li{margin-bottom:.25rem}.recording-consent-details-toggle{color:#2563eb;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;margin-bottom:1rem;transition:color .2s}.recording-consent-details-toggle:hover{color:#1d4ed8}.recording-consent-details{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-bottom:1rem;font-size:.875rem;color:#374151}.recording-consent-details h4{font-weight:600;color:#111827;margin-bottom:.25rem}.recording-consent-details ul{list-style-type:disc;list-style-position:inside;margin-left:1rem;margin-bottom:.75rem}.recording-consent-details li{margin-bottom:.25rem}.recording-consent-checkboxes{margin-bottom:1.5rem}.recording-consent-checkbox-item{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:.75rem}.recording-consent-checkbox{margin-top:.25rem;margin-right:.75rem}.recording-consent-checkbox-label{color:#374151}.recording-consent-buttons{display:flex;justify-content:flex-end;gap:.75rem}.recording-consent-btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;display:flex;align-items:center;border:none;cursor:pointer}.recording-consent-btn svg{width:1rem;height:1rem;margin-right:.5rem}.recording-consent-btn-decline{color:#374151;background-color:#f3f4f6}.recording-consent-btn-decline:hover{background-color:#e5e7eb}.recording-consent-btn-accept{color:#fff;background-color:var(--olive-600)}.recording-consent-btn-accept:hover{background-color:var(--olive-700)}.recording-consent-btn-disabled{color:#9ca3af;background-color:#e5e7eb;cursor:not-allowed}.recording-consent-footer{font-size:.75rem;color:#6b7280;margin-top:1rem;text-align:center}.recording-consent-footer a{color:#2563eb;text-decoration:none}.recording-consent-footer a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;min-width:auto;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-base{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;min-width:auto;position:relative;overflow:hidden}.btn-base:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn-base:disabled{opacity:.6;cursor:not-allowed}.btn-base:disabled:hover{transform:none}.btn.btn-primary,.btn-base.btn-primary{background:linear-gradient(135deg,var(--orange-600) 0%,var(--orange-700) 100%);color:#fff;box-shadow:0 4px 12px rgba(255,140,0,.25);font-weight:600}.btn.btn-primary:hover:not(:disabled),.btn-base.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-700) 0%,var(--orange-800) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,140,0,.35)}.btn.btn-primary:active:not(:disabled),.btn-base.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px rgba(255,140,0,.3)}.btn.btn-secondary,.btn-base.btn-secondary{background:#fff;color:var(--olive-700);border:2px solid var(--olive-500);font-weight:600}.btn.btn-secondary:hover:not(:disabled),.btn-base.btn-secondary:hover:not(:disabled){background:var(--olive-500);color:#fff;border-color:var(--olive-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(156,184,71,.2)}.btn.btn-secondary:active:not(:disabled),.btn-base.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(156,184,71,.15)}.btn.btn-danger,.btn-base.btn-danger,.btn-danger{background:#dc2626;color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.2);font-weight:600}.btn.btn-danger:hover:not(:disabled),.btn-base.btn-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn.btn-danger:active:not(:disabled),.btn-base.btn-danger:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(239,68,68,.2)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-full{width:100%}.btn-auto{width:auto}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-icon{padding:.75rem;border-radius:50%;width:auto;height:auto;min-width:2.5rem;min-height:2.5rem}.btn-friend{background:#9cb847;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-friend:hover:not(:disabled){background:#8aa33d;transform:translateY(-1px)}.btn-friend.pending{background:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-friend.pending:hover:not(:disabled){background:var(--gray-300)}.btn-friend.pending-received{background:#f97316;color:#fff;cursor:default}@media (prefers-color-scheme: dark){.btn-friend{background:#9cb847}.btn-friend:hover:not(:disabled){background:#b0cc5a}.btn-friend.pending{background:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}.btn-friend.pending:hover:not(:disabled){background:var(--gray-600)}.btn-friend.pending-received{background:#f97316}}@media (max-width: 768px){.btn-base{padding:.6rem 1.2rem;font-size:.85rem}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.btn-lg{padding:.8rem 1.6rem;font-size:.95rem}.btn-xl{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%;min-width:auto}}@media (prefers-contrast: high){.btn-primary{border:2px solid var(--text-on-primary)}.btn-secondary{border-width:3px}.btn-danger{border:2px solid white}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal-backdrop, 400);padding:1rem;overflow:visible;-webkit-overflow-scrolling:touch;padding-top:max(5rem,calc(64px + 1rem + env(safe-area-inset-top,0px)));padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));pointer-events:none}.settings-modal{background:var(--background-light);border-radius:16px;width:100%;max-width:500px;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);overflow:hidden;margin:auto;display:flex;pointer-events:auto;flex-direction:column;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border-color);background:var(--background);flex-shrink:0}.settings-header h3{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.settings-close-btn{background:none;border:none;font-size:var(--text-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:50%;transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.settings-content{padding:var(--spacing-6);background:var(--background-light);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.settings-footer{background:var(--background-light);border-top:1px solid var(--border-color);padding:var(--spacing-6);flex-shrink:0}.settings-description{margin:0 0 var(--spacing-6) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.current-settings{background:var(--background-secondary);padding:var(--spacing-4);border-radius:12px;margin-bottom:var(--spacing-6);border:1px solid var(--border-color)}.current-settings h4{margin:0 0 var(--spacing-3) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:600}.current-settings p{margin:var(--spacing-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.current-settings strong{color:var(--text-primary);font-weight:600}.language-setting{margin-bottom:var(--spacing-6)}.language-setting label{display:block;margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:500;font-size:var(--text-sm)}.language-setting select{width:100%;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:12px;padding:var(--spacing-3) var(--spacing-4);color:var(--text-primary);font-size:var(--text-base);transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2378716c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.language-setting select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.language-setting select:hover{border-color:var(--text-secondary)}.language-setting select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background)}.language-setting select option{background:var(--background-secondary);color:var(--text-primary);padding:var(--spacing-2);border:none}.language-setting select option:hover,.language-setting select option:focus{background:var(--primary-600);color:#fff}.language-setting small{display:block;margin-top:var(--spacing-2);color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.cs-transcript-section{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.cs-transcript-heading{margin:0 0 var(--spacing-3) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:600}.cs-transcript-intro{margin:0 0 var(--spacing-6) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.cs-option{border-bottom:1px solid var(--border-color)}.cs-option:last-child{border-bottom:none}.cs-option-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;gap:var(--spacing-4)}.cs-option-text{flex:1;min-width:0}.cs-option-title{color:var(--text-primary);font-weight:500;font-size:var(--text-sm);margin-bottom:.25rem}.cs-option-description{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.cs-toggle{position:relative;flex-shrink:0}.cs-toggle-input{position:absolute;opacity:0;width:0;height:0}.cs-toggle-slider{display:block;width:48px;height:24px;background-color:var(--border-color);border-radius:24px;cursor:pointer;transition:background-color .3s ease;position:relative}.cs-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.cs-toggle-input:checked+.cs-toggle-slider{background-color:var(--primary-500)}.cs-toggle-input:checked+.cs-toggle-slider:before{transform:translate(24px)}.cs-toggle-input:disabled+.cs-toggle-slider{opacity:.6;cursor:not-allowed}.conversation-settings .message{margin:var(--spacing-4) 0;padding:var(--spacing-3) var(--spacing-4);border-radius:12px;font-size:var(--text-sm);font-weight:500}.conversation-settings .message.success{background:rgba(16,185,129,.1);color:var(--green-500);border:1px solid rgba(16,185,129,.3)}.conversation-settings .message.error{background:rgba(239,68,68,.1);color:var(--red-500);border:1px solid rgba(239,68,68,.3)}.settings-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media (max-width: 768px){.settings-overlay{padding:var(--spacing-2);align-items:flex-start;overflow-y:auto;padding-top:max(4rem,calc(64px + var(--spacing-2) + env(safe-area-inset-top,0px)));padding-bottom:calc(56px + 1rem + env(safe-area-inset-bottom,0px))}.settings-modal{max-width:100%;width:calc(100vw - var(--spacing-4));max-height:calc(100vh - 120px - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:var(--spacing-2) auto}.settings-content,.settings-header,.settings-footer{padding:var(--spacing-4)}.settings-actions{flex-direction:column;gap:var(--spacing-2)}.btn{width:100%}.language-setting{margin-bottom:var(--spacing-4)}.cs-transcript-section{margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.cs-option-content{padding:var(--spacing-3) 0}}@media (max-width: 480px){.settings-overlay{padding:var(--spacing-1);overflow-y:auto;padding-top:max(4rem,calc(64px + var(--spacing-1) + env(safe-area-inset-top,0px)));padding-bottom:calc(56px + 1rem + env(safe-area-inset-bottom,0px))}.settings-modal{width:calc(100vw - var(--spacing-2));max-height:calc(100vh - 120px - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:var(--spacing-1) auto;border-radius:12px}.settings-content,.settings-header,.settings-footer{padding:var(--spacing-3)}.settings-header h3{font-size:var(--text-lg)}.current-settings{padding:var(--spacing-3)}.cs-option-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.cs-option-text{width:100%}.cs-toggle{align-self:flex-start}}@media (max-height: 600px){.settings-overlay{padding:.5rem;overflow-y:auto;padding-top:max(4rem,calc(64px + .5rem + env(safe-area-inset-top,0px)))}.settings-modal{max-height:calc(100vh - 8rem);margin:.5rem auto}.settings-content{padding:var(--spacing-4)}.settings-header,.settings-footer{padding:var(--spacing-3)}.language-setting{margin-bottom:var(--spacing-3)}.cs-transcript-section{margin-top:var(--spacing-4);padding-top:var(--spacing-3)}}@media (min-height: 700px) and (min-width: 769px){.settings-overlay{align-items:center;overflow-y:auto}.settings-modal{margin-top:auto;margin-bottom:auto}}@media (min-width: 769px) and (max-height: 699px){.settings-overlay{align-items:flex-start;overflow-y:auto}}.ai-voice-call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:1rem}.ai-voice-improve-popup{z-index:50000!important;isolation:isolate!important}.ai-voice-call-container{position:relative;background:var(--background-light);border-radius:16px;width:100%;max-width:600px;max-height:90vh;max-height:90dvh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid var(--border-color);display:flex;flex-direction:column}#try-chacha-page .ai-voice-call-container{max-width:none;max-height:none;border-radius:0;box-shadow:none;border:none;flex:1 1 0%;min-height:0}#try-chacha-page .conversation-history{max-height:none;flex:1 1 0%;min-height:0}.ai-voice-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background)}.ai-info{display:flex;align-items:center;gap:1rem}.ai-icon{width:32px;height:32px;color:var(--primary-color)}.ai-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.ai-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transform:scale(1.35)}.ai-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.ai-details h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2}.ai-info h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.session-status{margin:0;color:#374151;font-size:.875rem}.header-controls{display:flex;align-items:center;gap:1rem}.language-selector{padding:.4rem 1.75rem .4rem .75rem;border:none;border-radius:8px;background:#f0ede8;color:#1c1c19;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23767967' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.language-selector:hover{background:#ebe8e2}.language-selector:focus{outline:none;box-shadow:0 0 0 2px rgba(156,184,71,.25)}.live-mode .language-selector{background:#f6f3ee}.translation-toggle-btn{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.translation-toggle-btn:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.translation-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.lesson-passage-btn{background:none;border:1px solid var(--border-color);color:#9cb847;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lesson-passage-btn:hover{background:rgba(156,184,71,.1);border-color:#9cb847;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.lesson-passage-btn svg{width:20px;height:20px}.ai-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ai-close-btn:hover{background:var(--background-light);color:var(--text-primary)}.ai-close-btn svg{width:20px;height:20px}.conversation-history{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:400px}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(220,38,38,.1);color:var(--red-500);border:1px solid rgba(220,38,38,.3);border-radius:8px;margin-bottom:1rem}.error-icon{width:20px;height:20px;flex-shrink:0}.dismiss-error{background:none;border:none;color:var(--red-500);cursor:pointer;padding:.25rem;border-radius:4px;margin-left:auto}.dismiss-error:hover{background:rgba(220,38,38,.1)}.dismiss-error svg{width:16px;height:16px}.welcome-message{text-align:center;padding:2rem;color:#374151}.welcome-icon{width:48px;height:48px;color:var(--primary-color);margin:0 auto 1rem}.conversation-entry{padding:1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--background)}.conversation-entry.user{background:var(--primary-color);color:#fff;margin-left:2rem}.conversation-entry.ai{background:var(--background-light);margin-right:2rem}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.improve-btn-inline{background:var(--olive-100);color:var(--olive-700);border:1px solid var(--olive-300);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem;margin-left:auto}.improve-btn-inline:hover{background:var(--olive-200);border-color:var(--olive-500)}.improve-icon{width:12px;height:12px}.entry-type{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.entry-time{font-size:.75rem;opacity:.7}.entry-message{line-height:1.5;word-wrap:break-word}.play-audio-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.play-audio-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.play-audio-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.play-audio-btn svg{width:16px;height:16px}.ai-message-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.translate-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-500);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;white-space:nowrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.translate-btn:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.translate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.translate-btn svg{width:16px;height:16px}.translate-btn .spinner{animation:spin 1s linear infinite}.message-translation{margin-top:.5rem;padding:.5rem;background:var(--background-light, #f8f8f8);border-radius:6px;font-size:.875rem}.translation-label{font-weight:600;color:var(--text-secondary);margin-right:.5rem}.translation-text{color:var(--text-primary)}.ai-voice-controls{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--background)}.control-buttons{display:flex;justify-content:center;margin-bottom:1rem;gap:1rem}.ai-voice-call-container .record-btn{display:flex;align-items:center;gap:.75rem;background-color:var(--orange-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;min-width:200px;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;overflow:visible}.ai-voice-call-container .record-btn:before{display:none}.ai-voice-call-container .record-btn:hover:not(:disabled):not(.recording):not(.processing){background-color:var(--orange-terracotta);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(247,115,22,.3)}.ai-voice-call-container .record-btn:active:not(:disabled):not(.recording):not(.processing){background-color:var(--orange-terracotta);color:#fff;transform:translateY(0);box-shadow:0 4px 15px rgba(247,115,22,.4)}.ai-voice-call-container .record-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ai-voice-call-container .record-btn.processing{background:var(--gray-600);animation:pulse 2s infinite}.ai-voice-call-container .record-btn.recording{background:var(--green-500);animation:pulse-recording 1.5s infinite;transform:scale(1.05);box-shadow:0 8px 25px rgba(16,185,129,.4)}.stop-btn{display:flex;align-items:center;gap:.75rem;background:var(--gray-600);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-width:200px;justify-content:center}.stop-btn:hover{background:var(--gray-700);transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,114,128,.3)}.record-btn svg,.stop-btn svg{width:24px;height:24px;flex-shrink:0}.record-btn,.record-btn:hover,.record-btn:active{color:#fff}.record-btn svg,.record-btn:hover:not(:disabled) svg,.record-btn:active:not(:disabled) svg{color:#fff;fill:currentColor}.chat-btn{width:50px;height:50px;border-radius:50%;background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color);background-color:var(--primary-color);color:var(--text-on-primary)}.chat-btn.active{background-color:var(--primary-color);color:var(--text-on-primary);box-shadow:0 0 20px rgba(99,102,241,.4)}.chat-btn svg{width:24px;height:24px}.processing-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-primary);font-size:.875rem;font-weight:500}.processing-indicator svg{width:20px;height:20px}.spinning{animation:spin 1s linear infinite}@keyframes pulse-recording{0%,to{box-shadow:0 8px 25px rgba(16,185,129,.4);transform:scale(1.05)}50%{box-shadow:0 12px 35px rgba(16,185,129,.6);transform:scale(1.08)}}.conversation-history::-webkit-scrollbar{width:6px}.conversation-history::-webkit-scrollbar-track{background:var(--background)}.conversation-history::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.conversation-history::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width: 768px){.ai-voice-call-overlay{padding:.5rem}.ai-voice-call-container{max-height:95vh;max-height:95dvh;max-width:100%}.ai-voice-header{padding:1rem;flex-wrap:wrap;gap:.75rem}.ai-info{flex:1;min-width:0;gap:.75rem}.ai-details{flex:1;min-width:0}.ai-avatar{width:40px;height:40px}.ai-details h3,.ai-info h3{font-size:1rem}.session-status{font-size:.75rem}.header-controls{gap:.5rem;flex-wrap:wrap}.language-selector{font-size:.75rem;padding:.4rem .75rem}.conversation-history{padding:1rem;max-height:300px}.ai-voice-controls{padding:1rem}.record-btn,.stop-btn{padding:.75rem 1.5rem;min-width:160px;font-size:.875rem}.record-btn.recording{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ai-message-actions{flex-direction:column;gap:.5rem}.translate-btn,.play-audio-btn{width:100%;justify-content:center}.conversation-entry.user{margin-left:1rem}.conversation-entry.ai{margin-right:1rem}}@media (max-width: 480px){.ai-voice-header{padding:.75rem}.ai-info{width:100%}.header-controls{width:100%;justify-content:space-between}}.conversation-entry.ai .message .message-sender{color:var(--primary-600)}.thinking-indicator .dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-primary);opacity:.5;animation:thinking-bounce 1.4s infinite ease-in-out both}.live-hero{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;flex-shrink:0}.chacha-orb{position:relative;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#b5d25e,#9cb847,#7a9a30);box-shadow:0 0 40px 6px rgba(156,184,71,.2);display:flex;align-items:center;justify-content:center;animation:orb-pulse 3s ease-in-out infinite;z-index:1}.chacha-orb.speaking{animation:orb-speak 1.2s ease-in-out infinite;box-shadow:0 0 60px 12px rgba(156,184,71,.35),0 0 120px 30px rgba(156,184,71,.15)}.chacha-orb.muted{animation:none;opacity:.6;box-shadow:0 0 30px 5px rgba(156,184,71,.1)}.chacha-orb img{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center 15%;transform:scale(1.3)}.orb-status{margin-top:.75rem;font-size:.8rem;color:#767967;font-weight:500;letter-spacing:.02em}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 50px 8px rgba(156,184,71,.25),0 0 100px 20px rgba(156,184,71,.1)}50%{transform:scale(1.03);box-shadow:0 0 60px 12px rgba(156,184,71,.3),0 0 110px 25px rgba(156,184,71,.12)}}@keyframes orb-speak{0%,to{transform:scale(1)}25%{transform:scale(1.06)}75%{transform:scale(.97)}}.live-transcript-preview{text-align:center;padding:.5rem 1rem;font-size:.8rem;font-style:italic;color:#767967;width:100%;max-width:500px;min-height:1.5rem;line-height:1.4;word-wrap:break-word}.live-transcript-preview.ai-speaking{color:#516600}.live-badge{display:inline-flex;align-items:center;gap:4px;background:#e8ecd4;color:#516600;font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.03em;text-transform:uppercase}.live-dot{width:6px;height:6px;border-radius:50%;background:#9cb847;animation:live-dot-pulse 2s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.live-controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1rem 1.5rem;background:#f0ede8}.live-mic-btn{width:56px;height:56px;border-radius:50%;border:none;background:#9cb847;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(156,184,71,.3)}.live-mic-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(156,184,71,.4)}.live-mic-btn.muted{background:#d1d5db;box-shadow:none}.live-mic-btn svg{width:24px;height:24px}.live-end-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.live-end-btn:hover{background:#dc2626;transform:scale(1.05)}.live-end-btn svg{width:20px;height:20px}.live-waveform{display:flex;align-items:center;gap:3px;height:36px;padding:0 4px}.waveform-bar{width:3.5px;height:4px;border-radius:2px;background:#9cb847;transition:height .06s ease-out}.waveform-bar.idle:nth-child(1){animation:wave-idle 1.4s ease-in-out 0s infinite}.waveform-bar.idle:nth-child(2){animation:wave-idle 1.4s ease-in-out .1s infinite}.waveform-bar.idle:nth-child(3){animation:wave-idle 1.4s ease-in-out .2s infinite}.waveform-bar.idle:nth-child(4){animation:wave-idle 1.4s ease-in-out .3s infinite}.waveform-bar.idle:nth-child(5){animation:wave-idle 1.4s ease-in-out .4s infinite}.waveform-bar.idle:nth-child(6){animation:wave-idle 1.4s ease-in-out .5s infinite}.waveform-bar.idle:nth-child(7){animation:wave-idle 1.4s ease-in-out .6s infinite}@keyframes wave-idle{0%,to{height:4px}50%{height:12px}}.live-mode .conversation-entry.user{background:#e8ecd4;color:#1c1c19}.live-mode .conversation-entry.ai{background:#fff}@media (max-width: 768px){.live-mode.ai-voice-call-container{border-radius:0;max-height:100dvh;height:100dvh}.live-mode .ai-voice-call-overlay{padding:0}.chacha-orb{width:110px;height:110px}.chacha-orb img{width:76px;height:76px}.live-hero{padding:1rem 1rem .5rem}}.talk-now-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:99999}.talk-now-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:500px;max-height:90vh;max-height:90dvh;overflow-y:auto;position:relative;color:#1f2937;font-family:inherit;font-size:16px;line-height:1.5}.talk-now-modal:has(.ai-interface-container){max-width:700px;max-height:95vh;max-height:95dvh}.ai-interface-container{margin:0;border-radius:0;overflow:hidden;background:transparent;border:none;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ai-interface-container .ai-voice-call-container{background:transparent;border-radius:0;box-shadow:none;margin:0 auto;padding:16px;border:none;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.ai-interface-container .ai-voice-header{padding:12px 16px;border-bottom:none}.ai-interface-container .conversation-history{max-height:300px;overflow-y:auto;margin-bottom:16px;width:100%}.ai-interface-container .ai-voice-controls{border-top:none;padding-top:16px;margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center}.talk-now-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#6b7280;z-index:10;padding:8px;border-radius:8px;transition:all .2s ease}.talk-now-close:hover{background:#f3f4f6;color:#374151}.talk-now-form{padding:32px}.talk-now-header{text-align:center;margin-bottom:32px;padding:1.5rem 0}.talk-now-header .header-icon{display:none}.talk-now-header h2{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em;padding-bottom:1rem;position:relative}.talk-now-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--orange-600);border-radius:2px}.talk-now-header p{color:#374151;font-size:16px;margin:0;line-height:1.4}.talknow-form-group{margin-bottom:24px}.talknow-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.talknow-form-group select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:border-color .2s ease;background:#fff}.talknow-form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(185,204,129,.1)}.language-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.language-toggle{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}.language-toggle:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.language-toggle.active{border-color:var(--primary-color);background:var(--primary-50);color:var(--primary-color);font-weight:600;box-shadow:0 2px 8px rgba(185,204,129,.15)}.language-hint{display:block;color:#4b5563;font-size:12px;margin-top:8px;font-style:italic;line-height:1.4}.no-native-languages{color:var(--text-secondary);font-style:italic;text-align:center;padding:20px;background:rgba(0,0,0,.05);border-radius:8px;margin:10px 0}.preference-toggles{display:grid;gap:12px}.preference-toggle{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.preference-toggle:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.preference-toggle.active{border-color:var(--primary-color);background:var(--primary-50);color:var(--primary-color);font-weight:600;box-shadow:0 2px 8px rgba(185,204,129,.15);position:relative}.preference-toggle.active:after{content:"✓";position:absolute;top:8px;right:12px;font-size:16px;color:var(--primary-color);font-weight:700}.preference-icon{width:24px;height:24px;flex-shrink:0}.preference-content{display:flex;flex-direction:column;gap:4px;flex:1}.token-cost{display:flex;align-items:center;gap:4px;font-size:12px;color:#f97316;font-weight:600;margin-top:2px}.preference-toggle.active .token-cost{color:#ea580c}.token-warning-box{margin-top:12px;padding:12px;border-radius:8px;background:#fef3c7;border:1px solid #fcd34d}.token-loading{display:flex;align-items:center;gap:8px;font-size:14px;color:#78716c}.insufficient-tokens-warning{display:flex;gap:12px;align-items:flex-start}.insufficient-tokens-warning .warning-content{flex:1}.insufficient-tokens-warning strong{display:block;color:#dc2626;font-size:14px;font-weight:600;margin-bottom:4px}.insufficient-tokens-warning p{margin:0 0 8px;color:#78716c;font-size:13px;line-height:1.4}.insufficient-tokens-warning a{display:inline-block;color:#f97316;font-weight:600;font-size:13px;text-decoration:underline}.insufficient-tokens-warning a:hover{color:#ea580c}.token-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#78716c;font-weight:500}.talk-now-submit{width:100%;background:var(--olive-600);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.talk-now-submit:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.talk-now-searching{padding:0;display:flex;flex-direction:column;height:100%}.waiting-header{display:flex;justify-content:space-between;align-items:center;padding:16px 60px 16px 20px;border-bottom:1px solid var(--border-secondary)}.waiting-header-left{display:flex;align-items:center;gap:12px}.chacha-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0}.chacha-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.waiting-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.waiting-timer{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary-color)}.searching-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.searching-message{color:var(--text-secondary);margin-bottom:40px;font-size:15px;line-height:1.5;text-align:center;max-width:400px}.searching-animation{margin-bottom:0;display:flex;align-items:center;justify-content:center}.searching-spinner{opacity:.8}.searching-dots{display:inline-block}.waiting-time{background:var(--background-secondary);padding:12px 20px;border-radius:8px;font-weight:600;color:var(--text-primary);margin-bottom:24px;display:inline-block}.searching-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:16px 24px;background:var(--background-secondary);border-top:1px solid var(--border-secondary)}.minimize-button{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.minimize-button:hover{background:var(--olive-700);transform:translateY(-1px)}.cancel-button{background:var(--red-500);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.cancel-button:hover{background:var(--red-600)}.talk-now-bot{padding:0;text-align:center;display:flex;flex-direction:column;height:100%}.bot-content-row{display:flex;flex:1;min-height:0;overflow:hidden}.bot-content-row .ai-interface-container{flex:1;min-width:0}.bot-camera-preview{width:240px;flex-shrink:0;padding:12px;border-left:1px solid var(--border-secondary);display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}.bot-indicator{margin-bottom:24px}.talk-now-bot h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.talk-now-bot p{color:#374151;margin-bottom:24px}.bot-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:16px 24px;background:var(--background-secondary);border-top:1px solid var(--border-secondary)}.end-practice-button{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.end-practice-button:hover{background:#4b5563}.timeout-options{margin-bottom:24px}.timeout-message{color:#f59e0b;font-weight:600;margin-bottom:16px;text-align:center}.timeout-buttons{display:flex;gap:12px;justify-content:center}.continue-ai-button{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.continue-ai-button:hover{background:var(--olive-700);transform:translateY(-1px)}.talk-now-ai-only{padding:48px 32px;text-align:center}.ai-only-indicator{margin-bottom:24px}.talk-now-ai-only h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.talk-now-ai-only p{color:#374151;margin-bottom:24px}.ai-only-status{display:flex;justify-content:center;gap:24px;margin-bottom:24px;font-size:14px;font-weight:600;color:#374151}.ai-only-actions{display:flex;justify-content:center}.talk-now-matched{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:100%;overflow:hidden}.matched-animation{margin-bottom:20px;display:flex;justify-content:center}.matched-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-color);border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 4px 12px rgba(156,184,113,.3)}.talk-now-matched h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;word-break:break-word}.match-info{margin-bottom:24px;width:100%;max-width:100%}.match-info>p{color:var(--text-secondary);margin-bottom:12px;font-size:15px;word-break:break-word}.participant-info{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px;background:var(--background-secondary);border-radius:10px;border:1px solid var(--border-secondary);max-width:100%;overflow:hidden}.participant-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.participant-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.avatar-placeholder{width:100%;height:100%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.participant-details{text-align:left;flex:1;min-width:0;overflow:hidden}.participant-details h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-details p{font-size:13px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-countdown{margin-bottom:12px;width:100%}.match-countdown>p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.countdown-circle{min-width:60px;height:48px;background:var(--primary-color);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;margin:0 auto;padding:0 20px;box-shadow:0 2px 8px rgba(156,184,113,.3);white-space:nowrap}.connecting-animation{display:flex;justify-content:center;gap:8px}.connecting-dot{width:12px;height:12px;background:#10b981;border-radius:50%}.ai-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--background-secondary);border-bottom:1px solid var(--border-secondary);border-radius:16px 16px 0 0}.ai-info{flex:1}.ai-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.language-selector-container{margin-top:8px}.language-selector-container label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px}.language-selector{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;background:#fff;color:#374151}.bot-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary-color);display:flex;align-items:center;justify-content:center}.bot-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.chacha-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.integrated-ai-voice{display:flex;flex-direction:column;height:400px;background:#fff;border-radius:0 0 16px 16px;overflow:hidden}.conversation-area{flex:1;overflow-y:auto;padding:16px;background:#f8fafc}.empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;text-align:center}.empty-icon{margin-bottom:16px;opacity:.6}.empty-conversation p{font-size:14px;margin:0}.conversation-messages{display:flex;flex-direction:column;gap:12px}.message{display:flex;align-items:flex-start;gap:8px;max-width:100%}.message.user{flex-direction:row-reverse}.message.ai{flex-direction:row}.message-content{flex:1;max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;word-break:normal}.message.user .message-content{background:var(--primary-500);color:var(--text-on-primary);border-bottom-right-radius:4px}.message.ai .message-content{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;font-weight:600}.message.user .message-header{color:rgba(255,255,255,.8)}.message.ai .message-header{color:#64748b}.message-sender{text-transform:uppercase;letter-spacing:.5px}.message-sender.ai{color:var(--primary-color)}.message-time{opacity:.7}.message.user .message-time{opacity:1;color:var(--text-on-primary)}.message-text{margin:0}.play-button{background:var(--primary-500);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:8px}.play-button:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(16,185,129,.3)}.play-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-controls{padding:16px;background:#fff;border-top:1px solid #e2e8f0}.ai-error{background:#fef2f2;color:#dc2626;padding:8px 12px;border-radius:8px;font-size:12px;margin-bottom:12px;border:1px solid #fecaca}.control-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.record-button{background:var(--primary-500);color:#fff;border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(16,185,129,.3)}.record-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px rgba(16,185,129,.4)}.record-button.recording{background:var(--primary-500);animation:pulse 1.5s infinite}.record-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.processing-indicator{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:500}.voice-status{text-align:center;font-size:12px;color:#64748b;font-weight:500}.bot-actions,.ai-only-actions{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center}.continue-ai-btn{background:var(--primary-500);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.continue-ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.end-practice-button{background:var(--gray-600);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.end-practice-button:hover{background:var(--gray-700);transform:translateY(-1px)}.ai-voice-container{padding:16px;background:#fafbfc;border-bottom:1px solid #e2e8f0}.ai-voice-container .ai-voice-overlay{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ai-voice-container .ai-voice-modal{position:static;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-width:none;margin:0;transform:none}.ai-voice-container .ai-voice-close{display:none}@media (max-width: 640px){.talk-now-overlay{align-items:flex-end}.talk-now-overlay:has(.ai-call-active){align-items:stretch}.talk-now-modal{margin:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:100dvh;min-height:60dvh}.talk-now-modal:has(.ai-interface-container),.talk-now-modal.ai-call-active{max-width:100%;max-height:100dvh;border-radius:0;min-height:100dvh;height:100dvh;padding:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}.talk-now-modal:has(.ai-voice-container){max-width:100%}.talk-now-modal.ai-call-active .talk-now-bot{flex:1;display:flex;flex-direction:column;height:100%;min-height:0}.talk-now-modal.ai-call-active .bot-content-row{flex:1;min-height:0;overflow:hidden}.talk-now-modal.ai-call-active .ai-interface-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.talk-now-modal.ai-call-active .ai-interface-container .ai-voice-call-container{flex:1;display:flex;flex-direction:column;max-width:100%;padding:8px;min-height:0}.talk-now-modal.ai-call-active .ai-interface-container .conversation-history{flex:1;max-height:none;min-height:0;overflow-y:auto}.talk-now-modal.ai-call-active .bot-camera-preview{display:none}.talk-now-modal.ai-call-active .waiting-header{padding:8px 48px 8px 12px;flex-shrink:0}.talk-now-modal.ai-call-active .chacha-avatar{width:36px;height:36px}.talk-now-modal.ai-call-active .waiting-title{font-size:14px}.talk-now-modal.ai-call-active .bot-actions{flex-shrink:0;padding:8px 12px;flex-direction:row}.talk-now-modal.ai-call-active .talk-now-close{top:6px;right:6px;z-index:20;background:rgba(0,0,0,.3);color:#fff;border-radius:50%;padding:6px}.talk-now-close{top:12px;right:12px;padding:6px}.talk-now-form{padding:20px 16px}.talk-now-searching,.talk-now-bot{padding:0}.talk-now-matched{padding:20px 16px}.talk-now-header{margin-bottom:20px;padding:1rem 0}.talk-now-header h2{font-size:1.5rem;padding-bottom:.75rem}.talk-now-header p{font-size:14px}.talk-now-submit{padding:14px 20px;font-size:15px}.bot-header,.ai-header{padding:12px 16px}.ai-voice-container{padding:12px}.status-row{flex-direction:column;gap:12px}.integrated-ai-voice{height:350px}.conversation-area{padding:12px}.message-content{max-width:85%;padding:10px 14px;font-size:13px}.control-buttons{gap:12px}.record-button{width:56px;height:56px}.play-button{width:28px;height:28px}.bot-content-row{flex-direction:column}.bot-camera-preview{width:100%;border-left:none;border-top:1px solid var(--border-secondary);padding:8px 12px}.bot-actions,.ai-only-actions{padding:12px 16px;flex-direction:column}.continue-ai-btn,.end-practice-button{width:100%;justify-content:center}.searching-content{padding:24px 16px}.searching-message{font-size:14px;margin-bottom:24px}.searching-actions{padding:12px 16px}.minimize-button,.cancel-button{flex:1;padding:12px 16px;font-size:14px;text-align:center}.waiting-header{padding:12px 48px 12px 12px}.chacha-avatar{width:48px;height:48px}.waiting-title{font-size:15px}.talknow-form-group{margin-bottom:16px}.language-toggles{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.language-toggle{padding:10px 12px;font-size:13px;min-height:42px}.preference-toggle{padding:12px;font-size:13px}.talk-now-matched h3{font-size:20px}.match-info>p{font-size:14px}.talk-now-ai-only{padding:24px 16px}.talk-now-ai-only h3{font-size:20px}.ai-only-status{gap:16px;font-size:13px}}.step-info{margin-top:16px;padding:12px 16px;background:#f0f9ff;border-radius:8px;border:1px solid #e0f2fe}.preference-summary{font-size:14px;color:#0369a1;font-weight:500;line-height:1.4}.form-actions{display:flex;gap:12px;margin-top:24px}.talk-now-back{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.talk-now-back:hover{background:#e5e7eb;transform:translateY(-1px)}.form-actions .talk-now-submit{flex:2}.talk-now-submit:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.thinking-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 0}.thinking-indicator .dot{width:6px;height:6px;border-radius:50%;background-color:#9cb471;opacity:.4;animation:thinking-bounce 1.4s infinite ease-in-out both}.thinking-indicator .dot:nth-child(1){animation-delay:-.32s}.thinking-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes thinking-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}.background-mode-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:14px}.background-mode-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.talk-now-match-pending{text-align:center;padding:2rem}.match-pending-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.talk-now-match-pending h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:.5rem}.talk-now-match-pending p{color:#374151;margin-bottom:1.5rem}.match-partner-info{margin:1.5rem 0;padding:1rem;background-color:rgba(156,184,71,.1);border-radius:8px}.match-partner-info p{margin:.25rem 0;color:#374151;font-size:14px}.acceptance-countdown{margin:2rem 0}.countdown-circle.large{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background-color:var(--primary-color);color:#fff;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.acceptance-countdown p{color:#374151;font-size:14px;margin:0}.match-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.accept-match-button{padding:.75rem 2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:14px}.reject-match-button{padding:.75rem 2rem;background-color:var(--red-500);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:14px}.accept-match-button:hover,.reject-match-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}@media (max-width: 640px){.talk-now-match-pending{padding:1.5rem}.countdown-circle.large{width:100px;height:100px;font-size:2.5rem}.match-actions{flex-direction:column;gap:.75rem}.accept-match-button,.reject-match-button{width:100%}}.talk-now-info-box{display:flex;gap:12px;align-items:flex-start;background:rgba(156,184,113,.08);border:1px solid rgba(156,184,113,.3);border-radius:12px;padding:16px;margin-bottom:24px}.talk-now-info-box .info-content{flex:1}.talk-now-info-box .info-title{font-size:.95rem;font-weight:600;color:var(--primary-color);margin-bottom:8px}.talk-now-info-box .info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.talk-now-info-box .info-list li{font-size:.85rem;color:var(--text-secondary);line-height:1.4;padding-left:16px;position:relative}.talk-now-info-box .info-list li:before{content:"•";position:absolute;left:4px;color:var(--primary-color);font-weight:600}@media (max-width: 640px){.talk-now-info-box{padding:12px;margin-bottom:16px}.talk-now-info-box .info-title{font-size:.9rem}.talk-now-info-box .info-list li{font-size:.8rem}}.learning-studio-dropdown{position:relative}.learning-studio-dropdown .learning-studio-trigger{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-600);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:none;box-shadow:0 4px 15px rgba(99,102,241,.2)}.learning-studio-dropdown .learning-studio-trigger:hover{transform:none;box-shadow:0 4px 15px rgba(99,102,241,.2);background-color:var(--primary-600)}.learning-studio-dropdown.navigation-style .learning-studio-trigger{display:flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#9cb847;box-shadow:none;transition:all .2s ease;cursor:pointer}.learning-studio-dropdown.navigation-style .learning-studio-trigger:hover{background:rgba(156,184,71,.12);color:#7a9635;box-shadow:none;transform:scale(1.08)}.learning-studio-dropdown.navigation-style .chevron-icon{display:none}.learning-studio-dropdown .trigger-icon{width:22px;height:22px;flex-shrink:0}.learning-studio-dropdown .chevron-icon{width:14px;height:14px;transition:transform .2s ease;opacity:.7}.learning-studio-dropdown.navigation-style .learning-studio-trigger .chevron-icon{display:none!important}.learning-studio-dropdown .chevron-icon.open{transform:rotate(180deg)}.learning-studio-dropdown .learning-studio-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);min-width:280px;z-index:1000;overflow:hidden;border:1.5px solid rgba(0,0,0,.08)}.learning-studio-dropdown .menu-header{display:none}.learning-studio-dropdown .menu-items{padding:8px}.learning-studio-dropdown .menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:none}.learning-studio-dropdown .menu-item:hover{background:rgba(80,86,165,.06);transform:none;box-shadow:none}.learning-studio-dropdown .menu-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:10px;color:#5056a5;flex-shrink:0;transition:all .2s ease}.learning-studio-dropdown .menu-item:hover .menu-item-icon{background-color:#5056a5;color:#fff;transform:scale(1.05)}.learning-studio-dropdown .menu-item-icon svg{width:20px;height:20px;stroke-width:2}.learning-studio-dropdown .menu-item-content h4{margin:0 0 1px;color:#111827;font-size:14px;font-weight:500;letter-spacing:-.01em}.learning-studio-dropdown .menu-item-content p{margin:0;color:#6b7280;font-size:12px;font-weight:400}@media (max-width: 640px){.learning-studio-dropdown .learning-studio-menu{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;border-radius:16px 16px 0 0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.live-call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:var(--z-live-call-assistant);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-call-modal{background:#fff;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.3);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.live-call-header{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:none;border-radius:16px 16px 0 0;position:relative}.live-call-header .close-button{position:absolute;top:1.5rem;right:2rem;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.live-call-header .close-button:hover{background:#f3f4f6}.live-call-header .close-icon{width:20px;height:20px;color:#6b7280}.live-call-header .header-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;text-align:center;position:relative;padding-bottom:1rem;margin:0}.live-call-header .header-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--orange-600);border-radius:2px}.live-call-modal .live-call-header .header-icon{display:none}.live-call-content{padding:24px 32px}.scenario-selection h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;text-align:center}.scenario-selection p{color:#6b7280;text-align:center;margin:0 0 32px}.recording-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:24px}.disclaimer-icon{font-size:20px;line-height:1;flex-shrink:0}.disclaimer-text{flex:1}.disclaimer-text p{margin:0;font-size:14px;line-height:1.5;color:#92400e}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.speaker-selection h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;text-align:center}.speaker-selection p{color:#6b7280;text-align:center;margin:0 0 32px}.speaker-options{display:flex;flex-direction:column;gap:12px}.speaker-option-btn{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;color:#1f2937}.speaker-option-btn:hover{border-color:var(--primary-color);background:var(--primary-color-light, rgba(139, 105, 20, .05));transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.speaker-option-btn.analyze-all{border-color:#d1d5db;background:#f9fafb;margin-top:8px}.speaker-option-btn.analyze-all:hover{border-color:#9ca3af;background:#f3f4f6}.speaker-icon{font-size:24px}.speaker-label{flex:1;text-align:left}.scenario-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;text-align:center}.scenario-card:hover{border-color:var(--olive-600);transform:translateY(-2px);box-shadow:0 4px 12px rgba(156,180,113,.2);background:var(--olive-50)}.scenario-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--olive-600)}.scenario-card h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.scenario-card p{font-size:14px;color:#6b7280;margin:0}.custom-scenario-input{margin-top:2rem;padding:1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;animation:fadeIn .3s ease}.custom-scenario-input h4{margin:0 0 .5rem;color:#374151;font-size:1.125rem;font-weight:600}.custom-scenario-input p{margin:0 0 1rem;color:#6b7280;font-size:.875rem;line-height:1.5}.scenario-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.5;color:#374151;background:#fff;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease}.scenario-textarea:focus{outline:none;border-color:var(--olive-500);box-shadow:0 0 0 3px rgba(156,180,113,.1)}.scenario-textarea::placeholder{color:#9ca3af;font-style:italic}.custom-scenario-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:flex-end}.scenario-action-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;min-width:100px}.scenario-action-btn.cancel{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.scenario-action-btn.cancel:hover{background:#e5e7eb;color:#374151}.scenario-action-btn.continue{background:var(--olive-600);color:#fff}.scenario-action-btn.continue:hover:not(:disabled){background:var(--olive-600);transform:translateY(-1px)}.scenario-action-btn.continue:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recording-interface{text-align:center}.back-to-scenarios-link{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:16px;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.back-to-scenarios-link:hover{color:var(--primary-dark);text-decoration:underline}.recording-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:10px 16px;background:var(--cream-50);border-radius:12px;border:1px solid #e5e7eb}.status-title{font-size:24px;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.scenario-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#fff;border:2px solid var(--olive-200);border-radius:10px;font-size:15px;font-weight:600;color:#1f2937;box-shadow:0 1px 3px rgba(0,0,0,.08)}.scenario-badge .scenario-icon{display:flex;align-items:center;justify-content:center;color:var(--olive-600)}.scenario-name{color:#2d3a1a;font-weight:600}.live-call-modal .language-selection{margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px}.live-call-modal .language-selection label{font-weight:600;color:#4b5563}.live-call-modal select.language-select{padding:.625rem 2.75rem .625rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:500;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239cb847' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:140px}.live-call-modal select.language-select:hover:not(:disabled){border-color:var(--olive-400);box-shadow:0 4px 6px rgba(156,184,71,.12),0 2px 4px rgba(156,184,71,.08);background-color:var(--olive-50);transform:translateY(-1px)}.live-call-modal select.language-select:focus{outline:none;border-color:var(--olive-600);box-shadow:0 0 0 3px rgba(156,184,71,.15),0 4px 6px rgba(156,184,71,.1);background-color:#fff}.live-call-modal select.language-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border-color:#e5e7eb;color:#9ca3af}.live-call-modal select.language-select option{padding:.5rem;background:#fff;color:var(--text-primary);font-weight:500}.live-transcription-dialog{margin:12px 0;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;max-height:400px;display:flex;flex-direction:column}.dialog-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px 12px 0 0}.dialog-header h4{margin:0;color:#111827;font-size:.9375rem;font-weight:600}.dialog-header-controls{display:flex;align-items:center;gap:8px}.translation-toggle-btn{background:var(--background-light, #f3f4f6);border:2px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.translation-toggle-btn:hover{background:var(--background, #fff);border-color:var(--primary-color);transform:translateY(-1px)}.translation-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(139,105,20,.3)}.toggle-icon{width:20px;height:20px;display:block;flex-shrink:0}.live-call-modal button.hint-button-prominent{background:var(--primary-500);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 4px rgba(251,191,36,.2)}.live-call-modal .hint-button-prominent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(251,191,36,.3)}.live-call-modal .hint-button-prominent:disabled{opacity:.5;cursor:not-allowed}.live-call-modal button.hint-button-prominent .hint-text{color:#fff}.live-call-modal button.hint-button-prominent .hint-icon{width:20px;height:20px;color:#fff}.dialog-messages{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.dialog-placeholder{text-align:center;color:#9ca3af;font-style:italic;padding:40px 0}.quota-exhausted-notice{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;text-align:center;animation:slideIn .3s ease-out}.quota-notice-icon{font-size:48px;line-height:1}.quota-notice-content{display:flex;flex-direction:column;gap:12px}.quota-notice-content h4{font-size:18px;font-weight:700;color:#92400e;margin:0}.quota-notice-content p{font-size:14px;color:#78350f;margin:0;line-height:1.5}.quota-upgrade-btn{display:inline-block;padding:10px 24px;background:var(--orange-600);color:#fff;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;transition:all .2s;margin-top:8px}.quota-upgrade-btn:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,.3)}.dialog-message{animation:slideIn .3s ease-out}.dialog-message.user{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e5e7eb}.dialog-message.user[data-interim=true]{opacity:.7;font-style:italic;border-style:dashed}.dialog-message.hint{background:transparent;padding:0;border:none}.dialog-message.system{background:#e0e7ff;padding:12px 16px;border-radius:8px;border:1px solid #c7d2fe;font-style:italic;text-align:center}.dialog-message.error{background:#fee2e2;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;color:#dc2626;text-align:center}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.message-speaker{font-size:12px;font-weight:600;color:var(--primary-color);padding:2px 8px;background:var(--primary-color-light, rgba(139, 105, 20, .1));border-radius:4px}.message-time{font-size:12px;color:#6b7280;margin-left:auto}.live-call-modal button.improve-btn-inline{background:#eff6ff;color:#3b82f6;border:1px solid #dbeafe;padding:4px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.live-call-modal .improve-btn-inline:hover{background:#dbeafe;border-color:#3b82f6}.live-call-modal .improve-btn-inline .inline-icon{display:inline-block;vertical-align:middle;margin-right:4px}.message-text{margin:0;color:#111827;line-height:1.5}.message-translation{margin-top:8px;padding:8px 12px;background:var(--olive-50, #f8fafc);border-left:3px solid var(--primary-color, #8b6914);border-radius:4px}.message-translation .translation-arrow{font-size:12px;color:var(--text-secondary, #6b7280);margin-bottom:4px}.message-translation .translation-text{color:#374151;font-size:14px;line-height:1.5;font-style:italic}.recording-timer{margin:12px 0}.timer-text{font-size:28px;font-weight:300;color:#4b5563;font-variant-numeric:tabular-nums}.recording-controls{display:flex;gap:12px;justify-content:center;margin-top:8px}.live-call-modal button.control-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;border:none;min-width:180px;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;outline:none}.control-icon{width:20px;height:20px}.live-call-modal button.control-btn.start-btn{background:var(--primary-500);color:#fff}.live-call-modal .start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(156,180,113,.3)}.live-call-modal button.control-btn.pause-btn{background:var(--primary-500);color:#fff}.live-call-modal button.control-btn.stop-btn{background:#ef4444;color:#fff}.live-call-modal button.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.results-interface{text-align:center}.results-interface h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.results-interface>p{color:#6b7280;margin:0 0 24px}.final-transcript{margin:24px 0;text-align:left}.final-transcript h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.section-icon{width:20px;height:20px;color:var(--olive-600)}.transcript-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;color:#4b5563;line-height:1.6}.action-buttons{margin-top:32px;display:flex;gap:16px;justify-content:center}.live-call-modal button.control-btn.reset-btn{background:var(--primary-500);color:#fff}.live-call-modal button.control-btn.analyze-btn{background:#f97316;color:#fff}.live-call-modal .analyze-btn:hover:not(:disabled){background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,.3)}.live-call-modal .analyze-btn:disabled{opacity:.5;cursor:not-allowed}.call-analysis{margin-top:24px;padding:24px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.04)}.call-analysis h4{margin:0 0 20px;color:#111827;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.analysis-content{color:#4b5563;line-height:1.8;white-space:pre-wrap;font-size:15px}.analysis-content:not(:has(.analysis-section)){display:block}.analysis-content:first-line{font-weight:600;color:#374151;font-size:16px;line-height:2}.analysis-content{text-align:left;padding:16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;word-spacing:.1em;letter-spacing:.02em}.analysis-section-modern{margin-bottom:20px;border-radius:16px;border:1px solid #e1e8ef;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease}.analysis-section-modern:last-child{margin-bottom:0}.analysis-section-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08);border-color:#c7d2fe}.analysis-section-modern .section-header{background:#f8f9fa;border-bottom:1px solid #e1e8ef;padding:16px 20px}.section-header h5{margin:0;color:#1e293b;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.section-header .section-icon{color:#1e293b;flex-shrink:0}.section-content{padding:20px}.section-intro{margin:0 0 16px;color:#475569;font-size:15px;line-height:1.7;font-weight:500;padding:12px 16px;background:#f1f5f9;border-radius:8px;border-left:4px solid #cbd5e1}.section-text p{margin:0 0 12px;color:#475569;line-height:1.7;font-size:15px}.section-text p:last-child{margin-bottom:0}.analysis-list{margin:0;padding:0;list-style:none}.analysis-list li{position:relative;margin-bottom:12px;padding:12px 16px 12px 40px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;color:#475569;line-height:1.6;font-size:15px;transition:all .2s ease}.analysis-list li:last-child{margin-bottom:0}.analysis-list li:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(2px)}.analysis-list li:before{content:"▸";position:absolute;left:16px;top:12px;color:#64748b;font-weight:700;font-size:16px;line-height:1.6}.analysis-section{margin-bottom:24px;padding:16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.analysis-section:last-child{margin-bottom:0}.analysis-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:#d1d5db}.analysis-section h5{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.analysis-section p{margin:0;color:#4b5563;line-height:1.7;font-size:15px}.analysis-section ul{margin:0;padding-left:24px;list-style:none}.analysis-section ul li{position:relative;margin-bottom:8px;color:#4b5563;line-height:1.6;font-size:15px;padding-left:20px}.analysis-section ul li:before{content:"•";position:absolute;left:0;color:#64748b;font-weight:700;font-size:18px;line-height:1;top:2px}.analysis-section ul li:last-child{margin-bottom:0}.error-message{margin-top:16px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.hint-container{background:#f8fafc;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:8px;border:1px solid #e2e8f0;animation:fadeInScale .3s ease-out}.hint-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.hint-icon{width:20px;height:20px;color:#475569;flex-shrink:0}.hint-title{font-weight:600;color:#475569;font-size:.9375rem;text-transform:capitalize;letter-spacing:0}.hint-options{display:flex;flex-direction:column;gap:10px}.hint-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.hint-option:hover{transform:translate(2px);border-color:#cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.08)}.hint-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#64748b;color:#fff;border-radius:50%;font-weight:600;font-size:.75rem;flex-shrink:0;margin-top:2px}.hint-text{color:#475569;font-size:.9375rem;line-height:1.5;flex:1}.hint-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.hint-phrase{color:#1e293b;font-size:1.0625rem;font-weight:600;line-height:1.5;word-break:break-word}.hint-phrase .chinese-pinyin{display:inline-block;vertical-align:top}.hint-phrase .chinese-pinyin ruby{ruby-position:over;line-height:2.2}.hint-phrase .chinese-pinyin rt{font-size:.65em;color:#64748b;font-weight:400;line-height:1.2}.hint-phrase .chinese-pinyin rb{font-weight:600;font-size:1em;line-height:1}.hint-translation{color:#64748b;font-size:.9375rem;font-style:italic;opacity:.9;line-height:1.4}.improvement-container{background:#f0f9ff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:12px;border:1px solid #bae6fd;animation:fadeInScale .3s ease-out}.improvement-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #bae6fd}.improvement-icon{width:20px;height:20px;color:#0369a1;flex-shrink:0}.improvement-title{font-weight:600;color:#0369a1;font-size:.8125rem;text-transform:capitalize;letter-spacing:0}.improvement-content{display:flex;flex-direction:column;gap:10px}.improvement-text{margin:0;color:#1e293b;font-size:.9375rem;font-weight:500;line-height:1.6;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e0f2fe}.improvement-explanation{margin:0;color:#475569;font-size:.875rem;line-height:1.5;font-style:italic;padding-left:16px}.audio-player-section{margin:24px 0;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;text-align:left}.audio-player-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.audio-player-container{display:flex;flex-direction:column;gap:12px}.audio-player{width:100%;height:48px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;outline:none;cursor:pointer}.audio-player:focus{border-color:var(--olive-600);box-shadow:0 0 0 3px rgba(156,180,113,.1)}.audio-player::-webkit-media-controls-panel{background:#fff;border-radius:8px}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:#4b5563}.audio-info{display:flex;align-items:center;gap:16px;font-size:14px;color:#6b7280}.audio-duration{display:inline-flex;align-items:center;gap:4px;font-weight:500}@media (max-width: 768px){.live-call-modal{width:95%;max-width:none;margin:20px auto}.live-call-header,.live-call-content{padding:20px}.recording-controls,.action-buttons{flex-wrap:wrap;gap:12px}.live-call-modal .recording-controls button.control-btn,.live-call-modal .action-buttons button.control-btn{min-width:160px;padding:12px 20px;font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1 1 auto;max-width:200px}.live-call-modal .recording-controls button.control-btn.start-btn{background:var(--green-500);color:#fff}.live-call-modal .recording-controls button.control-btn.pause-btn{background:var(--orange-600);color:#fff}.live-call-modal .recording-controls button.control-btn.stop-btn{background:#ef4444;color:#fff}.live-call-modal .action-buttons button.control-btn.reset-btn{background:var(--primary-500);color:#fff}.live-call-modal .action-buttons button.control-btn.analyze-btn{background:#f97316;color:#fff}.scenarios-grid{grid-template-columns:1fr;gap:12px}.live-transcription-dialog{max-height:300px}.hint-container{padding:12px}.hint-option{padding:8px 12px}.improvement-container{padding:12px}.action-buttons{flex-wrap:wrap}.call-analysis{padding:16px;margin-top:16px}.call-analysis h4{font-size:18px;margin-bottom:16px;padding-bottom:12px}.analysis-section-modern{margin-bottom:16px;border-radius:12px}.section-header{padding:12px 16px}.section-header h5{font-size:15px;gap:8px}.section-content{padding:16px}.section-intro{font-size:14px;padding:10px 12px;margin-bottom:12px}.section-text p{font-size:14px;margin-bottom:10px}.analysis-list li{font-size:14px;padding:10px 14px 10px 32px;margin-bottom:10px}.analysis-list li:before{left:12px;top:10px;font-size:14px}.analysis-section{margin-bottom:16px;padding:12px}.analysis-section h5{font-size:15px;margin-bottom:10px}.analysis-section p,.analysis-section ul li,.analysis-content{font-size:14px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-bell{position:relative}.notification-bell-button{position:relative;width:40px;height:40px;padding:0;border-radius:10px;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background-color:rgba(156,184,71,.12);transform:scale(1.08)}.notification-bell-icon{width:22px;height:22px;color:#9cb847;transition:all .2s ease}.notification-bell-icon.active{color:#f97316;animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.notification-bell-button:hover .notification-bell-icon{color:#7a9635}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--red-500, #ef4444);color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:20rem;background-color:var(--background-cream);border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3);border:1px solid var(--border-color);z-index:50;max-height:32rem;display:flex;flex-direction:column;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:1rem;border-bottom:1px solid var(--border-color)}.notification-dropdown-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:3px solid var(--orange-primary);display:block;width:100%}.notification-empty{padding:2rem;text-align:center;color:var(--text-muted)}.notification-list{flex:1;overflow-y:auto;min-height:0}.notification-item{padding:1rem;transition:background-color .2s ease;cursor:pointer}.notification-item:hover{background-color:var(--background-hover)}.notification-item.unread{background-color:rgba(59,130,246,.1)}.notification-item-content{display:flex;align-items:flex-start;gap:.75rem}.notification-icon-wrapper{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon-wrapper.friend-request{background-color:rgba(59,130,246,.2)}.notification-icon-wrapper.accepted{background-color:rgba(34,197,94,.2)}.notification-icon-wrapper.rejected{background-color:rgba(156,163,175,.2)}.notification-icon{width:1rem;height:1rem}.notification-icon.friend-request{color:var(--blue-600, #2563eb)}.notification-icon.accepted{color:var(--green-600, #16a34a)}.notification-icon.rejected{color:var(--gray-600, #4b5563)}.notification-text{flex:1;min-width:0}.notification-message{font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.notification-timestamp{font-size:.75rem;color:var(--text-muted)}.notification-actions{display:flex;gap:.5rem;margin-top:.5rem}.notification-action-button{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .2s ease}.notification-action-button.accept{background-color:var(--blue-600, #2563eb);color:#fff}.notification-action-button.accept:hover{background-color:var(--blue-700, #1d4ed8)}.notification-action-button.decline{background-color:var(--gray-300, #d1d5db);color:var(--gray-700, #374151)}.notification-action-button.decline:hover{background-color:var(--gray-400, #9ca3af)}@media (prefers-color-scheme: dark){.notification-action-button.decline{background-color:var(--gray-600, #4b5563);color:var(--gray-300, #d1d5db)}.notification-action-button.decline:hover{background-color:var(--gray-500, #6b7280)}}@media (max-width: 640px){.notification-dropdown{position:fixed;top:4rem;right:.5rem;left:.5rem;width:auto;max-width:calc(100vw - 1rem)}}.conversation-corner-dropdown{position:relative}.conversation-corner-dropdown .conversation-corner-trigger{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--orange-600);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,140,0,.2)}.conversation-corner-dropdown .conversation-corner-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,140,0,.3);background-color:var(--orange-700)}.conversation-corner-dropdown.navigation-style .conversation-corner-trigger{display:flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#9cb847;box-shadow:none;transition:all .2s ease;cursor:pointer}.conversation-corner-dropdown.navigation-style .conversation-corner-trigger:hover{background:rgba(156,184,71,.12);color:#7a9635;box-shadow:none;transform:scale(1.08)}.conversation-corner-dropdown.navigation-style .chevron-icon{display:none}.conversation-corner-dropdown .trigger-icon{width:22px;height:22px;flex-shrink:0}.conversation-corner-dropdown .chevron-icon{width:14px;height:14px;transition:transform .2s ease;opacity:.7}.conversation-corner-dropdown.navigation-style .conversation-corner-trigger .chevron-icon{display:none!important}.conversation-corner-dropdown .chevron-icon.open{transform:rotate(180deg)}.conversation-corner-dropdown .conversation-corner-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);min-width:280px;z-index:1000;overflow:hidden;border:1.5px solid rgba(0,0,0,.08)}.conversation-corner-dropdown .menu-header{display:none}.conversation-corner-dropdown .menu-items{padding:8px}.conversation-corner-dropdown .menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none;color:inherit;box-shadow:none}.conversation-corner-dropdown .menu-item:hover{background:rgba(249,115,22,.06);transform:none;box-shadow:none}.conversation-corner-dropdown .menu-item.highlight{background:transparent}.conversation-corner-dropdown .menu-item.highlight:hover{background:rgba(249,115,22,.1);transform:none;box-shadow:none}.conversation-corner-dropdown .menu-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:10px;color:var(--orange-600);flex-shrink:0;transition:all .2s ease}.conversation-corner-dropdown .menu-item:hover .menu-item-icon{background-color:var(--orange-600);color:#fff;transform:scale(1.05)}.conversation-corner-dropdown .menu-item.highlight .menu-item-icon{background-color:transparent;color:var(--orange-600)}.conversation-corner-dropdown .menu-item-icon svg{width:20px;height:20px;stroke-width:2}.conversation-corner-dropdown .menu-item-content h4{margin:0 0 1px;color:#111827;font-size:14px;font-weight:500;letter-spacing:-.01em}.conversation-corner-dropdown .menu-item-content p{margin:0;color:#6b7280;font-size:12px;font-weight:400}.mobile-conversation-corner{width:100%}.mobile-conversation-corner .mobile-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:56px;-webkit-tap-highlight-color:transparent}.mobile-conversation-corner .mobile-dropdown-trigger:hover{background:var(--background-hover)}.mobile-conversation-corner .mobile-dropdown-trigger.active{color:#f15a22}@media (max-width: 640px){.conversation-corner-dropdown .conversation-corner-menu{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;border-radius:16px 16px 0 0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.profile-dropdown{position:relative;display:inline-block}.profile-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;height:40px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease}.profile-dropdown-trigger:hover{background:rgba(156,184,71,.08);transform:scale(1.02)}.profile-dropdown-trigger.active{background:rgba(156,184,71,.12)}.profile-dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.profile-dropdown-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#9cb847,#a8c555);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;border:2px solid #e5e7eb}.profile-dropdown-user-info{display:flex;flex-direction:column;align-items:flex-start}.profile-dropdown-name{font-size:.95rem;font-weight:500;color:#1f2937;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-caret{color:#9ca3af;transition:transform .15s ease;flex-shrink:0;width:14px;height:14px}.profile-dropdown-caret.open{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:.5rem;z-index:1000;animation:slideDown .2s ease-out}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;text-align:left;color:#374151;text-decoration:none;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:all .15s;font-size:.95rem}.profile-dropdown-item:hover{background:#f3f4f6;color:#1f2937}.profile-dropdown-item.active{background:#e8f5e9;color:#9cb847;font-weight:600}.profile-dropdown-item.feedback{color:var(--text-secondary, #6b7280);font-size:.875rem}.profile-dropdown-item.feedback:hover{background:rgba(156,184,71,.08);color:var(--text-primary, #374151)}.profile-dropdown-item.danger{color:#dc2626}.profile-dropdown-item.danger:hover{background:#fee2e2;color:#b91c1c}.profile-dropdown-item svg{flex-shrink:0}@media (max-width: 768px){.profile-dropdown-user-info{display:none}.profile-dropdown-trigger{padding:.5rem}.profile-dropdown-menu{min-width:180px}}.feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:40px 20px;overflow-y:auto}.feedback-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:90%;max-width:600px;max-height:calc(100vh - 80px);overflow-y:auto;position:relative;margin:auto}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:none}.feedback-header h2{margin:0;font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;padding-bottom:1rem;position:relative;flex:1;text-align:center}.feedback-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--orange-600);border-radius:2px}.feedback-close-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.feedback-close-button:hover{background:#f3f4f6}.close-icon{width:20px;height:20px;color:#6b7280}.feedback-content{padding:28px}.feedback-intro{margin:0 0 24px;font-size:16px;color:#4b5563;line-height:1.6}.category-selection{padding:0}.category-prompt{margin:0 0 24px;font-size:16px;color:var(--text-secondary);line-height:1.6;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.category-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;background:#fafafa}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.category-card.green:hover{border-color:var(--olive-600, #9cb471);background:var(--olive-50, #f8faef)}.category-card.blue:hover{border-color:var(--olive-500, #b9cc81);background:var(--olive-50, #f8faef)}.category-card.orange:hover{border-color:var(--orange-500, #ff9800);background:#fff7ed}.category-card.purple:hover{border-color:var(--olive-600, #9cb471);background:var(--olive-50, #f8faef)}.category-icon{width:32px;height:32px;margin-bottom:8px;color:#6b7280}.category-card.green:hover .category-icon{color:var(--olive-600, #9cb471)}.category-card.blue:hover .category-icon{color:var(--olive-500, #b9cc81)}.category-card.orange:hover .category-icon{color:var(--orange-500, #ff9800)}.category-card.purple:hover .category-icon{color:var(--olive-600, #9cb471)}.category-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.category-description{margin:0;font-size:14px;color:#6b7280;line-height:1.4}.category-card h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.category-card p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.selected-category{padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.selected-category .category-icon{width:24px;height:24px}.selected-category .category-icon.green{color:var(--olive-600, #9cb471)}.selected-category .category-icon.blue{color:var(--olive-500, #b9cc81)}.selected-category .category-icon.orange{color:var(--orange-500, #ff9800)}.selected-category .category-icon.purple{color:var(--olive-600, #9cb471)}.selected-category-text{font-size:14px;color:#4b5563}.selected-category-text strong{color:#111827;font-weight:600}.feedback-form{width:100%}.back-button{background:none;border:none;color:var(--olive-600);font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px;transition:color .2s}.back-button:hover{color:var(--olive-700)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.feedback-textarea{width:100%;min-height:120px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;line-height:1.5;resize:vertical;transition:border-color .2s;font-family:inherit}.feedback-textarea:focus{outline:none;border-color:var(--olive-600, #9cb471)}.feedback-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn,.submit-btn{padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--white);color:var(--olive-700);border:2px solid var(--olive-500)}.cancel-btn:hover{background:var(--olive-50);border-color:var(--olive-600);color:var(--olive-800)}.submit-btn{background:var(--primary-600, #9cb847);color:#fff;border:2px solid var(--primary-600, #9cb847)}.submit-btn:hover{background:var(--primary-700, #88a438);border-color:var(--primary-700, #88a438);transform:translateY(-1px);box-shadow:0 4px 12px rgba(156,184,71,.3)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-state,.success-message{text-align:center;padding:60px 40px}.success-icon{width:64px;height:64px;color:var(--olive-600, #9cb471);margin-bottom:20px}.success-state h3,.success-message h3{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--text-primary)}.success-state p,.success-message p{margin:0;font-size:16px;color:var(--text-secondary);line-height:1.5}@media (max-width: 640px){.feedback-modal{width:95%;max-height:90vh}.feedback-header,.feedback-content{padding:20px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{padding:16px}.feedback-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.nav-item-with-hint{position:relative}.discovery-hint-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#f97316;border:2px solid white;border-radius:50%;animation:hintPulse 2s infinite;z-index:1}@keyframes hintPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.mobile-nav-link.has-hint{position:relative}.mobile-nav-link.has-hint:after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background:#f97316;border:2px solid white;border-radius:50%;animation:hintPulse 2s infinite}.mobile-nav-header{display:none;position:relative;z-index:var(--z-incoming-call)!important}@media (max-width: 768px){.mobile-nav-header{display:flex!important;align-items:center;justify-content:flex-end}}.mobile-menu-toggle{padding:8px;background:transparent;border:none;cursor:pointer;color:#333;border-radius:8px;transition:background-color .2s;position:relative;z-index:calc(var(--z-incoming-call) + 1)!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background-color:rgba(0,0,0,.05)}.menu-icon{width:24px;height:24px;color:#333;flex-shrink:0;display:block}.mobile-menu-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;background-color:rgba(0,0,0,.5)!important;z-index:999998!important;pointer-events:auto!important;touch-action:manipulation!important}.mobile-menu-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:85%!important;max-width:320px!important;min-width:280px!important;margin:0!important;padding:0!important;padding-top:env(safe-area-inset-top,0px)!important;background-color:var(--background-cream, #f1f8ee)!important;box-shadow:-2px 0 10px rgba(0,0,0,.1)!important;z-index:999999!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;visibility:visible!important;transform-origin:right center!important}.mobile-user-section{padding:20px;background-color:var(--background-cream, #f1f8ee);border-bottom:1px solid var(--border-color);overflow:visible}.mobile-user-profile{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:16px}.mobile-user-section .user-avatar,.mobile-nav .user-avatar{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:50%;border:2px solid var(--primary-color);object-fit:cover}.mobile-user-section .user-avatar-placeholder,.mobile-nav .user-avatar-placeholder{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:50%;background:var(--primary-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600}.user-info{flex:1}.user-name{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:2px}.mobile-user-profile .user-name{color:var(--text-primary, #1a1a1a)}.user-username{font-size:14px;color:var(--text-secondary, #4a5568)}.mobile-user-profile .user-username{color:var(--text-secondary, #4a5568)}.mobile-user-section .user-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;position:relative;flex-wrap:nowrap}.mobile-user-section .help-tour-button{padding:8px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.mobile-user-section .help-tour-button:hover{background-color:rgba(156,184,71,.1);color:var(--primary-500)}.mobile-user-section .feedback-button{flex-shrink:0;z-index:1}.mobile-user-section .feedback-button .feedback-button-text{display:block!important}.mobile-user-section .language-selector-v2{flex-shrink:0;z-index:1}.mobile-nav-items{flex:1;padding:8px}.nav-section{margin-bottom:12px;display:block;clear:both}.nav-section-link{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:14px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:15px;font-weight:500;color:#4a5568;text-decoration:none;transition:all .2s ease;min-height:44px;box-sizing:border-box;margin-bottom:4px}.nav-section-link:hover{background:rgba(139,168,136,.08);color:#5a6c57}.nav-section-link.active{background:rgba(156,184,71,.12);color:#5a6c57;font-weight:600}.nav-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:15px;font-weight:500;color:#4a5568;transition:all .2s ease;min-height:44px;box-sizing:border-box;margin-bottom:4px}.nav-section-header:hover{background:rgba(139,168,136,.08);color:#5a6c57}.nav-section-header.expanded{background:rgba(139,168,136,.1);color:#5a6c57;font-weight:600;margin-bottom:8px}.section-icon{width:20px;height:20px;flex-shrink:0}.chevron-icon{width:18px;height:18px;color:#8ba888;transition:transform .2s ease;flex-shrink:0}.chevron-icon.rotate{transform:rotate(180deg);color:#5a6c57}.nav-subitems{display:flex;flex-direction:column;gap:2px;width:100%;padding:4px 0 8px;margin-left:16px;border-left:1px solid rgba(139,168,136,.12)}.nav-subitem{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 14px;margin-left:10px;text-decoration:none;color:#6b7280;font-size:14px;background:transparent;border:none;border-radius:6px;width:calc(100% - 10px);text-align:left;cursor:pointer;transition:all .2s ease;touch-action:auto;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;min-height:40px;box-sizing:border-box;font-weight:400}.nav-subitem:hover{background:rgba(139,168,136,.08);color:#4a5568}.nav-subitem.active{background:rgba(139,168,136,.12);color:#5a6c57;font-weight:500}.nav-subitem.highlight{color:#ea580c;font-weight:500}.nav-subitem.highlight:hover{background:rgba(249,115,22,.08);color:#dc2626}.mobile-footer-links{padding:16px;border-top:1px solid var(--border-color);margin-top:auto;position:relative;z-index:1;background-color:var(--background-cream, #f1f8ee)}.footer-links-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.footer-link-item{padding:8px 12px;font-size:14px;color:var(--text-secondary);text-decoration:none;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .2s;width:100%}.footer-link-item:hover{background-color:var(--background-hover);color:var(--text-primary)}.footer-link-item.cookie-settings-btn{font-family:inherit}.mobile-footer-copyright{font-size:12px;color:var(--text-muted);text-align:center;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border-color)}.mobile-feedback-section{padding:12px 16px 8px;margin-top:auto}.feedback-bottom-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:400;color:#9ca3af;transition:all .2s ease}.feedback-bottom-button:hover{background:rgba(139,168,136,.06);color:#6b7280}.mobile-logout-section{padding:8px 16px 16px;border-top:1px solid rgba(139,168,136,.1)}.logout-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#9ca3af;transition:all .2s ease}.logout-button:hover{background:rgba(220,38,38,.08);color:#dc2626}.logout-icon{width:18px;height:18px;flex-shrink:0}.minimized-talk-now-banner{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:8px;background:var(--background-white);border:2px solid var(--primary-color);border-radius:24px;padding:8px 16px;box-shadow:var(--shadow-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.minimized-banner-content{background:none;border:none;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all .2s ease}.minimized-banner-content:hover{opacity:.9}.banner-text{white-space:nowrap}.banner-time{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--background-cream);border-radius:12px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.banner-close-btn{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:24px;font-weight:300;line-height:1;border-radius:50%;transition:all .2s ease}.banner-close-btn:hover{background:var(--background-light);color:var(--text-primary)}@media (max-width: 768px){.minimized-talk-now-banner{top:60px;left:12px;right:12px;transform:none;width:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-text{font-size:.85rem}.banner-time{font-size:.8rem}}.react-joyride__tooltip{max-width:420px}.react-joyride__tooltip h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.react-joyride__tooltip p{font-size:1rem;line-height:1.5;color:#4b5563;margin-bottom:.5rem}.react-joyride__tooltip ul{margin-left:1rem}.react-joyride__tooltip li{font-size:.95rem;color:#4b5563;margin-bottom:.25rem}.react-joyride__tooltip em{font-style:italic;color:#10b981;font-weight:500}.react-joyride__spotlight{border-radius:.5rem}.react-joyride__progress{background-color:#e5e7eb;height:3px}.react-joyride__progressbar{background-color:#10b981}.react-joyride__button--primary{transition:all .2s ease}.react-joyride__button--primary:hover{background-color:#059669;transform:translateY(-1px)}.react-joyride__button--skip{transition:all .2s ease}.react-joyride__button--skip:hover{color:#374151}.react-joyride__beacon span{background-color:#10b981}.react-joyride__beacon span:nth-child(1){animation:joyride-beacon-pulse 1.2s infinite}@keyframes joyride-beacon-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(2);opacity:0}}nav.navigation-bar,.navigation-bar{position:fixed;top:0;left:0;right:0;width:100%;z-index:10000;background:linear-gradient(to bottom,#FD4E12 var(--status-bar-height, 0px),rgba(243,245,238,.95) var(--status-bar-height, 0px));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;box-shadow:none;height:calc(64px + var(--status-bar-height, 0px));padding-top:var(--status-bar-height, 0px);overflow:visible;box-sizing:border-box;--nav-height: 64px;margin:0}body.daily-session-active .navigation-bar{display:none}.nav-container{max-width:1280px;margin:0 auto;padding:0 20px}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;text-decoration:none;margin-left:-4px}.logo-text{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.logo-main{height:36px;width:auto;object-fit:contain;object-position:center}.logo-icon{height:40px;width:auto;margin-left:12px}.desktop-nav-items{display:flex;align-items:center;gap:8px;margin-left:40px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;color:#516600;font-size:1rem;font-weight:600;border-radius:4px;transition:background-color .15s ease,color .15s ease}.nav-link:hover{background-color:rgba(81,102,0,.08);color:#3d4d00}.nav-link.active{background-color:var(--background-white);color:#fd4e12;font-weight:600;box-shadow:var(--shadow-sm)}.nav-icon{width:20px;height:20px}.desktop-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.desktop-actions>.language-selector-wrapper,.desktop-actions .language-selector-v2{margin-right:10px}.desktop-actions>.learning-studio-dropdown{margin-right:10px}.navigation-bar .feedback-button{background:var(--background-white);color:var(--pink-feedback);border:1px solid var(--pink-feedback)}.navigation-bar .feedback-button:hover{background:var(--pink-feedback);color:#fff;border-color:var(--pink-feedback);box-shadow:var(--button-hover-shadow)}.user-profile-link{display:flex;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;border-radius:8px;transition:background-color .2s}.user-profile-link:hover{background-color:rgba(0,0,0,.05)}.icon-nav-btn{padding:8px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-nav-btn:hover{background-color:rgba(156,184,71,.1);color:var(--primary-500)}.icon-nav-btn.active{background-color:var(--background-white);color:var(--primary-500);box-shadow:var(--shadow-sm)}.help-btn{width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;color:#9cb847;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.help-btn:hover{background-color:rgba(156,184,71,.12);color:#7a9635;transform:scale(1.08)}.help-btn svg{width:22px;height:22px}.logout-btn{padding:8px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);border-radius:8px;transition:all .2s}.logout-btn:hover{background-color:rgba(220,38,38,.1);color:#dc2626}.logout-icon{width:20px;height:20px}.user-profile-link{display:flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none}.user-profile-link:hover{opacity:.8}.nav-container .user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);box-sizing:border-box}.nav-container .user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid var(--border-color)}.user-display-name{font-size:14px;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){nav.navigation-bar,.navigation-bar{height:calc(56px + var(--status-bar-height, 0px));--nav-height: 56px;padding-top:var(--status-bar-height, 0px);z-index:9999;max-width:100vw!important;overflow:visible!important}.nav-container{padding:0 max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));max-width:100vw!important;box-sizing:border-box!important;overflow:visible!important}.nav-content{height:56px;max-width:100%!important;overflow:visible!important}.mobile-nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative;z-index:1000}.mobile-nav-actions>*{flex-shrink:0;position:relative}.nav-logo{margin-left:0}.logo-main{height:36px}.logo-icon{height:32px;margin-left:8px}.desktop-nav-items,.desktop-actions{display:none}.mobile-nav-actions{display:flex;align-items:center;gap:8px}}.token-balance-display{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(156,184,71,.1);border:1px solid rgba(156,184,71,.2);border-radius:20px;color:var(--primary-color);text-decoration:none;transition:all .2s ease;cursor:pointer}.token-balance-display:hover{background:rgba(156,184,71,.15);border-color:rgba(156,184,71,.3);transform:translateY(-1px)}.token-balance-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.token-balance-display.loading{opacity:.6;cursor:default;pointer-events:none}.dashboard-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:10px;color:#9cb847;text-decoration:none;transition:all .2s ease;cursor:pointer}.dashboard-nav-btn:hover{background:rgba(156,184,71,.12);color:#8ba73d;transform:scale(1.08)}.dashboard-nav-btn.active{background:#9cb847;color:#fff}.dashboard-nav-btn svg{width:22px;height:22px;flex-shrink:0}.lessons-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:10px;color:#f97316;text-decoration:none;transition:all .2s ease;cursor:pointer}.lessons-nav-btn:hover{background:rgba(249,115,22,.12);color:#ea580c;transform:scale(1.08)}.lessons-nav-btn.active{background:#f97316;color:#fff}.lessons-nav-btn svg{width:24px;height:24px;flex-shrink:0}.feedback-nav-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;background:transparent;border:none;border-radius:10px;color:#ec4899;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:15px;font-weight:500;white-space:nowrap}.feedback-nav-btn:hover{background:rgba(236,72,153,.12);color:#db2777;transform:translateY(-1px)}.feedback-nav-btn.active{background:#ec4899;color:#fff}.feedback-nav-btn svg{width:20px;height:20px;flex-shrink:0}.feedback-nav-btn .feedback-text{font-size:15px;font-weight:500}.mobile-search-btn{background:none;border:none;padding:8px;cursor:pointer;color:#5c4038;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.mobile-search-btn:hover{background-color:rgba(0,0,0,.05)}.language-selector-v2{position:relative}.lang-btn{display:flex;align-items:center;justify-content:center;padding:6px 14px;background:var(--white);border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:60px;height:32px;font-size:13px;font-weight:500;color:var(--gray-700);letter-spacing:.3px}.lang-btn:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.lang-btn:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.lang-btn.active{background:var(--gray-50);border-color:var(--gray-400)}.lang-btn.navbar{height:40px;padding:0 12px;font-size:13px;font-weight:700;min-width:55px;background:transparent;border:none;border-radius:10px;color:#6b7280;letter-spacing:.5px;transition:all .2s ease}.lang-btn.navbar:hover{background:rgba(156,184,71,.12);color:#9cb847;border:none;transform:scale(1.05)}.lang-btn.navbar.active{background:rgba(156,184,71,.12);color:#9cb847;border:none}.lang-btn.homepage{height:36px;padding:8px 16px;font-size:14px;min-width:72px}.lang-btn.mobile{height:32px;padding:6px 12px;font-size:12px;min-width:50px;background:var(--white);border:1px solid var(--gray-300);color:var(--gray-700)}.lang-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-sm);padding:4px;min-width:180px;z-index:1000;animation:slideDown .12s ease-out}.lang-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .1s ease;font-family:inherit;text-align:left}.lang-item:hover{background:var(--gray-50)}.lang-item.selected{background:var(--blue-50)}.lang-item-code{font-weight:600;font-size:12px;color:var(--gray-700);min-width:24px;letter-spacing:.3px}.lang-item.selected .lang-item-code{color:var(--blue-700)}.lang-item-name{font-size:13px;color:var(--gray-600);flex:1}.lang-item.selected .lang-item-name{color:var(--blue-600)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.lang-btn{height:30px;padding:5px 12px;font-size:12px;min-width:52px}.lang-menu{min-width:160px}.lang-item{padding:7px 10px}.lang-item-code{font-size:11px}.lang-item-name{font-size:12px}}.error-boundary-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--background-primary);padding:48px 16px}@media (min-width: 640px){.error-boundary-container{padding:48px 24px}}@media (min-width: 1024px){.error-boundary-container{padding:48px 32px}}.error-content{text-align:center;max-width:600px}.error-icon{margin:0 auto 24px;width:48px;height:48px;color:var(--error-color, #dc2626)}.error-title{margin-top:24px;font-size:1.875rem;font-weight:800;color:var(--text-primary);line-height:1.2}.error-description{margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.error-details{margin-top:16px;text-align:left}.error-details-summary{cursor:pointer;font-size:.875rem;color:var(--text-muted);transition:color .2s ease}.error-details-summary:hover{color:var(--text-secondary)}.error-stack{margin-top:8px;font-size:.75rem;color:var(--text-secondary);background-color:var(--background-secondary);padding:8px;border-radius:6px;overflow:auto;max-height:256px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap}.error-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}@media (min-width: 640px){.error-actions{flex-direction:row;justify-content:center}}.error-btn-primary{width:100%;display:flex;justify-content:center;padding:8px 16px;border:none;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:#fff;background-color:var(--orange-500, #f97316);cursor:pointer;transition:background-color .2s ease}.error-btn-primary:hover{background-color:var(--orange-600, #ea580c)}.error-btn-primary:focus{outline:none;box-shadow:0 0 0 2px rgba(249,115,22,.5)}.error-btn-secondary{width:100%;display:flex;justify-content:center;padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:var(--text-primary);background-color:var(--background-primary);cursor:pointer;transition:background-color .2s ease}.error-btn-secondary:hover{background-color:var(--background-secondary)}.error-btn-secondary:focus{outline:none;box-shadow:0 0 0 2px rgba(249,115,22,.5)}@media (min-width: 640px){.error-btn-primary,.error-btn-secondary{width:auto;min-width:120px}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:50400;max-width:24rem;width:100%;pointer-events:none}.toast-wrapper{pointer-events:auto}.toast-item{border-radius:.5rem;box-shadow:var(--shadow-lg);padding:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;transform:translate(0);transition:all .3s ease-in-out;color:#fff}.toast-item:hover{transform:scale(1.05)}.toast-success{background-color:var(--green-500, #10b981)}.toast-error{background-color:var(--red-500)}.toast-warning{background-color:var(--yellow-500, #f59e0b)}.toast-info{background-color:var(--blue-500, #3b82f6)}.toast-badge{background-color:var(--olive-600, #7a9a2e);border:1px solid var(--olive-400, #b5cc6f);color:#fefce8}.toast-badge-progress{background-color:var(--olive-500, #9cb847)}.toast-content{display:flex;align-items:center}.toast-icon-wrapper{flex-shrink:0}.toast-icon{width:1.25rem;height:1.25rem}.toast-message{margin-left:.75rem}.toast-text{font-size:var(--text-sm);font-weight:500}.toast-action{display:inline-block;margin-top:.25rem;font-size:var(--text-xs, .75rem);font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:.25rem;padding:.15rem .5rem;cursor:pointer;transition:background .2s}.toast-action:hover{background:rgba(255,255,255,.3)}.toast-dismiss{margin-left:1rem;flex-shrink:0;border-radius:.5rem;padding:.375rem;display:inline-flex;color:#fff;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s}.toast-dismiss:hover{background-color:rgba(255,255,255,.2)}.toast-dismiss:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.toast-dismiss-icon{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-item{animation:slideInRight .3s ease-out}.toast-item.toast-removing{animation:slideOutRight .3s ease-in}@media (max-width: 640px){.toast-container{right:.5rem;left:.5rem;max-width:none}.toast-item{margin-left:.5rem;margin-right:.5rem}}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-critical: 900;--z-maximum: 999;--z-navigation: 1000;--z-chat-header: 50;--z-chat-sidebar: var(--z-base);--z-message-input: var(--z-base);--z-user-discovery-elements: 5;--z-below-video: 1;--z-video-call-overlay: var(--z-modal);--z-ai-voice-call: var(--z-modal);--z-talk-now-modal: 9999;--z-settings-modal: var(--z-modal);--z-profile-modal: var(--z-modal);--z-loading-overlay: var(--z-notification);--z-video-overlay: 50000;--z-video-controls: 50100;--z-ice-breakers: 50200;--z-call-suggestions: 50200;--z-live-transcription: 50200;--z-live-translation: 50200;--z-video-settings: 50300;--z-live-call-assistant: 50400;--z-mobile-navigation: 50150;--z-improve-modal: 50500;--z-call-ending: 50600;--z-incoming-call: 70000;--z-voice-recorder: 9999;--z-overlay-modal: 9999;--z-mobile-nav: 10000;--z-popup: 10001;--z-welcome: 10002;--z-quota-warning: 70010;--z-recording-consent: 70002;--z-emergency-modal: 70003}.z-base{z-index:var(--z-base)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-notification{z-index:var(--z-notification)}.friend-notifications-container{position:fixed;top:calc(64px + 1rem);right:1rem;z-index:1100}.friend-notifications-list{display:flex;flex-direction:column;gap:.5rem}.friend-notification-item{background-color:#fff;border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1rem;max-width:20rem;transform:translate(0);transition:all .3s ease;animation:slideInRight .3s ease-out}.friend-notification-content{display:flex;align-items:flex-start;gap:.75rem}.friend-notification-icon-wrapper{flex-shrink:0}.friend-notification-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.friend-notification-icon.request{background-color:var(--orange-100)}.friend-notification-icon.accepted{background-color:var(--olive-100)}.friend-notification-icon.rejected{background-color:var(--gray-100)}.friend-notification-icon svg{width:1rem;height:1rem}.friend-notification-icon.request svg{color:var(--orange-500)}.friend-notification-icon.accepted svg{color:var(--olive-500)}.friend-notification-icon.rejected svg{color:var(--gray-500)}.friend-notification-body{flex:1;min-width:0}.friend-notification-header{display:flex;align-items:center;justify-content:space-between}.friend-notification-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-notification-dismiss{margin-left:.5rem;color:var(--gray-400);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s}.friend-notification-dismiss:hover{color:var(--gray-500)}.friend-notification-dismiss svg{width:1rem;height:1rem}.friend-notification-message{font-size:var(--text-sm);color:var(--text-secondary);margin-top:.25rem}.friend-notification-actions{display:flex;gap:.5rem;margin-top:.75rem}.friend-notification-btn{flex:1;font-size:var(--text-xs);font-weight:500;padding:.375rem .75rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .2s;text-align:center}.friend-notification-btn.accept{background-color:#9cb847;color:#fff}.friend-notification-btn.accept:hover{background-color:#8aa33d}.friend-notification-btn.decline{background-color:var(--gray-200);color:var(--gray-500);border:1px solid var(--gray-300)}.friend-notification-btn.decline:hover{background-color:var(--gray-300);border-color:var(--gray-400)}.friend-notification-btn.chat{background-color:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;gap:.375rem}.friend-notification-btn.chat:hover{background-color:#ea580c}.friend-notification-btn.chat .chat-icon{width:1rem;height:1rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.friend-notifications-container{top:calc(56px + 1rem);left:1rem;right:1rem}.friend-notification-item{max-width:100%}}:root{--ft-bg: #f3f5ee;--ft-card-bg: #FFFFFF;--ft-card-radius: 14px;--ft-card-gap: 10px;--ft-card-margin: 12px;--ft-card-pad-y: 12px;--ft-card-pad-x: 14px;--ft-pill-radius: 16px;--ft-banner-radius: 12px;--ft-orange: #E8592A;--ft-green: #5C7A3E;--ft-green-mid: #a1b761;--ft-green-light: #dde5d4;--ft-text: #1A1A1A;--ft-text-sub: #555555;--ft-text-muted: #666666;--ft-welcome-bg: #c8d6bf;--ft-chacha-avatar-bg: #eff0e5;--ft-communitea-bg: #ebe1d0;--ft-communitea-ill: #dbc8a8;--ft-learn-bg: #c8d6bf;--ft-learn-ill: #b5c8aa;--ft-nav-border: #ccd4b8;--ft-nav-inactive: #aab89a;--ft-whatsnew-border: #ddd8cc}.app-loading-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.app-loading-content{text-align:center}.app-loading-spinner{animation:spin 1s linear infinite;border-radius:50%;width:3rem;height:3rem;aspect-ratio:1 / 1;border:3px solid rgba(0,0,0,.1);border-top-color:var(--orange-500, #ffa726);margin:0 auto 1rem;box-sizing:border-box;flex-shrink:0}.app-loading-text{color:var(--gray-600);font-size:var(--text-base);margin-bottom:1rem}.app-loading-reset-link{margin-top:1rem;font-size:var(--text-sm);color:var(--blue-600);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.app-wrapper{height:100%;background-color:var(--ft-bg);transition:colors .3s;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.app-loading-reset-link:hover{color:var(--blue-800)}.app-wrapper{height:100%;background-color:var(--ft-bg);transition:colors .3s;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:visible}.app-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible;height:100%}.main-content{flex:1;width:100%;padding-top:calc(var(--nav-height, 64px) + var(--status-bar-height, env(safe-area-inset-top, 0px)));padding-bottom:0;overflow-y:auto;overflow-x:hidden}body.daily-session-active .main-content{padding-top:0}.main-content[data-page="/chat"]{padding-bottom:0}.main-content-no-nav{flex:1;display:flex;flex-direction:column;padding-top:var(--status-bar-height, env(safe-area-inset-top, 0px));padding-bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (prefers-color-scheme: dark){.app-wrapper{background-color:var(--ft-bg)}}.app-debug-tools{position:fixed;bottom:1rem;left:1rem;z-index:50}@media (max-width: 768px){.main-content{padding-top:calc(56px + var(--status-bar-height, env(safe-area-inset-top, 0px)));padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}.main-content-no-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}.pwa-install-prompt.pwa-install-prompt{position:fixed;bottom:8rem;left:1rem;right:1rem;z-index:900;background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow-sm);border:1px solid #e5e7eb;padding:1rem 3rem 1rem 1rem;max-width:100%}@media (min-width: 768px){.pwa-install-prompt.pwa-install-prompt{left:auto;right:1rem;max-width:24rem}}.pwa-install-prompt .pwa-install-prompt-close{position:absolute;top:.75rem;right:.75rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;z-index:10;transition:color .2s}.pwa-install-prompt .pwa-install-prompt-close:hover{color:#4b5563}.pwa-install-prompt .pwa-install-prompt-close svg{width:1rem;height:1rem}.pwa-install-prompt .pwa-install-prompt-content{display:flex;align-items:flex-start;gap:.75rem}.pwa-install-prompt .pwa-install-prompt-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:#ffedd5;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.pwa-install-prompt .pwa-install-prompt-icon svg,.pwa-install-prompt .pwa-install-prompt-icon img,.pwa-install-prompt .pwa-install-prompt-icon div{width:1.5rem;height:1.5rem;flex-shrink:0}.pwa-install-prompt .pwa-install-prompt-text{flex:1;padding-right:.5rem}.pwa-install-prompt .pwa-install-prompt-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem}.pwa-install-prompt .pwa-install-prompt-description{font-size:.75rem;color:#6b7280;margin:0 0 .75rem;line-height:1.4}.pwa-install-prompt .pwa-install-prompt-button{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#ff9800;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s;text-decoration:none}.pwa-install-prompt .pwa-install-prompt-button:hover:not(:disabled){background-color:#e67c00}.pwa-install-prompt .pwa-install-prompt-button:disabled{background-color:#9ca3af;cursor:not-allowed}.pwa-install-prompt .pwa-install-prompt-button svg{width:1rem;height:1rem;margin-right:.25rem}.pwa-install-prompt .pwa-install-prompt-debug{margin-left:.5rem;display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#6b7280;background-color:#f3f4f6;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.pwa-install-prompt .pwa-install-prompt-debug:hover{background-color:#e5e7eb}.pwa-install-prompt .pwa-install-prompt-ios-description{margin-top:.25rem;margin-bottom:.5rem}.notification-permission-container{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-permission-container{--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857}@media (prefers-color-scheme: dark){.notification-permission-container{background-color:var(--gray-800);border-color:var(--gray-700)}.notification-permission-container p{color:var(--gray-300)}.notification-permission-container .tip-section{background-color:var(--gray-900);border-color:var(--gray-700)}.notification-permission-container [style*=gray-50] p{color:var(--gray-400)}}@media (max-width: 640px){.notification-permission-container{right:10px;width:calc(100vw - 20px);max-width:none}}