@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root { --font-sans: 'Noto Sans JP', sans-serif; }
body,button,input,select,textarea { font-family:'Noto Sans JP',sans-serif; letter-spacing:0; }
html:not(.ready) body > :not(#boot-gate) { display:none !important; }
#boot-gate { max-width:480px; margin:0 auto; padding:36px 20px; color:#20332a; }
#boot-gate h1 { font-size:24px; margin-bottom:16px; }
#boot-gate p { margin:12px 0; line-height:1.7; overflow-wrap:anywhere; }
#boot-gate input { width:100%; min-height:48px; font-size:18px; margin:12px 0; padding:10px; border:1px solid #bcc9c1; border-radius:6px; }
#boot-gate button { margin-top:12px; width:100%; }
#boot-gate .error { color:#ad2637; }
.account-name { overflow-wrap:anywhere; max-width:45%; text-align:right; font-size:13px; color:#47564f; }
.store-appbar .account-name { flex:0 1 auto; }
.record-actions { flex-wrap:wrap; }
.role-action { margin-left:auto; }
.role-dialog { max-width:480px; }
.role-dialog label { display:block; margin:16px 0; font-size:16px; }
.role-dialog select { width:100%; min-height:48px; font-size:16px; }
.role-dialog input { width:24px; height:24px; vertical-align:middle; margin-right:8px; }
.role-dialog p { margin:12px 0; line-height:1.7; }
.policy-link { display:block; padding:12px 16px; color:#56645d; font-size:13px; }
.submit-bar ~ .policy-link { margin-bottom:130px; }
.bulk-toggle:disabled { color:#7a8680; }
#request-note[readonly] { background:#f5f7f6; }
.form-back { margin: 12px 16px 0; text-decoration: none; }
.admin-corrected-time { color:#b22b35; }
.admin-correction-notice { margin:12px 16px; padding:12px 0; color:#63716c; font-size:14px; overflow-wrap:anywhere; }