.attendance-notice{position:fixed;inset:0;width:min(420px,calc(100vw - 40px));max-height:calc(100dvh - 40px);box-sizing:border-box;border:1px solid #dfe8d4;border-radius:22px;padding:40px 30px 0;text-align:center;color:#27412a;background:linear-gradient(145deg,#fffef8,#edf3e5);box-shadow:0 22px 80px #19342240;overflow:auto}.attendance-notice::backdrop{background:#182f235c;backdrop-filter:blur(3px)}.notice-x{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#69775f;font-size:28px;cursor:pointer}.notice-eyebrow{font-size:12px;letter-spacing:2px;color:#6c8059}.attendance-notice h2{font-size:32px;line-height:1.4;margin:18px 0}.attendance-notice em{font-style:normal;color:#70963e}.notice-jp{background:#fff;border:1px solid #dce8cc;padding:16px;border-radius:12px;font-size:18px}.notice-jp strong{font-size:38px}.attendance-notice p{font-size:13px;line-height:1.8;color:#6d7b63}.attendance-notice>.btn{display:block;margin:24px 0}.notice-actions{display:flex;margin:0 -30px;border-top:1px solid #dce5d3}.notice-actions button{flex:1;border:0;background:transparent;padding:17px 6px;color:#52644a;cursor:pointer}.notice-actions button+button{border-left:1px solid #dce5d3}.notice-actions button:focus-visible,.notice-x:focus-visible{outline:2px solid #315c3a;outline-offset:-4px}