.attain-cell.stage-0{background:#eef1f5;color:#8995a6;font-size:9px}
.attain-cell.stage-1{background:#fff0d9;color:#cb8b2d;font-size:10px}
.attain-cell.stage-2{background:#e6f4d8;color:#6c963c;font-size:10px}
.attain-cell.stage-3{background:#c9efdf;color:#079d70;font-size:13px;font-weight:750}
.attain-legend{gap:9px;flex-wrap:wrap}
.grade-zero{color:#8995a6}.grade-one{color:#cb8b2d}.grade-two{color:#6c963c}.grade-done{color:#079d70}
.exercise-card .activity-legend{gap:5px 9px;font-size:9px}
.affirmations{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:14px;min-width:0}
.affirmations .footer-affirmation{height:102px;margin:0;min-width:0;background-position:center;background-size:cover}
.affirmations .sidebar-note{display:flex;align-items:center;gap:12px;height:102px;min-height:102px;margin:0;padding:14px 18px;min-width:0;background-size:52% 80px,cover;background-position:right bottom,center}
.affirmations .sidebar-note p{position:relative;z-index:1;margin:0;font-size:12px;line-height:1.65}
.affirmations .sidebar-note .sidebar-note-leaf{position:static;width:24px;height:24px}
@media(min-width:1201px){
  .main-column,.right-column{align-self:stretch;min-height:0}
  #dashboard:not([hidden]){height:100%;display:grid;grid-template-rows:104px 158px 300px 330px minmax(102px,1fr);gap:12px}
  #dashboard>.hero,#dashboard>.stats-grid,#dashboard>.trend,#dashboard>.bottom-grid,#dashboard>.affirmations{margin:0;min-height:0}
  .trend{height:auto;display:flex;flex-direction:column;padding:16px 20px}
  .trend-chart{height:auto;min-height:150px;flex:1}
  .bottom-grid>.card{height:330px;min-height:330px;padding-top:14px;padding-bottom:14px}
  .activity-chart{height:218px}
  .attainment-scroll{margin-top:12px}
  .attain-legend{margin-top:12px}
  .attain-note{margin-top:10px}
  .right-column{height:auto}
  .right-column .watch-card{flex:1;min-height:242px}
  .affirmations>.footer-affirmation,.affirmations>.sidebar-note{height:100%}
}
@media(max-width:740px){
  .hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:16px}
  .hero-content{max-width:none;width:100%;align-items:center;gap:12px;min-width:0}
  .hero-content>div{max-width:none;min-width:0;flex:1}
  .hero-content .sun{width:28px;height:28px;flex:none}
  .hero h1{font-size:17px;line-height:1.4;margin-bottom:5px}
  .hero p{max-width:none;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
  .hero-goal{position:relative;inset:auto;width:100%;height:auto;min-height:62px;padding:12px 14px;font-size:12px;border-radius:12px;flex:none}
  .hero-goal strong{font-size:16px}
  .hero-progress{margin-top:8px}
  .affirmations{grid-template-columns:1fr;gap:10px;margin-top:12px}
  .affirmations .footer-affirmation{height:80px;font-size:11px}
  .affirmations .sidebar-note{height:96px;min-height:96px;background-size:45% 80px,cover}
}