/* KALLISTUS update 017: polished chat + better mobile mode button */
.chatPage17 .top{position:sticky;top:0;z-index:90;backdrop-filter:blur(14px);background:rgba(255,255,255,.88)}
.chatPage17 .section{padding-top:12px}.chatPage17 .rowTitle h1{letter-spacing:-.7px}.chatLayout{grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:18px}.chatList{background:rgba(255,255,255,.78);border:1px solid #f2dbe6;border-radius:30px;padding:12px;box-shadow:0 18px 50px rgba(17,24,39,.06);max-height:calc(100vh - 220px);overflow:auto}.chatPerson{border-radius:24px;transition:.18s transform,.18s box-shadow,.18s border-color}.chatPerson:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,47,117,.12)}.chatPerson.active{background:linear-gradient(135deg,#fff5fa,#f4edff);border-color:#ff9dbc;box-shadow:0 14px 34px rgba(255,47,117,.13)}.chatBox{border-radius:32px;min-height:calc(100vh - 205px);background:#fff;box-shadow:0 22px 70px rgba(17,24,39,.08);border:1px solid #f1dbe5}.chatHeader{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#fff,#fff8fb);padding:16px 18px}.chatHeader .avatar,.chatPerson .avatar{box-shadow:0 8px 20px rgba(255,47,117,.18)}.chatMessages{flex:1;min-height:430px;max-height:calc(100vh - 390px);padding:20px;background:radial-gradient(circle at 15% 0%,#fff1f7 0,#fff 32%,#faf7ff 100%);scroll-behavior:smooth}.bubble{position:relative;max-width:min(76%,620px);font-size:15px}.bubble.mine{background:linear-gradient(135deg,#ff2f75,#8b5cf6);box-shadow:0 14px 28px rgba(255,47,117,.18)}.bubble.theirs{background:#fff;box-shadow:0 12px 30px rgba(17,24,39,.07)}.bubble:after{content:"";position:absolute;bottom:0;width:12px;height:12px}.bubble.mine:after{right:-3px;background:#8b5cf6;border-bottom-left-radius:16px}.bubble.theirs:after{left:-3px;background:#fff;border-bottom-right-radius:16px;border-left:1px solid #f1dbe5;border-bottom:1px solid #f1dbe5}.typingLine{padding:0 18px;color:#ff2f75;font-weight:800}.typingLine:not(:empty)::before{content:"💬 ";}.chatForm{grid-template-columns:auto 1fr auto;padding:14px;gap:10px;align-items:end;background:rgba(255,255,255,.94)}.chatQuick{grid-column:1/-1;display:flex;gap:8px;margin:0}.chatQuick button{background:#fff;border:1px solid #f1dbe5;box-shadow:0 8px 18px rgba(17,24,39,.06);cursor:pointer}.chatForm textarea{min-height:52px;max-height:140px;border-radius:20px;background:#fff}.chatForm .btn{min-height:52px;border-radius:18px}.msgTools{opacity:0;transition:.16s}.bubble:hover .msgTools{opacity:1}.replyBox{grid-column:1/-1;background:#fff5fa;border:1px solid #ffd2e4;color:#111}.matchOverlay17{position:fixed;inset:0;background:rgba(17,24,39,.42);z-index:999;display:grid;place-items:center;animation:fadeMatch17 2.5s both}.matchOverlay17>div{background:#fff;border-radius:34px;padding:34px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:popMatch17 .6s both}.matchOverlay17 span{font-size:64px;display:block;animation:heartBeat17 1s infinite}.matchCard{animation:softPop17 .7s both}.modeFloat17{right:26px!important;bottom:26px!important;background:linear-gradient(135deg,#111827,#374151)!important}.modeFloat17.active{background:linear-gradient(135deg,#ff2f75,#8b5cf6)!important}@keyframes fadeMatch17{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes popMatch17{0%{transform:scale(.76);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes heartBeat17{50%{transform:scale(1.12)}}@keyframes softPop17{0%{transform:scale(.96);opacity:.3}100%{transform:scale(1);opacity:1}}
@media(max-width:760px){body.chatPage17{background:#fff}.chatPage17 .phone{padding-bottom:0!important}.chatPage17 .top{border-radius:0}.chatPage17 .section{padding:0!important;margin:0!important}.chatPage17 .rowTitle{padding:10px 14px;margin:0}.chatLayout{display:block}.chatList{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;max-height:none;border-radius:0;border-left:0;border-right:0;padding:10px 12px;box-shadow:none;background:#fff}.chatPerson{min-width:220px;padding:10px;border-radius:22px}.chatBox{border:0;border-radius:0;min-height:calc(100vh - 188px);box-shadow:none}.chatHeader{padding:12px 14px}.chatMessages{min-height:calc(100vh - 360px);max-height:calc(100vh - 350px);padding:14px 12px}.bubble{max-width:86%;font-size:15px}.chatForm{position:sticky;bottom:0;grid-template-columns:1fr auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -14px 35px rgba(17,24,39,.08)}.chatQuick{overflow:auto;padding-bottom:2px}.chatForm textarea{min-height:48px}.chatForm .btn{min-height:48px;padding:0 16px}.msgTools{opacity:1}.modeFloat17{left:auto!important;right:14px!important;top:76px!important;bottom:auto!important;width:52px;height:52px;border-radius:18px;padding:0!important;display:grid!important;place-items:center;box-shadow:0 14px 30px rgba(17,24,39,.22)!important}.modeFloat17 b{display:none!important}.modeFloat17::after{content:"";position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff}.mobileSwipeQuick,.mobileViewsQuick{bottom:104px!important}.nav{z-index:120}.chatPage17 .nav{display:none}.chatPage17 .mobileFeatureBar{display:none}.emptyChat{min-height:calc(100vh - 240px)}}
@media(min-width:761px){.chatPage17 .phone{max-width:1500px}.chatPage17 .section{padding-left:28px;padding-right:28px}.modeFloat17{bottom:28px!important}}