.spkc-app-x7q2m{
  --spkc-accent:#dd8500;
  --spkc-rgb:221,133,0;
  --spkc-ink:#1d1300;
  --spkc-bg:#ffffff;
  --spkc-surface:#f2f3f5;
  --spkc-text:#16181d;
  --spkc-muted:#646b76;
  --spkc-line:#e1e3e8;
  box-sizing:border-box;
  width:100%;
  max-width:440px;
  margin:24px auto;
  padding:20px;
  background:var(--spkc-bg);
  color:var(--spkc-text);
  border:1px solid var(--spkc-line);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(20,24,32,.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.4;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.spkc-app-x7q2m.spkc-dark{
  --spkc-bg:#15181d;
  --spkc-surface:#20242b;
  --spkc-text:#f2f3f5;
  --spkc-muted:#9aa1ad;
  --spkc-line:#2c313a;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.spkc-app-x7q2m *,
.spkc-app-x7q2m *::before,
.spkc-app-x7q2m *::after{box-sizing:border-box}
.spkc-app-x7q2m [hidden]{display:none!important}

/* Button reset (themes style buttons aggressively) */
.spkc-app-x7q2m button{
  -webkit-appearance:none;appearance:none;
  margin:0;padding:0;border:0;background:none;
  font:inherit;color:inherit;text-transform:none;letter-spacing:normal;
  text-shadow:none;box-shadow:none;cursor:pointer;
  touch-action:manipulation;
}
.spkc-app-x7q2m button:focus-visible{outline:3px solid rgba(var(--spkc-rgb),.55);outline-offset:2px}

/* Mode tabs */
.spkc-app-x7q2m .spkc-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  padding:5px;background:var(--spkc-surface);border-radius:16px;
}
.spkc-app-x7q2m .spkc-tab{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;border-radius:12px;
  color:var(--spkc-muted);font-size:16px;font-weight:600;
  transition:background .2s,color .2s;
}
.spkc-app-x7q2m .spkc-tab .spkc-ico{width:22px;height:22px;flex:none}
.spkc-app-x7q2m .spkc-tab[aria-pressed="true"]{
  background:var(--spkc-bg);color:var(--spkc-text);
  box-shadow:0 1px 3px rgba(0,0,0,.14);
}
.spkc-app-x7q2m .spkc-tab[aria-pressed="true"] .spkc-ico{color:var(--spkc-accent)}

/* Dial */
.spkc-app-x7q2m .spkc-stage{
  position:relative;width:min(70vw,250px);aspect-ratio:1/1;
  margin:30px auto 24px;display:grid;place-items:center;
}
.spkc-app-x7q2m .spkc-ring{
  position:absolute;inset:0;width:100%;height:100%;
  transform:rotate(-90deg);
}
.spkc-app-x7q2m .spkc-track{fill:none;stroke:var(--spkc-line);stroke-width:7}
.spkc-app-x7q2m .spkc-bar{
  fill:none;stroke:var(--spkc-accent);stroke-width:7;stroke-linecap:round;
  stroke-dasharray:339.292;stroke-dashoffset:339.292;
  transition:stroke-dashoffset .12s linear;
}
.spkc-app-x7q2m .spkc-pulse{
  position:absolute;inset:6%;border-radius:50%;
  border:2px solid var(--spkc-accent);opacity:0;pointer-events:none;
}
.spkc-app-x7q2m.is-running.is-dust .spkc-pulse{animation:spkc-ripple 1.3s ease-out infinite}
.spkc-app-x7q2m.is-running.is-water .spkc-pulse{animation:spkc-ripple 2.8s ease-out infinite}
.spkc-app-x7q2m.is-running.is-dust .spkc-pulse-b{animation-delay:.65s}
.spkc-app-x7q2m.is-running.is-water .spkc-pulse-b{animation-delay:1.4s}
@keyframes spkc-ripple{
  from{transform:scale(.86);opacity:.5}
  to{transform:scale(1.3);opacity:0}
}

.spkc-app-x7q2m .spkc-center{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:2px;
}
.spkc-app-x7q2m .spkc-mode-ico{display:block;width:30px;height:30px;color:var(--spkc-accent);margin-bottom:4px}
.spkc-app-x7q2m .spkc-mode-ico .spkc-ico{width:100%;height:100%;display:none}
.spkc-app-x7q2m.is-dust .spkc-mode-ico .spkc-ico-dust,
.spkc-app-x7q2m.is-water .spkc-mode-ico .spkc-ico-water{display:block}
.spkc-app-x7q2m .spkc-time{
  font-size:clamp(38px,12vw,52px);font-weight:700;line-height:1.05;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.spkc-app-x7q2m .spkc-status{font-size:14px;color:var(--spkc-muted);min-height:20px}

/* Time chips */
.spkc-app-x7q2m .spkc-times{display:flex;justify-content:center;gap:8px;margin-bottom:16px}
.spkc-app-x7q2m .spkc-chip{
  min-width:72px;min-height:44px;padding:0 16px;border-radius:999px;
  border:1.5px solid var(--spkc-line);
  font-size:15px;font-weight:600;color:var(--spkc-text);
  transition:border-color .2s,background .2s,opacity .2s;
}
.spkc-app-x7q2m .spkc-chip[aria-pressed="true"]{
  border-color:var(--spkc-accent);background:rgba(var(--spkc-rgb),.14);
}
.spkc-app-x7q2m.is-running .spkc-chip{opacity:.45;pointer-events:none}

/* Start / Stop */
.spkc-app-x7q2m .spkc-go{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:58px;border-radius:16px;
  background:var(--spkc-accent);color:var(--spkc-ink);
  font-size:18px;font-weight:700;
  transition:transform .1s,filter .2s,background .2s,color .2s;
}
.spkc-app-x7q2m .spkc-go:hover{filter:brightness(1.06)}
.spkc-app-x7q2m .spkc-go:active{transform:scale(.98)}
.spkc-app-x7q2m .spkc-go .spkc-ico{width:22px;height:22px}
.spkc-app-x7q2m .spkc-go .spkc-ico-stop{display:none}
.spkc-app-x7q2m.is-running .spkc-go{background:var(--spkc-text);color:var(--spkc-bg)}
.spkc-app-x7q2m.is-running .spkc-go .spkc-ico-play{display:none}
.spkc-app-x7q2m.is-running .spkc-go .spkc-ico-stop{display:block}

.spkc-app-x7q2m .spkc-hint,
.spkc-app-x7q2m .spkc-note{margin:14px 0 0;font-size:13px;line-height:1.45;color:var(--spkc-muted)}
.spkc-app-x7q2m .spkc-note{margin-top:6px}

@media (max-width:380px){
  .spkc-app-x7q2m{padding:16px;border-radius:20px}
  .spkc-app-x7q2m .spkc-chip{min-width:64px;padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  .spkc-app-x7q2m *{animation:none!important;transition:none!important}
}