html{background:#fff7fb;min-width:320px}body{color:#475569;background:#fff7fb;min-height:100svh;margin:0;overflow:hidden}button{font:inherit}.praise-app{isolation:isolate;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.praise-bg{background-size:220% 220%;animation:18s ease-in-out infinite alternate praise-bg-breathe}.praise-bg:after{content:"";background:radial-gradient(circle at 18% 18%,#fecdd3d6,#0000 25rem),radial-gradient(circle at 82% 22%,#c7d2feb8,#0000 28rem),radial-gradient(circle at 48% 88%,#bbf7d075,#0000 24rem),linear-gradient(135deg,#ffffff47,#0000 46%,#ffffff38);animation:24s ease-in-out infinite alternate praise-hue-drift;position:absolute;inset:0}.praise-mist{z-index:-20;aspect-ratio:1;pointer-events:none;filter:blur(58px);opacity:.54;mix-blend-mode:multiply;border-radius:999px;width:min(62vw,38rem);position:absolute}.praise-mist-a{background:#fbcfe8d1;animation:16s cubic-bezier(.45,0,.55,1) infinite alternate praise-mist-a;top:12%;left:-12rem}.praise-mist-b{background:#c4b5fdbd;animation:19s cubic-bezier(.45,0,.55,1) infinite alternate praise-mist-b;bottom:-9rem;right:-14rem}.praise-grain{z-index:-10;pointer-events:none;opacity:.34;background:radial-gradient(circle at 14% 22%,#ffffffb8 0 1px,#0000 1.5px) 0 0/4.5rem 4.5rem,radial-gradient(circle at 66% 38%,#f472b629 0 1px,#0000 1.5px) 0 0/6.5rem 6.5rem,radial-gradient(circle at 38% 72%,#818cf821 0 1px,#0000 1.5px) 0 0/8rem 8rem;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.praise-quote-shell:before{content:"";z-index:-1;filter:blur(18px);background:radial-gradient(circle,#ffffffc7,#ffffff52 42%,#0000 72%),radial-gradient(circle at 30% 40%,#fecdd35c,#0000 62%);border-radius:999px;width:min(82vw,42rem);height:min(34svh,18rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.praise-quote{overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 18px 42px #f472b621;will-change:opacity, transform, filter}.praise-quote span{will-change:opacity, transform, filter;transition:opacity .56s,transform .72s cubic-bezier(.22,1,.36,1),filter .62s}.praise-quote[data-phase=leaving] span{opacity:0;filter:blur(12px);transform:translateY(-1.35rem)scale(.985)}.praise-quote[data-phase=entering] span{opacity:0;filter:blur(14px);transform:translateY(1.6rem)scale(.99)}.praise-quote[data-phase=settled] span{opacity:1;filter:blur();transform:translateY(0)scale(1)}.praise-pocket{transform:translateY(0)}.praise-pocket:active{transform:translateY(2px)}.praise-toast{opacity:0;filter:blur(10px);pointer-events:none;transition:opacity .42s,transform .52s cubic-bezier(.22,1,.36,1),filter .52s;transform:translateY(.6rem)scale(.98)}.praise-toast[data-visible=true]{opacity:1;filter:blur();transform:translateY(0)scale(1)}.praise-main-button{transform-origin:50% 70%;will-change:transform;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s cubic-bezier(.34,1.56,.64,1),background .15s;animation:3.8s cubic-bezier(.45,0,.55,1) infinite praise-button-breathe;transform:translateY(0)scale(1)}.praise-main-button:hover{background:#ffffff8f;box-shadow:inset 0 1px #fffffff0,inset 0 -18px 32px #f472b621,0 28px 64px #f472b64d,0 10px #ffffff61}.praise-main-button:active{animation-play-state:paused;transform:translateY(.42rem)rotateX(7deg);box-shadow:inset 0 5px 18px #f472b624,inset 0 -8px 24px #ffffff6b,0 12px 34px #f472b633,0 3px #ffffff52}.praise-button-shine{background:linear-gradient(115deg,#0000 0 22%,#ffffff94 36%,#0000 52%) 0 0/220% 100%,radial-gradient(circle at 50% 0,#ffffffd6,#0000 52%) 0 0/100% 100%,linear-gradient(135deg,#fbcfe86b,#ddd6fe52) 0 0/100% 100%;animation:4.8s ease-in-out infinite praise-button-shine}.praise-button-orb{box-shadow:1.9rem .35rem 1.1rem #ffffff42,7.8rem 2.4rem 1.7rem #ffffff2e,12.6rem .2rem 1.4rem #ffffff29}@keyframes praise-bg-breathe{0%{filter:saturate()brightness();background-position:0 44%}50%{filter:saturate(1.08)brightness(1.012);background-position:68% 56%}to{filter:saturate(1.02)brightness(1.02);background-position:100% 48%}}@keyframes praise-hue-drift{0%{opacity:.72;transform:scale(1)}to{opacity:.92;transform:scale(1.035)}}@keyframes praise-mist-a{0%{transform:translate(0,0)scale(.94)}to{transform:translate(8vw,8svh)scale(1.08)}}@keyframes praise-mist-b{0%{transform:translate(0,0)scale(.98)}to{transform:translate(-7vw,-6svh)scale(1.12)}}@keyframes praise-button-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.16rem)scale(1.014)}}@keyframes praise-button-shine{0%,to{opacity:.84;background-position:-100% 0,50% 0,50%}52%{opacity:1;background-position:130% 0,50% 0,50%}}@media (width<=520px){.praise-app{padding-inline:1rem}.praise-quote-shell{min-height:18rem;padding-block:1.25rem}.praise-quote{font-size:clamp(1.72rem,8vw,2.3rem);line-height:1.72}.praise-main-button{border-radius:1.75rem;min-width:min(17.5rem,100vw - 2rem);height:5.65rem;font-size:1.15rem}.praise-toast{white-space:normal;text-align:center;max-width:calc(100vw - 2rem)}}@media (height<=700px){.praise-quote-shell{min-height:12rem;padding-block:1rem}.praise-main-button{height:5.2rem}}@media (prefers-reduced-motion:reduce){.praise-bg,.praise-bg:after,.praise-mist,.praise-main-button,.praise-button-shine{animation:none!important}.praise-quote span,.praise-toast,.praise-main-button{transition-duration:1ms!important}}