:root{
  --wt-line: rgba(255,255,255,.10);
  --wt-text: #e6e9ef;
  --wt-muted: #8b93a6;
  --wt-good: #34d399;
  --wt-bad: #fb7185;
}

/* 광고 슬롯이 HTML에 남아있어도 숨김 + 중앙정렬 */
#timerSection .ad-slot{ display:none !important; }
#timerSection .timer-layout{ display:flex !important; justify-content:center !important; }

#timerApp .wt-wrap{ padding: 18px; max-width: 860px; margin: 0 auto; }
#timerApp .wt-title{ text-align:center; font-size: 18px; font-weight: 900; color: var(--wt-text); padding: 8px 0 8px; }

#timerApp .wt-btn{
  cursor:pointer;
  border:1px solid var(--wt-line);
  background: rgba(255,255,255,.02);
  color: var(--wt-text);
  padding:6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
}
#timerApp .wt-btn.is-on{
  background: rgba(52,211,153,.16);
  border-color: rgba(52,211,153,.30);
  outline:1px solid rgba(52,211,153,.22);
}

#timerApp .wt-soundbar{ display:flex; justify-content:center; margin: 0 0 12px; }

/* Toggles */
#timerApp .wt-toggles{ display:flex; flex-direction:column; gap:10px; margin: 8px auto 8px; width: min(420px, 92vw); align-items: stretch; }
#timerApp .wt-toggle{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid var(--wt-line); border-radius: 14px; background: rgba(255,255,255,.02); }
#timerApp .wt-toggle .label{ font-size:12px; color: var(--wt-muted); font-weight:900; }

#timerApp .wt-switch{ position:relative; width: 46px; height: 26px; flex: 0 0 auto; }
#timerApp .wt-switch input{ opacity:0; width:0; height:0; }
#timerApp .wt-slider{ position:absolute; inset:0; cursor:pointer; border-radius: 999px; border:1px solid var(--wt-line); background: rgba(255,255,255,.06); transition: .18s; }
#timerApp .wt-slider:before{ content:""; position:absolute; height: 20px; width: 20px; left: 3px; top: 2px; border-radius: 999px; background: rgba(230,233,239,.95); transition: .18s; }
#timerApp .wt-switch input:checked + .wt-slider{ background: rgba(52,211,153,.18); border-color: rgba(52,211,153,.30); outline:1px solid rgba(52,211,153,.22); }
#timerApp .wt-switch input:checked + .wt-slider:before{ transform: translateX(20px); background: rgba(52,211,153,.98); }

/* Aggro config (시간 입력만 유지) */
#timerApp .wt-aggro{
  width: min(420px, 92vw);
  margin: 0 auto 10px;
  border:1px solid var(--wt-line);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  padding:10px 12px;
  display:grid;
  gap:10px;
}
#timerApp .wt-aggro-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#timerApp .wt-aggro-row .hint{
  color: var(--wt-muted);
  font-size: 12px;
  font-weight: 900;
}
#timerApp .wt-aggro-row input{
  width: 120px;
  border:1px solid var(--wt-line);
  background: rgba(255,255,255,.02);
  color: var(--wt-text);
  padding:8px 10px;
  border-radius: 12px;
  font-weight: 900;
}
#timerApp .wt-aggro-tools{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* 공통 사운드 도구(아그로 밖) */
#timerApp .wt-soundtools{
  width: min(420px, 92vw);
  margin: 0 auto 10px;
  border:1px solid var(--wt-line);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#timerApp .wt-vol{
  display:flex;
  align-items:center;
  gap:8px;
}
#timerApp .wt-vol label{
  color: var(--wt-muted);
  font-size: 12px;
  font-weight: 900;
}
#timerApp .wt-vol input[type="range"]{ width: 140px; }
#timerApp .wt-vol span{ color: var(--wt-text); font-weight: 900; font-size: 12px; }

/* Footnote */
#timerApp .wt-footnote{
  width: min(420px, 92vw);
  margin: 0 auto 14px;
  color: rgba(139,147,166,.95);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  text-align: left;
}

/* Cards */
#timerApp .wt-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (max-width: 700px){ #timerApp .wt-grid{ grid-template-columns: 1fr;} }
#timerApp .wt-card{ border:1px solid var(--wt-line); border-radius: 16px; background: rgba(255,255,255,.02); overflow:hidden; }
#timerApp .wt-card .body{ padding: 12px; }
#timerApp .wt-name{ margin:0; font-size:16px; color: var(--wt-text); }
#timerApp .wt-desc{ margin:6px 0 0; color: var(--wt-muted); font-size: 13px; min-height: 28px; }
#timerApp .wt-kv{ margin-top: 10px; border:1px solid var(--wt-line); background: rgba(21,25,34,.55); border-radius: 14px; padding: 10px; display:grid; gap: 8px; }
#timerApp .wt-row{ display:flex; align-items:center; justify-content:space-between; gap: 12px; font-size: 13px; }
#timerApp .wt-label{ color: rgba(139,147,166,.90); }
#timerApp .wt-value{ font-weight: 900; color: var(--wt-text); }
#timerApp .wt-value.big{ font-size: 18px; }