.auth-form-side{position:relative}
.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-language,.guest-language{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:86px;min-height:42px;padding:0 12px;border:1px solid #9fb4e783;border-radius:14px;background:linear-gradient(145deg,#465b8b6b,#2530529e);box-shadow:inset 0 1px 0 #ffffff36,0 7px 20px #070c2a36;color:#eaf0ff;font-size:13px;font-weight:720;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}
.auth-language .icon,.guest-language .icon{width:18px;height:18px;color:currentColor;filter:none}
.auth-language:focus-visible,.guest-language:focus-visible,.support-composer button:focus-visible{outline:2px solid #9fb7ff;outline-offset:3px}
.auth-desktop-language{display:none}
.route-guest-support .page-header{display:flex;align-items:center;justify-content:center;padding:0 66px}
.route-guest-support .page-title{min-width:0;text-align:center;white-space:nowrap}
.route-guest-support .header-back{position:absolute;left:15px;top:10px;display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0}
.route-guest-support .guest-language{position:absolute;right:15px;top:10px;min-width:42px;width:42px;margin:0;padding:0}

.support-chat-page{width:min(100%,860px);min-height:calc(100dvh - 70px);display:flex;flex-direction:column;gap:17px}
.support-hero{display:flex;align-items:center;gap:17px;position:relative;padding:21px 23px;border:1px solid #829ada66;border-radius:24px;background:radial-gradient(circle at 100% 0,#5166ad55,transparent 50%),linear-gradient(135deg,#202b4c,#161d31 70%);box-shadow:inset 0 1px 0 #ffffff28,0 16px 36px #06102d43}
.support-hero-icon{display:grid;place-items:center;flex:none;width:57px;height:57px;border:1px solid #a9bdfa73;border-radius:18px;background:linear-gradient(145deg,#7189d05e,#485b9f45);box-shadow:inset 0 1px 0 #ffffff39;color:#e7eeff}
.support-hero-icon .icon{width:27px;height:27px;color:currentColor;filter:none}
.support-hero-copy{min-width:0;flex:1}
.support-kicker{display:block;color:#aabcf1;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.3}
.support-hero h1{margin:5px 0 4px;color:#f8faff;font-size:25px;line-height:1.15;letter-spacing:-.025em}
.support-hero p{margin:0;color:#bcc8e2;font-size:13px;line-height:1.5}
.support-status{align-self:flex-start;flex:none;padding:7px 10px;border:1px solid #8ecfb183;border-radius:999px;background:#51ad8d2c;color:#9de1c4;font-size:11px;font-weight:750;white-space:nowrap}
.support-conversation{display:flex;flex:1;flex-direction:column;min-height:270px;padding:0;border:1px solid #6679a359;border-radius:23px;background:linear-gradient(160deg,#161e31,#101624);overflow:hidden}
.support-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #899dc02c;background:#ffffff08}
.support-conversation-head>div{display:flex;flex-direction:column;gap:3px}
.support-conversation-head strong{color:#f1f5ff;font-size:15px}
.support-conversation-head small{color:#a7b5d0;font-size:12px}
.support-conversation-head>span{display:inline-flex;align-items:center;gap:5px;color:#a7b8d9;font-size:11px;white-space:nowrap}
.support-conversation-head .icon{width:15px;height:15px;color:currentColor;filter:none}
.support-chat-page .support-chat-list{display:flex;flex:1;flex-direction:column;gap:16px;min-height:215px;max-height:min(48dvh,520px);overflow:auto;padding:20px}
.support-chat-page .chat-line{max-width:min(80%,480px)}
.support-chat-page .chat-bubble{padding:12px 15px;border-color:#8496be57;border-radius:17px 17px 17px 5px;background:#26314a;color:#f5f8ff;font-size:14px;line-height:1.55}
.support-chat-page .chat-line.mine .chat-bubble{border-color:#9eb8f989;border-radius:17px 17px 5px 17px;background:linear-gradient(135deg,#5877c7,#596bb2)}
.support-chat-page .chat-line small{margin:6px 3px 0;color:#9facbd;font-size:11px}
.support-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.support-empty-icon{display:grid;place-items:center;width:53px;height:53px;margin-bottom:12px;border:1px solid #a3b7e85a;border-radius:16px;background:#7a94d127}
.support-empty-icon .icon{width:25px;height:25px;color:#bbceff;filter:none}
.support-empty strong{color:#eff3ff;font-size:17px}
.support-empty p{margin:7px 0 0;color:#aab8d1;font-size:13px;line-height:1.5}
.support-chat-page .support-composer{display:block;position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:3;margin:0;padding:12px;border:1px solid #8fa6d47a;border-radius:21px;background:linear-gradient(145deg,#222d48ef,#182137f2);box-shadow:inset 0 1px 0 #ffffff20,0 14px 35px #030a1e78;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.support-name{display:block;margin:2px 3px 11px;color:#cbd6ee;font-size:12px;font-weight:700}
.support-name input{display:block;width:100%;height:42px;margin-top:6px;padding:0 12px;border:1px solid #8597bd72;border-radius:12px;background:#10182a;color:#f5f7ff;font-size:14px}
.support-name input::placeholder{color:#8d9bb4}
.support-compose-row{display:flex;align-items:flex-end;gap:10px}
.support-chat-page .support-composer textarea{flex:1;min-width:0;min-height:48px;max-height:160px;padding:12px 13px;border:1px solid #8597bd72;border-radius:13px;background:#10182a;color:#f5f7ff;font-size:14px;line-height:1.45}
.support-chat-page .support-composer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:82px;min-height:48px;padding:0 13px;font-size:14px}
.support-chat-page .support-composer button span{font-size:17px}

@media(max-width:899px){
  .auth-desktop-language{display:none}
  .auth-brand-row .auth-wordmark>span{display:none}
  .support-chat-page{min-height:calc(100dvh - 62px);padding-top:18px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;gap:14px}
  .support-hero{padding:18px;gap:12px}
  .support-hero-icon{width:49px;height:49px;border-radius:15px}
  .support-hero h1{font-size:22px}
  .support-status{font-size:10px;padding:6px 8px}
  .support-conversation{min-height:240px}
  .support-chat-page .support-chat-list{max-height:none;min-height:190px}
}
@media(max-width:359px){
  .auth-language{min-width:72px;padding:0 9px;font-size:12px}
  .auth-brand-row .auth-wordmark{gap:7px;font-size:16px}
  .auth-brand-row .auth-brand-small{width:36px;height:36px}
  .support-status{display:none}
  .support-conversation-head>span{font-size:0}
  .support-conversation-head .icon{width:17px;height:17px}
}
@media(min-width:900px){
  .auth-desktop-language{display:block;position:absolute;top:26px;right:32px}
  .auth-language{border-color:#cdbde2;background:linear-gradient(145deg,#ffffffeb,#f1e9f9);color:#76539a;box-shadow:inset 0 1px 0 #fff,0 7px 19px #6142781a}
  .support-chat-page{min-height:calc(100dvh - 190px);padding-top:20px!important}
  .support-hero{border-color:#ded1eb;background:radial-gradient(circle at 100% 0,#e8d9f6,transparent 45%),linear-gradient(135deg,#fff,#f7f1fa);box-shadow:0 15px 40px #6043711c}
  .support-hero-icon{border-color:#d8c4e8;background:#eee3f7;color:#78549e}
  .support-kicker{color:#8b63aa}
  .support-hero h1,.support-conversation-head strong{color:#33243e}
  .support-hero p,.support-conversation-head small{color:#776982}
  .support-status{border-color:#b8ddc7;background:#e6f7ec;color:#318267}
  .support-conversation{border-color:#e5d8eb;background:#fff}
  .support-conversation-head{border-color:#ebdff0;background:#faf7fc}
  .support-conversation-head>span{color:#8b7a96}
  .support-chat-page .chat-bubble{border-color:#e2d5e9;background:#f4eef8;color:#3b2d45}
  .support-chat-page .chat-line.mine .chat-bubble{border-color:#a484c6;background:linear-gradient(135deg,#8864b0,#7555a0);color:#fff}
  .support-empty-icon{border-color:#dfd0e9;background:#f3eaf9}
  .support-empty-icon .icon{color:#8c67aa}
  .support-empty strong{color:#3a2b44}
  .support-empty p,.support-chat-page .chat-line small{color:#82748b}
  .support-chat-page .support-composer{border-color:#dfd1e9;background:#fff;box-shadow:0 12px 35px #5535661c}
  .support-name{color:#55465f}
  .support-name input,.support-chat-page .support-composer textarea{border-color:#e1d4e9;background:#fcf9fd;color:#30233a}
}