:root{--bg:#0c1022;--fg:#e8eaf6;--muted:#a9acc7;--card:#151935;--accent:#7c8cff;--danger:#ff6b6b;--line:#242a52}
.wth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.wth-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.wth-grid .wth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wth-controls{display:flex;gap:10px;flex-wrap:wrap}
.wth-footer{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
input[type="time"]{width:100%;padding:12px;border-radius:10px;border:1px solid #2a2f4a;background:#0f1430;color:var(--fg)}
button{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;background:var(--accent);color:#fff}
button:hover{filter:brightness(1.08)}
.remove{background:var(--danger)}
.wth-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#141736;border:1px solid var(--line);font-size:13px}
.wth-stat{font-weight:600}
.wth-muted{color:var(--muted)}
.break-row{padding:12px}
.wth-row{display:flex;gap:10px}
/* tiny seconds field shown on mobile when native picker hides seconds */
.wth-secwrap{ display:inline-flex; align-items:center; margin-left:6px; }
.wth-sec{
  width:56px; padding:10px; border-radius:10px; border:1px solid #2a2f4a;
  background:#0f1430; color:var(--fg,#e8eaf6); font-size:14px; text-align:center;
}
.wth-sec::placeholder{ color:var(--muted,#a9acc7); }