/* Friendly playful purple accent palette replacing the original greens */
:root{--green:#c45bf2}
.brand-mark{background:#c45bf2;color:#fff}
.live-dot,.tag-dot{background:#cc70f3;box-shadow:0 0 12px #c45bf288}
.accent,.note-icon,.text-link span,.nav-cta span{color:#c45bf2}
.button-primary,.play-button{background:#c45bf2;color:#fff}
.button-primary:hover{background:#d078f4}
.orbit{border-color:#c45bf220}
.orbit-two{border-color:#c45bf217}
.pixel-sun{background:#efcaff;box-shadow:0 0 50px #db8cff85}
.mountain-back{background:#c48ade}
.mountain-front{background:#443154}
.visual-glow{background:#c45bf21c}
.feature-highlight{border-color:#c45bf255}
.feature-card:hover{border-color:#c45bf277}
.big-x{color:#c45bf2;text-shadow:0 0 80px #c45bf244}
.art-ring{border-color:#d190e533}
.profile-big-avatar{border-color:#c45bf2;outline-color:#efd4fb;color:#c45bf2}
.detail-icon,.profile-avatar{color:#b63ce1;background:#f8e8ff;border-color:#ebcaf9}
.profile-role-badge{background:#faeaff;color:#ad36d1}
.subscription-status i{background:#b7bbc1}
.profile-menu .profile-chevron,.profile-item>span:first-child{color:#bd4ee9}
.profile-logout,.profile-logout>span:first-child{color:#e05b5b}
.license-entry button,.topbar .nav-cta{background:#c45bf2;color:#fff}
.topbar .nav-cta span:last-child{color:#fff}
.auth-dialog .auth-submit{background:#c45bf2;box-shadow:0 7px 22px #a23acb38}
.auth-dialog .auth-submit:hover{background:#d078f4}
.auth-input-wrap:focus-within{border-color:#c45bf2;box-shadow:0 0 0 3px #c45bf21b}
.auth-switch button,.forgot-password,.auth-avatar{color:#bd4ee9}
.auth-avatar{background:#f8e8ff;border-color:#e3aaf4}
:root[data-theme="dark"] .topbar .nav-cta{background:#c45bf2;color:white}
/* Soft playful purple glow on primary actions */
.topbar .nav-cta,.auth-dialog .auth-submit,.license-entry button,.button-primary{
  box-shadow:0 5px 14px #bb4be833,0 0 23px #c45bf222;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.topbar .nav-cta:hover,.auth-dialog .auth-submit:hover,.license-entry button:hover,.button-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 20px #b83ee855,0 0 32px #c45bf244;
}
.account-actions .nav-cta{position:relative;isolation:isolate}
.account-actions .nav-cta::before{
  content:"";position:absolute;z-index:-1;inset:-5px;border-radius:inherit;
  background:#c45bf2;filter:blur(13px);opacity:.2;transition:opacity .2s ease;
}
.account-actions .nav-cta:hover::before{opacity:.46}
.profile-avatar,.auth-avatar,.detail-icon{box-shadow:0 0 15px #c45bf21d}
.topbar .login-button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid #ebecef;border-radius:12px;background:#f2f3f5;color:#30343a;font:600 12px var(--font);white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.topbar .login-button[hidden],.topbar .nav-cta[hidden],.profile-menu[hidden]{display:none!important}
.profile-menu-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease,color .18s ease}
.profile-item:hover .profile-menu-icon{transform:translateX(2px);color:#d16cf5}
.profile-item.profile-logout:hover .profile-menu-icon{color:#f07178}
.topbar .login-button .login-icon{color:#c45bf2;font-size:15px;line-height:1}
.topbar .login-button:hover{background:#f8eaff;color:#27212a;box-shadow:0 3px 12px #c45bf226}
:root[data-theme="dark"] .topbar .login-button{background:#303236;border-color:#3a3c40;color:#f4f4f6}
:root[data-theme="dark"] .topbar .login-button:hover{background:#44354b;color:#fff}
.topbar .nav-cta{min-width:142px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff!important;font-size:12px!important}
.topbar .nav-cta .register-label{display:inline!important;visibility:visible!important;opacity:1!important;color:#fff!important}
.topbar .nav-cta span[aria-hidden="true"]{display:inline!important;color:#fff!important}
@media(max-width:760px){.topbar .nav-cta{min-width:108px;padding:9px 12px!important}.topbar .nav-cta .register-label{font-size:10px}}