[data-nt-app] .nt-timer-view,
.nt-view .nt-timer-view {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 3cqh, 24px);
  padding: 5cqw;
  overflow: hidden;
  color: #f5f5f5;
  background: #111113;
  text-align: center;
}
[data-nt-app] .nt-timer-clock,
.nt-view .nt-timer-clock {
  font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  font-size: clamp(20px, 14cqw, 180px);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.075em;
  line-height: 1.15;
  white-space: nowrap;
}
[data-nt-app] .nt-timer-fraction,
.nt-view .nt-timer-fraction {
  color: #9ca3af;
  font-size: 0.38em;
  letter-spacing: -0.04em;
}
[data-nt-app] .nt-timer-task,
.nt-view .nt-timer-task {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(12px, 3.5cqw, 40px);
  color: #d4d4d8;
}
[data-nt-app] .nt-timer-task:empty,
.nt-view .nt-timer-task:empty { display: none; }
[data-nt-app] .nt-timer-days,
.nt-view .nt-timer-days,
[data-nt-app] .nt-timer-state,
.nt-view .nt-timer-state {
  margin: 0;
  font-size: clamp(12px, 2.8cqw, 30px);
  color: #a1a1aa;
}
[data-nt-app] .nt-timer-view[data-state='finished'] .nt-timer-state,
.nt-view .nt-timer-view[data-state='finished'] .nt-timer-state { color: #86efac; font-weight: 600; }
[data-nt-app] .nt-timer-progress,
.nt-view .nt-timer-progress {
  appearance: none;
  width: 65%;
  height: clamp(3px, 0.7cqh, 6px);
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #303035;
  color: #d4d4d8;
}
[data-nt-app] .nt-timer-progress::-webkit-progress-bar,
.nt-view .nt-timer-progress::-webkit-progress-bar { background: #303035; }
[data-nt-app] .nt-timer-progress::-webkit-progress-value,
.nt-view .nt-timer-progress::-webkit-progress-value { background: #d4d4d8; }
[data-nt-app] .nt-timer-progress::-moz-progress-bar,
.nt-view .nt-timer-progress::-moz-progress-bar { background: #d4d4d8; }
[data-nt-app] .nt-timer-presets,
.nt-view .nt-timer-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
[data-nt-app] .nt-timer-presets .nt-btn,
.nt-view .nt-timer-presets .nt-btn { padding: 7px 4px; min-width: 0; }
[data-nt-app] .nt-timer-presets [aria-pressed='true'],
.nt-view .nt-timer-presets [aria-pressed='true'] { box-shadow: inset 0 0 0 2px currentColor; }
[data-nt-app] .nt-timer-duration,
.nt-view .nt-timer-duration { margin-block: 12px; }
[data-nt-app] .nt-timer-alarm,
.nt-view .nt-timer-alarm { font-size: 13px; margin-block: 10px; }
[data-nt-app] .nt-timer-alarm input,
.nt-view .nt-timer-alarm input { width: auto; }
[data-nt-app] .nt-timer-table-wrap,
.nt-view .nt-timer-table-wrap { max-height: 210px; overflow: auto; margin-top: 10px; }
[data-nt-app] .nt-timer-table,
.nt-view .nt-timer-table { width: 100%; font-size: 11px; font-variant-numeric: tabular-nums; border-collapse: collapse; }
[data-nt-app] .nt-timer-table th,
[data-nt-app] .nt-timer-table td,
.nt-view .nt-timer-table th,
.nt-view .nt-timer-table td { padding: 6px 3px; text-align: right; border-bottom: 1px solid #8884; white-space: nowrap; }
[data-nt-app] .nt-timer-table th:first-child,
[data-nt-app] .nt-timer-table td:first-child,
.nt-view .nt-timer-table th:first-child,
.nt-view .nt-timer-table td:first-child { text-align: left; }