/* Interpretacja snu – Wszystko dla Duszy. Style zamknięte w .wddsa. */
.wddsa{
  --s-bg:#fbf6f2; --s-panel:#f1e6df; --s-terra:#9d6342; --s-terra2:#8a5538; --s-sand:#e0b58b; --s-gold:#c49a6c;
  --s-ink:#4a342a; --s-muted:#7d6558; --s-line:#dcc6b8; --s-night:#2e2a4a; --s-night2:#4b4371;
  position:relative; max-width:820px; margin:0 auto; padding:28px 26px 26px; border-radius:22px; overflow:hidden;
  background:linear-gradient(180deg,#f4ebe5 0%,var(--s-bg) 38%); border:1px solid var(--s-line);
  color:var(--s-ink); font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:16px; line-height:1.55; text-align:left;
  -webkit-font-smoothing:antialiased;
}
.wddsa *,.wddsa *::before,.wddsa *::after{box-sizing:border-box}
.wddsa button,.wddsa select,.wddsa input,.wddsa textarea{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
.wddsa p,.wddsa h2,.wddsa h3,.wddsa ul,.wddsa ol,.wddsa li,.wddsa fieldset,.wddsa legend{margin:0;padding:0;border:0;background:none;text-transform:none;letter-spacing:normal}
.wddsa ul,.wddsa ol{list-style:none}

/* Gwiazdki w tle */
.wddsa-sky{position:absolute;inset:0 0 auto 0;height:120px;pointer-events:none}
.wddsa-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--s-gold);opacity:.5;animation:wddsa-tw 3.2s ease-in-out infinite}
.wddsa-sky i:nth-child(1){left:8%;top:22px}.wddsa-sky i:nth-child(2){left:22%;top:58px;animation-delay:-1s}
.wddsa-sky i:nth-child(3){left:47%;top:16px;animation-delay:-2s}.wddsa-sky i:nth-child(4){left:66%;top:44px;animation-delay:-.5s}
.wddsa-sky i:nth-child(5){left:83%;top:20px;animation-delay:-1.6s}.wddsa-sky i:nth-child(6){left:93%;top:70px;animation-delay:-2.4s}
.wddsa-sky i:nth-child(7){left:35%;top:86px;animation-delay:-.9s}
@keyframes wddsa-tw{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.3)}}

