body dialog.system-dialog{box-sizing:border-box;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;margin:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#24374b;box-shadow:0 20px 60px #0f172a33;overflow:auto;font:14px/1.7 var(--site-font,system-ui,sans-serif)}
.system-dialog::backdrop{background:#0f172a70}.system-dialog h3{font-size:17px;line-height:1.5;margin:0 0 14px}.system-dialog p{margin:0;color:#64748b;white-space:pre-wrap;overflow-wrap:anywhere}.system-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.system-dialog button{font:inherit;min-height:40px;padding:8px 18px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#475569;cursor:pointer}.system-dialog button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.system-dialog button:focus-visible{outline:2px solid #86aef8;outline-offset:3px}
.system-notices{position:fixed;inset:16px 16px auto auto;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;border:0;background:transparent;color:#24374b;overflow:auto;display:flex;flex-direction:column;gap:10px;z-index:2147483000;pointer-events:none;box-sizing:border-box}
.system-notices[popover]:not(:popover-open){display:none}.system-notices::backdrop{background:transparent;pointer-events:none}
.system-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #dce5f1;border-left:3px solid #3b82f6;border-radius:12px;box-shadow:0 8px 28px #17385820;pointer-events:auto;box-sizing:border-box;font:13px/1.65 var(--site-font,system-ui,sans-serif);animation:system-notice-in .16s ease-out}
.system-notice-content{flex:1;min-width:0}.system-notice-content strong{display:block;font-size:14px;color:#24374b}.system-notice-content p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;color:#586b82}.system-notice-icon{flex:none;width:22px;height:22px;border-radius:50%;background:#eaf2ff;color:#2563eb;text-align:center;font-weight:700;line-height:22px}.system-notice-count{display:block;margin-top:6px;color:#7a8ba0}.system-notice-count[hidden]{display:none}
.system-notice .system-notice-close{flex:none;display:grid;place-items:center;width:28px;height:28px;min-height:28px;margin:-5px -6px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:#8190a3;font:22px/1 system-ui;cursor:pointer}.system-notice-close:hover{background:#f1f5f9}.system-notice-close:focus-visible{outline:2px solid #3b82f6}
.system-notice-success{border-left-color:#16a34a}.system-notice-success .system-notice-icon{background:#eaf8ef;color:#15803d}.system-notice-error{border-left-color:#dc2626}.system-notice-error .system-notice-icon{background:#fff0f0;color:#dc2626}.system-notice-warning{border-left-color:#d97706}.system-notice-warning .system-notice-icon{background:#fff6e6;color:#b45309}
@keyframes system-notice-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.system-notice{animation:none}}
@media(max-width:520px){.system-notices{inset:12px 12px auto auto;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.system-notice{padding:13px;gap:10px}}