#qfd{
  width: min(92vw,calc(380*var(--u)));
  padding: calc(20*var(--u));
  border-radius: calc(28*var(--u));
}.qhd{
  display: flex;
  align-items: center;
  gap: calc(12*var(--u));
  margin-bottom: calc(16*var(--u));
}.qic{
  width: calc(44*var(--u));
  height: calc(44*var(--u));
  padding: calc(11*var(--u));
  border-radius: calc(14*var(--u));
  flex: none;
  color: var(--acc);
  background: color-mix(in srgb,var(--acc) 16%,transparent);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}.qhd h3{
  margin: 0;
  font-size: calc(20*var(--u));
  font-weight: 800;
}.qhd p{
  margin: 2px 0 0;
  font-size: calc(12*var(--u));
  color: var(--m);
}.qgrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(10*var(--u));
}#qfd .qf-f{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  margin: 0;
  padding: calc(10*var(--u)) calc(12*var(--u)) calc(8*var(--u));
  border-radius: calc(16*var(--u));
  background: var(--emp);
  font-size: calc(12*var(--u));
  font-weight: 600;
  color: var(--m);
}#qfd .qf-f .mi{
  width: 100%;
  padding: calc(4*var(--u)) 0;
  text-align: center;
  font-size: calc(28*var(--u));
  font-weight: 800;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--t);
}#qfd .qf-f:focus-within{
  outline: 2px solid var(--p);
}.qpre{
  display: flex;
  align-items: center;
  gap: calc(12*var(--u));
  width: 100%;
  margin-top: calc(12*var(--u));
  padding: calc(12*var(--u));
  border-radius: calc(16*var(--u));
  border: 1px solid var(--b);
  background: var(--s);
  color: var(--t);
  text-align: start;
  cursor: pointer;
  font: inherit;
}.qpre[aria-checked=true]{
  border-color: #10b981;
  background: color-mix(in srgb,#10b981 12%,var(--s));
}.qpi{
  width: calc(36*var(--u));
  height: calc(36*var(--u));
  border-radius: calc(12*var(--u));
  display: grid;
  place-items: center;
  flex: none;
  color: #f59e0b;
  background: color-mix(in srgb,#f59e0b 18%,transparent);
}.qpi svg{
  width: calc(19*var(--u));
  height: calc(19*var(--u));
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}.qpre[aria-checked=true] .qpi{
  color: #10b981;
  background: color-mix(in srgb,#10b981 18%,transparent);
}.qpt{
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}.qpt b{
  font-size: calc(14*var(--u));
}.qpt small{
  font-size: calc(11.5*var(--u));
  color: var(--m);
  line-height: 1.35;
}.qpre .sw{
  width: calc(44*var(--u));
  height: calc(26*var(--u));
  border-radius: calc(26*var(--u));
}.qpre .sw::after{
  width: calc(20*var(--u));
  height: calc(20*var(--u));
  top: calc(3*var(--u));
  inset-inline-start: calc(3*var(--u));
}.qpre[aria-checked=true] .sw{
  background: #10b981;
}.qpre[aria-checked=true] .sw::after{
  inset-inline-start: calc(21*var(--u));
}.qopts{
  display: grid;
  gap: calc(6*var(--u));
  margin-top: calc(12*var(--u));
}#qfd .chk{
  margin: 0;
  padding: calc(11*var(--u)) calc(12*var(--u));
  border-radius: calc(14*var(--u));
  background: var(--emp);
  font-size: calc(13*var(--u));
  font-weight: 600;
  justify-content: flex-start;
  gap: calc(10*var(--u));
}#qfd .chk input{
  width: calc(18*var(--u));
  height: calc(18*var(--u));
  accent-color: var(--p);
}.qa{
  display: flex;
  gap: calc(8*var(--u));
  margin-top: calc(16*var(--u));
}.qa .tool{
  justify-content: center;
  padding: calc(13*var(--u));
  border-radius: calc(14*var(--u));
  font-weight: 700;
}#qa{
  background: var(--p);
  color: #fff;
  border-color: transparent;
}#qa:disabled{
  opacity: .45;
}.qfon[hidden]{
  display: none;
}.sub{
  color: var(--m);
  margin-top: 2px;
  margin: 0;
  font-size: calc(10.5*var(--u));
  white-space: normal;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
}#secDaily.fx-out{
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .14s ease, transform .14s ease;
}#secDaily.fx-in{
  animation: fxIn .26s ease both;
}
@keyframes fxIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}#rem .sw{
  margin-inline-start: auto;
}#rem[aria-checked=true] .sw{
  background: #10b981;
}#rem[aria-checked=true] .sw::after{
  inset-inline-start: calc(21*var(--u));
}