/* Keep this viewport dialog above the tab bar while home pull-refresh is paused. */
html body.yln-notice-open #app .home-page {transform:none!important;will-change:auto!important;transition:none!important;z-index:35000!important}
html body #app .yln-overlay {position:fixed;inset:0;z-index:35000;display:flex;align-items:center;justify-content:center;padding:20px 24px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));background:rgba(0,0,0,.5);box-sizing:border-box;overscroll-behavior:contain}
html body #app .yln-dialog {position:relative;display:flex;flex-direction:column;width:100%;max-width:340px;max-height:70vh;max-height:min(70dvh,520px);min-height:0;margin:0;padding:20px 18px 16px;border:0;border-radius:18px;background:#fff;color:#293d38;box-shadow:0 18px 65px #00352f26;box-sizing:border-box;outline:none}
html body #app .yln-title {flex-shrink:0;margin:0 24px 14px;padding:0;color:#008174;text-align:center;font-size:18px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
html body #app .yln-close {position:absolute;right:4px;top:4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#92a39e;font-size:26px;line-height:1;box-shadow:none;cursor:pointer}
html body #app .yln-body {flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:0 2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;text-align:left;color:#374840}
html body #app .yln-actions {flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
html body #app .yln-actions button {width:100%;height:42px;margin:0;padding:0 10px;border:0;border-radius:8px;font-size:15px;line-height:42px;font-weight:600;box-shadow:none;cursor:pointer}
html body #app .yln-cancel {background:#f1f5f3;color:#687b72}
html body #app .yln-confirm {background:#008174;color:#fff}
html body #app .yln-confirm:active {background:#006f63}
html body #app .yln-cancel:active {background:#e4ece8}
html body #app .yln-dialog button:after {border:0}
html body #app .yln-dialog button:focus-visible,html body #app .yln-body:focus-visible {outline:2px solid #00c8b3;outline-offset:3px}
@media(max-width:350px){html body #app .yln-overlay{padding-left:20px;padding-right:20px}html body #app .yln-dialog{padding:20px 16px 16px}}