.pg-scene{--T:60s;--pg-ink:#261a2b;--pg-muted:#5a7a6a;--pg-pink:#c45a8a;background:linear-gradient(160deg,#ffffff8c 0%,#e8f5eee6 55%,#f7ecf280 100%);border-radius:14px;width:100%;height:92px;margin-top:10px;position:relative;overflow:hidden}.pg-glow{pointer-events:none;height:70%;animation:pg-glow var(--T) ease-in-out infinite;background:radial-gradient(#f2a6c347 0%,#0000 70%);border-radius:50%;position:absolute;inset:-20% 20% auto}.pg-shine{pointer-events:none;animation:pg-shine var(--T) linear infinite;opacity:.55;background:linear-gradient(105deg,#0000 35%,#ffffff59 48%,#0000 62%) 0 0/220% 100%;position:absolute;inset:0}.pg-stage{z-index:1;width:100%;height:100%;padding:12px 14px;position:relative}.pg-quote{opacity:0;animation:pg-quote var(--T) ease-in-out infinite;pointer-events:none;flex-direction:column;justify-content:center;gap:6px;margin:0;animation-fill-mode:both;display:flex;position:absolute;inset:12px 14px;transform:translateY(8px)}.pg-text{color:var(--pg-ink);quotes:none;margin:0;font-size:12px;font-weight:700;line-height:1.55}.pg-name{color:var(--pg-pink);letter-spacing:.01em;font-size:10.5px;font-weight:800}@keyframes pg-quote{0%{opacity:0;transform:translateY(8px)}.8%{opacity:1;transform:translateY(0)}4.2%{opacity:1;transform:translateY(0)}5%{opacity:0;transform:translateY(-6px)}5.01%,to{opacity:0;transform:translateY(8px)}}@keyframes pg-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes pg-shine{0%{background-position:120% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.pg-glow,.pg-shine,.pg-quote{animation:none!important}.pg-quote{opacity:0;transform:none}.pg-quote.is-first{opacity:1}}
.ssc{--T:6.5s;--ssc-ink:#261a2b;--ssc-magenta:#9a2d6b;--ssc-pink:#f2a6c3;--ssc-violet:#a75ce8;--ssc-cyan:#5bc8de;background:var(--ssc-ink);color:#fff;width:100%;min-height:58px;font:inherit;cursor:pointer;animation:ssc-breathe var(--T) ease-in-out infinite;transition:transform var(--dur-press,.16s) var(--ease-out-ui,ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #261a2b38,0 0 #9a2d6b59}.ssc:active:not(:disabled){animation-play-state:paused;transform:scale(.97)}.ssc:disabled{color:#a395a8;box-shadow:none;cursor:not-allowed;background:#e5dce2;animation:none}.ssc:disabled .ssc-shine,.ssc:disabled .ssc-glow,.ssc:disabled .ssc-spark,.ssc:disabled .ssc-cam,.ssc:disabled .ssc-flash{opacity:0;animation:none}@keyframes ssc-breathe{0%,to{box-shadow:0 10px 22px #261a2b38,0 0 #9a2d6b00}40%,55%{box-shadow:0 12px 28px #261a2b47,0 0 0 6px #9a2d6b24}}.ssc-glow{z-index:0;border-radius:inherit;opacity:0;pointer-events:none;animation:ssc-glow var(--T) ease-in-out infinite;background:radial-gradient(80% 120%,#9a2d6b59 0%,#0000 70%);position:absolute;inset:-2px}@keyframes ssc-glow{0%,to{opacity:0}45%,58%{opacity:.85}}.ssc-shine{z-index:1;pointer-events:none;width:38%;height:160%;animation:ssc-shine var(--T) linear infinite;background:linear-gradient(100deg,#0000 0%,#ffffff14 40%,#ffffff61 50%,#ffffff14 60%,#0000 100%);position:absolute;top:-30%;left:0;transform:translate(-140%)skew(-16deg)}@keyframes ssc-shine{0%,62%{transform:translate(-140%)skew(-16deg)}78%,to{transform:translate(320%)skew(-16deg)}}.ssc-body{z-index:2;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.ssc-cam-wrap{flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;position:relative}.ssc-cam{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;width:22px;height:22px;animation:ssc-cam var(--T) ease-in-out infinite}@keyframes ssc-cam{0%,18%{transform:scale(1)rotate(0)}24%{transform:scale(.88)rotate(-6deg)}30%,42%{transform:scale(1.06)rotate(0)}50%,to{transform:scale(1)rotate(0)}}.ssc-lens{transform-box:fill-box;transform-origin:50%;animation:ssc-lens var(--T) linear infinite}@keyframes ssc-lens{0%,22%{stroke:currentColor;transform:scale(1)}28%{stroke:var(--ssc-pink);transform:scale(.55)}34%,to{stroke:currentColor;transform:scale(1)}}.ssc-flash{opacity:0;pointer-events:none;animation:ssc-flash var(--T) linear infinite;background:radial-gradient(circle,#fff 0%,#0000 68%);border-radius:50%;position:absolute;inset:-4px}@keyframes ssc-flash{0%,26%{opacity:0;transform:scale(.4)}29%{opacity:1;transform:scale(1.25)}34%,to{opacity:0;transform:scale(.4)}}.ssc-label{letter-spacing:-.01em;position:relative}.ssc-spark{top:50%;z-index:3;opacity:0;pointer-events:none;width:10px;height:10px;animation:ssc-spark var(--T) linear infinite;margin-top:-18px;position:absolute;inset-inline-start:14px}.ssc-spark svg{width:100%;height:100%;display:block}@keyframes ssc-spark{0%,48%{opacity:0;transform:scale(.3)rotate(0)}54%{opacity:1;transform:scale(1.2)rotate(18deg)}62%,to{opacity:0;transform:scale(.4)rotate(40deg)}}.ssc-chip{background:linear-gradient(120deg, var(--ssc-pink), var(--ssc-violet) 55%, var(--ssc-cyan));color:#1c1220;white-space:nowrap;min-height:22px;animation:ssc-chip var(--T) ease-in-out infinite;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 8px #1c122033}@keyframes ssc-chip{0%,to{transform:scale(1)}45%,55%{transform:scale(1.05)}}.ssc-unlock{animation:ssc-unlock var(--T) ease-in-out infinite}@keyframes ssc-unlock{0%,55%,to{transform:rotate(0)scale(1)}62%{transform:rotate(-8deg)scale(1.06)}70%{transform:rotate(6deg)scale(1.08)}78%{transform:rotate(0)scale(1)}}.ssc[data-icon=unlock] .ssc-flash{background:radial-gradient(circle,#ffe9c4 0%,#0000 68%)}.ssc[data-icon=unlock] .ssc-lens{animation:none}@media (prefers-reduced-motion:reduce){.ssc,.ssc-shine,.ssc-glow,.ssc-spark,.ssc-cam,.ssc-lens,.ssc-flash,.ssc-chip,.ssc-unlock{animation:none!important}.ssc{box-shadow:0 10px 22px #261a2b38}.ssc-glow,.ssc-shine,.ssc-flash,.ssc-spark{opacity:0}}