.notice-dialog{width:min(520px,calc(100vw - 24px));max-height:min(760px,92dvh);padding:0;border:1px solid #323a40;border-radius:22px;background:#1c2125;color:#f3f6f8;box-shadow:0 30px 100px #0009;color-scheme:dark;font:14px system-ui}.notice-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.notice-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px}.notice-dialog h2{font-size:21px;margin:0}.notice-dialog header button{height:44px;width:44px;border:0;border-radius:12px;background:#232a2e;color:inherit;font:24px system-ui}.notice-dialog nav{display:flex;border-bottom:1px solid #323a40;padding:0 20px;gap:24px}.notice-dialog nav button{min-height:46px;background:none;border:0;color:#a3acb9;font:14px system-ui;border-bottom:2px solid transparent}.notice-dialog nav button[aria-pressed=true]{color:#9af3d3;border-color:#9af3d3}.notice-body{overflow:auto;max-height:calc(92dvh - 190px);padding:18px 22px}.notice-body h3{font-size:15px;margin:16px 0}.notice-body p{font-size:12px;line-height:1.6;color:#a3acb9}.notice-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:16px 0;background:none;border:0;border-bottom:1px solid #323a40;color:#f3f6f8;font:13px system-ui;min-height:76px;cursor:pointer}.notice-item i{width:7px;height:7px;border-radius:50%;background:#9af3d3;flex-shrink:0}.notice-item i.high{background:#f2b441}.notice-item.is-read i{background:#546068}.notice-item.is-read strong{font-weight:400}.notice-item>span{flex:1}.notice-item p{margin:5px 0}.notice-item small{color:#8b97a2;font-size:10px}.notice-empty{padding:30px 0;text-align:center}.notice-body form>label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0}.notice-body input[type=checkbox]{width:20px;height:20px;accent-color:#9af3d3;flex-shrink:0}.notice-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice-times label{display:grid;gap:6px}.notice-body input:not([type=checkbox]){width:100%;min-width:0;background:#121418;color:#f3f6f8;border:1px solid #323a40;border-radius:8px;min-height:44px;padding:10px;font:13px system-ui}.notice-body form>label input:not([type=checkbox]){max-width:60%}.notice-body form>.dashboard-accent{margin-top:20px}.notice-error{color:#f2b441;font:12px/1.5 system-ui;margin:12px 22px}.notice-device{padding-bottom:16px;border-bottom:1px solid #323a40}.notice-body button:focus-visible{outline:2px solid #9af3d3;outline-offset:3px}