:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171321;background:#f7f7fb;font-synthesis:none;--purple: #7c3aed;--purple-bright: #8b5cf6;--purple-dark: #5b21b6;--purple-soft: #f0e8ff;--paper: #ffffff;--panel: #faf9fd;--border: #e6e1ef;--ink: #171321;--muted: #756b86;--danger: #dc3545}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.62}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{position:relative;display:grid;place-items:center;width:100%;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(145deg,#f8f5ff,#f7f7fb 47%,#eee9fa)}.login-glow{position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none}.login-glow-one{width:360px;height:360px;top:-170px;right:-100px;background:#8b5cf629}.login-glow-two{width:280px;height:280px;bottom:-150px;left:-100px;background:#7c3aed1c}.login-card{position:relative;z-index:1;width:min(100%,450px);padding:29px;border:1px solid rgba(255,255,255,.85);border-radius:26px;background:#ffffffeb;box-shadow:0 25px 65px #35235524;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:43px;font-size:15px;font-weight:850}.login-brand img{width:34px;height:34px;border-radius:10px}.eyebrow{color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.15em}.login-card h1{max-width:350px;margin:10px 0 13px;font-size:clamp(36px,10vw,51px);line-height:.98;letter-spacing:-.05em}.login-card>p{margin:0 0 29px;color:var(--muted);font-size:15px;line-height:1.5}.login-card form>label{display:block;margin:15px 0 7px 3px;color:#40384e;font-size:11px;font-weight:800}.field-shell{display:flex;align-items:center;gap:11px;height:50px;padding:0 14px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:border .18s,box-shadow .18s}.field-shell:focus-within{border-color:var(--purple-bright);box-shadow:0 0 0 4px #8b5cf61c}.field-shell svg{width:18px;color:var(--purple)}.field-shell input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px;font-weight:700}.form-error{margin:9px 3px 0!important;color:#b42331!important;font-size:12px!important}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:51px;margin-top:20px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--purple-bright),var(--purple));box-shadow:0 10px 25px #7c3aed3d;font-size:13px;font-weight:850}.primary-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.primary-button svg{width:18px}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding:12px 13px;border-radius:12px;color:#554968;background:var(--purple-soft);font-size:11px}.demo-note strong{color:var(--purple-dark)}.login-card footer{margin-top:35px;color:#a097ad;text-align:center;font-size:10px}.chat-app{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;color:var(--ink);background:var(--panel)}.chat-header{position:relative;z-index:3;display:flex;flex:none;align-items:center;justify-content:space-between;min-height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#fffffff2;box-shadow:0 5px 18px #2519390f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-identity{display:flex;align-items:center;gap:11px}.chat-identity img{width:40px;height:40px;border-radius:13px;box-shadow:0 5px 13px #7c3aed33}.chat-identity>span{display:flex;flex-direction:column;gap:4px}.chat-identity strong{font-size:14px}.chat-identity small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:650}.online-dot{width:6px;height:6px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 3px #22a06b1f}.header-button{display:grid;place-items:center;width:41px;height:41px;padding:0;border:0;border-radius:13px;color:#62566f;background:#f2eff7}.header-button:hover{color:var(--purple-dark);background:var(--purple-soft)}.header-button svg{width:18px}.driver-strip{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:58px;padding:8px max(17px,env(safe-area-inset-right)) 8px max(17px,env(safe-area-inset-left));border-bottom:1px solid rgba(230,225,239,.9);background:#fbfaff}.driver-strip>span{display:flex;align-items:center;gap:10px}.driver-strip>span>svg{width:20px;color:var(--purple)}.driver-strip>span>span{display:flex;flex-direction:column;gap:2px}.driver-strip strong{font-size:11px}.driver-strip small{color:var(--muted);font-size:9px}.driver-strip>svg{width:17px;color:#afa6bb}.messages{flex:1;min-height:0;overflow-y:auto;padding:17px max(14px,env(safe-area-inset-right)) 18px max(14px,env(safe-area-inset-left));scroll-behavior:smooth;background-color:#f6f3fb;background-image:radial-gradient(circle at 13px 12px,rgba(116,87,151,.07) 0 1px,transparent 1.4px),linear-gradient(35deg,transparent 0 47%,rgba(116,87,151,.035) 48% 49%,transparent 50%);background-size:28px 28px,42px 42px}.day-label{width:max-content;margin:0 auto 21px;padding:5px 9px;border:1px solid rgba(119,103,137,.11);border-radius:8px;color:#81768e;background:#ffffffc7;font-size:8px;font-weight:850;letter-spacing:.12em}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px;animation:message-in .2s ease-out}.message-row.driver{justify-content:flex-end}.assistant-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;color:#fff;background:var(--purple);box-shadow:0 4px 10px #7c3aed33;font-size:10px;font-weight:900}.assistant-avatar svg{width:14px}.message-bubble{position:relative;max-width:min(84%,680px);padding:11px 13px 7px;border:1px solid rgba(226,220,235,.8);border-radius:17px 17px 17px 5px;color:#332c3e;background:#fffffff5;box-shadow:0 5px 15px #3020450f;overflow:hidden}.driver .message-bubble{border-color:#7c3aed33;border-radius:17px 17px 5px;color:#3b1e66;background:#eadcff}.message-bubble p{margin:0;font-size:14px;line-height:1.42;overflow-wrap:anywhere}.message-bubble time{display:block;min-height:12px;margin-top:4px;color:#4a3b5a8a;text-align:right;font-size:8px;font-weight:650}.message-image{display:block;width:min(100%,420px);max-height:370px;margin:-7px -9px 9px;border-radius:12px;object-fit:cover}.audio-message{display:grid;gap:7px;min-width:min(65vw,330px)}.audio-message>span{font-size:11px;font-weight:800}.audio-message audio{display:block;width:100%;height:36px}.location-message{display:flex;align-items:center;gap:11px;min-width:min(65vw,300px);padding:2px}.location-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--purple)}.location-icon svg{width:20px}.location-message>span:last-child{display:flex;flex-direction:column;gap:2px}.location-message strong{font-size:12px}.location-message small{color:#6e5d80;font-size:9px}.typing-bubble{display:flex;gap:4px;padding:13px 15px;border:1px solid var(--border);border-radius:17px 17px 17px 5px;background:#fff}.typing-bubble i{width:6px;height:6px;border-radius:50%;background:#857890;animation:typing 1.2s ease-in-out infinite}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}.composer-region{position:relative;z-index:4;flex:none;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#fffffff7;box-shadow:0 -7px 24px #271a3912;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.composer{display:flex;align-items:center;gap:8px;min-height:67px;padding:9px max(13px,env(safe-area-inset-right)) 9px max(13px,env(safe-area-inset-left))}.message-input{flex:1;min-width:0;height:45px;padding:0 16px;border:1px solid var(--border);border-radius:15px;outline:0;color:var(--ink);background:#fbfaff;font-size:14px}.message-input:focus{border-color:#b79aee;box-shadow:0 0 0 4px #8b5cf617;background:#fff}.message-input::placeholder{color:#9a91a7}.circle-button{display:grid;place-items:center;flex:none;width:43px;height:43px;padding:0;border:0;border-radius:14px}.circle-button svg{width:19px}.circle-button.secondary{color:#5e536a;background:#f0edf4}.circle-button.secondary.active{color:var(--purple-dark);background:var(--purple-soft)}.circle-button.primary{color:#fff;background:var(--purple);box-shadow:0 6px 16px #7c3aed38}.circle-button.primary:hover{background:var(--purple-dark)}.circle-button.recording{background:var(--danger);animation:recording-pulse 1.4s ease-in-out infinite}.circle-button.recording svg{width:15px}.attachment-menu{position:absolute;left:max(13px,env(safe-area-inset-left));bottom:calc(67px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 26px));padding:9px;border:1px solid var(--border);border-radius:18px;background:#fffffffa;box-shadow:0 18px 50px #271a392e;animation:menu-in .18s ease-out}.attachment-menu button{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;column-gap:11px;width:100%;padding:9px;border:0;border-radius:13px;text-align:left;background:transparent}.attachment-menu button:hover{background:#f7f4fb}.attachment-menu button>span{grid-row:1 / 3;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:var(--purple);background:var(--purple-soft)}.attachment-menu button svg{width:19px}.attachment-menu strong{align-self:end;font-size:12px}.attachment-menu small{align-self:start;color:var(--muted);font-size:9px}.recording-strip{display:flex;align-items:center;gap:9px;padding:10px 17px 0;color:#a51f2f;font-size:11px}.recording-strip time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:recording-pulse 1.2s ease-in-out infinite}.composer-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 13px 0;padding:9px 11px;border:1px solid #f0c8ce;border-radius:11px;color:#a51f2f;background:#fff2f4;font-size:10px;font-weight:700}.composer-error button{display:grid;place-items:center;flex:none;width:25px;height:25px;padding:0;border:0;border-radius:8px;color:inherit;background:#f9dfe3}.composer-error svg{width:14px}.spin{animation:spin .8s linear infinite}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes recording-pulse{50%{opacity:.65}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media(min-width:760px){.chat-header{padding-left:28px;padding-right:28px}.driver-strip{padding-left:29px;padding-right:29px}.messages{padding:25px max(8vw,30px)}.composer{padding-left:max(8vw,30px);padding-right:max(8vw,30px)}.attachment-menu{left:max(8vw,30px)}.composer-error{margin-left:max(8vw,30px);margin-right:max(8vw,30px)}.recording-strip{padding-left:max(8vw,34px);padding-right:max(8vw,34px)}}@media(max-width:390px){.login-card{padding:24px 20px}.login-brand{margin-bottom:34px}.message-bubble{max-width:88%}.driver-strip>svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}