.watch-controls {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: .35rem;
}

.watch-action-message {
  min-height: 1rem;
  margin: 0;
  color: var(--muted);
  font-size: .76rem;
}

.watch-action-message.error {
  color: var(--danger);
}

.dashboard-heading { padding: 2.25rem 0 1.5rem; }
.dashboard-heading h1 { font-size: clamp(2.5rem, 5vw, 4.25rem); }
.dashboard-heading .lede { margin-top: .75rem; }

.setup-section { margin-top: 2rem; }
.setup-heading { margin-bottom: 1rem; }
.setup-heading h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -.035em; }
.setup-heading > p { max-width: 42rem; margin: .45rem 0 0; color: var(--muted); line-height: 1.5; }
.primary-add-panel { padding: 1.15rem; box-shadow: 0 .65rem 1.8rem #1937260b; }
.primary-add-panel h3, .discovery-panel h3 { font-size: 1.2rem; letter-spacing: -.02em; }
.primary-add-panel p { margin-top: .35rem; font-size: .88rem; }
.primary-add-panel .message { min-height: 0; margin: 0; }
.discovery-toggle { margin-top: .75rem; }

.discovery-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  margin-top: 1rem;
  padding: 1.15rem;
  box-shadow: 0 .65rem 1.8rem #1937260b;
}

.discovery-panel[hidden] { display: none; }
.discovery-panel > * { width: 100%; }

.discovery-panel p { margin: .35rem 0 0; color: var(--muted); font-size: .88rem; line-height: 1.45; }

.discovery-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  align-items: end;
}
.discovery-form button { grid-column: 1 / -1; width: 100%; }

.discovery-form label {
  display: grid;
  gap: .4rem;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}

