.workspace-tile{transition:background .3s,transform .3s,border-color .3s}
.workspace-tile:hover,.workspace-tile:focus-visible{transform:translateY(-3px);background:var(--accent-soft)}
.workspace-tile .ico{transition:transform .4s}.workspace-tile:hover .ico{transform:translateY(-2px) rotate(-6deg)}
.entry-cta .primary .ico,.world-actions .btn .ico:last-child{transition:transform .35s}.entry-cta .primary:hover .ico,.world-actions .btn:hover .ico:last-child{transform:translateX(5px)}
.work-cover .sample-art,.home-task-cover .sample-art{transition:transform .65s}.work-cover:hover .sample-art,.home-task-cover:hover .sample-art{transform:scale(1.045)}
.tier-card{background:var(--panel);transition:border-color .3s,transform .4s}.tier-card:hover{transform:translateY(-4px)}
.tier-card.current{box-shadow:none;border-color:currentColor}
.tier-card.current:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:currentColor}
.tier-symbol .rank-mark{transition:transform .6s}.tier-card:hover .rank-mark{transform:rotateY(18deg)}
.member-growth{position:relative;padding:22px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}
.member-growth>div:first-child{display:flex;justify-content:space-between;gap:15px;max-width:calc(100% - 165px);font-size:13px}
.member-growth>div>span{color:var(--muted)}.member-growth b{font-weight:500}
.growth-track{height:3px;background:var(--panel3);max-width:calc(100% - 165px);margin:18px 0;overflow:hidden}
.growth-track i{display:block;height:100%;background:var(--gold);transform-origin:left;animation:grow-identity .8s ease-out both}
.member-growth>p{font-size:12px;color:var(--muted);margin:0;max-width:calc(100% - 165px);line-height:1.7}
.member-growth>.btn{position:absolute;right:0;top:35px}
.tier-state{padding-top:13px;font-size:12px;color:var(--dim);border-top:1px solid var(--line-soft)}.tier-card.unlocked .tier-state{color:inherit}
.member-refund{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.member-refund summary{cursor:pointer;margin-bottom:18px}
.membership-heading>div:first-child>p{max-width:450px}
@keyframes grow-identity{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@media(max-width:800px){
 .member-growth>div:first-child{display:block;max-width:none}.member-growth b{display:block;line-height:1.7;margin-top:10px}.growth-track,.member-growth>p{max-width:none}.member-growth>.btn{position:static;margin-top:18px}
 .membership-heading h1{font-size:30px}.tier-price{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.workspace-tile:hover,.tier-card:hover,.work-cover:hover .sample-art,.home-task-cover:hover .sample-art{transform:none}.growth-track i{animation:none}}