@charset "UTF-8";

/* Namespaced to avoid collisions */
.surprise-widget { display:flex; flex-direction:column; align-items:center; }

.surprise-widget .sw-trigger{
  margin:30px auto;
  padding:15px 25px;
  text-align:center;
  background:linear-gradient(135deg,#ffd700,#ffae42);
  color:#000;
  font-family: 'Cabin', sans-serif;
  font-size:18px;
  border:0;
  border-radius:12px;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(0,0,0,.2);
  transition:transform .2s, box-shadow .2s;
  user-select:none;
}
.surprise-widget .sw-trigger:hover{ transform:scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,.3); }
.surprise-widget .sw-trigger:focus{ outline:3px solid rgba(255,215,0,.65); }

.surprise-widget .sw-message{
  /* Hidden until it has text */
  display:block;
  margin:20px 20px;
  padding:12px 16px;
  max-width:520px;
  text-align:center;
  font:700 26px/1.15 'Dancing Script', cursive;
  letter-spacing:.5px;
  color:#222;
  background:linear-gradient(135deg,#fff8dc,#ffe066);
  border:2px solid #ffae42;
  border-radius:15px;
  box-shadow:0 4px 15px rgba(0,0,0,.25);
  animation:sparkle 1.2s ease-in-out;
}
.surprise-widget .sw-message:empty{ display:none; }

@keyframes sparkle{
  0%{opacity:0; transform:scale(.85) rotate(-3deg)}
  50%{opacity:1; transform:scale(1.05) rotate(1deg)}
  100%{opacity:1; transform:scale(1) rotate(0)}
}

/* Optional responsive tweaks */
@media (max-width:768px){ .surprise-widget .sw-message{ font-size:22px; } }
@media (max-width:480px){ .surprise-widget .sw-message{ font-size:20px; } }