.mail-compose{width:min(700px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #fff4;border-radius:13px;background:#f8f8f7;color:#252626;box-shadow:0 30px 100px #0008;overflow:auto;font-family:Geist,Arial,sans-serif}.mail-compose::backdrop{background:#050706aa}.mail-titlebar{height:44px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#eceeed,#e2e4e3);border-bottom:1px solid #cdd0cd}.mail-titlebar h2{margin:0;font-size:12px;font-weight:600;letter-spacing:0}.mail-traffic{position:absolute;left:15px;display:flex;gap:8px;align-items:center}.mail-traffic button,.mail-traffic span{display:block;width:12px;height:12px;padding:0;border-radius:50%;border:1px solid #0002}.mail-traffic button{background:#ff6057}.mail-traffic button:hover:after{content:'×';display:block;font:12px/10px Arial;color:#60241f}.mail-traffic span:nth-child(2){background:#febc2e}.mail-traffic span:nth-child(3){background:#28c840}.mail-toolbar{padding:12px 18px;background:#eef0ee;border-bottom:1px solid #daddd9;display:flex;align-items:center;justify-content:space-between}.mail-toolbar small{font-size:10px;letter-spacing:.04em;color:#777}.mail-send{display:flex;align-items:center;gap:8px;background:#dce6dc;border:1px solid #becbbc;border-radius:6px;padding:8px 12px;color:#203523;font-size:12px;font-weight:550}.mail-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.mail-send:hover{background:#cddccc}.mail-fields{padding:8px 24px 0}.mail-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;min-height:43px;border-bottom:1px solid #e0e2dd;font-size:12px}.mail-row label,.mail-row>span:first-child{color:#858982;text-align:right}.mail-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:12px 0;font:13px Geist,Arial,sans-serif;color:#252626}.mail-row input:focus{box-shadow:0 1px #647d60}.mail-recipient{justify-self:start;background:#e0e9e0;border:1px solid #cad6c8;border-radius:5px;padding:4px 10px;font-size:12px;color:#385039}.mail-message-label{display:block;margin:20px 24px 8px;color:#72786e;font-size:11px}.mail-message{resize:vertical;width:calc(100% - 48px);margin:0 24px;min-height:220px;max-height:40svh;padding:0;border:0;outline:0;background:transparent;color:#252626;font:15px/1.65 Geist,Arial,sans-serif}.mail-message::placeholder{color:#9a9f96}.mail-message:focus{box-shadow:0 1px #647d60}.mail-compose-footer{padding:18px 24px;border-top:1px solid #e0e2dd;display:flex;justify-content:space-between;gap:20px;align-items:start;background:#f0f2ee}.mail-compose-footer p{font-size:11px;line-height:1.5;color:#7d8378;margin:0;max-width:380px}.mail-copy{color:#47613d;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:11px;white-space:nowrap}.mail-fallback{width:calc(100% - 48px);margin:16px 24px;padding:12px;min-height:120px;font:12px/1.5 monospace;border:1px solid #ccd3c7;background:white;color:#333}.mail-compose button:focus-visible{outline:2px solid #6c895e;outline-offset:3px}@media(max-width:600px){.mail-compose{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.mail-fields{padding:8px 16px 0}.mail-row{grid-template-columns:58px 1fr;gap:10px}.mail-row input{font-size:16px}.mail-message-label{margin-left:16px}.mail-message{font-size:16px;width:calc(100% - 32px);margin:0 16px;min-height:190px}.mail-compose-footer{padding:16px;gap:14px;flex-direction:column}.mail-toolbar small{font-size:9px}}
.mail-compose{max-height:calc(var(--mail-viewport-height,100dvh) - 32px);overscroll-behavior:contain}
@media(max-width:600px){.mail-compose{max-height:calc(var(--mail-viewport-height,100dvh) - 20px)}.mail-traffic button{position:relative}.mail-traffic button::before{content:'';position:absolute;inset:-8px}.mail-toolbar{gap:12px;flex-wrap:wrap}.mail-send{min-height:40px}}