.photo-ground{background:radial-gradient(85% 75% at 50% 42%, #fff 0%, color-mix(in srgb, var(--color-ivory) 55%, var(--color-cream)) 100%)}.charm-art{background:var(--velvet);box-shadow:var(--velvet-shadow);justify-content:center;align-items:center;display:flex;position:relative}.charm-img{filter:drop-shadow(0 5px 10px rgb(var(--tint) / .22));background-position:50%;background-repeat:no-repeat;background-size:contain}.charm-img--flat{width:62px;height:48px}.charm-img--dangle{width:46px;height:66px}.charm-stage{background:var(--velvet);box-shadow:var(--velvet-shadow), 0 14px 34px rgb(var(--tint) / .14);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.charm-hero{filter:drop-shadow(0 16px 26px rgb(var(--tint) / .25));background-position:50%;background-repeat:no-repeat;background-size:contain}.charm-hero--flat{width:min(280px,62vw);height:min(220px,48vw)}.charm-hero--dangle{width:min(190px,44vw);height:min(260px,58vw)}@media (hover:hover){.charm-card{transition:transform .15s,box-shadow .15s}.charm-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}}.letter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}@media (min-width:640px){.letter-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.charm-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.charm-strip::-webkit-scrollbar{display:none}.charm-skeleton{background:linear-gradient(100deg,#2319190f 0%,#2319191c 45%,#2319190f 70%) 0 0/220% 100%;animation:1.4s ease-in-out infinite charm-skeleton}@keyframes charm-skeleton{0%{background-position:120% 0}to{background-position:-60% 0}}