@layer properties,theme,base;@layer components{.loyalty-card{width:100%;min-width:0;container-type:inline-size}.loyalty-card__surface{isolation:isolate;border-radius:var(--radius-2xl);background:var(--loyalty-card-background);min-height:56.25cqw;color:var(--loyalty-card-foreground);flex-direction:column;justify-content:space-between;gap:clamp(.5rem,2cqw,.75rem);padding:clamp(.75rem,4cqw,1.75rem);display:flex;position:relative;overflow:hidden}.loyalty-card__header{z-index:1;min-height:30cqw;position:relative}.loyalty-card__identity{width:64%;padding-top:clamp(.5rem,2cqw,1rem)}.loyalty-card__logo{filter:brightness(0)invert();width:100%;height:auto;display:block}.loyalty-card__label{letter-spacing:.12em;text-transform:uppercase;color:var(--loyalty-card-muted);margin-top:.75rem;font-size:.6875rem;font-weight:500;line-height:1.5}.loyalty-card__mascot{--cat-gesture:loyalty-cat-nuzzle;--cat-duration:7.2s;--cat-tilt:-1deg;--cat-lift:-1%;--sparkle-duration:4.8s;pointer-events:none;-webkit-user-select:none;user-select:none;width:35%;height:auto;position:absolute;top:3cqw;right:-6cqw}.loyalty-card__mascot[data-mood=hopeful]{--cat-duration:6.6s;--cat-tilt:.8deg;--sparkle-duration:4.6s}.loyalty-card__mascot[data-mood=cheerful]{--cat-gesture:loyalty-cat-bob;--cat-duration:6s;--cat-lift:-1.4%;--sparkle-duration:4.2s}.loyalty-card__mascot[data-mood=excited]{--cat-gesture:loyalty-cat-bob;--cat-duration:5.2s;--cat-lift:-2%;--sparkle-duration:3.8s}.loyalty-card__mascot[data-mood=fulfilled]{--cat-gesture:loyalty-cat-celebrate;--cat-duration:6.8s;--cat-lift:-2%;--sparkle-duration:4s}.loyalty-card[data-phase=celebrating] .loyalty-card__mascot{--cat-duration:2s;--sparkle-duration:1.6s}.loyalty-card__voucher-flight{z-index:70;border-radius:var(--radius-md);background:var(--card);width:5rem;height:3rem;color:var(--foreground);box-shadow:var(--shadow-overlay);visibility:hidden;pointer-events:none;justify-content:center;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex;position:fixed;top:0;left:0}.loyalty-card__voucher-flight svg{width:1.25rem;height:1.25rem}.loyalty-card__cat-scene{transform-origin:55% 88%;position:relative}.loyalty-card__cat{width:100%;height:auto;display:block}.loyalty-card__sparkles{position:absolute;inset:0}.loyalty-card__sparkle{left:var(--star-x);top:var(--star-y);aspect-ratio:1;background:var(--loyalty-card-sparkle);opacity:.55;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:clamp(.25rem,1.8cqw,.625rem);position:absolute}.loyalty-card__sparkle:nth-child(2n){background:var(--loyalty-card-foreground);width:clamp(.1875rem,1cqw,.375rem)}.loyalty-card__sparkle:first-child{--star-x:8%;--star-y:38%;--star-delay:-.4s}.loyalty-card__sparkle:nth-child(2){--star-x:22%;--star-y:15%;--star-delay:-2.1s}.loyalty-card__sparkle:nth-child(3){--star-x:43%;--star-y:9%;--star-delay:-1.3s}.loyalty-card__sparkle:nth-child(4){--star-x:62%;--star-y:24%;--star-delay:-3.4s}.loyalty-card__sparkle:nth-child(5){--star-x:75%;--star-y:38%;--star-delay:-2.8s}.loyalty-card__sparkle:nth-child(6){--star-x:12%;--star-y:70%;--star-delay:-1.8s}.loyalty-card__sparkle:nth-child(7){--star-x:29%;--star-y:83%;--star-delay:-3.8s}.loyalty-card__sparkle:nth-child(8){--star-x:67%;--star-y:87%;--star-delay:-.8s}@media (prefers-reduced-motion:no-preference){.loyalty-card__cat-scene{animation:var(--cat-gesture) var(--cat-duration) ease-in-out infinite}.loyalty-card__sparkle{animation:loyalty-cat-twinkle var(--sparkle-duration) ease-in-out var(--star-delay) infinite}}.loyalty-card__footer{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);align-items:end;gap:1rem;min-width:0;display:grid;position:relative}.loyalty-card__name{letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:400;line-height:1.5}.loyalty-card__progress{min-width:0}.loyalty-card__points{font-variant-numeric:tabular-nums;text-align:right;text-transform:uppercase;font-size:1rem;font-weight:500;line-height:1.5}.loyalty-card__yarns{grid-template-columns:repeat(10,minmax(0,1fr));gap:.125rem;margin-top:.5rem;display:grid}.loyalty-card__stamp{aspect-ratio:1;border:1px solid #0000;border-radius:50%;display:block}.loyalty-card__stamp img{width:100%;height:auto;display:block}.loyalty-card__stamp[data-earned=false]{border-style:dashed;border-color:var(--loyalty-card-muted)}.loyalty-card__stamp[data-earned=false] img{opacity:.25}@container (width<=20rem){.loyalty-card__header{min-height:24cqw}.loyalty-card__mascot{width:32%}.loyalty-card__footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}@container (width<=15.5em){.loyalty-card__footer{grid-template-columns:minmax(0,1fr);gap:.75rem}}@container (width>=30rem){.loyalty-card__footer{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:1.5rem}.loyalty-card__label{font-size:.8125rem}.loyalty-card__points{font-size:1.125rem}.loyalty-card__yarns{gap:.25rem}}}@layer utilities;:root{--loyalty-card-background:var(--secondary-foreground);--loyalty-card-foreground:var(--primary-foreground);--loyalty-card-muted:var(--secondary);--loyalty-card-sparkle:var(--warning)}@keyframes loyalty-cat-nuzzle{0%,52%,to{transform:none}16%{transform:translate(-0.75%, var(--cat-lift)) rotate(var(--cat-tilt))}34%{transform:translate(0.5%, -0.4%) rotate(calc(var(--cat-tilt) * -.6))}}@keyframes loyalty-cat-bob{0%,20%,44%,to{transform:none}10%{transform:translateY(var(--cat-lift)) rotate(-.7deg)}32%{transform:translateY(var(--cat-lift)) rotate(.7deg)}}@keyframes loyalty-cat-celebrate{0%,22%,48%,to{transform:none}12%{transform:translateY(var(--cat-lift)) rotate(-1deg)}36%{transform:translateY(var(--cat-lift)) rotate(1deg)}}@keyframes loyalty-cat-twinkle{0%,60%,to{opacity:.3;transform:scale(.65)rotate(-8deg)}28%{opacity:.95;transform:translateY(-12%)scale(1.15)rotate(8deg)}}