.modern-chat-section{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:var(--font-primary);font-weight:400;letter-spacing:-.011em;z-index:1100}:root.dark-mode .modern-chat-section{background:linear-gradient(135deg,#000000,#1c1c1e)}.modern-chat-header{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);padding:12px 20px;height:70px;position:sticky;top:0;z-index:100}.header-left{gap:15px}.back-button,.header-left{display:flex;align-items:center}.back-button{justify-content:center;width:40px;height:40px;border-radius:20px;background:rgba(0,122,255,.1);color:#007AFF;text-decoration:none;transition:all .2s ease}.back-button:hover{background:rgba(0,122,255,.2);transform:scale(1.05)}.back-icon{font-size:20px}.partner-info{display:flex;align-items:center;gap:12px}.partner-avatar{position:relative;width:44px;height:44px;border-radius:22px;overflow:hidden;border:2px solid rgba(0,122,255,.2)}.avatar-image{object-fit:cover}.online-dot{position:relative;right:2px;width:12px;height:12px;background:#34C759;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}.partner-details{display:flex;flex-direction:column;gap:2px}.partner-name{font-size:17px;font-weight:600;color:#1c1c1e;margin:0;line-height:1.2}.partner-name,.partner-status{font-family:var(--font-primary);letter-spacing:-.011em}.partner-status{font-size:13px;color:#8e8e93;font-weight:400}.connecting-status,.waiting-text{display:flex;align-items:center;gap:2px}.dot-animation{display:inline-flex;gap:1px}.dot-animation .dot{animation:dotPulse 1.5s infinite;color:#8e8e93}.dot-animation .dot:nth-child(2){animation-delay:.3s}.dot-animation .dot:nth-child(3){animation-delay:.6s}.header-action-buttons,.header-right{display:flex;align-items:center}.header-action-buttons{gap:8px}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;min-width:auto;height:auto;white-space:nowrap}.header-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.02)}.header-btn svg{font-size:16px;flex-shrink:0}.btn-text{font-size:13px;font-weight:500;white-space:nowrap}.dark-mode-btn{color:#007AFF;min-width:40px;padding:8px 10px}.dark-mode-btn:hover{background:rgba(0,122,255,.15)}.dark-mode-btn .btn-text{display:none}.leave-chat-btn{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.3);color:#dc3545}.leave-chat-btn:hover{background:rgba(220,53,69,.2);border-color:rgba(220,53,69,.4)}.leave-chat-btn.confirm-leave{border-color:#dc3545;animation:pulse-red 1s infinite}.start-chat-btn{background:rgba(40,167,69,.1);border-color:rgba(40,167,69,.3);color:#28a745;animation:pulse-green 3s ease-in infinite}.start-chat-btn:hover{background:rgba(40,167,69,.2);border-color:rgba(40,167,69,.4)}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 rgba(220,53,69,.7)}50%{box-shadow:0 0 0 8px rgba(220,53,69,0)}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7)}20%{box-shadow:0 0 0 8px rgba(40,167,69,0)}40%,to{box-shadow:0 0 0 0 rgba(40,167,69,0)}}.modern-chat-window{flex:1;overflow-y:auto;padding:20px;background:transparent;display:flex;flex-direction:column;gap:8px}.modern-chat-window::-webkit-scrollbar{width:4px}.modern-chat-window::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.modern-chat-window::-webkit-scrollbar-track{background:transparent}.privacy-notice{background:linear-gradient(135deg,rgba(52,199,89,.1),rgba(48,176,199,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:10px 16px;font-size:13px;color:#1c1c1e;text-align:center;border:1px solid rgba(52,199,89,.2);box-shadow:0 2px 10px rgba(52,199,89,.1);max-width:400px;line-height:1.4;font-family:var(--font-primary);font-weight:400;letter-spacing:-.011em;margin:25px auto}.privacy-notice strong{color:#34c759;font-weight:600}.messages-container{display:flex;flex-direction:column;gap:12px;min-height:0}.imessage-bubble-container{display:flex;flex-direction:column;max-width:75%;animation:messageSlideIn .3s ease-out}.user-bubble{align-self:flex-end;align-items:flex-end}.assistant-bubble{align-self:flex-start;align-items:flex-start}.imessage-bubble{position:relative;max-width:100%;margin-bottom:2px}.user-message{background:linear-gradient(135deg,#007AFF,#5AC8FA);border-radius:20px 20px 4px 20px;margin-left:40px}.assistant-message{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:20px 20px 20px 4px;margin-right:40px}.bubble-content{padding:12px 16px;position:relative;z-index:2}.bubble-text{font-size:16px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;display:block;font-family:var(--font-primary);font-weight:400;letter-spacing:-.011em}.user-message .bubble-text{color:white}.assistant-message .bubble-text{color:#1c1c1e}.modern-chat-footer{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:16px 20px 20px;position:sticky;bottom:0}.modern-chat-input-wrapper{display:flex;flex-direction:column;gap:12px}.modern-input-container{display:flex;align-items:center;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:8px 16px;gap:12px;transition:all .2s ease}.modern-chat-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;line-height:1.4;color:#1c1c1e;min-height:22px;max-height:120px;overflow-y:auto;resize:none;white-space:pre-wrap;word-wrap:break-word;padding:0;margin:0;position:relative;text-align:left}.modern-chat-input.empty:before{content:attr(data-placeholder);color:#8e8e93;position:absolute;left:0;top:0}.modern-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;background:#007AFF;border:none;color:white;cursor:pointer;transition:all .2s ease;flex-shrink:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}:root.dark-mode{--chat-bg-light:#1c1c1e;--chat-bg-dark:#000000;--chat-header-bg:rgba(28,28,30,0.95);--chat-footer-bg:rgba(28,28,30,0.95);--chat-bubble-user:linear-gradient(135deg,#0A84FF,#64D2FF);--chat-bubble-assistant:rgba(58,58,60,0.95);--chat-text-primary:#ffffff;--chat-text-secondary:#98989d;--chat-border:rgba(84,84,88,0.6);--chat-input-bg:rgba(58,58,60,0.8)}.dark-mode .modern-chat-header{background:var(--chat-header-bg);border-bottom:1px solid var(--chat-border)}.dark-mode .partner-name{color:var(--chat-text-primary)}.dark-mode .partner-status{color:var(--chat-text-secondary)}.dark-mode .privacy-notice{background:linear-gradient(135deg,rgba(52,199,89,.15),rgba(48,176,199,.15));border-color:rgba(52,199,89,.3);color:var(--chat-text-primary)}.dark-mode .assistant-message{background:var(--chat-bubble-assistant);border:1px solid var(--chat-border)}.dark-mode .assistant-message .bubble-text{color:var(--chat-text-primary)}.dark-mode .modern-chat-footer{background:var(--chat-footer-bg);border-top:1px solid var(--chat-border)}.dark-mode .modern-input-container{background:var(--chat-input-bg);border:1px solid var(--chat-border)}.dark-mode .modern-chat-input{color:var(--chat-text-primary)}.dark-mode .leave-chat-btn{background:rgba(220,53,69,.2);border-color:rgba(220,53,69,.4);color:#ff6b7a}.dark-mode .leave-chat-btn:hover{background:rgba(220,53,69,.3);color:#fff}.dark-mode .start-chat-btn{background:rgba(40,167,69,.2);border-color:rgba(40,167,69,.4);color:#51cf66}.dark-mode .start-chat-btn:hover{background:rgba(40,167,69,.3);color:#fff}@media (max-width:768px){.imessage-bubble-container{max-width:85%}.user-message{margin-left:20px}.assistant-message{margin-right:20px}}.sidebar{width:25%;background:var(--background-alt);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.profile-pic{width:80px;height:80px;background:var(--primary-color);border-radius:50%;margin-bottom:20px}.status-box{color:gray;margin-top:20px}.status-box a{color:white;text-decoration:underline}