body{background:radial-gradient(ellipse at 50% 25%,#fff9e9aa,transparent 65%),linear-gradient(145deg,#ede5fa,#f8eaf3)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url("assets/dunhuang-frame.webp") center/cover no-repeat;opacity:.82}
.tree-panel{background:linear-gradient(165deg,#fff9ecee,#f7eadbd9 65%,#e6d0eadc)}
.tree-aura{position:absolute;inset:4%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#fff6cfa1,transparent 70%);box-shadow:inset 0 0 45px hsla(var(--aura-hue),70%,65%,.24);transition:box-shadow .7s}
.tree-rings{position:absolute;inset:10%;z-index:2;pointer-events:none}.tree-rings i{position:absolute;inset:calc(var(--ring) * -4px);border:1px solid hsla(var(--aura-hue),80%,72%,.6);border-radius:50%;box-shadow:0 0 10px hsla(var(--aura-hue),70%,70%,.3);transform:rotate(calc(var(--ring) * 18deg)) scaleY(.85)}
.tree-panel.growing .tree-art,.modal-tree.growing{animation:grow .9s ease}.tree-panel.growing{box-shadow:0 0 40px #f5cf88aa}
@keyframes grow{0%{transform:scale(.78);opacity:.3}65%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
@media(max-width:759px){body:before{background-position:center;background-size:auto 100%}.tree-rings{inset:12%}}