.wddsa-form{position:relative}
.wddsa .wddsa-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;line-height:1.35;margin:0 0 22px;color:var(--s-ink)}
.wddsa .wddsa-field{display:block;margin:0 0 22px;position:relative;min-width:0}
.wddsa .wddsa-label{display:block;font-size:.95rem;font-weight:500;color:var(--s-muted);margin:0 0 8px}
.wddsa-label small{font-weight:400}
.wddsa textarea{display:block;width:100%;min-height:170px;padding:14px 16px 28px;border-radius:14px;border:1.5px solid var(--s-line);background:#fffdfb;color:var(--s-ink);font-size:1rem;line-height:1.55;resize:vertical}
.wddsa textarea::placeholder{color:#a8928a}
.wddsa-count{position:absolute;right:12px;bottom:8px;font-size:.8rem;color:var(--s-muted)}
.wddsa-count.warn b{color:var(--s-terra)}
.wddsa-chips{display:flex;flex-wrap:wrap;gap:8px}
.wddsa .wddsa-chip{min-height:40px;padding:8px 15px;border-radius:999px;border:1.5px solid var(--s-line);background:#fffdfb;color:var(--s-ink);font-size:.95rem;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.wddsa .wddsa-chip:hover{background:var(--s-panel);color:var(--s-ink)}
.wddsa .wddsa-chip[aria-pressed="true"]{border-color:var(--s-terra);background:var(--s-panel);color:var(--s-terra);font-weight:500}
.wddsa-date{display:block;margin-top:10px;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--s-line);background:#fffdfb;color:var(--s-ink)}
.wddsa-date[hidden]{display:none}
.wddsa-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin:0 0 20px}
.wddsa .wddsa-row .wddsa-field{margin:0;flex:1 1 220px}
.wddsa select{width:100%;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--s-line);background:#fffdfb;color:var(--s-ink)}
.wddsa-check{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:.98rem}
.wddsa-check input{width:20px;height:20px;accent-color:var(--s-terra)}
.wddsa-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wddsa .wddsa-fine{font-size:.82rem;line-height:1.5;color:var(--s-muted);margin:0 0 16px}
.wddsa-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 16px}
.wddsa-left{margin-right:auto;font-size:.9rem;color:var(--s-terra)}
.wddsa .wddsa-btn{min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid var(--s-terra);font-weight:500;font-size:1rem;line-height:1.2;cursor:pointer;transition:background .2s,color .2s}
.wddsa .wddsa-btn.primary{background:var(--s-terra);color:#fff8f3}
.wddsa .wddsa-btn.primary:hover{background:var(--s-terra2);color:#fff8f3}
.wddsa .wddsa-btn.ghost{background:transparent;color:var(--s-terra)}
.wddsa .wddsa-btn.ghost:hover{background:var(--s-panel);color:var(--s-terra)}
.wddsa .wddsa-btn:disabled{opacity:.6;cursor:wait}
.wddsa-btn:focus-visible,.wddsa-chip:focus-visible,.wddsa textarea:focus-visible,.wddsa select:focus-visible,.wddsa-date:focus-visible{outline:3px solid var(--s-sand);outline-offset:2px}
.wddsa .wddsa-error{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#f7e4dc;color:#7a3b22;font-size:.95rem}
.wddsa-error[hidden]{display:none}

/* Oczekiwanie */
.wddsa-wait{position:relative;text-align:center;padding:44px 10px 36px}
.wddsa-wait[hidden]{display:none}
.wddsa-moon{position:relative;width:86px;height:86px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6e2,#f0d6a8 60%,#d9b27c);box-shadow:0 0 36px 8px rgba(240,200,140,.45);animation:wddsa-glow 2.6s ease-in-out infinite alternate;overflow:hidden}
.wddsa-moon span{position:absolute;inset:0;border-radius:50%;background:var(--s-bg);animation:wddsa-phase 4.8s ease-in-out infinite}
@keyframes wddsa-phase{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}
@keyframes wddsa-glow{from{box-shadow:0 0 26px 4px rgba(240,200,140,.35)}to{box-shadow:0 0 44px 12px rgba(240,200,140,.55)}}
.wddsa .wddsa-wait-msg{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;line-height:1.35;max-width:30ch;margin:0 auto 8px;min-height:3.8rem;transition:opacity .4s}
.wddsa-wait-sub{font-size:.88rem;color:var(--s-muted)}

/* Wynik */
.wddsa-result{position:relative;outline:none}
.wddsa-result[hidden]{display:none}
.wddsa .wddsa-note{margin:0 0 18px;padding:12px 16px;border-radius:14px;background:var(--s-panel);font-size:.94rem;color:var(--s-ink)}
.wddsa .wddsa-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s-terra);font-weight:500;margin:0 0 6px}
.wddsa .wddsa-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:2.1rem;line-height:1.15;color:var(--s-ink);margin:0 0 14px;word-break:normal;overflow-wrap:break-word}
.wddsa .wddsa-intro{font-size:1.06rem;margin:0 0 18px}
.wddsa .wddsa-moonbadge{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:6px 14px 6px 8px;border-radius:999px;background:linear-gradient(90deg,var(--s-night),var(--s-night2));color:#f6eedc;font-size:.88rem}
.wddsa-moonbadge i{width:20px;height:20px;border-radius:50%;background:#f3dfb6;box-shadow:inset -6px 0 0 0 var(--s-night);flex:0 0 auto}
.wddsa-moonbadge i.k-now{box-shadow:inset 0 0 0 20px #3d3762}
.wddsa-moonbadge i.k-pelnia{box-shadow:none}
.wddsa-moonbadge i.k-sierp_ub,.wddsa-moonbadge i.k-kwadra3,.wddsa-moonbadge i.k-garb_ub{box-shadow:inset 6px 0 0 0 var(--s-night)}
.wddsa .wddsa-sec{margin:0 0 26px}
.wddsa .wddsa-h{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.45rem;line-height:1.25;color:var(--s-terra);margin:0 0 10px}
.wddsa-h::before{content:"✦";font-size:.9rem;color:var(--s-gold)}
.wddsa .wddsa-sec p{margin:0 0 10px;font-size:1.02rem}
.wddsa-syms{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.wddsa-sym{padding:14px 16px;border-radius:14px;background:#fffdfb;border:1px solid var(--s-line)}
.wddsa-sym b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;line-height:1.2;color:var(--s-ink);margin:0 0 6px}
.wddsa .wddsa-sym p{font-size:.97rem;margin:0}
.wddsa-msg{padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#f6eadf,#fbf3ec);border:1px solid var(--s-line)}
.wddsa .wddsa-qs li{position:relative;padding:0 0 10px 26px;font-size:1.02rem}
.wddsa-qs li::before{content:"☾";position:absolute;left:2px;top:0;color:var(--s-gold)}
.wddsa-links{display:flex;flex-wrap:wrap;gap:8px}
.wddsa-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--s-line);background:#fffdfb;color:var(--s-terra);text-decoration:none;font-size:.95rem}
.wddsa-links a:hover{border-color:var(--s-terra);background:var(--s-panel)}
.wddsa-end{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;margin-top:8px;padding-top:18px;border-top:1px solid var(--s-line)}
.wddsa-end .wddsa-left{margin-right:auto}
.wddsa .wddsa-crisis p{margin:0 0 12px;white-space:pre-line}

@media (max-width:640px){
  .wddsa{padding:20px 14px 18px;border-radius:16px}
  .wddsa .wddsa-lead{font-size:1.25rem;margin-bottom:18px}
  .wddsa textarea{min-height:190px;font-size:16px}
  .wddsa .wddsa-chip{font-size:.93rem;padding:8px 13px}
  .wddsa-actions .wddsa-btn,.wddsa-end .wddsa-btn{width:100%}
  .wddsa-left{flex-basis:100%;margin-right:0;text-align:center}
  .wddsa .wddsa-title{font-size:1.7rem}
  .wddsa .wddsa-h{font-size:1.3rem}
  .wddsa-syms{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .wddsa-sky i,.wddsa-moon,.wddsa-moon span{animation:none}
}

/* Zaproszenie do interpretacji pod hasłami sennika */
.wddsa-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:32px 0;padding:20px 22px;border-radius:18px;
  background:linear-gradient(90deg,#2e2a4a,#4b4371);color:#f6eedc;font-family:'Jost',system-ui,sans-serif}
.wddsa-cta .wddsa-cta-txt{flex:1 1 300px;margin:0!important;padding:0;font-size:1rem;line-height:1.5;color:#f6eedc}
.wddsa-cta .wddsa-cta-txt b{display:block;font-family:'Ibarra Real Nova','Cormorant Garamond',Georgia,serif;font-size:1.4rem;font-weight:600;line-height:1.2;color:#fff6e2;margin:0 0 4px}
.wddsa-cta a.wddsa-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;background:#e0b58b;color:#2e2a4a;font-weight:500;text-decoration:none;white-space:nowrap}
.wddsa-cta a.wddsa-cta-btn:hover{background:#f0cba3;color:#2e2a4a}
@media (max-width:640px){.wddsa-cta{padding:18px 16px}.wddsa-cta a.wddsa-cta-btn{width:100%}}