/* Delightful success bloom + coherent action buttons */
.action-cluster{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.action-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 16px;border-radius:999px;background:rgba(196,220,176,.08);border:1px solid rgba(196,220,176,.14);color:#d9e6ce;font-size:12px;transition:background .15s,border-color .15s,transform .15s}
.action-pill svg{width:16px;height:16px}.action-pill:hover{background:rgba(196,220,176,.14);border-color:rgba(196,220,176,.22);transform:translateY(-1px)}
.action-pill.ghost{background:transparent;border-color:rgba(196,220,176,.10);color:#9ab198}
.success-hero{margin:6px auto 10px;width:min(320px,88vw)}
.success-tree{position:relative;display:block;filter:drop-shadow(0 14px 32px rgba(0,0,0,.28))}
.success-tree svg{display:block;width:100%;height:auto;overflow:visible}
.success-tree .ground{fill:url(#sglow);opacity:.9}
.success-tree .trunk,.success-tree .branch{fill:none;stroke:var(--wood,#7fa067);stroke-linecap:round;stroke-linejoin:round}
.success-tree .trunk{stroke-width:8;stroke-dasharray:240;stroke-dashoffset:240;animation:treeGrow 1s cubic-bezier(.25,.8,.22,1) forwards}
.success-tree .branch{stroke-width:5;stroke-dasharray:120;stroke-dashoffset:120;animation:treeGrow .7s cubic-bezier(.25,.8,.22,1) forwards;animation-delay:var(--d,0ms)}
.success-tree .leaf{fill:var(--leaf,#9bcf72);opacity:0;transform:scale(.35);transform-origin:center;animation:leafBloom .52s ease forwards;animation-delay:calc(var(--d,0ms) + 240ms)}
.success-tree .blossom{opacity:0;transform:scale(.22);transform-origin:center;animation:flowerBloom .65s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--d,0ms) + 330ms)}
.success-tree .blossom .petal{fill:var(--petal,#edf6de)}
.success-tree .blossom .petal.alt{fill:var(--petal2,#d9ecb8)}
.success-tree .blossom .core{fill:var(--core,#97c66e)}
.success-tree .spark{fill:var(--spark,#f3f7e7);opacity:0;animation:sparkPop 1.2s ease forwards;animation-delay:calc(var(--d,0ms) + 540ms)}
.success-tree .halo{fill:none;stroke:var(--halo,rgba(222,239,196,.45));stroke-width:2;opacity:0;transform-origin:center;animation:haloPulse 1.2s ease-out forwards;animation-delay:calc(var(--d,0ms) + 400ms)}
.success-tree.is-mastery .blossom .core{fill:#d7ef8e}.success-tree.is-mastery .spark{fill:#f7fbe7}.success-tree.is-mastery .branch,.success-tree.is-mastery .trunk{stroke:var(--woodMaster,#93b76f)}
.success-tree.theme-1{--wood:#779c62;--leaf:#95ca70;--petal:#eef7df;--petal2:#d8ebb8;--core:#8cc565;--spark:#f4f8e8;--halo:rgba(223,240,193,.52)}
.success-tree.theme-2{--wood:#709d79;--leaf:#7fceb1;--petal:#e6faf5;--petal2:#c3eadf;--core:#70c2a4;--spark:#f0fffb;--halo:rgba(184,239,224,.48)}
.success-tree.theme-3{--wood:#7b8bca;--leaf:#8fa1ea;--petal:#f0efff;--petal2:#d9d5ff;--core:#9d8ff2;--spark:#f7f4ff;--halo:rgba(207,198,255,.50)}
.success-tree.theme-4{--wood:#9b8366;--leaf:#d0a572;--petal:#fff2df;--petal2:#f1d5ae;--core:#e0af72;--spark:#fff7ee;--halo:rgba(247,214,169,.48)}
.success-tree.theme-5{--wood:#6f9861;--leaf:#9ad67f;--petal:#f2ffe9;--petal2:#d8f3c2;--core:#97d26b;--spark:#f6ffef;--halo:rgba(213,247,183,.50)}
.success-tree.theme-6{--wood:#856f9f;--leaf:#c09de6;--petal:#f8efff;--petal2:#ead6ff;--core:#c196f1;--spark:#fff8ff;--halo:rgba(233,209,255,.50)}
.success-row{margin-top:14px;gap:10px;flex-wrap:wrap}
.pause .stack{gap:12px}.pause .action-cluster{margin-top:4px}
@keyframes treeGrow{to{stroke-dashoffset:0}}
@keyframes flowerBloom{0%{opacity:0;transform:scale(.22)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes leafBloom{0%{opacity:0;transform:scale(.35)}100%{opacity:1;transform:scale(1)}}
@keyframes sparkPop{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-8px) scale(.65)}}
@keyframes haloPulse{0%{opacity:0;transform:scale(.45)}30%{opacity:1}100%{opacity:0;transform:scale(1.35)}}
@media(max-width:600px){.success-hero{width:min(290px,90vw)}.action-pill{min-height:40px;padding:10px 14px;font-size:11px}.action-cluster{gap:8px}.success-row{gap:8px}}