[data-nt-app] .nt-noise-view,
.nt-view .nt-noise-view {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #171719;
  color: #ededf0;
}
[data-nt-app] .nt-noise-view[data-noise='pink'],
.nt-view .nt-noise-view[data-noise='pink'] { background: #211a1e; }
[data-nt-app] .nt-noise-view[data-noise='brown'],
.nt-view .nt-noise-view[data-noise='brown'] { background: #211d18; }
[data-nt-app] .nt-noise-texture,
.nt-view .nt-noise-texture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.09;
  image-rendering: pixelated;
  pointer-events: none;
}
[data-nt-app] .nt-noise-content,
.nt-view .nt-noise-content {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(3px, 2cqh, 20px);
  padding: 5cqw;
  box-sizing: border-box;
  text-align: center;
}
[data-nt-app] .nt-noise-name,
.nt-view .nt-noise-name {
  margin: 0;
  font-size: clamp(18px, 6cqw, 72px);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.035em;
}
[data-nt-app] .nt-noise-state,
.nt-view .nt-noise-state,
[data-nt-app] .nt-noise-sleep,
.nt-view .nt-noise-sleep {
  margin: 0;
  font-size: clamp(11px, 2.5cqw, 28px);
  line-height: 1.3;
  color: #c4c2c5;
  font-variant-numeric: tabular-nums;
}
[data-nt-app] .nt-noise-spectrum,
.nt-view .nt-noise-spectrum { display: block; width: 90%; height: 32cqh; max-height: 45%; min-height: 24px; }
[data-nt-app] .nt-noise-axis,
.nt-view .nt-noise-axis {
  display: flex;
  justify-content: space-between;
  width: 90%;
  color: #aaa5aa;
  font-size: clamp(9px, 1.9cqw, 20px);
}
[data-nt-app] .nt-noise-motion,
.nt-view .nt-noise-motion { font-size: 13px; }
[data-nt-app] .nt-noise-motion input,
.nt-view .nt-noise-motion input { width: auto; }