#login-dialog{width:min(440px,calc(100% - 32px));padding:32px;border:0;border-radius:16px;color:#222;background:#fff;font-family:inherit;box-sizing:border-box}#login-dialog::backdrop{background:rgba(0,0,0,.45)}#login-dialog h2{font-size:24px;margin:0 0 12px}#login-dialog p{margin:12px 0;line-height:1.5}#login-dialog label{display:block;margin:16px 0 6px}#login-dialog input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #aaa;border-radius:6px;font:inherit}#login-dialog .editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#login-dialog button{font:inherit;cursor:pointer;padding:10px 20px;border:1px solid #ccc;border-radius:6px;background:white}#login-dialog button[type=submit]{background:#2A5CAA;color:white;border-color:#2A5CAA}#login-dialog #login-error{color:#b42318}#login-dialog button:disabled{opacity:.5;cursor:wait}


#login-dialog{max-height:calc(100dvh - 32px);overflow:auto}
#login-dialog .auth-tabs{display:flex;gap:8px;margin:0 0 20px}
#login-dialog .auth-tabs button{flex:1;padding:10px}
#login-dialog .auth-tabs button[aria-pressed="true"]{font-weight:700;border-color:#111}
#login-dialog [hidden]{display:none!important}
#login-dialog .auth-help{color:#555;font-size:14px}
#login-dialog input:focus,#membership-dialog select:focus{outline:none;outline-offset:0;border-color:#111;box-shadow:inset 0 0 0 1px #111}
#login-dialog #signup-result{white-space:pre-line}
#login-dialog .auth-consent{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6}
#login-dialog .auth-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;padding:0}
header .etc-menu .membership-manage a{font-size:14px;white-space:nowrap}
#membership-dialog{width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:28px;border:0;border-radius:16px;font:inherit;color:#222;background:#fff}
#membership-dialog::backdrop{background:#0007}
#membership-dialog h2{font-size:24px;margin:0 0 16px}
#membership-dialog .membership-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}
#membership-dialog .membership-table-wrap{overflow-x:auto}
#membership-dialog table{width:100%;border-collapse:collapse;min-width:650px;border-top:2px solid #333}
#membership-dialog th,#membership-dialog td{padding:12px;text-align:left;border-bottom:1px solid #ddd;overflow-wrap:anywhere}
#membership-dialog th{background:#eef2f7;font-weight:700}
#membership-dialog button,#membership-dialog select{font:inherit;border:1px solid #8a949e;background:#fff;border-radius:6px;padding:8px 12px}
#membership-dialog button{cursor:pointer}
#membership-dialog button:disabled{opacity:.5;cursor:wait}
#membership-dialog .membership-controls{display:flex;gap:8px;white-space:nowrap}
#membership-dialog .membership-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
#membership-dialog [role="status"]{white-space:pre-line}
@media(max-width:767px){#login-dialog,#membership-dialog{padding:22px}header .etc-menu .membership-manage a{font-size:12px}}