:root{color-scheme:light;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#192e46;background:#f4f8fc}
#binding-error{color:#943d31;margin:12px 0;}
.logout-form{margin-top:20px;padding-top:16px;border-top:1px solid #d6e1ee}.logout-form button{width:auto;margin:0;background:transparent;color:#095dcc;border:1px solid #a6b7ca}.logout-form button:hover{background:#eaf1f9}
*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:480px;margin:24px auto;padding:32px;background:#ffffff;border:1px solid #d6e1ee;border-radius:8px}h1{font-size:26px;margin:0 0 20px}h2{font-size:20px;margin:28px 0 12px}p{line-height:1.7}a{color:#095dcc;text-underline-offset:3px}.hint{font-size:14px;color:#516579}button,input,select{font:inherit;border-radius:6px;min-height:44px}button{padding:10px 20px;color:#fff;background:#095dcc;border:1px solid #095dcc;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input,select{width:100%;padding:10px;border:1px solid #a6b7ca;background:#fff}label{display:block;margin:16px 0 6px}form button{margin-top:22px;width:100%}img{max-width:100%;height:auto;display:block;margin:16px auto}#status{min-height:28px}#refresh{background:#eaf1f9;color:#124e9d;border-color:#bdcfe3}[hidden]{display:none!important}:focus-visible{outline:3px solid #095dcc;outline-offset:3px}@media(max-width:360px){main{padding:22px}body{padding:12px}}

body[data-logged="1"] { margin: 0; padding: 0; }
body[data-logged="1"] main { display: grid; place-items: center; min-height: 100vh; min-height: 100dvh; max-width: none; margin: 0; padding: 1rem; background: transparent; border: 0; }
.member-welcome { margin: 0; max-width: 100%; overflow-wrap: anywhere; text-align: center; font-size: 1.5rem; font-weight: 600; }
