/*
Theme Name: Proszę o uwagę_
Theme URI: https://example.com/
Author: Pracownia Poznawcza
Description: Autorski motyw dla Proszę o uwagę_ z Laboratorium Poznawczym i edytowalnymi treściami.
Version: 1.6.0
Text Domain: prosze-o-uwage
*/

:root{--ink:#171717;--cream:#fbf6ed;--pink:#ff5fa2;--green:#b8f45d;--mint:#dff7dd;--line:#1b1b1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(251,246,237,.88);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--line)}.logo{font-weight:900;letter-spacing:-1px}.navlinks{display:flex;gap:22px;font-size:14px}.hero{min-height:88vh;padding:7vw 5vw 4vw;position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:4vw;align-items:center}.eyebrow{display:inline-block;background:var(--green);border:1.5px solid var(--line);border-radius:99px;padding:8px 13px;font-weight:800;font-size:13px;transform:rotate(-1deg)}h1{font-size:clamp(64px,10vw,150px);line-height:.78;letter-spacing:-7px;margin:26px 0 32px}.cursor{color:var(--pink);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lead{font-family:Georgia,serif;font-size:clamp(21px,2.2vw,34px);line-height:1.2;max-width:760px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{padding:14px 18px;border:1.5px solid var(--line);border-radius:14px;font-weight:900;background:var(--pink);box-shadow:5px 5px 0 var(--line);transition:.15s}.btn.alt{background:white}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--line)}.brain{height:460px;position:relative}.blob{position:absolute;inset:45px 5px 30px 15px;background:var(--pink);border:2px solid var(--line);border-radius:48% 52% 44% 56% / 55% 44% 56% 45%;transform:rotate(7deg);box-shadow:16px 16px 0 var(--green)}.eye{position:absolute;width:190px;height:105px;background:white;border:2px solid var(--line);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);display:grid;place-items:center}.pupil{width:58px;height:58px;border-radius:50%;background:var(--ink);position:relative}.pupil:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:9px;left:10px}.note{position:absolute;background:white;border:1.5px solid var(--line);padding:12px 14px;border-radius:12px;font-weight:800;box-shadow:4px 4px 0 var(--line)}.n1{top:20px;right:0;transform:rotate(5deg)}.n2{bottom:15px;left:0;transform:rotate(-5deg);background:var(--green)}.ticker{border-block:1.5px solid var(--line);padding:14px 0;overflow:hidden;background:var(--ink);color:white;font-weight:900;white-space:nowrap}.ticker span{display:inline-block;animation:mar 20s linear infinite}@keyframes mar{to{transform:translateX(-50%)}}section{padding:90px 5vw}.sectiontag{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px}.sectiontitle{font-size:clamp(42px,6vw,86px);letter-spacing:-4px;line-height:.95;margin:14px 0 40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:270px;border:1.5px solid var(--line);border-radius:24px;padding:26px;background:white;box-shadow:7px 7px 0 var(--line);position:relative;overflow:hidden}.card:nth-child(2){background:var(--mint)}.card:nth-child(3){background:#ffd9e9}.card h3{font-size:28px;margin:8px 0}.num{font:900 56px Georgia;color:var(--pink)}.lab{background:var(--green);border-block:1.5px solid var(--line)}.experiment{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.panel{background:var(--cream);border:2px solid var(--line);border-radius:26px;padding:30px;box-shadow:10px 10px 0 var(--line)}#word{font-size:72px;font-weight:1000;text-align:center;margin:35px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{padding:16px;border:1.5px solid var(--line);background:white;border-radius:12px;font-weight:900;cursor:pointer}.choices button:hover{background:#eee}.result{min-height:25px;font-weight:800;margin-top:15px}.anti{background:#ffd8e7}.myth{font-size:clamp(34px,5vw,70px);font-family:Georgia,serif;max-width:1050px}.strike{text-decoration:line-through;text-decoration-thickness:5px;text-decoration-color:var(--pink)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chip{border:1.5px solid var(--line);border-radius:99px;padding:10px 13px;background:white;font-weight:800}.reading .card{min-height:220px}.footer{padding:60px 5vw;background:var(--ink);color:white;display:flex;justify-content:space-between;gap:30px}.tiny{opacity:.7;font-size:13px}
.random-lab{background:var(--green);border-block:1.5px solid var(--line)}.random-box{display:grid;grid-template-columns:1fr;gap:28px;align-items:stretch}.shuffle-card{background:var(--cream);border:2px solid var(--line);border-radius:26px;padding:34px;box-shadow:10px 10px 0 var(--line);min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.shuffle-mark{font:900 clamp(64px,9vw,120px) Georgia;color:var(--pink);line-height:.8}.modal-back{position:fixed;inset:0;background:rgba(23,23,23,.72);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal-back.open{display:flex}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--cream);border:2px solid var(--line);border-radius:28px;padding:28px;box-shadow:12px 12px 0 var(--pink);position:relative}.modal-close{position:absolute;right:18px;top:16px;border:1.5px solid var(--line);background:white;border-radius:50%;width:38px;height:38px;font-weight:900;cursor:pointer}.exp-title{font-size:clamp(40px,7vw,72px);letter-spacing:-3px;margin:18px 0 8px}.exp-stage{margin:24px 0;padding:26px;border:1.5px solid var(--line);border-radius:20px;background:white;min-height:190px;display:grid;place-items:center;text-align:center}.exp-actions{display:flex;gap:10px;flex-wrap:wrap}.exp-actions button,.exp-actions a{padding:12px 15px;border:1.5px solid var(--line);border-radius:12px;background:white;font-weight:900;cursor:pointer}.exp-actions .primary{background:var(--pink);box-shadow:4px 4px 0 var(--line)}.micro{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.bigstim{font-size:clamp(42px,8vw,82px);font-weight:1000}.colorBtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.colorBtns button{padding:12px 15px;border:1.5px solid var(--line);background:var(--cream);border-radius:10px;font-weight:900}.sequence{font-size:clamp(38px,7vw,70px);font-weight:1000;letter-spacing:10px}.progressdots{font-size:22px;letter-spacing:5px}@media(max-width:850px){.random-box{grid-template-columns:1fr}}
@media(max-width:850px){.navlinks{display:none}.hero,.experiment{grid-template-columns:1fr}.brain{height:330px}.grid{grid-template-columns:1fr}h1{letter-spacing:-4px}.footer{flex-direction:column}}

/* LABORATORIUM */
:root{--ink:#171717;--cream:#fbf6ed;--pink:#ff5fa2;--green:#b8f45d;--mint:#dff7dd;--line:#1b1b1b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(251,246,237,.92);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--line)}.logo{font-weight:900}.navlinks{display:flex;gap:22px;font-size:14px}.hero{padding:70px 5vw 35px}.eyebrow,.pill{display:inline-block;background:var(--green);border:1.5px solid var(--line);border-radius:99px;padding:8px 13px;font-weight:800;font-size:13px}h1{font-size:clamp(58px,9vw,125px);line-height:.82;letter-spacing:-6px;margin:25px 0}.lead{font-family:Georgia,serif;font-size:clamp(20px,2.2vw,32px);max-width:850px}.grid{padding:35px 5vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1.5px solid var(--line);border-radius:24px;padding:25px;background:white;box-shadow:7px 7px 0 var(--line);cursor:pointer;min-height:240px}.card:nth-child(3n+2){background:var(--mint)}.card:nth-child(3n){background:#ffd9e9}.card h2{font-size:28px}.num{font:900 46px Georgia;color:var(--pink)}.tiny{font-size:13px;opacity:.7}.progress{margin:25px 5vw 0;border:1.5px solid var(--line);border-radius:18px;padding:18px;background:white}.dots{font-size:28px;letter-spacing:8px;color:var(--pink)}.modal{position:fixed;inset:0;background:rgba(23,23,23,.72);display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.box{background:var(--cream);border:2px solid var(--line);border-radius:26px;padding:28px;max-width:720px;width:100%;max-height:90vh;overflow:auto;box-shadow:10px 10px 0 var(--green)}button,.btn{padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--pink);font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--line)}.close{float:right;background:white;box-shadow:none}.stage{text-align:center;padding:35px 10px}.big{font-size:64px;font-weight:1000}.choices{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.choices button{background:white}.result{font-weight:800;margin-top:20px;min-height:30px}.levels{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.levels button{background:white;box-shadow:none}.levels button.active{background:var(--green)}.change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,430px);margin:22px auto}.change-cell{height:86px;border:1.5px solid var(--line);border-radius:14px;background:white;font-size:38px;display:grid;place-items:center;box-shadow:3px 3px 0 var(--line);cursor:pointer}.change-cell.blank{opacity:.08}.change-cell:disabled{cursor:default}.corsi-board{position:relative;width:min(100%,520px);aspect-ratio:1.18;margin:20px auto;border:1.5px solid var(--line);border-radius:24px;background:white}.corsi-block{position:absolute;width:17%;aspect-ratio:1;border:2px solid var(--line);border-radius:10px;background:var(--cream);box-shadow:3px 3px 0 var(--line);transition:.12s;cursor:pointer}.corsi-block.flash{background:var(--pink);transform:scale(1.08)}.corsi-block.userflash{background:var(--green);transform:scale(.96)}.corsi-block.disabled{pointer-events:none}.footer{padding:45px 5vw;background:var(--ink);color:white}@media(max-width:800px){.navlinks{display:none}.grid{grid-template-columns:1fr}h1{letter-spacing:-3px}}
/* v1.1 editorial refinements */
.quote-strip{border-block:1.5px solid var(--line);padding:24px 5vw;background:var(--ink);color:var(--cream)}
.quote-strip blockquote{margin:0 auto;max-width:1180px;font-family:Georgia,serif;font-size:clamp(21px,2.7vw,38px);line-height:1.18}
.quote-strip cite{font-family:Inter,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:900;letter-spacing:1.5px;margin-left:18px;white-space:nowrap;color:var(--green)}
.sontag-moment{padding:115px 7vw 125px;background:var(--cream);position:relative;overflow:hidden}
.sontag-moment:after{content:'_';position:absolute;right:4vw;bottom:-70px;font:900 230px/1 Inter,Arial,sans-serif;color:var(--green);opacity:.55;transform:rotate(7deg)}
.sontag-kicker{font-size:12px;font-weight:900;letter-spacing:1.8px;margin-bottom:28px}
.sontag-moment blockquote{max-width:1100px;margin:0;font-family:Georgia,serif;font-size:clamp(34px,5.2vw,76px);line-height:1.04;letter-spacing:-2.5px;position:relative;z-index:1}
.sontag-moment cite{display:block;margin-top:28px;font-style:normal;font-size:13px;font-weight:900;letter-spacing:1.6px;position:relative;z-index:1}
.marker-pink{position:relative;z-index:0;white-space:normal}
.marker-pink:after{content:'';position:absolute;left:-2%;right:-2%;height:.28em;bottom:.02em;background:var(--pink);z-index:-1;transform:rotate(-1.2deg);border-radius:45%}
.word-pink{color:var(--pink);font-family:Inter,Arial,sans-serif;font-weight:1000}
.word-green{background:var(--green);padding:0 .08em;font-family:Inter,Arial,sans-serif;font-weight:1000}
.anti .chips{display:none}
@media(max-width:850px){.quote-strip cite{display:block;margin:12px 0 0}.sontag-moment{padding:80px 5vw 95px}.sontag-moment blockquote{letter-spacing:-1.5px}}
/* v1.2 production polish */
.quote-strip{overflow:hidden;padding:22px 0}.quote-track{display:flex;width:max-content;white-space:nowrap;animation:weilMarquee 32s linear infinite}.quote-track:hover{animation-play-state:paused}.quote-track>span{display:inline-block;padding-right:9vw;font-family:Georgia,serif;font-size:clamp(21px,2.7vw,38px);line-height:1.18}.quote-track cite{font-family:Inter,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:900;letter-spacing:1.5px;margin-left:18px;color:var(--green)}@keyframes weilMarquee{to{transform:translateX(-50%)}}
.sontag-moment:after{content:none!important}.sontag-moment blockquote{line-height:1.11}.sontag-moment .marker-pink:after,.sontag-moment .word-pink,.sontag-moment .word-green{transition:opacity .45s ease,transform .45s ease}.sontag-moment:not(.seen) .marker-pink:after{opacity:0;transform:scaleX(.2) rotate(-1.2deg);transform-origin:left}.sontag-moment:not(.seen) .word-pink,.sontag-moment:not(.seen) .word-green{opacity:.38}.sontag-moment.seen .word-pink{transition-delay:.18s}.sontag-moment.seen .word-green{transition-delay:.36s}.sontag-moment.seen strong:last-of-type{transition-delay:.54s}
.contact-section{background:var(--pink);border-top:1.5px solid var(--line)}.contact-form-wrap{max-width:760px;margin-top:34px}.contact-form{display:grid;gap:16px;background:var(--cream);border:1.5px solid var(--line);border-radius:22px;padding:24px;box-shadow:7px 7px 0 var(--line)}.contact-form label{display:grid;gap:7px;font-weight:900}.contact-form input,.contact-form textarea{width:100%;font:inherit;padding:13px;border:1.5px solid var(--line);border-radius:11px;background:white}.contact-success{font-size:24px;font-weight:1000;margin:0 0 16px}.contact-form-wrap[hidden]{display:none}
.mobile-menu-open{display:none;background:var(--green);border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:1000;box-shadow:none}.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:var(--cream);padding:28px 6vw}.mobile-menu.open{display:block}.mobile-menu-close{position:absolute;right:6vw;top:20px;width:46px;height:46px;border:1.5px solid var(--line);border-radius:50%;background:white;font-size:28px;box-shadow:none}.mobile-menu nav{display:flex;flex-direction:column;gap:12px;padding-top:80px}.mobile-menu nav a{font-size:clamp(38px,12vw,68px);font-weight:1000;letter-spacing:-2.5px;line-height:1}.mobile-menu nav a:nth-child(2){color:var(--pink)}.mobile-menu nav a:nth-child(3){text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:.18em}.mobile-socials{position:absolute;left:6vw;bottom:28px;font-size:13px;font-weight:900;display:flex;gap:16px;flex-wrap:wrap}.menu-open{overflow:hidden}
.lab-hero{position:relative;min-height:72vh;padding:75px 5vw 55px;overflow:hidden;border-bottom:1.5px solid var(--line)}.lab-label{display:inline-block;font-size:13px;font-weight:1000;letter-spacing:1.6px}.lab-hero h1{position:relative;z-index:2;max-width:1100px;margin:28px 0 0;font-size:clamp(62px,10vw,142px);line-height:.82;letter-spacing:-7px}.lab-check{color:var(--pink);position:relative}.lab-check:after{content:'';position:absolute;height:.13em;left:-1%;right:-1%;bottom:.02em;background:var(--pink);transform:rotate(-1deg);opacity:.45}.lab-brainword{position:relative;z-index:0;white-space:nowrap}.lab-brainword:before{content:'';position:absolute;z-index:-1;left:-.06em;right:-.08em;top:.08em;bottom:-.02em;background:var(--green);transform:rotate(1.5deg);border-radius:45% 55% 50% 44%}.lab-chaos span{position:absolute;font-weight:1000;z-index:1}.lc-arrow{right:9%;top:15%;font-size:88px;color:var(--green);transform:rotate(-12deg)}.lc-right{right:4%;top:42%;font-size:22px;color:var(--pink);transform:rotate(7deg)}.lc-pink{right:18%;bottom:14%;font-size:25px;color:var(--green);transform:rotate(-6deg)}.lc-num{left:57%;top:14%;font:900 18px Georgia;letter-spacing:8px}.lc-block{right:37%;bottom:9%;font-size:54px;color:var(--pink)}.lc-plus{right:2%;bottom:3%;font-size:72px}.lab-chaos .lc-arrow,.lab-chaos .lc-block{transition:transform .18s}.lab-chaos .lc-arrow:hover{transform:rotate(8deg) translateX(-8px)}.lab-chaos .lc-block:hover{transform:scale(1.15)}
.switch-legend{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:white}.switch-legend span{padding:6px 10px;background:var(--cream);border-radius:8px}.switch-legend.compact{font-size:12px;opacity:.72}.switch-rule{font-size:clamp(28px,5vw,52px);font-weight:1000;margin:8px 0 20px}.pink-rule{color:var(--pink)}.green-rule{color:#5b8d14}.switch-stim{height:150px;display:grid;place-items:center}.stim-shape{display:block;width:105px;height:105px;border:2px solid var(--line);box-shadow:5px 5px 0 var(--line)}.stim-shape.circle{border-radius:50%}.stim-shape.square{border-radius:10px}.stim-shape.pink{background:var(--pink)}.stim-shape.green{background:var(--green)}
.lottery-dots{font-size:42px;letter-spacing:12px;animation:lotteryPulse .4s steps(2) infinite}@keyframes lotteryPulse{50%{transform:translateX(8px)}}
@media(max-width:850px){.mobile-menu-open{display:block}.navlinks{display:none}.lab-hero{min-height:64vh;padding-top:55px}.lab-hero h1{letter-spacing:-4px}.lab-chaos{opacity:.7}.lc-arrow{right:4%;top:8%;font-size:56px}.lc-num{display:none}.lc-pink{right:7%;bottom:7%;font-size:16px}.lc-block{right:28%;bottom:4%;font-size:38px}.lc-plus{display:none}.quote-track>span{padding-right:16vw}.sontag-moment blockquote{line-height:1.16}.contact-form{padding:18px}.footer{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor,.quote-track,.lottery-dots{animation:none!important}.quote-track>span[aria-hidden="true"]{display:none}.sontag-moment *{transition:none!important}}

/* v1.3 surgical update: protected interactions + editable About illustration */
.about-home{background:white;border-top:1.5px solid var(--line)}
.about-home-grid{align-items:center}
.about-home-copy .sectiontitle{margin-bottom:24px}
.about-home-text{font-size:21px;line-height:1.55;max-width:700px}
.about-home-text p{margin:0 0 1em}
.about-portrait{background:var(--green);border:2px solid var(--line);border-radius:26px;min-height:390px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:10px 10px 0 var(--line);padding:12px 10px 0}
.about-portrait img{display:block;width:min(100%,760px);height:auto;max-height:500px;object-fit:contain;object-position:center bottom}
.contact-write{padding:17px 24px;font-size:17px}
@media(max-width:850px){.about-home-grid{grid-template-columns:1fr}.about-portrait{min-height:300px;margin-top:12px}.about-portrait img{max-height:420px}.contact-write{padding:16px 22px;font-size:16px}}

/* v1.5: wyłącznie zatwierdzona fraza przy marce. Bez redesignu nagłówka. */
.brand-lockup{display:flex;align-items:center;gap:18px;min-width:0}
.nav-slogan{font-family:Georgia,serif;font-style:italic;font-size:16px;white-space:nowrap;transform:rotate(-2deg)}
@media(max-width:1100px){.nav-slogan{display:none}}

/* v1.6: approved surgical fixes only */
.about-portrait{background:var(--cream);padding:0}
.about-portrait img{width:100%;max-height:520px;object-fit:cover;object-position:center}
@media(max-width:850px){.about-portrait img{max-height:440px;object-fit:cover}}

/* The home lottery and Laboratory use separate modal components. */
.random-modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--cream);border:2px solid var(--line);border-radius:28px;padding:28px;box-shadow:12px 12px 0 var(--pink);position:relative}