/* LevelEngine — Shared Contact popup (used by every page). Supports BOTH theme conventions: [data-theme="light"] on — chat/terminal/dashboard/signup pages body.light — index/pricing/Terms/privacy/markets pages */ .le-cm-mask{ display:none;position:fixed;inset:0; background:rgba(0,0,0,.78); z-index:9999;align-items:center;justify-content:center;padding:16px; } .le-cm-mask.show{display:flex;} .le-cm-box{ width:100%;max-width:480px; background:#0b0f17;border:1px solid rgba(255,255,255,.08); border-radius:16px;color:#e2e8f0; box-shadow:0 24px 64px rgba(0,0,0,.5); overflow:hidden;animation:leCmIn .2s ease; display:flex;flex-direction:column;max-height:90vh; } [data-theme="light"] .le-cm-box, body.light .le-cm-box{background:#ffffff;border-color:#e2e8f0;color:#0f172a;box-shadow:0 24px 64px rgba(0,0,0,.18);} @keyframes leCmIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} .le-cm-head{ display:flex;justify-content:space-between;align-items:center; padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06); color:#e2e8f0;flex-shrink:0; } [data-theme="light"] .le-cm-head, body.light .le-cm-head{border-bottom-color:#e2e8f0;color:#0f172a;} .le-cm-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:inherit;} .le-cm-title i{color:#14B8A6;font-size:18px;} .le-cm-close{background:none;border:none;color:rgba(255,255,255,.55);font-size:22px;cursor:pointer;line-height:1;padding:0;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;} .le-cm-close:hover{background:rgba(255,255,255,.06);color:#fff;} [data-theme="light"] .le-cm-close, body.light .le-cm-close{color:#64748b;} [data-theme="light"] .le-cm-close:hover, body.light .le-cm-close:hover{background:#f1f5f9;color:#0f172a;} .le-cm-body{padding:20px 22px;overflow-y:auto;flex:1;color:inherit;} .le-cm-intro{font-size:13px;color:rgba(255,255,255,.5);margin:0 0 18px;line-height:1.6;} [data-theme="light"] .le-cm-intro, body.light .le-cm-intro{color:#64748b;} .le-cm-grp{margin-bottom:16px;} .le-cm-label{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;} [data-theme="light"] .le-cm-label, body.light .le-cm-label{color:#475569;} .le-cm-input,.le-cm-textarea,.le-cm-select{ width:100%;padding:10px 14px;border-radius:9px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:#fff;font-size:13.5px;font-family:'Inter',system-ui,sans-serif; outline:none;transition:border-color .15s;-webkit-appearance:none;box-sizing:border-box; } .le-cm-input:focus,.le-cm-textarea:focus,.le-cm-select:focus{border-color:rgba(20,184,166,.55);box-shadow:0 0 0 3px rgba(20,184,166,.1);} .le-cm-input::placeholder,.le-cm-textarea::placeholder{color:rgba(255,255,255,.35);} .le-cm-textarea{resize:vertical;min-height:88px;} [data-theme="light"] .le-cm-input,[data-theme="light"] .le-cm-textarea,[data-theme="light"] .le-cm-select, body.light .le-cm-input,body.light .le-cm-textarea,body.light .le-cm-select{background:#ffffff !important;border-color:#cbd5e1 !important;color:#0f172a !important;} [data-theme="light"] .le-cm-select, body.light .le-cm-select{ background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23475569'%3E%3Cpath d='M4.5 6l3.5 3.5L11.5 6z'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important;background-position:right 10px center !important;background-size:14px !important; } [data-theme="light"] .le-cm-input::placeholder,[data-theme="light"] .le-cm-textarea::placeholder, body.light .le-cm-input::placeholder,body.light .le-cm-textarea::placeholder{color:#94a3b8;} .le-cm-submit{ width:100%;padding:12px;border-radius:10px; background:linear-gradient(135deg,#0F766E,#14B8A6); color:#fff;border:none;font-size:13.5px;font-weight:700; cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px; font-family:'Inter',system-ui,sans-serif;transition:opacity .15s; } .le-cm-submit:hover{opacity:.92;} .le-cm-submit:disabled{opacity:.55;cursor:not-allowed;} .le-cm-footer{font-size:11px;color:rgba(255,255,255,.4);margin:12px 0 0;text-align:center;} [data-theme="light"] .le-cm-footer, body.light .le-cm-footer{color:#94a3b8;} @media (max-width:480px){ .le-cm-mask{padding:0;} .le-cm-box{border-radius:0;max-height:100vh;max-width:100%;height:100%;} .le-cm-head{padding:16px 18px;} .le-cm-body{padding:18px;} } /* Force native select dropdown to follow our theme */ .le-cm-select{color-scheme:dark;} [data-theme="light"] .le-cm-select,body.light .le-cm-select{color-scheme:light;} .le-cm-select option{background-color:#0b0f17 !important;color:#e2e8f0 !important;} [data-theme="light"] .le-cm-select option,body.light .le-cm-select option{background-color:#ffffff !important;color:#0f172a !important;} .le-cm-select optgroup{background-color:#0b0f17;color:#e2e8f0;} [data-theme="light"] .le-cm-select optgroup,body.light .le-cm-select optgroup{background-color:#ffffff;color:#0f172a;}