#contact-composer{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #526b79;border-radius:10px;background:#101c25;color:#e6edef;font:400 16px/1.5 Arial,sans-serif;box-shadow:0 24px 100px #0009;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;letter-spacing:normal}
#contact-composer::backdrop{background:#050b11cc;backdrop-filter:blur(5px)}
#contact-composer header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #344c5a;background:#101c25;position:sticky;top:0;z-index:2}
#contact-composer h2{font:400 26px/1.15 Arial,sans-serif;margin:0;letter-spacing:-.02em;color:#e6edef}
#contact-composer button,#contact-composer input,#contact-composer textarea{font:inherit;letter-spacing:normal}
#contact-composer button{cursor:pointer;touch-action:manipulation}
#contact-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #526b79;border-radius:5px;color:#d5e1e6;background:#152631;font-size:26px!important;padding:0}
.contact-compose-body{padding:18px 24px 24px}
#contact-composer .compose-to{margin:0 0 18px;font-size:14px;color:#9bb2bf}
#contact-composer .compose-preview{padding:10px 12px;margin:0 0 18px;background:#243524;border:1px solid #68825b;border-radius:4px;color:#d4e4c6;font-size:13px}
#contact-composer .compose-field{display:block;margin:0 0 17px}
#contact-composer .compose-field span{display:block;color:#c5d5dd;margin-bottom:7px;font-size:14px}
#contact-composer input:not([type=hidden]),#contact-composer textarea{box-sizing:border-box;display:block;width:100%;min-width:0;color:#f1f5f6;background:#09151d;border:1px solid #536d7c;border-radius:5px;padding:11px 12px;box-shadow:none;outline-offset:3px}
#contact-composer textarea{min-height:160px;max-height:50dvh;resize:vertical;line-height:1.5}
#contact-composer :focus-visible{outline:2px solid #b9df8e;outline-offset:3px}
#contact-composer .compose-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-composer .compose-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
#contact-send{min-height:46px;padding:10px 24px;border:1px solid #bee793;border-radius:5px;background:#c6e6a2;color:#132216}
#contact-send:disabled{opacity:.6;cursor:wait}
#contact-composer .compose-native{color:#c2d3dc;text-decoration:underline;text-underline-offset:4px;font-size:13px}
#contact-composer #contact-status{margin:14px 0 0;color:#c6daa8;font-size:14px;line-height:1.5}
#contact-composer #contact-status[data-error=true]{color:#ffcab6}
#contact-composer .compose-bot{display:none}
@media(max-width:540px){#contact-composer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}#contact-composer header{padding:14px 16px}#contact-composer h2{font-size:23px}.contact-compose-body{padding:16px}#contact-composer .compose-row{grid-template-columns:1fr;gap:0}#contact-composer textarea{min-height:145px}}
@media(prefers-reduced-motion:reduce){#contact-composer{scroll-behavior:auto}}