/* RTRN metallic-purple finish. Static sheen; identical at every breakpoint. */
:root{--rtrn-metallic-purple:linear-gradient(180deg,#794dca 0%,#5c2ab8 43%,#7043c6 49%,#5625ab 57%,#381475 100%);--rtrn-metallic-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #21094d66,0 5px 12px #38147524}
.primary{background:radial-gradient(120% 180% at 18% -80%,rgba(255,255,255,.30) 0 30%,rgba(255,255,255,.09) 43%,transparent 61%),linear-gradient(110deg,#54318f 0%,#67429f 46%,#4a297d 100%);border:1px solid #8569b3;border-radius:9px;color:#fff;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #24103f80,0 3px 8px #30165a2e;text-shadow:0 1px 1px #24103f80}
.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #24103f80,0 5px 12px #30165a3d}
.primary:active:not(:disabled){box-shadow:inset 0 2px 4px #24103f73,0 1px 3px #30165a30}
.secondary,.photo-button{background:linear-gradient(180deg,#f4eeff 0%,#e3d5ff 43%,#f0e7ff 49%,#dfccff 57%,#cfb5f2 100%);color:#442277;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #8052ad55,0 3px 8px #38147518;text-shadow:0 1px 0 #ffffff80}
.secondary:hover:not(:disabled),.photo-button:hover{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #8052ad66,0 5px 12px #38147528}
.secondary:active:not(:disabled),.photo-button:active{box-shadow:inset 0 2px 5px #8052ad44}
.secondary:disabled,.secondary[aria-disabled="true"]{background:#d8d6e2;color:#555165;box-shadow:none;text-shadow:none;cursor:not-allowed}
.photo-field:has(input[type="file"]:focus-visible) .photo-button{outline:3px solid #5e3bff;outline-offset:3px}
.primary:disabled,.primary[aria-disabled="true"]{background:#d8d6e2;color:#555165;box-shadow:none;text-shadow:none;transform:none;cursor:not-allowed}
@media(forced-colors:active){.primary,.secondary,.photo-button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;text-shadow:none}}

/* Public-home plate finish: flatter purple metal with an off-centre curved reflection. */
.public-home .primary{border-radius:9px}
.gallery-options button[aria-pressed=true]{background:radial-gradient(120% 180% at 18% -80%,rgba(255,255,255,.30) 0 30%,rgba(255,255,255,.09) 43%,transparent 61%),linear-gradient(110deg,#54318f 0%,#67429f 46%,#4a297d 100%);border:1px solid #8569b3;color:#fff;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #24103f80,0 3px 8px #30165a2e}
@media(forced-colors:active){.public-home .primary,.gallery-options button[aria-pressed=true]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;text-shadow:none}}