/* 搜尋結果、收藏視窗、提示訊息與 hidden 狀態 */
.results {
  background:#f1f0e5;
  border:1px solid #dfdecf;
  border-radius:var(--radius-m);
  margin-top:28px;
  padding:24px;
}

.results h2 {
  font-size:23px;
}

.results p {
  font-size:14.5px;
  margin-top:6px;
}

.result-links {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.result-links a {
  background:white;
  border:1px solid #d1dcd5;
  border-radius:6px;
  padding:8px 15px;
}

.result-links a:hover {
  background:#dceae1;
}

dialog {
  color:var(--ink);
  border:1px solid #ddd9cd;
  border-radius:16px;
  padding:26px;
  width:min(520px,calc(100% - 32px));
  max-height:85dvh;
  background:var(--paper);
  box-shadow:0 20px 100px #0003;
}

dialog::backdrop {
  background:#13384280;
  backdrop-filter:blur(3px);
}

.dialog-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.dialog-heading h2 {
  font-size:24px;
}

.dialog-heading button {
  font-size:30px;
}

dialog>p {
  font-size:14.5px;
  color:var(--muted);
}

dialog>small {
  display:block;
  margin-top:20px;
  color:var(--muted);
}

#favorites-list {
  margin-top:20px;
}

.favorite-row {
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:10px 0;
  gap:10px;
}

.favorite-row a {
  flex:1;
}

.favorite-row img {
  width:65px;
  height:47px;
  border-radius:5px;
}

.favorite-row button {
  font-size:13.5px;
  color:var(--orange-text);
}

.empty {
  padding:20px 0;
  color:var(--muted);
  font-size:14px;
}

.toast {
  position:fixed;
  left:50%;
  bottom:25px;
  transform:translate(-50%,20px);
  background:#173d46;
  color:white;
  border-radius:30px;
  padding:10px 22px;
  opacity:0;
  transition:opacity .2s,transform .2s;
  pointer-events:none;
  z-index:100;
  font-size:14px;
}

.toast.visible {
  opacity:1;
  transform:translate(-50%,0);
}

[hidden] {
  display:none!important;
}