.app-notice { width:min(420px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); overflow:auto; margin:auto; padding:20px; box-sizing:border-box; border:0; border-radius:14px; background:var(--light,var(--sand,#d6c2a8)); color:var(--dark,#3f3630); font:16px/1.4 Arial,sans-serif; }
.app-notice::backdrop { background:#0006; }
dialog::backdrop { backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); }
.class-invitation-overlay,.account-change-overlay { backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); }
.app-notice.app-notice-matched[open] { display:flex; flex-direction:column; }
.app-notice-matched p { flex:1; display:grid; place-items:center; overflow:auto; }
.app-notice h2 { font-size:21px; margin:8px 0 16px; text-align:center; }
.app-notice p { margin:16px 0 20px; text-align:center; white-space:pre-line; overflow-wrap:anywhere; }
.app-notice button { border:0; border-radius:10px; background:var(--dark,#3f3630); color:var(--light,var(--sand,#d6c2a8)); font:700 16px Arial; cursor:pointer; }
.app-notice .app-notice-close { display:block; width:34px; height:34px; margin-left:auto; padding:0; border-radius:50%; font-size:25px; }
.app-notice .app-notice-done { display:block; width:100%; padding:12px; }
#page-message,#study-message,#robot-message,#statistics-status,#register-message,#verification-message,#forgot-message,#reset-message,#create-message,#invite-message,#delete-message,.cp-activation-message,.class-invitation-popup [role="status"],.account-leave-dialog .account-status,.form-panel > .form-note[role="status"],.error-message[role="alert"] { display:none!important; }