/* Dolojane V3.5.0-alpha.1 — optional Modern habit-cell geometry. */
html[data-v68-modern="true"] .v16-habit-row .habit-history-cell,
html[data-v68-modern="true"] .v16-habit-row .weight-day,
html[data-v68-modern="true"] .v17-ritual-card .ritual-square{
  border-radius:var(--design-radius-tl,var(--v68-radius-tl,6px)) var(--design-radius-tr,var(--v68-radius-tr,6px)) var(--design-radius-br,var(--v68-radius-br,6px)) var(--design-radius-bl,var(--v68-radius-bl,6px))!important;
  transform:translateY(calc(-1 * var(--design-square-lift,0px))) rotate(var(--design-square-angle,var(--v68-angle,0deg)));
  transform-origin:center;
}

/* The Main Goal action is text, not a native raised button. */
.v14-aimless [data-v56-aim]{
  appearance:none;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  color:var(--accent);
  font:inherit;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.v14-aimless [data-v56-aim]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);
  outline-offset:3px;
  border-radius:3px;
}

/* Weight keeps its values and click targets, but Modern renders every day as a bathroom scale. */
html[data-v68-modern="true"] .v68-weight-row .habit-weight-grid{
  gap:8px;
  align-items:flex-end;
}
html[data-v68-modern="true"] .v68-weight-row .weight-day{
  --v68-scale-needle:#336a4e;
  position:relative;
  box-sizing:border-box;
  width:46px;
  min-width:46px;
  height:40px;
  padding:17px 3px 3px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,#2f7853 35%,transparent)!important;
  border-radius:12px 12px 6px 6px!important;
  box-shadow:inset 0 -3px 0 rgba(24,74,48,.14),0 1px 2px rgba(24,55,39,.12);
  line-height:1;
}
html[data-v68-modern="true"] .v68-weight-row .weight-day::before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  width:17px;
  height:10px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:50% 50% 42% 42%;
  background:rgba(255,255,255,.82);
  transform:translateX(-50%);
}
html[data-v68-modern="true"] .v68-weight-row .weight-day::after{
  content:"";
  position:absolute;
  top:7px;
  left:50%;
  width:2px;
  height:7px;
  border-radius:2px;
  background:var(--v68-scale-needle);
  transform:translateX(-50%) rotate(24deg);
  transform-origin:50% 100%;
}
html[data-v68-modern="true"] .v68-weight-row .weight-day.transparent{
  --v68-scale-needle:#817d77;
  border-color:#aaa59e!important;
  background:rgba(174,170,163,.14)!important;
  box-shadow:inset 0 -3px 0 rgba(80,76,72,.08),0 1px 2px rgba(50,47,44,.08);
}
html[data-v68-modern="true"] .v68-weight-row .weight-day.transparent::before{
  border-color:#aaa59e;
  background:rgba(255,255,255,.8);
}

/* Matisse: soft, deliberately asymmetric paper-cut silhouette. */
html[data-v68-modern="true"][data-icon-style="matisse"] .v68-weight-row .weight-day{
  border-radius:17px 12px 15px 9px!important;
  box-shadow:inset 3px -4px 0 rgba(24,74,48,.13),1px 2px 0 rgba(24,55,39,.11);
}
html[data-v68-modern="true"][data-icon-style="matisse"] .v68-weight-row .weight-day::before{
  top:4px;
  width:18px;
  height:11px;
  border-radius:58% 42% 54% 46%;
  transform:translateX(-50%) rotate(-7deg);
}
html[data-v68-modern="true"][data-icon-style="matisse"] .v68-weight-row .weight-day::after{
  transform:translateX(-50%) rotate(-29deg);
}

/* Van Gogh: energetic layered outline and a slightly whirling dial. */
html[data-v68-modern="true"][data-icon-style="vangogh"] .v68-weight-row .weight-day{
  border-width:2px!important;
  border-radius:11px 16px 8px 14px!important;
  background-image:repeating-radial-gradient(circle at 52% 17%,rgba(255,255,255,.18) 0 2px,transparent 3px 5px)!important;
  box-shadow:inset -4px -3px 0 rgba(24,74,48,.14),3px 2px 0 color-mix(in srgb,currentColor 16%,transparent);
}
html[data-v68-modern="true"][data-icon-style="vangogh"] .v68-weight-row .weight-day::before{
  top:3px;
  width:19px;
  height:12px;
  border-width:2px;
  border-radius:44% 56% 49% 51%;
  transform:translateX(-50%) rotate(8deg);
}
html[data-v68-modern="true"][data-icon-style="vangogh"] .v68-weight-row .weight-day::after{
  width:3px;
  transform:translateX(-50%) rotate(41deg);
}

/* Architectural pencil: precise trapezoid, ruler-straight dial and needle. */
html[data-v68-modern="true"][data-icon-style="architect"] .v68-weight-row .weight-day{
  border-radius:4px 4px 2px 2px!important;
  clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);
  box-shadow:inset 0 -2px 0 rgba(24,74,48,.18);
}
html[data-v68-modern="true"][data-icon-style="architect"] .v68-weight-row .weight-day::before{
  top:4px;
  width:18px;
  height:10px;
  border-radius:2px;
}
html[data-v68-modern="true"][data-icon-style="architect"] .v68-weight-row .weight-day::after{
  width:1px;
  border-radius:0;
  transform:translateX(-50%) rotate(18deg);
}

html[data-v68-modern="false"] .v16-habit-row .habit-history-cell,
html[data-v68-modern="false"] .v16-habit-row .weight-day,
html[data-v68-modern="false"] .v17-ritual-card .ritual-square{
  transform:none!important;
}

html[data-v68-weight="false"] .v16-habit-row:has(.weight-day){
  display:none!important;
}

.v68-modern-setting>.v41-switch,
.v68-weight-setting>.v41-switch{
  justify-self:end;
}