body{padding-bottom:0!important}
.preview-notice,#voice-bar{display:none!important}
.listen-intro{position:relative;max-width:980px;margin:20px auto;padding:24px 28px;background:none;border:0;color:#53604f;font:18px/1.6 Georgia,serif}
.listen-intro p{margin:0}.listen-intro strong{font:italic 28px/1.3 Georgia,serif}.listen-intro small{display:block;font:14px/1.6 Arial,sans-serif;margin-top:12px}
.hero>div:first-child,#moja-droga .inner{position:relative;isolation:isolate}
.voice-symbol,.listen-intro .voice-symbol,.voice-symbol.section-listen{position:absolute!important;display:block!important;right:5%;top:50%;transform:translateY(-50%);width:170px!important;height:160px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#71816a!important;z-index:4;cursor:pointer;border-radius:14px}
.voice-symbol svg{display:block;width:100%;height:100%;opacity:.15;transition:opacity .2s;pointer-events:none}
.voice-symbol:hover svg,.voice-symbol:focus-visible svg{opacity:.3}.voice-symbol.is-playing svg{opacity:.25}
.voice-symbol:focus-visible{outline:3px solid #53604f;outline-offset:5px}
.voice-symbol .pause-mark{display:none}.voice-symbol.is-playing .pause-mark{display:initial}.voice-symbol.is-playing .sound-wave{display:none}
.voice-caption,.voice-sr-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero .about-voice{top:52%;right:2%}#moja-droga .voice-symbol{top:150px;right:8%}
@media(max-width:600px){.listen-intro{margin:12px 0;padding:24px}.listen-intro strong{font-size:24px}.voice-symbol,.listen-intro .voice-symbol,.voice-symbol.section-listen{width:130px!important;height:130px!important;right:5%}#moja-droga .voice-symbol{top:170px;right:2%}}
@media(prefers-reduced-motion:reduce){.voice-symbol svg{transition:none}}
.voice-text-area{position:relative;isolation:isolate;display:flow-root}.voice-text-area>p:first-child{margin-top:0}.voice-text-area>p:last-of-type{margin-bottom:0}.hero .voice-text-area .about-voice{inset:0!important;transform:none!important;width:100%!important;height:100%!important;padding:0!important;border-radius:32px}.hero .voice-text-area .about-voice svg{width:100%;height:100%;opacity:.13;stroke-width:2.8;filter:drop-shadow(-1px -1px 0 #fffdf8) drop-shadow(2px 3px 1px #65745f80) drop-shadow(6px 9px 5px #53604f35);overflow:visible}.hero .voice-text-area .about-voice:hover svg,.hero .voice-text-area .about-voice:focus-visible svg{opacity:.22}.hero .voice-text-area .about-voice.is-playing svg{opacity:.2}
/* Większy, lekko ożywiony kontur */
.hero .voice-text-area .about-voice{inset:-9% -9%!important;width:118%!important;height:118%!important}
.hero .voice-text-area .about-voice svg{opacity:.15;animation:voice-outline-breathe 6s ease-in-out infinite;transform-origin:center}
.hero .voice-text-area .about-voice .sound-wave{transform-box:fill-box;transform-origin:left center;animation:voice-wave-breathe 3.8s ease-in-out infinite}
.hero .voice-text-area .about-voice.is-playing svg{animation-duration:3.2s}
@keyframes voice-outline-breathe{0%,100%{transform:scale(.985);opacity:.13}50%{transform:scale(1.025);opacity:.19}}
@keyframes voice-wave-breathe{0%,100%{transform:translateX(0) scaleX(.98);opacity:.7}50%{transform:translateX(2px) scaleX(1.04);opacity:1}}
@media(prefers-reduced-motion:reduce){.hero .voice-text-area .about-voice svg,.hero .voice-text-area .about-voice .sound-wave{animation:none;transform:none}}
/* Górne zaproszenie: ten sam miękki kontur co na opowieści */
.listen-intro{isolation:isolate}
.listen-intro .voice-symbol{right:0;top:50%;width:220px!important;height:210px!important;padding:0!important;transform:translateY(-50%)}
.listen-intro .voice-symbol svg{opacity:.15;stroke-width:2.8;filter:drop-shadow(-1px -1px 0 #fffdf8) drop-shadow(2px 3px 1px #65745f80) drop-shadow(6px 9px 5px #53604f35);overflow:visible;animation:voice-outline-breathe 6s ease-in-out infinite;transform-origin:center}
.listen-intro .voice-symbol .sound-wave{transform-box:fill-box;transform-origin:left center;animation:voice-wave-breathe 3.8s ease-in-out infinite}
.listen-intro .voice-symbol:hover svg,.listen-intro .voice-symbol:focus-visible svg{opacity:.25;animation:none}
.listen-intro .voice-symbol.is-playing svg{animation-duration:3.2s}
@media(max-width:600px){.listen-intro .voice-symbol{right:0;width:165px!important;height:165px!important}}
@media(prefers-reduced-motion:reduce){.listen-intro .voice-symbol svg,.listen-intro .voice-symbol .sound-wave{animation:none;transform:none}}
/* Moja droga: wyśrodkowany, duży znak wodny */
#moja-droga .voice-symbol{left:50%!important;right:auto!important;top:80px!important;transform:translateX(-50%)!important;width:min(100%,600px)!important;height:350px!important;padding:0!important;border-radius:50%}
#moja-droga .voice-symbol svg{width:100%;height:100%;opacity:.15;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(-1px -1px 0 #fffdf8) drop-shadow(2px 3px 1px #65745f80) drop-shadow(6px 9px 5px #53604f35);overflow:visible;transform-origin:center;animation:voice-outline-breathe 6s ease-in-out infinite}
#moja-droga .voice-symbol .sound-wave{transform-box:fill-box;transform-origin:left center;animation:voice-wave-breathe 3.8s ease-in-out infinite}
#moja-droga .voice-symbol:hover svg,#moja-droga .voice-symbol:focus-visible svg{animation:none;opacity:.25}
#moja-droga .voice-symbol.is-playing svg{animation-duration:3.2s}
@media(max-width:600px){#moja-droga .voice-symbol{top:100px!important;width:100%!important;height:320px!important}}
@media(prefers-reduced-motion:reduce){#moja-droga .voice-symbol svg,#moja-droga .voice-symbol .sound-wave{animation:none;transform:none}}
.section-voice-area .section-watermark{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(100%,600px)!important;height:calc(100% + 30px)!important;max-height:380px;padding:0!important;border-radius:50%}
.section-voice-area .section-watermark svg{width:100%;height:100%;opacity:.15;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(-1px -1px 0 #fffdf8) drop-shadow(2px 3px 1px #65745f80) drop-shadow(6px 9px 5px #53604f35);overflow:visible;transform-origin:center;animation:voice-outline-breathe 6s ease-in-out infinite}
.section-voice-area .section-watermark .sound-wave{transform-box:fill-box;transform-origin:left center;animation:voice-wave-breathe 3.8s ease-in-out infinite}
.section-voice-area .section-watermark:hover svg,.section-voice-area .section-watermark:focus-visible svg{animation:none;opacity:.25}
.section-voice-area .section-watermark.is-playing svg{animation-duration:3.2s}
@media(prefers-reduced-motion:reduce){.section-voice-area .section-watermark svg,.section-voice-area .section-watermark .sound-wave{animation:none;transform:none}}
/* Wymiary nakładek nowych sekcji */
#zapis .section-watermark,#umow .section-watermark,#tworzenie-stron .section-watermark{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(100%,600px)!important;height:calc(100% + 30px)!important;max-height:380px;padding:0!important}
/* Spotkania: stały rozmiar niezależny od krótkiego tekstu */
#umow .section-watermark{width:min(100%,600px)!important;height:330px!important;max-height:none!important}
#umow .section-watermark svg{opacity:.23;stroke-width:3;animation:meeting-voice-breathe 6s ease-in-out infinite}
#umow .section-watermark:hover svg,#umow .section-watermark:focus-visible svg{opacity:.34;animation:none}
#umow .section-watermark.is-playing svg{animation-duration:3.2s}
@keyframes meeting-voice-breathe{0%,100%{transform:scale(.985);opacity:.21}50%{transform:scale(1.025);opacity:.28}}
@media(max-width:600px){#umow .section-watermark{height:280px!important}}
@media(prefers-reduced-motion:reduce){#umow .section-watermark svg{animation:none;transform:none}}
/* Wspólny ton wszystkich znaków odsłuchu */
.voice-symbol svg,.hero .voice-text-area .about-voice svg,.listen-intro .voice-symbol svg,#moja-droga .voice-symbol svg,.section-voice-area .section-watermark svg,#umow .section-watermark svg{color:#71816a;opacity:.15;stroke-width:2.8;filter:drop-shadow(-1px -1px 0 #fffdf8) drop-shadow(2px 3px 1px #65745f80) drop-shadow(6px 9px 5px #53604f35);animation:voice-outline-breathe 6s ease-in-out infinite}
.voice-symbol:hover svg,.voice-symbol:focus-visible svg,.hero .voice-text-area .about-voice:hover svg,.hero .voice-text-area .about-voice:focus-visible svg,.listen-intro .voice-symbol:hover svg,.listen-intro .voice-symbol:focus-visible svg,#moja-droga .voice-symbol:hover svg,#moja-droga .voice-symbol:focus-visible svg,.section-voice-area .section-watermark:hover svg,.section-voice-area .section-watermark:focus-visible svg,#umow .section-watermark:hover svg,#umow .section-watermark:focus-visible svg{opacity:.25;animation:none}
.voice-symbol.is-playing svg,.hero .voice-text-area .about-voice.is-playing svg,.listen-intro .voice-symbol.is-playing svg,#moja-droga .voice-symbol.is-playing svg,.section-voice-area .section-watermark.is-playing svg,#umow .section-watermark.is-playing svg{animation:voice-outline-breathe 3.2s ease-in-out infinite}
#zapis .section-watermark{top:calc(50% - 35px)!important}
@media(prefers-reduced-motion:reduce){.voice-symbol svg,.hero .voice-text-area .about-voice svg,.listen-intro .voice-symbol svg,#moja-droga .voice-symbol svg,.section-voice-area .section-watermark svg,#umow .section-watermark svg{animation:none!important;transform:none!important}}
/* Zaproszenie i głośnik jako jedna bliska kompozycja */
.listen-intro{width:fit-content;max-width:calc(100% - 48px);margin-left:auto;margin-right:auto;padding-right:150px}
.listen-intro>div{max-width:500px}
.listen-intro .voice-symbol{right:-15px!important;width:180px!important;height:180px!important}
@media(max-width:600px){.listen-intro{width:auto;max-width:none;margin:12px 0;padding:24px 105px 24px 24px}.listen-intro .voice-symbol{right:-5px!important;width:130px!important;height:150px!important}}
/* Korekta proporcji pierwszego głośnika i konturu spotkań */
.listen-intro{padding-right:215px}
.listen-intro .voice-symbol{right:-15px!important;width:245px!important;height:245px!important}
#umow .section-watermark svg{stroke-width:3.4}
@media(max-width:600px){.listen-intro{padding-right:145px}.listen-intro .voice-symbol{right:-8px!important;width:175px!important;height:190px!important}}
/* Pierwszy tekst: ten sam rozmiar symbolu co w Mojej drodze */
.hero .voice-text-area .about-voice{inset:auto!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(600px,calc(100vw - 56px))!important;height:350px!important;padding:0!important}
@media(max-width:600px){.hero .voice-text-area .about-voice{width:100%!important;height:320px!important}}

/* Wyraźne głośniki i rozchodzące się fale dźwięku, wspólne dla wszystkich sekcji. */
.voice-symbol svg{opacity:1!important;animation:none!important;transform:none!important;color:#64745b;filter:drop-shadow(0 1px 1px #fffdf8)!important;stroke-width:2.2!important}
.voice-symbol .speaker-body{fill:#7d8d7626;stroke-opacity:.65;stroke-width:2.5}
.voice-symbol .sound-wave{display:initial!important;stroke-opacity:1;stroke-width:2;transform-box:fill-box;transform-origin:left center;animation:voice-sound-ripple 3.6s ease-in-out infinite!important;animation-delay:calc(var(--wave)*.2s)!important}
.voice-symbol.is-playing .sound-wave{animation-duration:2.2s!important}
.voice-symbol.is-playing .speaker-body,.voice-symbol:hover .speaker-body,.voice-symbol:focus-visible .speaker-body{fill:#7d8d763d;stroke-opacity:.9}
.voice-symbol.is-playing .pause-mark{stroke-opacity:.8;stroke-width:3}
.voice-symbol:focus-visible{outline:3px solid #53604f!important;outline-offset:5px}
@keyframes voice-sound-ripple{0%,100%{opacity:.3;transform:translateX(0) scaleX(.98)}45%{opacity:.75;transform:translateX(2px) scaleX(1.025)}}
.voice-invitation-copy span{display:inline-block;animation:voice-word-wave 3.4s ease-in-out infinite;animation-delay:calc(var(--word)*.16s)}
@keyframes voice-word-wave{0%,60%,100%{transform:translateY(0)}25%{transform:translateY(-3px)}42%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.voice-symbol .sound-wave,.voice-symbol.is-playing .sound-wave,.voice-invitation-copy span{animation:none!important;transform:none!important}.voice-symbol .sound-wave{opacity:.6}}
/* Delikatniejsza nakładka zachowuje czytelność tekstu. */
.voice-symbol .speaker-body{fill:#7d8d7608;stroke-opacity:.26;stroke-width:1.8}
.voice-symbol .sound-wave{stroke-opacity:.42;stroke-width:1.6}
.voice-symbol.is-playing .speaker-body,.voice-symbol:hover .speaker-body,.voice-symbol:focus-visible .speaker-body{fill:#7d8d7610;stroke-opacity:.34}
.listen-intro{padding-right:265px}
.listen-intro .voice-symbol{right:0!important}
@media(max-width:600px){.listen-intro{padding-right:24px;padding-bottom:165px}.listen-intro .voice-symbol{right:50%!important;top:auto!important;bottom:-12px;transform:translateX(50%)!important}}
/* Widoczne, półprzezroczyste wypełnienie bez mocnego konturu. */
.voice-symbol .speaker-body{fill:rgba(125,141,118,.11)}
.voice-symbol.is-playing .speaker-body,.voice-symbol:hover .speaker-body,.voice-symbol:focus-visible .speaker-body{fill:rgba(125,141,118,.14)}

/* Ta sama łapka co przy muzyce: podjeżdża i naciska pierwszy głośnik. */
.voice-symbol .voice-click-hand{position:absolute;left:var(--hand-left,26%);top:var(--hand-top,50%);width:34px;height:43px;pointer-events:none;z-index:5;transform-origin:50% 85%;animation:voice-hand-press 3.8s ease-in-out infinite;filter:drop-shadow(0 1px 1px #53604f15)}
.voice-symbol .voice-click-hand svg{width:34px!important;height:43px!important;fill:#f3f0e5!important;stroke:#77836d!important;stroke-width:1.15!important;opacity:1!important;animation:none!important;transform:none!important;filter:none!important}
.voice-symbol.is-playing .voice-click-hand{display:none}
@keyframes voice-hand-press{0%,100%{opacity:0;transform:translate(26px,22px) rotate(-18deg)}18%{opacity:1}40%{opacity:1;transform:translate(0,0) rotate(-30deg)}50%{opacity:1;transform:translate(-3px,-5px) rotate(-30deg) scale(.94)}60%,76%{opacity:1;transform:translate(0,0) rotate(-30deg)}90%{opacity:0;transform:translate(16px,14px) rotate(-18deg)}}
@media(prefers-reduced-motion:reduce){.voice-symbol .voice-click-hand{animation:none;transform:rotate(-30deg)}}