/* ===== Modal, toast ===== */
.modal{position:fixed;inset:0;display:none;place-items:center;z-index:60;padding:16px}
.modal.on{display:grid}
.modal .box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;width:min(560px,100%);max-height:92vh;overflow:auto;box-shadow:var(--sh-pop);position:relative;z-index:2;animation:rise .2s var(--ease)}
.modal .bg{position:absolute;inset:0;background:var(--scrim)}
.modal h3{margin:0 0 6px;font-size:16px;font-weight:600}
.modal .row{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);background:var(--ink);color:var(--bg);border-radius:8px;padding:10px 16px;z-index:80;opacity:0;transition:.25s;max-width:calc(100% - 32px);font-size:13px;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}
#infobar:empty{display:none}
#infobar .stale{margin:0;border-radius:0;border-width:0 0 1px 0}