.chat-page{padding:38px 0 10px;animation:chatReveal .5s ease both}.chat-page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.chat-page-heading h1{font-size:48px;margin:8px 0}.chat-page-heading h1 em{color:#896951;font-weight:400}.chat-page-heading p{color:#82786f;font-size:13px}.chat-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);height:660px;max-height:calc(100dvh - 100px);min-height:520px;border:1px solid #ded6cb;border-radius:24px;overflow:hidden;background:#fffcf8;box-shadow:0 24px 70px #4933260c}.chat-sidebar{background:#f4efe7;display:flex;flex-direction:column;min-height:0;border-right:1px solid #e3dacf}.chat-sidebar-title{padding:24px 24px 15px;display:flex;align-items:center;justify-content:space-between}.chat-sidebar-title h2{font-size:27px;margin:0}#chatThreads{overflow-y:auto;flex:1;padding:0 12px}.chat-thread{width:100%;display:flex;text-align:left;align-items:center;gap:12px;padding:17px 12px;border:0;border-radius:13px;background:transparent;color:#40372f;cursor:pointer;transition:background .22s,transform .22s;margin-bottom:4px;font:inherit}.chat-thread:hover{background:#ebe3d8;transform:translateX(2px)}.chat-thread.selected{background:#fffaf3;box-shadow:0 4px 16px #412c1410}.chat-avatar{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#d9c4ad,#ae8e75);color:white;font:24px Georgia,serif}.official .chat-avatar,.chat-welcome-seal{background:#452d39;color:#e9cfa9}.chat-thread>span:nth-child(2){min-width:0;flex:1}.chat-thread b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread small{display:block;font-size:9px;color:#968778;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-thread p{font-size:11px;margin:7px 0 0;color:#81756a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread em{font:10px Manrope,sans-serif;min-width:19px;height:19px;border-radius:50%;background:#583b47;color:white;display:grid;place-items:center}.chat-presence{position:absolute;width:10px;height:10px;right:0;bottom:1px;border-radius:50%;background:#b9ada1;border:2px solid #f4efe7}.chat-presence.online{background:#6d937c;animation:presenceGlow 3s infinite}.chat-verified{font-style:normal;color:#9d7e54;font-size:13px}.chat-list-pages{display:flex;align-items:center;justify-content:space-between;padding:8px 22px}.chat-list-pages button{border:0;background:none;color:#735640;padding:8px;cursor:pointer}.chat-list-pages small{font-size:10px;color:#9a8b7c}.chat-privacy{font-size:9px;line-height:1.9;color:#9a8c7e;padding:0 22px 20px}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 90% 0%,#e6d7c34f,transparent 60%),#fffcf8}.chat-room-header{position:static!important;height:auto!important;background:#fffcf8e8!important;backdrop-filter:blur(10px);box-shadow:none!important;border-bottom:1px solid #eee5db;display:flex;align-items:center;gap:14px;padding:20px 26px;flex-shrink:0;z-index:1}.chat-room-header>div{flex:1;min-width:0}.chat-room-header h2{font:600 13px Manrope,sans-serif;margin:0 0 5px}.chat-room-header small{font-size:10px;color:#9a8b7c;display:block}.chat-online-label{font-size:9px;color:#aca094;display:block;margin-top:5px}.chat-online-label.online{color:#648571}.chat-online-label:before{content:'●';margin-right:5px}.chat-room-header .text-action{font-size:9px;color:#9b8575}.chat-timeline{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 28px;scrollbar-width:thin;scrollbar-color:#d9cdbf transparent;min-height:0}.chat-older{display:block;border:1px solid #e7ddd0;border-radius:20px;padding:8px 16px;margin:0 auto 18px;background:#fffaf5;color:#9c826c;font:10px Manrope,sans-serif;cursor:pointer}.chat-older[hidden]{display:none}.chat-message{display:flex;margin:0 0 13px;animation:chatReveal .32s cubic-bezier(.2,.8,.3,1) both}.chat-message.mine{justify-content:flex-end}.chat-bubble{max-width:78%;background:#f0e9df;border:1px solid #e8dfd3;border-radius:18px 18px 18px 4px;padding:13px 17px;min-width:105px}.mine .chat-bubble{background:linear-gradient(130deg,#593e4b,#452d3a);border-color:#563745;color:#fff8f0;border-radius:18px 18px 4px 18px;box-shadow:0 5px 15px #442b3610}.chat-bubble p{font-size:12px;line-height:1.85;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:8px;font-size:8px;color:#a29382}.mine .chat-message-meta{color:#c3aeba}.chat-check{font-size:12px;color:#c3aeba;transition:color .3s,transform .3s}.chat-check.read{color:#eacf9c;transform:scale(1.07)}.chat-image{padding:0;display:block;border:0;background:none;cursor:zoom-in;border-radius:11px;overflow:hidden;max-width:270px;margin-bottom:8px}.chat-image img{display:block;width:100%;max-height:260px;object-fit:cover;min-height:120px}.chat-typing{min-height:26px;flex-shrink:0;font-size:10px;color:#a38b79;padding:3px 30px;display:flex;align-items:center;gap:9px}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#a58770;animation:typingBounce 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-composer{margin:0 22px 16px;padding:13px 14px 8px;background:#fff;border:1px solid #e7ddd1;border-radius:16px;box-shadow:0 4px 20px #4e352608;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.chat-composer:focus-within{border-color:#bc9e80;box-shadow:0 0 0 3px #b79b7710}.chat-composer-row{display:flex;gap:12px;align-items:center}.chat-composer textarea{border:0!important;background:transparent!important;padding:4px!important;box-shadow:none!important;resize:none;min-height:42px;max-height:100px;flex:1;font-size:12px;line-height:1.7}.chat-attach{display:grid!important;place-items:center;position:relative;width:27px;height:35px;flex:0 0 27px;color:#a38469;font-size:25px;cursor:pointer;overflow:hidden}.chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.chat-send{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:#513441;color:#f8e7ce;font-size:24px;cursor:pointer;transition:transform .2s,box-shadow .2s}.chat-send:hover{transform:translateY(-2px);box-shadow:0 5px 12px #4b2c3225}.chat-send:disabled{opacity:.4;cursor:default}.chat-composer-hint{display:flex;justify-content:space-between;font-size:8px;color:#b1a191;margin-top:5px;gap:10px}.chat-composer-hint small{font-size:8px;white-space:nowrap}.chat-file-preview{display:flex;justify-content:space-between;font-size:10px;padding:0 0 10px;color:#8a6d54;gap:10px}.chat-file-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-preview button{font-size:10px}.chat-readonly{opacity:.7}.chat-footnote{font-size:9px;color:#a99b8c;margin-top:14px;text-align:center;line-height:1.9}.chat-error{font-size:12px;color:#a24953}.chat-error:empty{display:none}.chat-welcome{margin:auto;text-align:center;padding:35px;max-width:480px}.chat-welcome-seal{width:85px;height:85px;border-radius:50%;margin:0 auto 28px;display:grid;place-items:center;font:50px Georgia,serif;box-shadow:0 0 0 12px #eddfcb55;animation:sealFloat 6s ease-in-out infinite}.chat-welcome h2{font-size:45px;line-height:1.1;margin:20px 0;color:#5d4939}.chat-welcome h2 em{font-weight:400}.chat-welcome .eyebrow{font-size:8px}.chat-welcome p,.chat-list-empty{font-size:12px;line-height:1.9;color:#a18e7c}.chat-list-empty{padding:20px}.chat-official-note{padding:20px 25px;background:#f6f0e8;border-top:1px solid #e8ddd0;font-size:10px;color:#a28b75;line-height:1.9}.official-bubble .chat-bubble{max-width:92%;padding:23px;background:#faf3e7;border-color:#dfcba8}.official-bubble h3{font-size:27px;margin:12px 0}.official-bubble .eyebrow{font-size:8px}.chat-back{display:none}.chat-profile-invite{background:linear-gradient(130deg,#f5ebdf,#fcf8f2);border-color:#dac2a5;margin-bottom:20px}.chat-profile-invite p{font-size:12px;color:#9c826c;line-height:1.9}.chat-mobile-entry{margin:0 0 20px}#chatLink span:not(:empty){display:inline-grid;place-items:center;background:#583946;border-radius:50%;color:white;min-width:17px;height:17px;font-size:9px;margin-left:3px}#chatStartDialog{max-width:480px;width:calc(100% - 30px);padding:32px;border:1px solid #d8c1a5;border-radius:20px;background:#fffbf5}#chatStartDialog h2{font-size:36px;margin:18px 0}.chat-start-actions{display:flex;gap:12px;margin-top:20px}#chatPhotoDialog{padding:35px 15px 15px;max-width:90vw;max-height:90dvh;border:0;border-radius:16px;background:#f9f3e9}#chatPhotoDialog img{max-width:85vw;max-height:80dvh;object-fit:contain}#chatPhotoDialog::backdrop,#chatStartDialog::backdrop{background:#33232bbd;backdrop-filter:blur(8px)}.broadcast-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.broadcast-card{border:1px solid #e0d1be;border-radius:20px;background:#fcf7ef;padding:30px}.broadcast-card label{margin:18px 0;display:block}.broadcast-card h2{font-size:32px}.broadcast-card p{font-size:12px;line-height:1.9}.broadcast-history{margin-top:25px}.broadcast-history article{padding:16px 0;border-bottom:1px solid #e8ded2}.broadcast-history small{color:#9a826c}.broadcast-preview-text{white-space:pre-wrap;overflow-wrap:anywhere}.broadcast-confirm{display:flex!important;gap:10px;align-items:flex-start}.broadcast-confirm input{width:17px;flex:0 0 17px}.broadcast-confirm span{font-size:12px}
@keyframes chatReveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes presenceGlow{50%{box-shadow:0 0 0 4px #73947b12}}@keyframes sealFloat{50%{transform:translateY(-5px)}}
@media(max-width:760px){.chat-page{padding-top:20px}.chat-page-heading{margin-bottom:18px}.chat-page-heading h1{font-size:33px}.chat-page-heading h1 em{display:block}.chat-page-heading>.btn{display:none}.chat-page-heading .eyebrow{font-size:8px}.chat-workspace{display:block;height:calc(100dvh - 200px);max-height:none;min-height:490px;border-radius:17px}.chat-sidebar{height:100%;border:0}.chat-conversation{display:none;height:100%}.room-open .chat-sidebar{display:none}.room-open .chat-conversation{display:flex}.chat-back{display:block;background:none;border:0;font-size:22px;padding:5px;color:#9c8068}.chat-room-header{padding:14px 12px;gap:9px}.room-avatar{width:34px;height:34px;flex-basis:34px;font-size:19px}.chat-room-header h2{font-size:12px}.chat-room-header small{font-size:8px}.chat-room-header .text-action{font-size:8px;max-width:80px}.chat-timeline{padding:17px 12px}.chat-bubble{max-width:88%;padding:11px 13px}.chat-composer{margin:0 10px 10px;padding:10px 10px 7px}.chat-composer-hint{font-size:7px}.chat-composer-row{gap:5px}.chat-typing{padding-left:18px}.chat-footnote{font-size:8px}.broadcast-layout{grid-template-columns:1fr}.broadcast-card{padding:20px}.chat-start-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.chat-page,.chat-message,.typing-dots i,.chat-presence,.chat-welcome-seal{animation:none!important}.chat-thread,.chat-composer,.chat-send,.chat-check{transition:none!important}}
.chat-page-heading h1{font:400 52px/1.1 var(--serif);letter-spacing:-1px}.chat-composer textarea:focus{outline:none}.chat-bubble p{font-size:13px}
@media(max-width:760px){.chat-page-heading h1{font-size:35px;line-height:1.12}.chat-page-heading p{font-size:11px}.chat-workspace{height:calc(100dvh - 330px);min-height:420px}.chat-bubble p{font-size:12px}}

.support-inbox{padding:24px;overflow:auto}.support-inbox>.eyebrow{display:block;margin-top:20px}.support-inbox>h2{font:32px Georgia,serif}.support-inbox>p{font-size:13px;line-height:1.7;color:var(--muted)}