.dd:disabled{
  opacity: .5;
  cursor: default;
}.ddpop{
  position: fixed;
  z-index: 99999;
  overflow-y: auto;
  padding: calc(8*var(--u));
  border-radius: calc(20*var(--u));
  background: var(--panel);
  border: 1px solid var(--b);
  box-shadow: 0 28px 56px -14px rgba(2,8,23,.6), 0 2px 6px rgba(2,8,23,.18);
  opacity: 0;
  transform: translateY(-6px) scale(.98);
  transition: opacity .15s,transform .15s;
  scrollbar-width: thin;
}.ddpop.on{
  opacity: 1;
  transform: none;
}.ddo{
  display: flex;
  align-items: center;
  gap: calc(10*var(--u));
  width: 100%;
  min-height: calc(44*var(--u));
  padding: calc(8*var(--u)) calc(12*var(--u));
  border: 0;
  border-radius: calc(14*var(--u));
  background: none;
  color: var(--t);
  font: inherit;
  font-size: calc(14*var(--u));
  font-weight: 600;
  text-align: start;
  cursor: pointer;
  margin-bottom: 2px;
}.ddo .ddt{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.ddo .fa{
  width: calc(13*var(--u));
  height: calc(13*var(--u));
  fill: currentColor;
  visibility: hidden;
}.ddo:hover, .ddo:focus-visible{
  background: color-mix(in srgb,var(--acc) 12%,transparent);
  outline: 0;
}.ddo.sel{
  background: var(--grad-blue);
  color: #fff;
}.ddo.sel .fa{
  visibility: visible;
}.ddo:disabled{
  opacity: .45;
  cursor: default;
}.slogin{
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: calc(8*var(--u));
  height: calc(38*var(--u));
  padding: 0 calc(14*var(--u));
  border: 0;
  border-radius: calc(19*var(--u));
  color: #fff;
  font: inherit;
  font-size: calc(13*var(--u));
  font-weight: 700;
  cursor: pointer;
  flex: none;
  background: var(--grad-blue);
  box-shadow: 0 6px 14px rgba(var(--acc-rgb),.32),inset 0 1px 0 #ffffff33;
}.slogin .fa{
  width: calc(15*var(--u));
  height: calc(15*var(--u));
  fill: #fff;
}.slogin:active{
  transform: scale(.97);
}.slogin .sav{
  width: calc(24*var(--u));
  height: calc(24*var(--u));
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #ffffff33;
  font-size: calc(12*var(--u));
  font-weight: 800;
  flex: none;
}.slogin .sav img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.slogin .snm{
  max-width: calc(96*var(--u));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.sgpop{
  padding: calc(4*var(--u));
}.sgrow{
  display: flex;
  align-items: center;
}.sgrow .ddo{
  flex: 1;
  min-width: 0;
}.sgx{
  flex: none;
  width: calc(34*var(--u));
  height: calc(34*var(--u));
  border: 0;
  border-radius: calc(10*var(--u));
  background: none;
  color: var(--m);
  font-size: calc(20*var(--u));
  line-height: 1;
  cursor: pointer;
}.sgx:hover, .sgx:focus-visible{
  background: color-mix(in srgb,#ef4444 14%,transparent);
  color: #fb7185;
  outline: 0;
}main.app{
  padding-bottom: calc(calc(60*var(--u)) + env(safe-area-inset-bottom,0px));
}.bnav{
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 40;
  width: min(100%,calc(520*var(--u)));
  display: flex;
  align-items: stretch;
  gap: 2px;
  padding: calc(8*var(--u)) calc(8*var(--u)) calc(calc(8*var(--u)) + env(safe-area-inset-bottom,0px));
  border-top: 1px solid var(--b);
  border-radius: calc(26*var(--u)) calc(26*var(--u)) 0 0;
  background: var(--s);
  box-shadow: 0 -10px 30px rgba(0,0,0,.3);
  transition: transform .22s ease;
}:root[data-theme=light] .bnav{
  box-shadow: 0 -8px 24px rgba(15,23,42,.1);
}body.kb .bnav{
  transform: translate(-50%,115%);
}.bn{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(4*var(--u));
  padding: calc(4*var(--u)) 2px;
  border: 0;
  background: none;
  color: var(--m);
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}.bni{
  width: calc(52*var(--u));
  height: calc(30*var(--u));
  border-radius: calc(15*var(--u));
  display: grid;
  place-items: center;
  transition: background .2s,transform .15s,box-shadow .2s;
}.bni .fa{
  width: calc(18*var(--u));
  height: calc(18*var(--u));
  fill: currentColor;
}.bnl{
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(10.5*var(--u));
  font-weight: 600;
}.bn.on{
  color: color-mix(in srgb, var(--p) 50%, #fff);
}:root[data-theme=light] .bn.on{
  color: var(--p);
}.bn.on .bni{
  color: #fff;
  background: var(--grad-blue);
  box-shadow: 0 6px 14px rgba(var(--acc-rgb),.4),inset 0 1px 0 #ffffff33;
}.bn.on .bnl{
  font-weight: 800;
}.bn:active .bni{
  transform: scale(.9);
}.bn:focus-visible{
  outline: 2px solid var(--acc);
  outline-offset: -2px;
  border-radius: calc(14*var(--u));
}#secDaily, #secSummary, #secAdv{
  scroll-margin-top: calc(12*var(--u));
}@media print{body > *:not(#printArea){
    display: none !important;
  }html, body{
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }#printArea{
    display: block;
    direction: ltr;
    break-inside: avoid;
    page-break-after: avoid;
  }
  @page {
    margin: 5mm;
  }.bnav{
    display: none !important;
  }}.icon-btn .fa{
  width: calc(22*var(--u));
  height: calc(22*var(--u));
  fill: currentColor;
  stroke: none;
}#profbtn{
  overflow: hidden;
  order: 0;
  color: color-mix(in srgb, var(--p) 50%, #fff);
}:root[data-theme=light] #profbtn{
  color: var(--p);
}#profbtn .pav{
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(18*var(--u));
  font-weight: 800;
  background: linear-gradient(135deg,var(--p),color-mix(in srgb, var(--p2) 60%, #000));
  box-shadow: none;
}#profbtn .fa{ width: 100%; height: 100%; }#profbtn .pav img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}body.kb #setd .bnav{
  transform: none;
}.monthhid{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  border: 0;
  padding: 0;
  margin: 0;
}.month{
  background: var(--s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat calc(14*var(--u)) center/calc(22*var(--u));
  position: relative;
  order: 0;
  width: clamp(7rem, 34vw, 8.75rem);
  min-width: 0;
  flex: none;
  height: calc(40*var(--u));
  box-sizing: border-box;
  padding: 0 calc(8*var(--u)) 0 calc(30*var(--u));
  border: 1px solid var(--b);
  border-radius: calc(12*var(--u));
  font: inherit;
  font-size: calc(12*var(--u));
  font-weight: 700;
  color: var(--t);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  background-size: calc(16*var(--u));
  background-position: calc(9*var(--u)) center;
  background-color: color-mix(in srgb, var(--acc) 16%, var(--s));
  border-color: color-mix(in srgb, var(--acc) 48%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--acc) 10%, transparent), 0 4px 14px rgba(var(--acc-rgb),.14);
}:root[data-theme=light] .month{
  background-color: color-mix(in srgb, var(--acc) 10%, #fff);
  border-color: color-mix(in srgb, var(--p) 40%, transparent);
  box-shadow: 0 2px 8px rgba(var(--acc-rgb),.12);
}*{
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}button, [role=button], .status{
  transition: transform .12s ease, opacity .12s ease, background-color .15s ease, box-shadow .15s ease;
}button:active:not(:disabled), [role=button]:active, .status:active{
  transform: scale(.96);
  opacity: .85;
}:focus:not(:focus-visible){
  outline: none;
}input:focus, select:focus, textarea:focus{
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--acc) 26%, transparent);
  border-color: color-mix(in srgb, var(--acc) 55%, var(--b));
}.ci[readonly], .ci[readonly]:focus{
  outline: none;
  box-shadow: none;
  border-color: var(--b);
  pointer-events: none;
  cursor: default;
}.primary:active{
  transform: scale(.98);
}html{
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: var(--grad);
  background-color: var(--bg);
}#setd .bnav{
  position: static;
  transform: none;
  width: 100%;
  flex: none;
}.dd:hover{
  border-color: color-mix(in srgb, var(--p) 55%, var(--b));
}.dd[aria-expanded=true]{
  border-color: var(--p);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--p) 22%, transparent);
}.tmp{
  display: flex;
  gap: calc(8*var(--u));
  min-width: 0;
  align-items: center;
}.tmp .dd{
  flex: none;
  min-width: calc(64*var(--u));
  padding: 0 calc(10*var(--u));
}.bn .pav{
  width: calc(24*var(--u));
  height: calc(24*var(--u));
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(12*var(--u));
  font-weight: 800;
  background: linear-gradient(135deg,var(--p),color-mix(in srgb, var(--p2) 60%, #000));
}.bn .pav img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.mpick{
  position: fixed;
  z-index: 99999;
  width: min(92vw, calc(290*var(--u)));
  padding: calc(12*var(--u));
  border-radius: calc(24*var(--u));
  background: var(--panel);
  border: 1px solid var(--b);
  color: var(--t);
  box-shadow: 0 28px 56px -14px rgba(2,8,23,.6), 0 2px 6px rgba(2,8,23,.18);
  opacity: 0;
  transform: translateY(-6px) scale(.98);
  transition: opacity .15s, transform .15s;
  touch-action: none;
  user-select: none;
}.mpick.on{
  opacity: 1;
  transform: none;
}.mph{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8*var(--u));
}.mpy{
  font-size: calc(17*var(--u));
  font-weight: 800;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}.mpn{
  width: calc(40*var(--u));
  height: calc(40*var(--u));
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--p) 12%, transparent);
  color: var(--p);
  cursor: pointer;
}.mpn svg{
  width: calc(18*var(--u));
  height: calc(18*var(--u));
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}.mpn:disabled{
  opacity: .35;
  cursor: default;
}.mpn:active:not(:disabled){
  transform: scale(.92);
}.mpg{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(6*var(--u));
}.mpm{
  min-height: calc(46*var(--u));
  border: 0;
  border-radius: calc(14*var(--u));
  background: none;
  color: var(--t);
  font: inherit;
  font-size: calc(14*var(--u));
  font-weight: 700;
  cursor: pointer;
}.mpm:hover{
  background: color-mix(in srgb, var(--p) 10%, transparent);
}.mpm.cur{
  box-shadow: inset 0 0 0 1px var(--p);
}.mpm.sel{
  background: linear-gradient(135deg, var(--p), var(--p2));
  color: #fff;
  box-shadow: 0 6px 14px rgba(var(--acc-rgb),.32);
}.mpm:active{
  transform: scale(.95);
}.dpb{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8*var(--u));
  text-align: start;
  cursor: pointer;
  color: var(--t);
}.adv-f .dpb{
  grid-column: auto;
}.dpt{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.dpi{
  flex: none;
  width: calc(18*var(--u));
  height: calc(18*var(--u));
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--m);
}.dpb[aria-expanded=true]{
  border-color: var(--p);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--p) 22%, transparent);
}.dcal{
  width: min(92vw, calc(312*var(--u)));
}.dct{
  flex: 1;
  margin: 0 calc(6*var(--u));
  min-height: calc(40*var(--u));
  border: 0;
  border-radius: calc(14*var(--u));
  background: none;
  color: var(--t);
  font: inherit;
  font-size: calc(16*var(--u));
  font-weight: 800;
  letter-spacing: -.01em;
  cursor: pointer;
}.dct:hover{
  background: color-mix(in srgb, var(--p) 10%, transparent);
}.dcw{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: calc(4*var(--u));
  text-align: center;
  font-size: calc(11.5*var(--u));
  font-weight: 700;
  color: var(--m);
}.dcg{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: calc(40*var(--u));
  gap: calc(2*var(--u));
  min-height: calc(252*var(--u));
  align-content: start;
}.dcg.mo{
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: calc(46*var(--u));
  gap: calc(6*var(--u));
}.dcd{
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--t);
  font: inherit;
  font-size: calc(13.5*var(--u));
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}.dcd:hover{
  background: color-mix(in srgb, var(--p) 10%, transparent);
}.dcd.cur{
  box-shadow: inset 0 0 0 1px var(--p);
}.dcd.sel{
  background: linear-gradient(135deg, var(--p), var(--p2));
  color: #fff;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(var(--acc-rgb),.32);
}.dcd:active{
  transform: scale(.92);
}.dcf{
  display: flex;
  justify-content: flex-end;
  margin-top: calc(8*var(--u));
  padding-top: calc(8*var(--u));
  border-top: 1px solid var(--b);
}.dctd{
  border: 0;
  background: none;
  color: var(--p);
  font: inherit;
  font-size: calc(14*var(--u));
  font-weight: 800;
  padding: calc(8*var(--u)) calc(12*var(--u));
  border-radius: calc(12*var(--u));
  cursor: pointer;
}.dctd:hover{
  background: color-mix(in srgb, var(--p) 10%, transparent);
}#logd{
  width: min(100vw, var(--app-max));
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  color: var(--t);
  background: radial-gradient(120% 55% at 50% -8%, rgba(var(--acc-rgb),.30), transparent 62%), var(--grad, var(--bg));
}#logd[open]{
  display: flex;
  flex-direction: column;
}#logd::backdrop{
  background: #030814cc;
}#logd .bnav{ position: static; transform: none; width: 100%; flex: none; }body.kb #logd .bnav{ transform: none; }#logd [hidden]{
  display: none;
}.axbody{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: calc(env(safe-area-inset-top, 0px) + calc(28*var(--u))) calc(18*var(--u)) calc(env(safe-area-inset-bottom, 0px) + calc(28*var(--u)));
}