@charset "utf-8";
/* The 11:11 wish page. Uses the site's navy-and-gold tokens. */
.wish-sec{padding-block:40px 72px;background:radial-gradient(90% 55% at 50% 0%,#2A2470 0%,rgba(10,14,38,0) 70%)}
#wish-app{display:grid;gap:18px}
#wish-app > *{margin:0}
#wish-app h1{font-size:clamp(2.1rem,8vw,3rem);line-height:1.1}
#wish-app h1:focus,#wish-app h2:focus{outline:none}
.wish-kind{position:relative;display:grid;gap:8px;justify-items:start;padding:22px 22px 16px;border:1px solid var(--gold);border-radius:20px;background:linear-gradient(150deg,rgba(201,169,106,.18),rgba(122,92,200,.22))}
.wish-kind p{margin:0;font:italic 400 1.45rem/1.4 var(--serif);color:var(--gold-hi)}
.wish-spark{font-size:1.6rem;line-height:1}
.wish-form{gap:12px;border-color:var(--line)}
.wish-form label{font-weight:600}
.wish-form textarea{min-height:120px}
.wish-count,.wish-form p{margin:0}
.wish-err{margin:0;color:var(--err)}
.wish-err[hidden]{display:none}
.wish-made{position:relative;overflow:hidden;gap:10px;border-color:var(--gold);text-align:center;justify-items:center}
.wish-made p{margin:0}
.wish-glow{position:absolute;left:50%;top:-70px;width:220px;height:220px;margin-left:-110px;border-radius:50%;background:radial-gradient(circle,rgba(230,207,156,.35),rgba(230,207,156,0) 65%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .wish-spark{animation:wishTwinkle 2.4s ease-in-out infinite}
  .wish-made{animation:wishRise .8s cubic-bezier(.2,.7,.2,1) both}
  .wish-glow{animation:wishGlow 3s ease-in-out infinite alternate}
}
@keyframes wishTwinkle{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
@keyframes wishRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wishGlow{from{opacity:.6}to{opacity:1}}
.wish-list{display:grid;gap:10px}
.wish-list h2{font-size:1.5rem;margin:0}
.wish-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wish-list li{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface);overflow-wrap:anywhere}
.wish-list li p{margin:0}
.wish-list li .btn-text{justify-self:start}
.wish-text{font:400 1.1rem/1.5 var(--serif)}
.wish-more{margin:0}