/* modal */
  .overlay{position:fixed;inset:0;background:rgba(16,20,26,.4);z-index:60;display:none;align-items:center;justify-content:center;padding:20px}
  .overlay.show{display:flex}
  .modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-pop);width:100%;max-width:520px;overflow:hidden}
  .modal-head{padding:20px 24px 0}
  .modal-head .eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:600}
  .modal-head h2{font-size:18px;margin-top:6px;font-weight:600}
  .modal-body{padding:18px 24px 22px}
  .pick-group{margin-bottom:16px}
  .pick-group>label{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}
  .pick-row{display:flex;gap:8px}
  .pick{flex:1;border:1px solid var(--line);border-radius:var(--r);padding:13px 10px;text-align:center;cursor:pointer;transition:.12s;background:var(--surface)}
  .pick:hover{border-color:var(--muted-2)}
  .pick.on{border-color:var(--ink);background:var(--surface-2)}
  .pick .pic{width:30px;height:30px;border-radius:var(--r);margin:0 auto 8px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line)}
  .pick.on .pic{color:var(--ink);border-color:var(--muted-2)}
  .pick .pt{font-weight:500;font-size:12.5px}
  .pick.dir{padding:11px 10px}
  .pick.dir.on{border-color:var(--ink);background:var(--ink);color:#fff}
  .modal-note{font-size:11.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r);padding:10px 12px;display:flex;gap:9px;align-items:flex-start;margin-bottom:16px}
  .modal-note svg{flex:none;color:var(--muted-2);margin-top:1px}
  .modal-foot{display:flex;justify-content:flex-end;gap:8px}

  /* toast */
  .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(16px);z-index:80;
    background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--r);box-shadow:var(--sh-pop);
    font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:.2s}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .toast .tcheck{width:18px;height:18px;border-radius:3px;background:var(--green);display:grid;place-items:center;flex:none}

  .empty{text-align:center;padding:56px 20px;color:var(--muted)}
  .empty .ill{width:46px;height:46px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 14px;color:var(--muted-2)}

  .footnote{margin-top:18px;font-size:11px;color:var(--muted-2);text-align:center;line-height:1.7}

  /* leave / unsaved modal */
  .leave-ic{width:38px;height:38px;border-radius:var(--r);background:#FBF1E4;color:var(--road);display:grid;place-items:center;margin-bottom:14px}
  .btn-danger-ghost{background:var(--surface);color:var(--red);border:1px solid var(--line)}
  .btn-danger-ghost:hover{border-color:var(--red);background:#FBEEEB}