:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:900px){.chat-header-sticky{position:sticky!important;top:0;left:0;right:0;z-index:20;background:#fffffff7!important;box-shadow:0 2px 12px #3a8dde0a!important;padding:10px 8px 8px!important;min-height:48px!important;max-height:60px!important;border-bottom:1.5px solid #e3eaf2!important;display:flex!important;align-items:center!important;gap:8px!important}.chat-header-sticky img,.chat-header-sticky .avatar{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:16px!important}.chat-header-sticky span,.chat-header-sticky div{font-size:13px!important;max-width:120px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:600px){.chat-header-sticky{padding:6px 2px!important;min-height:36px!important;max-height:44px!important;gap:4px!important}.chat-header-sticky img,.chat-header-sticky .avatar{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:12px!important}.chat-header-sticky span,.chat-header-sticky div{font-size:11px!important;max-width:80px!important}}@media(max-width:900px){.chat-bubble{max-width:80vw!important;font-size:15px!important;padding:10px 14px!important;margin-left:8px!important;margin-right:8px!important;border-radius:16px!important;min-width:0!important;word-break:break-word}.chat-bubble.me{background:#00cfff!important;color:#fff!important;align-self:flex-end!important;border-bottom-right-radius:8px!important;border-bottom-left-radius:16px!important;padding-right:38px!important}.chat-bubble.other{background:#fff!important;color:#23263a!important;align-self:flex-start!important;border-bottom-left-radius:8px!important;border-bottom-right-radius:16px!important}.chat-bubble{position:relative;padding-bottom:18px!important;background:#fff}.chat-bubble .msg-time{position:absolute;right:12px;bottom:2px;font-size:11px!important;color:#eaf2ffb0!important;background:transparent;margin:0;padding:0;z-index:2;pointer-events:none;text-shadow:0 1px 2px #0002;letter-spacing:.2px}.chat-bubble.other .msg-time{color:#7a8ca3!important;text-shadow:none}.chat-input-bar{padding:6px 4px!important;gap:4px!important;border-radius:0 0 12px 12px!important;min-height:48px!important;max-height:60px!important;background:#fff!important;box-shadow:0 -2px 12px #3a8dde11!important}.chat-input-bar input[type=text]{font-size:15px!important;padding:8px 10px!important;border-radius:10px!important;min-width:0!important;width:100%!important;max-width:100vw!important}.chat-input-bar button{font-size:18px!important;min-width:32px!important;min-height:32px!important;padding:0 4px!important}}@media(max-width:600px){.chat-bubble{max-width:94vw!important;font-size:14px!important;padding:8px!important;margin-left:2px!important;margin-right:2px!important;border-radius:13px!important;min-width:0!important;word-break:break-word}.chat-bubble.me{background:linear-gradient(90deg,#00cfff 60%,#5f4cff)!important;color:#fff!important;align-self:flex-end!important;border-bottom-right-radius:6px!important;border-bottom-left-radius:13px!important}.chat-bubble.other{background:#fff!important;color:#23263a!important;align-self:flex-start!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:13px!important}.chat-input-bar{padding:3px 2px!important;gap:2px!important;border-radius:0 0 8px 8px!important;min-height:40px!important;max-height:52px!important;background:#fff!important;box-shadow:0 -2px 12px #3a8dde11!important}.chat-input-bar input[type=text]{font-size:13px!important;padding:6px!important;border-radius:8px!important;min-width:0!important;width:100%!important;max-width:100vw!important}.chat-input-bar button{font-size:15px!important;min-width:26px!important;min-height:26px!important;padding:0 2px!important}}@media(max-width:900px){.chat-app-main{max-width:100vw!important;width:100vw!important;min-width:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;flex-direction:column!important;display:flex!important}.chat-app-sidebar{width:100vw!important;min-width:0!important;max-width:100vw!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;padding:10px 0!important;gap:10px!important;box-shadow:0 2px 12px #3a8dde11!important;position:static!important;border-radius:0!important;z-index:10}.chat-app-sidebar img,.chat-app-sidebar svg,.chat-app-sidebar .avatar{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:22px!important}.chat-app-sidebar select,.chat-app-sidebar input{font-size:12px!important;min-width:60px!important;max-width:90px!important;padding:2px 4px!important}.chat-app-sidebar button{font-size:18px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;margin:0 2px!important}.chat-app-mainarea{flex:1 1 0%;min-width:0;width:100vw!important;max-width:100vw!important;padding:0!important;border-radius:0!important;margin:0!important;background:#fafdff!important;display:flex;flex-direction:column;position:relative}}@media(max-width:600px){.chat-app-main{max-width:100vw!important;width:100vw!important;min-width:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;flex-direction:column!important;display:flex!important}.chat-app-sidebar{width:100vw!important;min-width:0!important;max-width:100vw!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;padding:6px 0!important;gap:6px!important;box-shadow:0 2px 12px #3a8dde11!important;position:static!important;border-radius:0!important;z-index:10}.chat-app-sidebar img,.chat-app-sidebar svg,.chat-app-sidebar .avatar{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:16px!important}.chat-app-sidebar select,.chat-app-sidebar input{font-size:10px!important;min-width:40px!important;max-width:60px!important;padding:1px 2px!important}.chat-app-sidebar button{font-size:14px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0 1px!important}.chat-app-mainarea{flex:1 1 0%;min-width:0;width:100vw!important;max-width:100vw!important;padding:0!important;border-radius:0!important;margin:0!important;background:#fafdff!important;display:flex;flex-direction:column;position:relative}}:root{--mm-bg: #f6f8ff;--mm-text: #0b1020;--mm-muted: rgba(11, 16, 32, .68);--mm-line: rgba(11, 16, 32, .1);--mm-cyan: #00cfff;--mm-blue: #3a8dde;--mm-purple: #7c3aed;--mm-shadow: 0 18px 55px rgba(11, 16, 32, .12)}html,body{height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--mm-bg);color:var(--mm-text);display:block;overflow-x:hidden}a{text-decoration:none;color:inherit}.app{max-width:1200px;width:100%;margin:0 auto}.magic-landing{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(1000px 700px at 18% 10%,rgba(125,211,252,.35),transparent 60%),radial-gradient(900px 650px at 85% 15%,rgba(167,139,250,.22),transparent 60%),var(--mm-bg)}.magic-particles{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;pointer-events:none}.header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#f6f8ffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mm-line)}.logo-container{display:flex;align-items:center}.logo{width:140px;height:auto;display:block}.nav-toggle{display:none;background:none;border:none;cursor:pointer}.nav{display:flex;align-items:center;gap:22px}.nav a{color:#0b1020bf;font-weight:900;letter-spacing:.2px}.nav a:hover{color:#0b1020}@media(max-width:860px){.nav-toggle{display:block}.nav{position:absolute;top:64px;right:14px;background:#ffffffeb;border:1px solid var(--mm-line);box-shadow:var(--mm-shadow);border-radius:16px;padding:14px;flex-direction:column;align-items:flex-start;gap:12px;display:none;min-width:210px}.nav.open{display:flex}}.hero{position:relative;z-index:2;padding:56px 20px 18px;text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(11,16,32,.1);box-shadow:0 10px 28px #0b10201a;font-weight:900;color:#0b1020c7;margin-bottom:16px}.magic-title{font-size:clamp(38px,4.8vw,58px);line-height:1.05;margin:0;font-weight:950;letter-spacing:-.6px;color:#0b1020eb}.magic-gradient{background:linear-gradient(135deg,var(--mm-blue),var(--mm-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin-top:14px;font-size:18px;color:var(--mm-muted);max-width:680px}.hero-buttons{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn{border:none;cursor:pointer;font-weight:900;border-radius:14px;padding:12px 18px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn.primary{background:linear-gradient(135deg,var(--mm-cyan),var(--mm-purple));color:#fff;box-shadow:0 12px 30px #00cfff2e}.btn.primary:hover{transform:translateY(-1px)}.btn.secondary{background:#0b102014;color:#0b1020d9;border:1px solid rgba(11,16,32,.12)}.btn.secondary:hover{background:#0b10201a}.download-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.store-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffffd1;border:1px solid rgba(11,16,32,.12);box-shadow:0 10px 28px #0b10201a;color:#0b1020e0;min-width:260px;transition:transform .12s ease,box-shadow .12s ease}.store-btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0b10201f}.store-btn.disabled{opacity:.68;cursor:not-allowed}.store-ico{font-size:22px}.store-text{display:flex;flex-direction:column;line-height:1.1}.store-title{font-weight:950}.store-sub{font-size:12px;opacity:.65;font-weight:900}.download-note{margin-top:10px;font-size:13px;color:#0b102099}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(11,16,32,.1);font-weight:900;color:#0b1020b3}.magic-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1060px,94%);margin:18px auto 0;padding:0 10px}.magic-feature{background:#ffffffb8;border:1px solid rgba(11,16,32,.1);border-radius:16px;box-shadow:0 12px 30px #0b10201a;padding:16px 14px;display:flex;flex-direction:column;gap:8px;min-height:110px}.magic-feature h3{margin:0;font-size:15px;font-weight:950;color:#0b1020e6}.magic-feature p{margin:0;font-size:13px;color:#0b1020a6;line-height:1.35}.footer.magic-footer{position:relative;z-index:2;margin-top:38px;padding:18px 0 26px;width:100%;border-top:1px solid rgba(11,16,32,.1);background:#f6f8ff8c;color:#0b1020a6;text-align:center;font-weight:900}.footer-inner{width:min(1060px,94%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px}.footer-links{display:flex;gap:16px}.footer-links a{color:#0b1020a6}.footer-links a:hover{color:#0b1020eb}@media(max-width:980px){.magic-features{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}}@media(max-width:560px){.hero{padding-top:34px}.magic-features{grid-template-columns:1fr}.store-btn{min-width:100%}}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;width:min(1120px,94%);margin:0 auto}.hero-left{min-width:0}.hero-right{display:flex;justify-content:flex-end}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-right{justify-content:flex-start;margin-top:20px}}.phone{width:min(390px,92vw);border-radius:28px;background:#ffffffb8;border:1px solid rgba(11,16,32,.12);box-shadow:0 22px 70px #0b102029;overflow:hidden;position:relative}.phone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 380px at 20% 10%,rgba(0,207,255,.14),transparent 55%),radial-gradient(600px 380px at 85% 12%,rgba(124,58,237,.12),transparent 55%);pointer-events:none}.phone-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f6f8ffd9;border-bottom:1px solid rgba(11,16,32,.1)}.phone-back{font-weight:900;font-size:20px;opacity:.8;width:28px;text-align:left}.phone-app{display:flex;align-items:center;gap:10px;font-weight:950;color:#0b1020d9}.phone-app-icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mm-blue),var(--mm-purple));color:#fff;font-weight:950;letter-spacing:.5px}.phone-actions{display:flex;gap:10px;width:60px;justify-content:flex-end;opacity:.85}.phone-screen{position:relative;z-index:2;padding:16px 14px 14px;min-height:300px;background:radial-gradient(900px 520px at 50% 0%,rgba(0,207,255,.1),transparent 55%),radial-gradient(900px 520px at 85% 10%,rgba(124,58,237,.08),transparent 55%),#f6f8ff8c}.msg{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.msg .bubble{max-width:78%;padding:10px 12px;border-radius:16px;box-shadow:0 10px 24px #0b10201a;font-weight:800}.msg.other{align-items:flex-start}.msg.other .bubble{background:#ffffffd9;border:1px solid rgba(11,16,32,.1);color:#0b1020d9;border-top-left-radius:10px}.msg.me{align-items:flex-end}.msg.me .bubble{background:linear-gradient(135deg,var(--mm-cyan),var(--mm-purple));color:#fff;border-top-right-radius:10px}.msg .time{font-size:12px;font-weight:900;opacity:.55}.phone-input{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#ffffffd9;border-top:1px solid rgba(11,16,32,.1)}.phone-input-left{opacity:.7}.phone-placeholder{flex:1;padding:10px 12px;border-radius:14px;background:#0b10200f;border:1px solid rgba(11,16,32,.08);color:#0b10208c;font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-input-right{display:flex;gap:8px}.phone-input-right .round{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mm-blue),var(--mm-purple));color:#fff;box-shadow:0 12px 26px #3a8dde2e;font-weight:900}.mm-login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden}.mm-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:saturate(1.05) contrast(1.05);transform:scale(1.02)}.mm-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 700px at 18% 12%,rgba(0,207,255,.18),transparent 60%),radial-gradient(950px 650px at 84% 15%,rgba(124,58,237,.16),transparent 62%),#0a0c128c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.mm-login-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mm-login-card{position:relative;z-index:2;width:min(420px,92vw);border-radius:22px;padding:18px 18px 16px;background:#121622b8;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px #00000073;overflow:hidden;animation:mmCardIn .22s ease-out}.mm-login-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:conic-gradient(from 180deg,#00cfff00,#00cfff8c,#7c3aed8c,#ffffff26,#00cfff00);filter:blur(10px);opacity:.55;animation:mmSpin 6s linear infinite;pointer-events:none}.mm-login-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:21px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);pointer-events:none}@keyframes mmSpin{to{transform:rotate(360deg)}}@keyframes mmCardIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mm-login-close{position:absolute;top:14px;right:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cfe9ff;width:36px;height:36px;border-radius:12px;font-size:22px;cursor:pointer;z-index:3}.mm-login-close:hover{background:#ffffff1a}.mm-login-header{position:relative;z-index:3;display:grid;gap:10px;padding:18px 12px 10px;text-align:center}.mm-login-logo{width:138px;height:auto;margin:0 auto;filter:drop-shadow(0 10px 24px rgba(0,207,255,.12))}.mm-login-title{font-weight:950;letter-spacing:.3px;font-size:22px;color:#eaf2ff;text-shadow:0 2px 10px rgba(58,141,222,.18)}.mm-login-sub{font-weight:800;font-size:13px;color:#eaf2ffb8}.mm-login-sub2{background:linear-gradient(135deg,#00cfff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.mm-login-form{position:relative;z-index:3;padding:8px 12px;display:grid;gap:12px}.mm-login-label{display:grid;gap:7px;color:#eaf2ffdb;font-weight:900;font-size:12px;letter-spacing:.2px}.mm-login-field{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #00000014;transition:border .15s ease,box-shadow .15s ease,transform .15s ease}.mm-login-ico{opacity:.85}.mm-login-field input{width:100%;border:none;outline:none;background:transparent;color:#eaf2ff;font-weight:800;font-size:14px}.mm-login-field input::placeholder{color:#eaf2ff73;font-weight:800}.mm-login-field:focus-within{border:1px solid rgba(0,207,255,.35);box-shadow:0 0 0 4px #00cfff1a,0 12px 28px #00cfff1a;transform:translateY(-1px)}.mm-login-btn{position:relative;border:none;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:950;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,#00cfff,#7c3aed);box-shadow:0 18px 40px #00cfff24;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;overflow:hidden}.mm-login-btn:hover{transform:translateY(-1px);box-shadow:0 26px 60px #7c3aed2e}.mm-login-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.mm-login-btn-glow{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 45%);transform:translate(-30%);animation:mmGlow 2.8s ease-in-out infinite;pointer-events:none}@keyframes mmGlow{0%,to{transform:translate(-30%);opacity:.65}50%{transform:translate(30%);opacity:.85}}.mm-login-error{margin-top:2px;padding:10px 12px;border-radius:14px;background:#ff4d4f24;border:1px solid rgba(255,77,79,.22);color:#ffb3b3;font-weight:900;font-size:13px}.mm-login-footer{margin-top:4px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#eaf2ffbf;font-weight:900;font-size:13px}.mm-login-link{background:none;border:none;cursor:pointer;font-weight:950;color:#9fe8ff;text-decoration:underline}.mm-login-link:hover{color:#fff}.mm-register{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden}.mm-register-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:saturate(1.05);transform:scale(1.02)}.mm-register:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 700px at 15% 12%,rgba(0,207,255,.2),transparent 60%),radial-gradient(950px 650px at 85% 15%,rgba(124,58,237,.18),transparent 62%),#0a0c1294;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mm-register-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mm-register-card{position:relative;z-index:2;width:min(460px,94vw);border-radius:24px;background:#121622bd;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px #00000073;padding:18px;overflow:hidden}.mm-register-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:conic-gradient(from 180deg,#00cfff00,#00cfff8c,#7c3aed8c,#ffffff26,#00cfff00);filter:blur(12px);opacity:.6;animation:mmSpin 6s linear infinite}.mm-register-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#eaf2ff;font-size:22px;cursor:pointer}.mm-register-header{text-align:center;padding:10px 0}.mm-register-logo{width:140px;margin-bottom:6px;filter:drop-shadow(0 10px 24px rgba(0,207,255,.18))}.mm-register-title{font-size:22px;font-weight:950;color:#eaf2ff}.mm-register-sub{font-size:13px;font-weight:800;color:#eaf2ffbf}.mm-register-sub span{background:linear-gradient(135deg,#00cfff,#7c3aed);-webkit-background-clip:text;color:transparent}.mm-register-avatar{display:grid;place-items:center;gap:8px;margin:14px 0}.mm-register-avatar img,.mm-register-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00cfff,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:24px;box-shadow:0 12px 30px #00cfff40}.mm-register-avatar button{background:none;border:none;color:#9fe8ff;font-weight:900;cursor:pointer}.mm-register-form{display:grid;gap:12px}.mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-field{display:grid;gap:6px;font-size:12px;font-weight:900;color:#eaf2ffd9}.mm-field input{padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#eaf2ff;font-weight:800}.mm-field input:focus{outline:none;border-color:#00cfff73;box-shadow:0 0 0 4px #00cfff1f}.mm-register-btn{margin-top:6px;padding:12px;border-radius:14px;font-weight:950;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#00cfff,#7c3aed);box-shadow:0 20px 50px #00cfff38;position:relative;overflow:hidden}.mm-register-btn-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 45%);animation:mmGlow 3s ease-in-out infinite}.mm-register-error{background:#ff4d4f24;border:1px solid rgba(255,77,79,.25);color:#ffb3b3;padding:10px;border-radius:14px;font-size:13px;font-weight:900}.mm-register-footer{text-align:center;margin-top:8px;font-size:13px;color:#eaf2ffbf}.mm-register-footer button{background:none;border:none;color:#9fe8ff;font-weight:950;cursor:pointer}.mm-home-logoWrap{position:relative;width:120px;height:120px;border-radius:28px;display:flex;align-items:center;justify-content:center}.mm-home-logoImg{width:106px;height:106px;border-radius:28px;background:#fff;object-fit:contain;z-index:3;position:relative;box-shadow:0 4px 26px #3a8dde59;animation:floatRandom 3.2s ease-in-out infinite}.mm-home-halo{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;background:radial-gradient(circle,#6a9cff38,#3a8dde2e 40%,#fff0 70%);filter:blur(3px);animation:haloGlow 3.5s ease-in-out infinite;z-index:1;pointer-events:none}.mm-home-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.mm-home-stars span{position:absolute;filter:drop-shadow(0 0 8px currentColor)}@keyframes floatRandom{0%{transform:translate(0)}20%{transform:translate(-4px,-6px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-3px,7px)}80%{transform:translate(5px,3px)}to{transform:translate(0)}}@keyframes haloGlow{0%{opacity:.6;filter:blur(2px)}50%{opacity:1;filter:blur(4px)}to{opacity:.6;filter:blur(2px)}}@keyframes star-move1{0%{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(4px,-4px)}60%{transform:translate(-2px,6px)}80%{transform:translate(3px,2px)}to{transform:translate(0)}}@keyframes star-move2{0%{transform:translate(0)}20%{transform:translate(5px,-3px)}40%{transform:translate(-4px,5px)}60%{transform:translate(2px,-6px)}80%{transform:translate(-3px,2px)}to{transform:translate(0)}}@keyframes star-move3{0%{transform:translate(0)}20%{transform:translate(-3px,4px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-5px,3px)}80%{transform:translate(2px,-4px)}to{transform:translate(0)}}@keyframes star-move4{0%{transform:translate(0)}20%{transform:translate(4px,5px)}40%{transform:translate(-2px,-6px)}60%{transform:translate(3px,4px)}80%{transform:translate(-4px,-2px)}to{transform:translate(0)}}@keyframes star-move5{0%{transform:translate(0)}20%{transform:translate(-2px,3px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-1px,4px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes star-move6{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(-3px,3px)}60%{transform:translate(1px,-4px)}80%{transform:translate(-2px,1px)}to{transform:translate(0)}}.mobile-screen-wrapper{display:flex;flex-direction:column;min-height:100vh;height:100vh;width:100vw;max-width:100vw;background:linear-gradient(180deg,#f5f7fa,#e8ecf1);margin:0;padding:0;box-sizing:border-box;overflow:hidden}.mobile-simple-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#3a8dde,#2a6db8);color:#fff;box-shadow:0 2px 12px #00000026;position:sticky;top:0;z-index:100;flex-shrink:0}.mobile-header-back{background:#ffffff26;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.mobile-header-back:hover{background:#ffffff40}.mobile-header-title{font-size:18px;font-weight:700;letter-spacing:.5px}.mobile-header-count{font-size:12px;background:#fff3;padding:4px 10px;border-radius:12px;font-weight:600}@media(max-width:768px){.chat-app-main,.chat-app-sidebar{display:none!important}}@media(min-width:769px){.mobile-screen-wrapper,.mobile-home-container,.mobile-chat-container{display:none!important}}@media(max-width:768px){.mobile-screen-wrapper{width:100vw;max-width:100vw;margin:0;padding:0;box-sizing:border-box}}.groups-screen{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#f8fafc,#e8ecf1)}.groups-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#4a5568,#5a6a7d);color:#fff;box-shadow:0 2px 8px #0000001a}.groups-header-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.groups-header-actions{display:flex;gap:12px}.groups-create-btn{background:linear-gradient(135deg,#3a8dde,#5ba3e6);border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.groups-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3a8dde66}.groups-list{flex:1;overflow-y:auto;padding:12px}.groups-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8696a6;gap:16px;padding:40px;text-align:center}.groups-empty-icon{font-size:64px;opacity:.5}.groups-empty-text{font-size:16px;line-height:1.5}.group-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:16px;margin-bottom:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.04)}.group-item:hover{background:#f0f7ff;transform:translate(4px);box-shadow:0 4px 16px #3a8dde1f}.group-item.active{background:linear-gradient(135deg,#e3f0ff,#d6e8ff);border-color:#3a8dde}.group-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e0e7ef;background:#f5f7fa;flex-shrink:0}.group-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.group-name{font-weight:600;font-size:15px;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-last-message{font-size:13px;color:#8696a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.group-time{font-size:11px;color:#a0aec0}.group-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.group-participants{font-size:11px;color:#a0aec0;display:flex;align-items:center;gap:4px}.groups-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#8696a6;gap:12px}.groups-loading-spinner{width:32px;height:32px;border:3px solid rgba(58,141,222,.2);border-top-color:#3a8dde;border-radius:50%;animation:spin 1s linear infinite}.groups-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#e74c3c;text-align:center;gap:12px}.groups-retry-btn{background:#e74c3c;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-size:14px}.create-group-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-group-modal{background:#fff;border-radius:20px;padding:24px;width:90%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.create-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.create-group-title{font-size:18px;font-weight:600;color:#2d3748}.create-group-close{background:none;border:none;font-size:24px;color:#8696a6;cursor:pointer;padding:4px;line-height:1}.create-group-close:hover{color:#e74c3c}.create-group-form{display:flex;flex-direction:column;gap:16px}.create-group-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.create-group-avatar-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e0e7ef;background:#f5f7fa}.create-group-avatar-btn{background:#f0f7ff;color:#3a8dde;border:1px dashed #3a8dde;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px}.create-group-input{width:100%;padding:12px 16px;border:1px solid #e0e7ef;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s}.create-group-input:focus{border-color:#3a8dde}.create-group-label{font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.create-group-participants{max-height:200px;overflow-y:auto;border:1px solid #e0e7ef;border-radius:12px;padding:8px}.participant-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.participant-item:hover{background:#f0f7ff}.participant-item.selected{background:#e3f0ff}.participant-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.participant-name{flex:1;font-size:14px;color:#2d3748}.participant-check{width:20px;height:20px;border:2px solid #e0e7ef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s}.participant-item.selected .participant-check{background:#3a8dde;border-color:#3a8dde}.create-group-submit{background:linear-gradient(135deg,#3a8dde,#5ba3e6);color:#fff;border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.create-group-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3a8dde66}.create-group-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.groups-screen{height:100%;min-height:0;background:linear-gradient(180deg,#f8fafc,#e8ecf1);padding:0;margin:0;width:100%}.groups-header{display:none}.groups-list{padding:8px 12px 80px}.group-item{padding:12px 14px;border-radius:14px;margin-bottom:10px}.group-avatar{width:48px;height:48px}.group-name{font-size:15px}.group-last-message{font-size:13px}.group-meta{gap:4px}.create-group-modal{width:95%;max-width:420px}}.groups-floating-create{position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:12px;background:linear-gradient(180deg,#f8fafc 0%,transparent 100%)}.group-chat-screen{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#f8fafc,#e8ecf1)}.tic-bubble{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:20px;background:linear-gradient(90deg,#ffd86f,#ffaf6f);color:#2b2b2b;font-weight:700;box-shadow:0 6px 18px #ff87001f;transform-origin:center;animation:ticShake 1s ease-in-out infinite}.tic-icon{font-size:18px}.tic-text{font-size:14px}@keyframes ticShake{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.group-chat-header{display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(135deg,#4a5568,#5a6a7d);color:#fff;box-shadow:0 2px 12px #00000026}.group-chat-back{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.group-chat-back:hover{background:#ffffff1a}.group-chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.group-chat-info{flex:1;min-width:0}.group-chat-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-chat-status{font-size:12px;color:#fffc;display:flex;align-items:center;gap:6px}.group-chat-menu-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.group-chat-menu-btn:hover{background:#ffffff1a}.group-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.group-chat-messages::-webkit-scrollbar{width:6px}.group-chat-messages::-webkit-scrollbar-track{background:transparent}.group-chat-messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.group-message{display:flex;gap:10px;max-width:80%;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-message.mine{align-self:flex-end;flex-direction:row-reverse}.group-message.other{align-self:flex-start}.group-message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-end}.group-message.mine .group-message-avatar{display:none}.group-message-content{display:flex;flex-direction:column;gap:4px}.group-message-sender{font-size:11px;font-weight:600;color:#3a8dde;margin-left:4px}.group-message.mine .group-message-sender{display:none}.group-message-bubble{padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative}.group-message.mine .group-message-bubble{background:linear-gradient(135deg,#3a8dde,#5ba3e6);color:#fff;border-bottom-right-radius:6px}.group-message.other .group-message-bubble{background:#fff;color:#2d3748;border-bottom-left-radius:6px;box-shadow:0 1px 4px #00000014}.group-message-time{font-size:10px;color:#a0aec0;margin-left:4px;margin-top:2px}.group-message.mine .group-message-time{text-align:right;color:#ffffffb3}.group-message.pending .group-message-bubble{opacity:.7}.group-message.failed .group-message-bubble{background:linear-gradient(135deg,#e74c3c,#c0392b)}.group-message-image{max-width:220px;max-height:200px;border-radius:14px;object-fit:cover;cursor:pointer}.group-message-audio{width:200px}.group-message-date{text-align:center;padding:8px 16px;margin:8px 0}.group-message-date span{background:#0000000d;padding:4px 12px;border-radius:12px;font-size:11px;color:#8696a6}.group-typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;color:#8696a6;font-style:italic}.group-typing-dots{display:flex;gap:3px}.group-typing-dots span{width:6px;height:6px;background:#8696a6;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.group-typing-dots span:nth-child(1){animation-delay:-.32s}.group-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.group-chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#8696a6;gap:12px}.group-chat-loading-spinner{width:32px;height:32px;border:3px solid rgba(58,141,222,.2);border-top-color:#3a8dde;border-radius:50%;animation:spin 1s linear infinite}.group-chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#e74c3c;text-align:center;padding:40px;gap:12px}.group-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#8696a6;text-align:center;padding:40px;gap:12px}.group-chat-empty-icon{font-size:48px;opacity:.5}.group-chat-input-area{border-top:1px solid rgba(0,0,0,.06);background:#fff}.group-menu-dropdown{position:absolute;top:100%;right:16px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;z-index:100;min-width:180px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.group-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;color:#2d3748;cursor:pointer;transition:background .2s;border:none;background:none;width:100%;text-align:left}.group-menu-item:hover{background:#f0f7ff}.group-menu-item.danger{color:#e74c3c}.group-menu-item.danger:hover{background:#fff5f5}.group-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.group-info-modal{background:#fff;border-radius:20px;padding:24px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.group-info-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.group-info-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e0e7ef}.group-info-name{font-size:20px;font-weight:600;color:#2d3748}.group-info-section{margin-bottom:16px}.group-info-section-title{font-size:13px;font-weight:600;color:#8696a6;margin-bottom:8px;text-transform:uppercase}.group-info-participants{display:flex;flex-direction:column;gap:8px}.group-info-participant{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.group-info-participant:hover{background:#f5f7fa}.group-info-participant-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.group-info-participant-name{flex:1;font-size:14px;color:#2d3748}.group-info-participant-role{font-size:11px;color:#8696a6;background:#f0f7ff;padding:2px 8px;border-radius:10px}.group-info-close{width:100%;padding:12px;background:#f5f7fa;border:none;border-radius:12px;font-size:14px;color:#4a5568;cursor:pointer;margin-top:16px}.group-info-close:hover{background:#e8ecf1}.m2k-home{display:flex;flex-direction:column;min-height:100vh;width:100vw;max-width:100vw;background:#0f172a;font-family:Inter,SF Pro Display,-apple-system,sans-serif;overflow-x:hidden;box-sizing:border-box}.m2k-hero{position:relative;padding:40px 24px 32px}.m2k-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e3a5f,#0f172a,#1a1a2e);z-index:0}.m2k-hero-bg:before{content:"";position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%}.m2k-hero-bg:after{content:"";position:absolute;bottom:-20%;left:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%}.m2k-profile-card{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.m2k-avatar-wrap{position:relative;cursor:pointer;flex-shrink:0}.m2k-avatar{width:80px;height:80px;border-radius:24px;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:transform .2s,border-color .2s}.m2k-avatar:hover{transform:scale(1.02);border-color:#3b82f680}.m2k-status-dot{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;border:3px solid #0f172a;cursor:pointer;transition:transform .2s}.m2k-status-dot:hover{transform:scale(1.2)}.m2k-user-info{flex:1;min-width:0}.m2k-username{font-size:24px;font-weight:700;color:#fff;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.5px}.m2k-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9;margin:0;cursor:pointer;transition:color .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m2k-status:hover{color:#ffffffe6}.m2k-edit-hint{font-size:10px;opacity:0;transition:opacity .2s}.m2k-status:hover .m2k-edit-hint{opacity:1}.m2k-status-edit{display:flex;align-items:center;gap:8px}.m2k-status-input{flex:1;background:#ffffff1a;border:none;border-radius:8px;padding:8px 12px;font-size:14px;color:#fff;outline:none;max-width:200px}.m2k-status-input::placeholder{color:#fff6}.m2k-status-save{background:#3b82f6;border:none;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.m2k-status-save:hover{background:#2563eb}.m2k-state-selector{position:absolute;top:calc(100% + 12px);left:0;background:#1e293b;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 16px 48px #0006;z-index:100;min-width:160px;animation:fadeSlideIn .2s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.m2k-state-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .2s;width:100%;text-align:left}.m2k-state-option:hover{background:#ffffff0d}.m2k-state-option.active{background:#3b82f626}.m2k-state-emoji{font-size:18px}.m2k-state-label{font-size:14px;font-weight:500;color:#fff}.m2k-stats{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.m2k-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.m2k-stat.clickable{cursor:pointer}.m2k-stat-value{font-size:24px;font-weight:700;color:#fff}.m2k-stat-emoji{font-size:20px}.m2k-stat-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.m2k-stat-divider{width:1px;height:32px;background:#ffffff1a}.m2k-actions{padding:24px;display:flex;flex-direction:column;gap:12px}.m2k-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;cursor:pointer;transition:all .2s;width:100%;text-align:left}.m2k-action-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.m2k-action-card.primary{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#3b82f633}.m2k-action-card.primary:hover{background:linear-gradient(135deg,#3b82f640,#8b5cf626);border-color:#3b82f64d}.m2k-action-icon{width:48px;height:48px;background:#ffffff0d;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#3b82f6;flex-shrink:0}.m2k-action-card.primary .m2k-action-icon{background:#3b82f633}.m2k-action-content{flex:1;min-width:0}.m2k-action-title{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.m2k-action-desc{display:block;font-size:13px;color:#ffffff80}.m2k-action-arrow{color:#ffffff4d;font-size:14px;transition:transform .2s,color .2s}.m2k-action-card:hover .m2k-action-arrow{color:#fff9;transform:translate(4px)}.m2k-quick-settings{padding:0 24px;display:flex;gap:12px;flex-wrap:wrap}.m2k-setting-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;cursor:pointer;transition:all .2s;font-size:14px;color:#ffffffb3}.m2k-setting-pill:hover{background:#ffffff0f;color:#fff}.m2k-setting-pill.active{background:#10b98126;border-color:#10b9814d;color:#10b981}.m2k-setting-pill svg{font-size:14px}.m2k-footer{margin-top:auto;padding:24px;display:flex;justify-content:center}.m2k-logout{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.m2k-logout:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.m2k-logout svg{font-size:14px}@media(max-width:380px){.m2k-hero{padding:32px 20px 24px}.m2k-avatar{width:64px;height:64px;border-radius:20px}.m2k-username{font-size:20px}.m2k-actions{padding:20px}.m2k-action-card{padding:16px}}.mobile-chat-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#f5f7fa,#e8ecf1);font-family:Segoe UI,Inter,Roboto,sans-serif}.mobile-chat-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#3a8dde,#2a6db8);color:#fff;gap:12px;box-shadow:0 2px 12px #00000026;z-index:10}.mobile-chat-back{background:#ffffff26;border:none;color:#fff;font-size:18px;cursor:pointer;padding:10px 12px;border-radius:10px;transition:background .2s}.mobile-chat-back:hover{background:#ffffff40}.mobile-chat-user-info{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer}.mobile-chat-avatar-wrap{position:relative}.mobile-chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.mobile-chat-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:2px solid rgba(255,255,255,.5)}.mobile-chat-status-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #0003}.mobile-chat-user-text{display:flex;flex-direction:column;gap:2px}.mobile-chat-username{font-size:16px;font-weight:700}.mobile-chat-status{font-size:12px;font-weight:600}.mobile-chat-menu{background:#ffffff26;border:none;color:#fff;font-size:16px;cursor:pointer;padding:10px 12px;border-radius:10px;transition:background .2s}.mobile-chat-menu:hover{background:#ffffff40}.mobile-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.mobile-chat-loading,.mobile-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#8696a6;font-size:15px}.empty-emoji{font-size:48px;opacity:.5}.mobile-spinner,.mobile-spinner-large{width:24px;height:24px;border:3px solid #e3eaf2;border-top-color:#3a8dde;border-radius:50%;animation:spin 1s linear infinite}.mobile-spinner-large{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-msg{display:flex;max-width:80%;animation:msgIn .2s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-msg.mine{margin-left:auto}.mobile-msg.other{margin-right:auto}.mobile-msg-bubble{padding:10px 14px;border-radius:18px;position:relative;word-break:break-word}.mobile-msg.mine .mobile-msg-bubble{background:linear-gradient(135deg,#3a8dde,#5a9fe8);color:#fff;border-bottom-right-radius:4px}.mobile-msg.other .mobile-msg-bubble{background:#fff;color:#23263a;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.mobile-msg-text{font-size:15px;line-height:1.4}.mobile-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.mobile-msg-time{font-size:11px;opacity:.7}.pending-icon,.failed-icon{font-size:12px}.mobile-msg.pending .mobile-msg-bubble{opacity:.7}.mobile-msg.failed .mobile-msg-bubble{border:2px solid #e74c3c}.tic-bubble{background:linear-gradient(135deg,#ffd54f,#ffb300)!important;color:#23263a!important;display:flex;align-items:center;gap:8px;animation:ticShake .6s}.tic-icon{font-size:20px}.tic-text{font-weight:700}@keyframes ticShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.image-bubble{padding:4px;overflow:hidden}.mobile-chat-image-container{position:relative;min-width:120px;min-height:80px;border-radius:14px;overflow:hidden}.mobile-chat-image-loading,.mobile-chat-image-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000000d;color:#8696a6;font-size:12px}.mobile-chat-image{max-width:200px;max-height:180px;border-radius:12px;object-fit:cover;cursor:pointer;display:none}.mobile-chat-image.visible{display:block}.mobile-chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e3e8ef;box-shadow:0 -2px 12px #0000000d}.mobile-chat-action-btn{background:none;border:none;color:#3a8dde;font-size:20px;cursor:pointer;padding:10px;border-radius:10px;transition:background .2s}.mobile-chat-action-btn:first-child{color:#f5a623}.mobile-chat-action-btn:hover{background:#f5f7fa}.mobile-chat-input{flex:1;padding:12px 16px;border:1px solid #e3e8ef;border-radius:24px;font-size:15px;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s}.mobile-chat-input:focus{border-color:#3a8dde;box-shadow:0 0 0 3px #3a8dde1a}.mobile-chat-input::placeholder{color:#b0b8c9}.mobile-chat-send-btn{background:linear-gradient(135deg,#3a8dde,#2a6db8);border:none;color:#fff;font-size:18px;cursor:pointer;padding:12px 16px;border-radius:12px;transition:opacity .2s,transform .2s}.mobile-chat-send-btn:hover{transform:scale(1.05)}.mobile-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:380px){.mobile-chat-input-area{padding:10px 12px;gap:6px}.mobile-chat-action-btn{padding:8px;font-size:18px}.mobile-chat-input{padding:10px 14px;font-size:14px}.mobile-chat-send-btn{padding:10px 14px;font-size:16px}}