*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#253248;font:16px system-ui,sans-serif}header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:white;border-bottom:1px solid #e5e7eb;gap:12px}a{background:#3165de;color:white;border-radius:10px;padding:10px 13px;text-decoration:none;font-size:14px}section{max-width:550px;margin:16vh auto;padding:28px;text-align:center}h1{font-size:24px}p{color:#667085;line-height:1.8}#hint{margin:0;padding:5px 12px;text-align:center;font-size:12px;height:32px}iframe{width:100%;height:calc(100dvh - 92px);border:0;background:#f6f7fb} [hidden]{display:none!important}
html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}iframe{display:block}

body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex-shrink:0}#hint{height:auto;flex-shrink:0}iframe{flex:1;min-height:0;height:auto}#notice{width:100%}

.portal-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:15px}.portal-brand img{flex-shrink:0}header{height:auto;min-height:60px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}header a{font-size:12px;padding:9px 10px}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}}