.development-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.development-animal{background:linear-gradient(145deg,#f3f5ff,#edf8ff);border:1px solid #e3dcf0}
.development-animal img{height:128px}
.development-animal small{margin-top:6px;font-size:12px}
.weekly-goal{display:flex;gap:9px;padding:12px 0;border-top:1px solid #e4e1ef}
.weekly-goal input{margin-top:4px}
.weekly-goal:has(input:checked) span{text-decoration:line-through;color:#677d91}
.affirmation{font:italic 26px/1.3 "Instrument Serif",Georgia,serif;background:linear-gradient(110deg,#f1edfa,#f6faff);border-left:3px solid #c9aa60;border-radius:0 12px 12px 0;margin:0 0 18px;padding:18px 22px}
nav a[aria-current]{background:#e6e3f5}
.brand span{background:linear-gradient(140deg,#57436f,#173755);box-shadow:inset 0 0 0 1px #d5bb7d}
.hero{border-color:#f9f4e8}
.panel{border-color:#e9e7ef}
.day.today{border-color:#b6a2cc}
.primary{background:linear-gradient(115deg,#443459,#173755);border-color:#443459}
body{background:radial-gradient(ellipse at 12% 15%,#f7edff 0%,transparent 45%),radial-gradient(ellipse at 86% 32%,#e9dcfa 0%,transparent 53%),linear-gradient(155deg,#e9dcf7,#dbcbef 70%,#f2eafa);background-attachment:fixed}
.hero,.panel,.day,.animal{border:4px solid white}
.panel{background:#eaf6ff}
.day,.animal{background:#f2faff}
.development-animal{background:#eef7ff}
.day.today{background:#e3edff;border-color:white;box-shadow:inset 0 0 0 1px #a495cb}
#cloud-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:12px}
#cloud-tools[hidden],#cloud-import[hidden]{display:none}
#cloud-account{font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-animal img{height:110px}}

.planner-range + .planner-range {margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.planner-range h4 {margin:16px 0 8px}
.planner-dates {font-size:1.15rem}
.life-calendar {margin-bottom:14px}
.life-calendar .day {min-height:108px}
.life-calendar .session {background:#eee6fc}
.life-calendar .session.done {background:#deeee8}
.planner-copy {margin-top:14px}

.brand img {width:41px;height:41px;object-fit:contain;background:#d6efff;border-radius:13px}
@media(max-width:680px){.brand img{width:34px;height:34px}}