dialog.notice-backdrop{width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;border:0;margin:0;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(10,12,18,.24);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:notice-enter .2s ease-out}.notice-backdrop[hidden]{display:none!important}.notice-card{position:relative;width:min(440px,100%);box-sizing:border-box;padding:28px 56px 28px 24px;border:1px solid #646875;border-radius:22px;background:#23252c;color:var(--text,#fff);box-shadow:0 20px 70px rgba(0,0,0,.25);animation:notice-card-enter .24s ease-out}.notice-card p{margin:0;color:inherit;font:inherit;line-height:1.6;overflow-wrap:anywhere}.notice-close{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:28px/1 sans-serif;cursor:pointer}.notice-close:focus-visible{outline:2px solid var(--accent,#e7ee68);outline-offset:1px}.notice-close:hover{background:rgba(128,128,128,.15)}@keyframes notice-enter{from{opacity:0}to{opacity:1}}@keyframes notice-card-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}html[data-glass=off] .notice-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,12,18,.35)}html[data-motion=off] .notice-backdrop,html[data-motion=off] .notice-card{animation:none}@media(prefers-reduced-motion:reduce){.notice-backdrop,.notice-card{animation:none}}

.notice-backdrop::backdrop{background:transparent}

:root[data-theme=light] .notice-card{background:#fff;color:#191c21;border-color:#c4cad3;box-shadow:0 16px 48px #17203a33}