﻿@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes titleFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(23,162,184,0.7);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(23,162,184,0);transform:scale(1.05)}100%{box-shadow:0 0 0 0 rgba(23,162,184,0);transform:scale(1)}}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}nav,footer{display:none !important}.chat-container{background:linear-gradient(111.42deg, #83dede, #81d4f7);height:100vh;padding:2rem 0;display:flex;align-items:center}.chat-container .container{padding:0;max-width:70vw;width:900px;height:90vh;background:linear-gradient(111.42deg, #179389, #19867e);border:1px solid rgba(255,255,255,0.1);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,0.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;position:relative}.chat-container .actions-box{border-radius:20px;position:absolute;right:-1rem;width:13vw;max-width:205px;transform:translateX(100%);z-index:5;background:linear-gradient(111.42deg, #179389, #19867e);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chat-container .actions-box .actions-title{border-radius:20px 20px 0 0;padding:1rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.1);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-container .actions-box .actions-content{padding:1rem 0.5rem;text-align:center}.goal-item{display:flex;align-items:center;background:rgba(255,255,255,0.1);padding:8px 12px;border-radius:6px;margin-bottom:0.75rem;color:white;text-align:left;font-size:0.9rem;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,0.1);list-style-type:none;position:relative;transition:all 0.3s ease-in-out}.goal-item.completed-goal{text-decoration:line-through;opacity:0.8;background:rgba(76,175,80,0.15);border-left:3px solid #4CAF50}.mobile-menu-btn{background:transparent;border:none;color:white;font-size:1.5rem;cursor:pointer;transition:color 0.1s ease;line-height:initial}.mobile-actions-menu{background:#0d7e74;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;margin-top:1rem;border:1px solid rgba(255,255,255,0.08)}.mobile-actions-menu .mobile-actions-content{padding:1rem}.mobile-actions-menu .mobile-actions-content h5{font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.mobile-actions-menu .mobile-actions-content .goal-item{margin-bottom:0.75rem}.post-conversation-container{display:none;text-align:center;padding:20px;margin:30px 50px 0 50px;background:rgba(255,255,255,0.05);border-radius:15px;border:1px solid var(--color-white-transparent-1)}.post-conversation-container h3{color:white;margin-bottom:20px}.post-conversation-buttons{display:flex;justify-content:center;gap:15px}.post-conversation-btn{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.post-conversation-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.rate-btn{background:linear-gradient(111.42deg, rgba(0,183,183,0.74902), rgba(0,93,255,0.835294));color:white;border:none}.back-home-btn{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:white}.back-home-btn:hover{color:var(--color-primary)}.back-home-btn i{font-size:1.25rem}.back-home-btn span{line-height:1.4}.signup-conversion-container{display:none;text-align:center;padding:20px;background:linear-gradient(135deg, rgba(74,0,179,0.15) 0%, rgba(94,22,217,0.15) 100%);border-radius:15px;border:1px solid var(--color-white-transparent-1);margin:30px 50px 0 50px}.signup-conversion-container h3{color:white}.signup-conversion-container p{color:rgba(255,255,255,0.8)}.signup-conversion-btn{background:linear-gradient(135deg, #4a00b3 0%, #5e16d9 100%);color:white;padding:12px 25px;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;margin:5px}.signup-conversion-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.3);color:white}.signup-benefits{display:flex;justify-content:center;margin:10px 0;flex-wrap:wrap;gap:15px}.benefit-item{display:flex;align-items:center;background:rgba(255,255,255,0.05);padding:10px 15px;border-radius:8px;width:220px}.benefit-item i{margin-right:10px;color:white;font-size:1.2rem}.benefit-item span{color:white;font-size:0.9rem}.chat-messages{flex:1;overflow-y:auto;padding:2rem max(1rem, calc((100% - 950px) / 2)) 6rem}.message{display:flex;margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:messageAppear 0.3s ease forwards}.message.user{flex-direction:row-reverse}.chat-header{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px 20px 0 0;padding:1rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.1);position:relative}@keyframes messageAppear{to{opacity:1;transform:translateY(0)}}.message-content{max-width:85%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:1rem 1.5rem;max-width:70%;color:var(--color-white);box-shadow:0 4px 15px var(--color-black-transparent);border:1px solid var(--color-white-border);transition:transform 0.3s ease}.chat-input-box{position:fixed;padding:1rem;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1140px;transition:transform 0.3s ease}.chat-input-box .chat-input-controls,.branch-form .chat-input-controls{display:flex;max-width:100%;gap:10px;align-items:flex-end}.chat-input-box textarea,.branch-form textarea{width:100%;flex:1;border:1px solid var(--color-white-transparent-1);border-radius:7px;color:var(--color-white);font-size:16px;transition:all 0.3s ease;min-height:40px;max-height:200px;resize:none;overflow-y:hidden;line-height:1.5;padding:8px 12px;background:#30303c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(15px)}.chat-input-box textarea:focus,.branch-form textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(74,0,183,0.1);background:#30303c;color:white !important}.chat-input-box textarea::placeholder,.branch-form textarea::placeholder{color:rgba(255,255,255,0.4)}.chat-input-box #sendButton,.chat-input-box .branch-send,.chat-input-box .voice-input-button,.branch-form #sendButton,.branch-form .branch-send,.branch-form .voice-input-button{color:white;border:none;border-radius:7px;font-weight:600;transition:all 0.3s ease;cursor:pointer;padding:0.5rem 1rem;min-width:70px;height:44px}.chat-input-box #sendButton:disabled,.chat-input-box .branch-send:disabled,.chat-input-box .voice-input-button:disabled,.branch-form #sendButton:disabled,.branch-form .branch-send:disabled,.branch-form .voice-input-button:disabled{opacity:0.6;cursor:not-allowed}.chat-input-box .voice-input-button,.branch-form .voice-input-button{min-width:44px;width:44px;padding:0;background:rgba(255,255,255,0.12);border:1px solid var(--color-white-border);display:inline-flex;align-items:center;justify-content:center}.chat-input-box .voice-input-button i,.branch-form .voice-input-button i{width:1.15rem;font-size:1.15rem;line-height:1}.chat-input-box .voice-input-button:hover,.branch-form .voice-input-button:hover{background:rgba(255,255,255,0.2)}.chat-input-box .voice-input-button.is-listening,.branch-form .voice-input-button.is-listening{background:var(--color-primary);box-shadow:0 0 0 3px rgba(0,183,183,0.22);animation:voiceRecordingPulse 1.35s ease-out infinite}@keyframes voiceRecordingPulse{0%{box-shadow:0 0 0 0 rgba(0,183,183,0.38)}70%{box-shadow:0 0 0 10px rgba(0,183,183,0)}100%{box-shadow:0 0 0 0 rgba(0,183,183,0)}}@media (max-width: 991px){.chat-container{height:initial}.chat-container .container{height:100vh;border-radius:0;border:0;width:100%;max-width:100%;position:fixed;top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);left:0;right:0;display:flex;flex-direction:column;overflow:hidden;padding:0;height:initial}.doctor-name{display:block;margin-left:1.3rem}.chat-header{border-radius:0;border:0;padding:0.2rem 1rem}.chat-messages{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.chat-input{position:absolute;bottom:env(safe-area-inset-bottom);width:100%;height:56px;display:flex;align-items:center;padding:0 16px}.reset-conversation-btn{width:100%}.case-title-text{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 120px);display:inline-block;text-align:left}.chat-input-box,.branch-form{background:#2e948b;box-shadow:0 4px 24px rgba(0,0,0,0.15)}.back-home-btn .case-title-text::before{content:"";margin:0}.goal-item{width:100%;margin-bottom:0.5rem;font-size:0.85rem}.post-conversation-container,.signup-conversion-container{margin:0}}.btn:disabled{background:none}@keyframes thinking{0%{transform:translateY(0px)}50%{transform:translateY(-4px)}100%{transform:translateY(0px)}}.thinking-dots{display:flex;gap:6px;padding-top:8px}.thinking-dots span{width:6px;height:6px;background:var(--color-white);border-radius:50%;display:inline-block;animation:thinking 1s infinite}.thinking-dots span:nth-child(2){animation-delay:0.2s}.thinking-dots span:nth-child(3){animation-delay:0.4s}.case-title{font-size:1.35rem;color:white;font-weight:600;margin-bottom:0.25rem;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.btn-info{color:white}.earn-cme-btn{background:linear-gradient(45deg, #28a745, #20c997) !important;border:none;color:white;font-weight:600;transition:all 0.3s ease}.earn-cme-btn:hover{background:linear-gradient(45deg, #218838, #1ba085) !important;transform:translateY(-1px);box-shadow:0 4px 8px rgba(40,167,69,0.3)}.earn-cme-btn:active{transform:translateY(0)}.system-tip{color:#ffffff85}.system-tip .login-link{color:#80c4f0;text-decoration:underline}.case-banner{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;padding:12px 15px;border-radius:8px;border-left:3px solid #3dc1ff;background:rgba(61,193,255,0.08);color:#ffffffd9;font-size:0.9rem;line-height:1.5}.case-banner .case-banner-icon{flex-shrink:0;margin-top:2px;color:#3dc1ff}.case-banner .case-banner-text{min-width:0}.case-facts-container{background-color:rgba(0,0,0,0.2);border-radius:10px;padding:15px;margin-bottom:20px}.case-facts-container h4{color:#fff;margin-bottom:10px}.case-facts-list{list-style-type:none;padding-left:0}.case-fact-item{color:#eee;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:14px}.case-fact-item:last-child{border-bottom:none}.case-fact-item::before{content:"•";color:#57b0ff;display:inline-block;width:1em;margin-left:0.5em;font-weight:bold}.rating-thumb{padding:10px 20px;border-radius:10px;font-size:1.2rem;transition:all 0.3s ease;border-width:2px}.rating-thumb i{font-size:1.4rem;vertical-align:middle;margin-right:5px}.rating-thumb.active{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.15)}#thumbsUp.active{background-color:var(--bs-success);color:white;border-color:var(--bs-success)}#thumbsDown.active{background-color:var(--bs-danger);color:white;border-color:var(--bs-danger)}.modal-content{background:linear-gradient(111.42deg, rgba(131,222,222,0.8), rgba(129,212,247,0.8));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.modal-header,.modal-footer{border-color:rgba(255,255,255,0.2)}.modal-title{color:white;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.1)}#ratingComment{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white}#ratingComment::placeholder{color:rgba(255,255,255,0.6)}#ratingComment:focus{background:rgba(255,255,255,0.3);box-shadow:0 0 0 3px rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4)}.form-label{color:white;font-weight:500}#cmeModal .modal-dialog{max-width:600px}#cmeModal .modal-title{display:flex;align-items:center;font-size:1.3rem}#cmeModal .benefit-item{transition:transform 0.2s ease}#cmeModal .benefit-item:hover{transform:translateX(5px)}#cmeModal .benefit-item strong{color:white;display:block}#cmeModal .benefit-item small{color:rgba(255,255,255,0.7)}#cmeModal .alert-warning{background:rgba(255,193,7,0.15);border-color:rgba(255,193,7,0.3);color:white}#cmeModal .alert-warning .bi{color:#ffc107}#cmeModal #cmeEmail{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white}#cmeModal #cmeEmail::placeholder{color:rgba(255,255,255,0.6)}#cmeModal #cmeEmail:focus{background:rgba(255,255,255,0.3);box-shadow:0 0 0 3px rgba(40,167,69,0.2);border-color:#28a745;color:white}#cmeModal #registerCMEInterest{background:linear-gradient(45deg, #28a745, #20c997);border:none;font-weight:600}#cmeModal #registerCMEInterest:hover{background:linear-gradient(45deg, #218838, #1ba085);transform:translateY(-1px);box-shadow:0 4px 8px rgba(40,167,69,0.3)}.branch-tabs{display:flex;gap:0.5rem;overflow-x:auto;padding-top:0.75rem;padding-bottom:0.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.35) transparent}.branch-tabs::-webkit-scrollbar{height:5px}.branch-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.35);border-radius:999px}.branch-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,0.08);border-radius:999px}.branch-tab{flex:0 0 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.15);color:white;border-radius:999px;padding:0.25rem 0.9rem;font-size:0.85rem}.branch-tab.active{background:rgba(255,255,255,0.4);font-weight:600}#branch-panes{display:contents}.branch-pane{flex:1;min-height:0;display:flex;flex-direction:column}.branch-pane[hidden]{display:none}.branch-header-banner{margin:0.75rem auto 0;width:min(950px, calc(100% - 2rem));display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.6rem 1rem;background:rgba(18,40,72,0.65);border:1px solid rgba(255,255,255,0.25);border-radius:12px;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media (max-width: 991px){.branch-header-banner{flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.5rem 0.75rem}}.branch-return-btn{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.4);color:white;font-size:0.85rem;font-weight:600;padding:0.35rem 0.85rem;border-radius:8px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;text-decoration:none}.branch-return-btn:hover{background:rgba(255,255,255,0.35);border-color:rgba(255,255,255,0.6);color:white;transform:translateX(-2px)}.branch-header-info{display:flex;align-items:center;gap:0.6rem;min-width:0;overflow:hidden}.branch-header-badge{background:rgba(255,193,7,0.25);border:1px solid rgba(255,193,7,0.5);color:#ffe082;font-size:0.78rem;font-weight:600;padding:0.2rem 0.6rem;border-radius:6px;display:inline-flex;align-items:center;gap:0.3rem;white-space:nowrap}.branch-context-quote{color:rgba(255,255,255,0.85);font-style:italic;font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-welcome-card{display:flex;gap:1rem;margin:0.5rem auto 1.25rem;width:min(950px, 100%);padding:1.15rem 1.25rem;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);border-radius:12px;backdrop-filter:blur(6px);color:white}@media (max-width: 991px){.branch-welcome-card{flex-direction:column;gap:0.5rem;padding:0.85rem 1rem}}.branch-welcome-icon{font-size:1.85rem;color:#ffe082;display:flex;align-items:flex-start;padding-top:2px}.branch-welcome-body{flex:1}.branch-welcome-title{font-size:1.05rem;font-weight:700;margin-bottom:0.3rem;color:white}.branch-welcome-text{font-size:0.9rem;line-height:1.45;color:rgba(255,255,255,0.9);margin-bottom:0.4rem}.branch-welcome-subtext{font-size:0.82rem;color:rgba(255,255,255,0.75);display:flex;align-items:center;gap:0.35rem}.branch-welcome-subtext strong{color:white}.branch-messages{flex:1;overflow-y:auto;padding:1.5rem max(1rem, calc((100% - 950px) / 2)) 2rem}.branch-form{padding:1rem max(1rem, calc((100% - 950px) / 2))}@media (max-width: 991px){.branch-form{padding:8px 16px}}.chat-container.branch-mode #chat-messages,.chat-container.branch-mode .chat-input-box{display:none !important}.branch-action{margin:-1.1rem 0 1rem 56px;opacity:0;transition:opacity 0.15s ease}.message:hover+.branch-action,.branch-action:hover,.branch-action:focus-within{opacity:1}.branch-action-existing{opacity:0.85}.branch-action-invite{opacity:1}.branch-btn-invite{border:1px solid rgba(255,255,255,0.45);background:rgba(255,255,255,0.18);border-radius:999px;padding:0.3rem 0.9rem;font-size:0.85rem;color:white}.branch-btn-invite:hover{background:rgba(255,255,255,0.3)}.branch-btn-existing{border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.12);border-radius:999px}.branch-btn{background:none;border:none;color:rgba(255,255,255,0.85);font-size:0.78rem;padding:0.1rem 0.4rem;border-radius:6px;text-decoration:none}.branch-btn:hover{background:rgba(255,255,255,0.2);color:white}
