.daily-spark-widget{--widget-bg:#FAF3E8;--text-primary:#4A4A4A;--text-muted:#6B7280;--brand-brown:#A27B62;--brand-teal:#63A7B5;--brand-yellow:#FFD966;background:linear-gradient(135deg,var(--widget-bg) 0,#F5EEDE 100%);border-radius:1.5rem;padding:1.5rem;max-width:900px;margin:0 auto;box-shadow:0 4px 20px rgba(162,123,98,.08)}.widget-header{text-align:center;margin-bottom:2rem}.header-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--brand-brown);margin-bottom:1rem}.widget-title{font-family:var(--font-caveat,"Caveat",cursive);font-size:2.5rem;font-weight:700;color:var(--brand-brown);margin:0 0 .5rem;line-height:1.2}.widget-subtitle{font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:1rem;color:var(--text-muted);margin:0}.widget-content{perspective:1000px}.widget-content.is-flipping{animation:flipIn .3s ease-out}@keyframes flipIn{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.shuffle-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-yellow) 0,#FFE4A0 100%);color:var(--brand-brown);border-radius:9999px;font-family:var(--font-caveat,"Caveat",cursive);font-size:1.25rem;font-weight:700;animation:gentlePulse 1s ease-in-out infinite;box-shadow:0 4px 20px rgba(255,217,102,.3)}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.activity-card.is-shuffling{animation:gentleFloat .8s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.shuffling-image{animation:softGlow .6s ease-in-out infinite}@keyframes softGlow{0%,to{opacity:1;filter:brightness(1) saturate(1);transform:scale(1)}50%{opacity:.9;filter:brightness(1.1) saturate(1.1);transform:scale(1.03)}}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media (max-width:768px){.daily-spark-widget{padding:1rem;border-radius:1rem}.widget-title{font-size:1.75rem}.character-grid{grid-template-columns:repeat(2,1fr)}.character-grid>:last-child{grid-column:span 2;max-width:50%;margin:0 auto}}@media (max-width:480px){.character-grid{grid-template-columns:1fr 1fr;gap:.75rem}.character-grid>:last-child{max-width:100%}}.character-card{border:none;background:transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:1rem;overflow:hidden}.character-card:hover{transform:translateY(-4px) scale(1.02)}.character-card:active{transform:translateY(-2px) scale(.98)}.card-inner{border-radius:1rem;position:relative;overflow:hidden;aspect-ratio:3/4;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.card-back-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.character-card:hover .card-back-image{transform:scale(1.05)}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 60%,transparent);padding:2rem .75rem .75rem;text-align:center;color:white}.card-name{font-family:var(--font-caveat,"Caveat",cursive);font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-tagline{font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.65rem;font-weight:600;opacity:.9;margin:0;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.result-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.875rem;cursor:pointer;padding:.5rem;transition:color .2s ease}.back-button:hover{color:var(--brand-brown)}.activity-card{background:white;border-radius:1.25rem;overflow:hidden;max-width:380px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,.1),0 0 0 1px rgba(162,123,98,.1);animation:cardReveal .4s ease-out}@keyframes cardReveal{0%{opacity:0;transform:scale(.9) rotateY(-10deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.activity-image-wrapper{position:relative;aspect-ratio:3/4;overflow:hidden}.activity-image{width:100%;height:100%;object-fit:cover}.activity-badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:9999px;font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.75rem;font-weight:600;color:white;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.activity-content{padding:1.5rem;text-align:center}.activity-text{font-family:var(--font-caveat,"Caveat",cursive);font-size:1.75rem;font-weight:700;color:var(--brand-brown);margin:0 0 .75rem;line-height:1.2}.activity-description{font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.95rem;color:var(--text-primary);line-height:1.6;margin:0 0 1.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(255,217,102,.15),rgba(99,167,181,.1));border-radius:.75rem;border-left:3px solid var(--brand-yellow)}.cta-main{padding:1rem 1.5rem;font-size:1rem;margin-bottom:.75rem;width:100%;background:linear-gradient(135deg,#FF6B6B,#FF8E53);box-shadow:0 4px 15px rgba(255,107,107,.35);animation:pulse-glow 2s ease-in-out infinite}.cta-main:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px rgba(255,107,107,.45)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px rgba(255,107,107,.35)}50%{box-shadow:0 4px 20px rgba(255,107,107,.5)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:9999px;font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.cta-primary{background:linear-gradient(135deg,var(--brand-teal) 0,#4A9B9B 100%);color:white;box-shadow:0 4px 12px rgba(99,167,181,.3)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,167,181,.4)}.cta-secondary{background:rgba(162,123,98,.1);color:var(--brand-brown);border:2px solid rgba(162,123,98,.2)}.cta-secondary:hover{background:rgba(162,123,98,.15);border-color:rgba(162,123,98,.3)}.widget-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(162,123,98,.1)}.widget-footer p{font-family:var(--font-quicksand,"Quicksand",sans-serif);font-size:.75rem;color:var(--text-muted);margin:0}@media (prefers-reduced-motion:reduce){.activity-card,.character-card:hover,.cta-primary:hover,.widget-content.is-flipping{animation:none;transform:none;transition:none}}