.learning-tree { --tree-soft:#eef6ed; width:100%; min-width:0; background:var(--tree-soft); border-radius:16px !important; overflow:hidden; font-family:var(--ir-font,sans-serif); }
.learning-tree .tree-picture { background:linear-gradient(160deg,#f6f9ee,#e1f1ea); }
body .learning-tree svg.learning-tree-art { display:block; width:100%; height:170px; fill:initial; stroke:none; stroke-width:0; }
.learning-tree .tree-info { padding:12px 14px; }
.learning-tree .tree-status { margin:0 0 7px; color:#28634f; font-size:14px; font-weight:700; }
.learning-tree .tree-help { margin:0 0 10px; font-size:12px; line-height:1.55; color:#4b6357; }
.learning-tree .tree-growth-label,.learning-tree .tree-progress-label { font-size:11px; color:#526456; margin:6px 0; }
.learning-tree .tree-progress { height:7px; overflow:hidden; background:#d1e0d0; border-radius:9px !important; }
.learning-tree .tree-progress span { display:block; height:100%; background:#3f9471; transition:width .6s ease; border-radius:9px !important; }
.learning-tree .tree-rules { padding:0; border:0; background:transparent; margin:12px 0 0; font-size:11px; color:#516358; }
.learning-tree .tree-rules summary { cursor:pointer; font-weight:600; }
.learning-tree .tree-rules p { font-size:11px; line-height:1.6; margin:8px 0; }
.learning-tree .tree-replant { display:block; margin:10px 0 14px; background:#344f40; color:white; padding:10px 14px; border:0; border-radius:9px !important; cursor:pointer; font:600 13px var(--ir-font,sans-serif); }
.learning-tree .tree-replant:focus-visible,.learning-tree summary:focus-visible { outline:3px solid #7755aa; outline-offset:3px; }
.learning-tree .tree-replant:disabled { opacity:.6; cursor:wait; }
.learning-tree .tree-crown { transform-origin:160px 175px; animation:tree-sway 5s ease-in-out infinite alternate; }
.learning-tree .tree-water { opacity:0; }
.learning-tree.is-watered .tree-water { animation:tree-rain 1.4s ease-out; }
.learning-tree.is-watered .tree-leaf { transform-box:fill-box; transform-origin:center; animation:tree-bloom .7s ease-out backwards; animation-delay:calc(var(--leaf) * 15ms); }
.learning-tree[data-tree-state="wilting"] .tree-crown { transform:translateY(10px) rotate(7deg); animation:none; }
.learning-tree[data-tree-state="yellow"] .tree-crown { transform:translateY(17px) rotate(12deg); animation:none; }
.learning-tree[data-tree-state="yellow"] .tree-leaf { fill:#c7a149; }
.learning-tree[data-tree-state="yellow"] .tree-flower,.learning-tree[data-tree-state="wilting"] .tree-flower { opacity:0; }
.learning-tree[data-tree-state="dead"] .tree-crown { opacity:0; animation:none; }
.learning-tree[data-tree-state="dead"] .tree-picture { background:#eee9df; filter:saturate(.35); }
.learning-tree[data-tree-state="dead"] .tree-status { color:#8a4a35; }
.learning-tree[data-tree-state="empty"] .tree-picture { opacity:.8; }
.learning-tree[data-tree-state="unknown"] .tree-picture { opacity:.4; }
body.ielts-dash-page .dash-row-stat[hidden] { display:none; }
body[data-study-page="challenge"] .ch-scene-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:24px; height:auto; padding:28px; align-items:center; }
body[data-study-page="challenge"] .ch-hud { position:static; width:100%; padding:22px; order:0; }
body[data-study-page="challenge"] #challenge-tree { order:1; }
body[data-study-page="challenge"] .ch-scene-fallback,body[data-study-page="challenge"] .ch-tip { display:none; }
.learning-tree-big { background:rgba(255,255,255,.7); }
body .learning-tree-big svg.learning-tree-art { height:340px; }
.learning-tree-big .tree-info { padding:18px 26px 24px; }
.learning-tree-big .tree-title { font-size:24px; margin:0 0 12px; color:#284d3d; }
.learning-tree-big .tree-help { font-size:14px; }
.learning-tree-big .tree-progress { height:10px; }
@keyframes tree-sway { from {transform:rotate(-1deg)} to {transform:rotate(1deg)} }
@keyframes tree-rain { 0% {opacity:0;transform:translateY(0)} 20% {opacity:1} 100% {opacity:0;transform:translateY(150px)} }
@keyframes tree-bloom { from {transform:scale(.7)} to {transform:scale(1)} }
@media(max-width:640px) {
 body .learning-tree svg.learning-tree-art { height:125px; }
 .learning-tree .tree-info { padding:10px; }
 .learning-tree .tree-status { font-size:12px; }
 .learning-tree .tree-help { font-size:11px; }
 body[data-study-page="challenge"] .ch-scene-card { grid-template-columns:minmax(0,1fr); padding:14px; gap:14px; }
 body .learning-tree-big svg.learning-tree-art { height:280px; }
 .learning-tree-big .tree-info { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { .learning-tree *, .learning-tree *::before { animation:none !important; transition:none !important; } }

body.ielts-dash-page .dash-row:has(.learning-tree) .dash-row-text { order:-1; }