html, body { margin: 0; height: 100%; background: #1e1e1e; overflow: hidden; }
#term { position: absolute; inset: 6px 4px 4px 10px; }
#overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: grid; place-items: center;
  font: 14px -apple-system, BlinkMacSystemFont, "PingFang TC", sans-serif; }
#overlay[hidden] { display: none; }
.box { background: #2c2c2e; color: #f5f5f7; border-radius: 14px; padding: 20px 24px; min-width: 300px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.box p { margin: 0 0 16px; line-height: 1.5; }
.buttons { display: flex; gap: 8px; justify-content: flex-end; }
button { font: inherit; height: 32px; padding: 0 14px; border-radius: 8px; cursor: pointer; }
.primary { border: none; background: #0a84ff; color: #fff; font-weight: 600; }
.plain { border: 1px solid #48484a; background: transparent; color: #f5f5f7; }