body .ml-viewer{position:fixed;inset:0;z-index:40000;display:flex;flex-direction:column;background:#000;color:#f4f6f6;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box;font-family:Roboto,'Segoe UI',Arial,sans-serif}body.ml-view-open{overflow:hidden}.ml-viewer>header{display:flex;align-items:center;gap:8px;background:#0b141a;padding:8px 12px;min-height:64px;flex-shrink:0}.ml-view-person{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.ml-view-person strong{font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-view-time{font-size:13px}.ml-viewer button,.ml-viewer a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:9px;border:0;background:transparent;color:inherit;border-radius:50%;cursor:pointer}.ml-viewer svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ml-viewer .ml-view-stage{display:flex;position:relative;align-items:center;flex:1;min-height:0;overflow:hidden;width:100%}.ml-viewer .ml-view-image{flex:1;display:flex;align-items:center;justify-content:center;height:100%;min-width:0;position:relative}.ml-viewer .ml-view-image img{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;display:block}.ml-viewer .ml-view-loading{position:absolute;text-align:center;font-size:14px}.ml-viewer .ml-prev,.ml-viewer .ml-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#0b141a88;left:8px}.ml-viewer .ml-next{left:auto;right:8px}.ml-viewer .ml-next svg{transform:rotate(180deg)}.ml-viewer footer{flex-shrink:0;background:#0b141a;padding:8px 16px 12px;width:100%;box-sizing:border-box;max-height:40%;overflow:auto}.ml-viewer .ml-view-caption{font-size:16px;line-height:1.45;margin:4px 8px 12px;overflow-wrap:anywhere;white-space:pre-wrap}.ml-viewer .ml-view-label{display:block;text-align:center;color:#aebac1;font-size:12px}.ml-viewer .ml-view-label:empty,.ml-viewer .ml-view-status:empty{display:none}.ml-viewer .ml-view-reply{display:flex;align-items:center;gap:8px;background:#202c33;border-radius:28px;padding:4px 6px 4px 16px;box-sizing:border-box}.ml-viewer textarea{flex:1;min-width:0;max-height:96px;min-height:36px;width:100%;box-sizing:border-box;resize:none;border:0;padding:8px 0;color:#fff;background:transparent;font:400 16px/20px Roboto,'Segoe UI',Arial,sans-serif;outline:0}.ml-viewer textarea::placeholder{color:#aebac1}.ml-viewer .ml-view-reply button{background:#008069}.ml-viewer .ml-view-status{margin:8px 8px 0;font-size:13px;color:#aebac1}.ml-viewer [hidden]{display:none!important}.ml-viewer button:focus-visible,.ml-viewer a:focus-visible{outline:2px solid #25d366;outline-offset:2px}.reply-swipe-ready::before{color:#008069!important}.reply-swiping{will-change:transform}body .ml-viewer .ml-view-back.ui-back{background:transparent!important;color:#fff!important}

body .ml-viewer .ml-view-reply button.ui-primary{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:9px!important;border-radius:50%!important}body .ml-viewer .ml-view-reply button svg{width:24px!important;height:24px!important}

body .ml-viewer{top:var(--app-top,0px);bottom:auto;height:var(--app-height,100dvh);max-height:100dvh}