.suggestions-form { display: block; }
.suggestions-form[hidden] { display: none; }
.suggestions-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.suggestions-form legend { margin-bottom: .65rem; font-size: .88rem; font-weight: 800; }
.suggestion-list { display: flex; flex-direction: column; gap: .45rem; margin-bottom: .75rem; }
.suggestion-option { display: flex; align-items: center; gap: .75rem; width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: .7rem; padding: .65rem .75rem; background: var(--paper); cursor: pointer; }
.suggestion-option:has(input:checked) { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); }
.suggestion-option input { flex: none; order: 2; width: 1.15rem; min-height: 1.15rem; margin: 0 0 0 auto; accent-color: var(--accent); }
.suggestion-option span { display: grid; flex: 1; grid-template-columns: minmax(9rem, .4fr) minmax(0, 1fr); align-items: center; gap: .75rem; min-width: 0; }
.suggestion-option strong, .suggestion-option small { display: block; }
.suggestion-option strong { font-size: .86rem; }
.suggestion-option small { overflow: hidden; color: var(--muted); font-size: .74rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.suggestions-form > button { width: auto; }

.notification-row { margin-top: 1.5rem; }
.watch-section { min-width: 0; margin-top: 2rem; }
.watch-section .section-heading h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); }
.watch-list { width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
.watch-card { width: 100%; min-width: 0; overflow: hidden; }
.watch-main { flex: 1 1 auto; width: 0; min-width: 0; }
.watch-url { width: 100%; }
.history-dialog{width:min(46rem,calc(100% - 2rem));max-height:min(48rem,calc(100vh - 2rem));border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem;color:var(--ink);background:var(--paper);box-shadow:0 2rem 6rem #10281c4d}.history-dialog::backdrop{background:#10281c80;backdrop-filter:blur(3px)}.history-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.history-dialog-header h2{font-size:2rem}.history-url{display:block;max-width:34rem;margin-top:.5rem;overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.history-close{flex:none}.history-status{margin:1rem 0;color:var(--muted)}.history-status.error{color:var(--danger)}.history-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.history-entry{position:relative;margin-left:.55rem;padding:1rem 0 1.2rem 1.5rem;border-left:2px solid #a9d0b9}.history-entry::before{position:absolute;top:1.25rem;left:-.43rem;width:.72rem;height:.72rem;border:2px solid var(--paper);border-radius:50%;background:var(--accent);content:""}.history-entry.initial::before{background:var(--muted)}.history-entry-heading,.history-entry-details{display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-entry-heading time,.history-entry-details{color:var(--muted);font-size:.76rem}.history-entry-heading strong{color:var(--accent);font-size:.78rem}.history-entry p{margin:.55rem 0;line-height:1.5}.history-entry-details{justify-content:flex-start;flex-wrap:wrap}.history-entry-details span{border-radius:99rem;padding:.25rem .5rem;background:var(--wash)}.history-entry-details .history-notified{color:var(--accent-dark);background:var(--pale)}
.diff-button{min-height:0;padding:.3rem .65rem;font-size:.76rem}.history-diff{display:grid;gap:.6rem;margin-top:.75rem}.history-diff[hidden]{display:none}.history-diff.error{color:var(--danger)}.diff-operation{overflow:hidden;border:1px solid var(--line);border-radius:.65rem;background:var(--wash)}.diff-operation>strong{display:block;padding:.4rem .6rem;font-size:.72rem;text-transform:uppercase}.diff-line{display:grid;grid-template-columns:4rem minmax(0,1fr);border-top:1px solid var(--line)}.diff-line span{padding:.5rem;color:var(--muted);font-size:.7rem;font-weight:800}.diff-line pre{overflow:auto;margin:0;padding:.5rem;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.76rem;line-height:1.45}.diff-before{background:#fff1f0}.diff-after{background:#edf9f1}.diff-removed>strong{color:#9d2f2f}.diff-added>strong{color:var(--accent-dark)}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.8rem}.history-toolbar .history-status{margin:1rem 0}.history-filter{flex:none;min-height:0;padding:.45rem .7rem;font-size:.76rem}
.onboarding{max-width:760px;margin:4rem auto}.onboarding-progress{display:flex;gap:.5rem;margin:0 auto 1.5rem;max-width:260px}.onboarding-progress span{height:6px;flex:1;border-radius:99px;background:var(--line)}.onboarding-progress span.active{background:var(--accent)}.onboarding-card{padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 18px 50px #1c263e14}.onboarding-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.onboarding-fields label{display:grid;gap:.45rem;font-weight:650}.onboarding-fields select{min-height:48px;padding:.65rem;border:1px solid var(--line);border-radius:10px;background:white}.onboarding-card fieldset{border:0;padding:0;margin:1.5rem 0}.onboarding-card legend{font-weight:750;margin-bottom:.75rem}.choice-grid{display:flex;flex-wrap:wrap;gap:.55rem}.choice-chip{position:relative;padding:.65rem .85rem;border:1px solid var(--line);border-radius:99px;cursor:pointer}.choice-chip:has(input:checked){border-color:var(--accent);background:var(--pale);color:var(--accent-dark)}.choice-chip input{position:absolute;opacity:0}.onboarding-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem}.recommendation-list{display:grid;gap:.75rem;margin-top:1.5rem;max-height:52vh;overflow:auto}.recommendation-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:14px;cursor:pointer}.recommendation-card:has(input:checked){border-color:var(--accent);background:var(--pale)}.recommendation-card>span{display:grid;gap:.25rem}.recommendation-card small,.recommendation-card em{color:var(--muted);font-size:.86rem}.recommendation-card em{font-style:normal}.text-button{margin-top:1rem;background:transparent;border:0;color:var(--accent-dark);padding-left:0}.watch-name{display:inline-block;font-size:1.05rem;margin-right:.6rem}.watch-category{padding:.25rem .5rem;border-radius:99px;background:var(--wash);color:var(--muted);font-size:.75rem}

.onboarding-card[hidden] { display: none; }
.onboarding-card { display: block; }
.onboarding-card h1 { max-width: 38rem; font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1; letter-spacing: -.045em; }
.onboarding-card > p:not(.eyebrow, .message) { max-width: 38rem; margin: 1rem 0 0; color: var(--muted); line-height: 1.55; }
#onboarding-profile .onboarding-fields { align-items: start; }
#onboarding-commune-field { grid-column: 1 / -1; max-width: calc(50% - .5rem); }
#onboarding-profile > button[type="submit"] { margin-top: 0; }
.text-button:hover { color: var(--accent-dark); background: transparent; text-decoration: underline; text-underline-offset: .25rem; }

@media (max-width: 600px) {
  .dashboard-heading { padding-top: 1.5rem; }
  .discovery-form { grid-template-columns: 1fr; }
  .suggestion-option span { grid-template-columns: 1fr; gap: .15rem; }
  .discovery-toggle { width: 100%; }
  .watch-controls {
    width: 100%;
    align-items: stretch;
  }
  .watch-main { width: 100%; }
  .watch-meta { line-height: 1.5; }
  .watch-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .watch-actions button { min-width: 0; padding-inline: .65rem; }
  .onboarding { margin: 1.5rem 0; }
  .onboarding-fields { grid-template-columns: 1fr; }
  #onboarding-commune-field { grid-column: auto; max-width: none; }
  .onboarding-actions button { flex: 1 1 auto; }
}