body:has(.role-btn.active[data-role="child"]){background:#fff8f0}
body:has(.role-btn.active[data-role="child"]) .topbar{background:#fffdf9;border-bottom-color:#f2dfca}
body:has(.role-btn.active[data-role="child"]) .brand-mark{background:#ef765b}
body:has(.role-btn.active[data-role="child"]) .role-switch{background:#fff0e2}
body:has(.role-btn.active[data-role="child"]) .role-btn.active{color:#e65f48;box-shadow:0 2px 8px #f1d0bd}
body:has(.role-btn.active[data-role="child"]) .hero h1{color:#c94f3d}
body:has(.role-btn.active[data-role="child"]) .hero p{color:#8b7468}
body:has(.role-btn.active[data-role="child"]) .card{border-color:#f1dfcf;box-shadow:0 12px 28px rgba(205,126,79,.1)}
body:has(.role-btn.active[data-role="child"]) .card:first-child{border-top:4px solid #ef765b}
body:has(.role-btn.active[data-role="child"]) .task:nth-of-type(3){border-left:4px solid #5ba8e8;background:#f3f9ff}
body:has(.role-btn.active[data-role="child"]) .task:nth-of-type(4){border-left:4px solid #edb74c;background:#fffaf0}
body:has(.role-btn.active[data-role="child"]) .task:nth-of-type(5){border-left:4px solid #7ac38d;background:#f3fbf4}
body:has(.role-btn.active[data-role="child"]) .check{border-color:#efb09d}
body:has(.role-btn.active[data-role="child"]) .done .check{background:#ef765b;border-color:#ef765b}
body:has(.role-btn.active[data-role="child"]) .progress span{background:linear-gradient(90deg,#ef765b,#f3b44f,#79c48c)}
body:has(.role-btn.active[data-role="child"]) .points{background:linear-gradient(135deg,#fff2d6,#ffe2d7);border-color:#f3c68f}
body:has(.role-btn.active[data-role="child"]) .points-number{color:#e66a42}
body:has(.role-btn.active[data-role="child"]) .card:nth-child(2) .reward{border-bottom-color:#f5dfcc}
body:has(.role-btn.active[data-role="child"]) .primary{background:#ef765b}
body:has(.role-btn.active[data-role="child"]) .secondary{background:#e8f6ee;color:#35815c}
body:has(.role-btn.active[data-role="child"]) .badge{background:#fff0cf;color:#b87925}