/* Den · 玩具遥控。配色跟 den-ledger / den-period 一套。 */
.den-toy{padding:0 0 24px}

.ty-status{
  margin:14px 18px 0;padding:13px 15px;border-radius:16px;
  background:rgba(255,255,255,.5);
  border:1px solid rgba(126,95,159,.14);
}
.ty-status b{display:block;font-size:15px;font-weight:600;color:#6f5f92}
.ty-status b.on{color:#d0607f}
.ty-status small{display:block;margin-top:3px;font-size:11px;opacity:.55}

.ty-motors{margin:14px 18px 0;display:flex;flex-direction:column;gap:12px}
.ty-motor{
  padding:12px 14px 6px;border-radius:16px;
  background:rgba(255,255,255,.5);
  border:1px solid rgba(126,95,159,.14);
}
.ty-motor-top{display:flex;align-items:baseline;justify-content:space-between}
.ty-motor-top b{font-size:14px;font-weight:600;color:#4a4053}
.ty-val{
  font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;
  letter-spacing:-.01em;color:#6f5f92;
}

.ty-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:26px;margin:2px 0 0;background:transparent;
}
.ty-range::-webkit-slider-runnable-track{
  height:7px;border-radius:99px;background:rgba(126,95,159,.14);
}
.ty-range::-moz-range-track{
  height:7px;border-radius:99px;background:rgba(126,95,159,.14);
}
.ty-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:22px;height:22px;margin-top:-7.5px;border-radius:50%;
  background:#fff;border:1px solid rgba(126,95,159,.35);
  box-shadow:0 1px 4px rgba(110,80,130,.22);
}
.ty-range::-moz-range-thumb{
  width:22px;height:22px;border-radius:50%;
  background:#fff;border:1px solid rgba(126,95,159,.35);
  box-shadow:0 1px 4px rgba(110,80,130,.22);
}

.ty-stop{
  display:block;width:calc(100% - 36px);margin:18px 18px 0;
  padding:14px 0;border-radius:16px;font-family:inherit;font-size:15px;
  border:1px solid rgba(208,96,127,.42);
  background:rgba(208,96,127,.12);color:#c2557a;
  -webkit-tap-highlight-color:transparent;
}
.ty-stop:active{background:rgba(208,96,127,.2)}

.ty-hint{margin:10px 18px 0;font-size:12px;min-height:16px;color:#84758e}
.ty-hint.bad{color:#c2557a}

.ty-log{margin:24px 18px 0}
.ty-log ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(177,133,158,.2)}
.ty-log li{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 2px;font-size:13px;color:#4a4053;
  border-bottom:1px solid rgba(177,133,158,.2);
}
.ty-log li i{font-style:normal;font-variant-numeric:tabular-nums;color:#9474b1}
.ty-log li.ty-empty span{opacity:.5}