/* Child reflection and four-dimensional family growth */
.self-reflect{margin:17px 0;background:linear-gradient(145deg,#fffaf0,#f8f2ff);border:1px solid #eee4ed;border-radius:20px;padding:17px}
.self-reflect-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.self-reflect h2{margin:0;font-size:18px}
.self-reflect-head>span{font-size:11px;color:#9376c1;font-weight:800}
.self-reflect>p{font-size:12px;line-height:1.65;color:#756985}
.self-task-grid{display:grid;gap:10px}
.self-task{border:1px solid #ece7f6;border-radius:15px;background:#fff;padding:12px}
.self-task-title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:750;font-size:13px}
.dim-tag{border-radius:999px;padding:5px 8px;font-size:10px;background:var(--dim);color:#fff;white-space:nowrap}
.self-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.self-buttons button{font:inherit;font-size:12px;font-weight:750;color:#76678b;border:1px solid #e8e1f2;padding:7px 11px;border-radius:10px;background:#faf8ff}
.self-buttons button.chosen{background:#eee6ff;color:#5d48be;border-color:#8f7ae9}
.self-pending{font-size:11px;color:#9174aa;margin:8px 0 0}
.dim-dashboard{margin-top:17px}
.habit-dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.habit-dimension{background:#fcfaff;padding:15px;border:1px solid #eee9f8;border-radius:16px}
.habit-dimension-head{display:flex;justify-content:space-between;gap:7px;font-size:12px}
.habit-dimension-head span{color:#827895;font-size:11px}
.habit-track{background:#eae6f0;border-radius:999px;height:9px;margin:11px 0;overflow:hidden}
.habit-track i{height:100%;display:block;border-radius:999px;transition:width .3s ease}
.habit-dimension small{font-size:11px;color:#9288a2}
@media(max-width:570px){.habit-dim-grid{grid-template-columns:1fr}.self-task-title{flex-wrap:wrap}.self-buttons button{padding:8px 9px}}