:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1c292c;background:#f4f3ed}*{box-sizing:border-box}body{margin:0}.app{max-width:1460px;margin:auto;padding:0 34px}.top{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcded6}.wordmark{font-weight:850;letter-spacing:-.07em;font-size:28px}.wordmark span{font-size:12px;letter-spacing:.14em;font-weight:500;margin-left:10px}.product{font-size:13px;letter-spacing:.12em;font-weight:700}.product span{display:block;font-size:11px;color:#6c7a7c;letter-spacing:0;font-weight:400;text-align:right}.hero{padding:60px 0 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#497f79}.hero h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;margin:12px 0 10px;line-height:1.05}.hero>p:not(.eyebrow){max-width:780px;line-height:1.65;color:#5d6969;font-size:17px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.tabs button{border:1px solid #d6dcd6;background:transparent;border-radius:100px;padding:13px 19px;font:inherit;cursor:pointer}.tabs button[aria-selected=true]{background:#173c3c;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(320px,.9fr);gap:22px;align-items:start}.wheel-panel,.detail,.alt,.selection,.scientific{background:#fff;border-radius:22px;padding:27px;border:1px solid #e7e9e4;box-shadow:0 8px 30px #263e3410}.wheel-top{display:flex;gap:14px;align-items:start;justify-content:space-between}.wheel-top h2,.detail h2{font-size:23px;margin:0 0 7px;letter-spacing:-.035em}.wheel-top p,.list-head,.detail p,.selection p,.scientific p{color:#607070;line-height:1.6}.wheel-top p{font-size:13px;margin:0}.search input{width:190px;max-width:100%;border:1px solid #d8dfdb;padding:11px;border-radius:12px;background:#f8faf8}.wheel-top .search{flex-shrink:0}#wheel{max-width:700px;margin:20px auto 8px;aspect-ratio:1}#wheel svg{width:100%;height:100%;overflow:visible}.sector{stroke:white;stroke-width:2;cursor:pointer;transition:opacity .15s}.sector:hover,.sector.active{stroke:#192e2c;stroke-width:3}.sector.dimmed{opacity:.18}.wheel-label{font-size:9px;pointer-events:none;font-weight:700;fill:#21332f}.hub-title{font-size:24px;font-weight:800;fill:#1c3c3a;letter-spacing:-.05em}.hub-sub{font-size:12px;fill:#55706c}.legend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.legend span{font-size:12px;color:#576761;display:inline-flex;align-items:center;gap:5px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.list-head{display:flex;justify-content:space-between;align-items:center}.list-head h3{font-size:16px;color:#233b35}.list-head span{font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:7px;max-height:178px;overflow:auto}.chips button,.options button{padding:9px 12px;background:#f6f7f4;border:1px solid #e1e6e1;border-radius:30px;color:#35463f;cursor:pointer}.chips button:hover,.chips button.active,.options button.active{background:#1c4946;color:#fff}.detail{min-height:650px;position:sticky;top:15px}.empty{padding:155px 10px;text-align:center}.empty span{font-size:48px;color:#91aaa5}.detail .category{font-size:12px;letter-spacing:.07em;font-weight:700}.detail h2{font-size:42px;margin:8px 0}.detail .lead{font-size:17px;color:#334b48;line-height:1.55}.data-item{padding:14px 0;border-top:1px solid #e9ede9}.data-item strong{display:block;font-size:12px;letter-spacing:.07em;color:#60716b;text-transform:uppercase;margin-bottom:5px}.data-item span{line-height:1.55}.cta,.secondary{padding:12px 16px;border-radius:10px;cursor:pointer;font:inherit;border:1px solid #234844;background:#234844;color:white;font-weight:700}.secondary{background:#fff;color:#234844}.addrow{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.smallprint{font-size:12px!important;color:#87918f!important}.alt{padding:35px;min-height:420px}.alt-intro{max-width:720px}.alt-intro h2{font-size:32px}.alt-intro p{line-height:1.6;color:#5d6e6b}.question{margin:25px 0}.options{display:flex;gap:10px;flex-wrap:wrap}.suggestions{margin:28px 0}.suggestions button{margin:5px}.scenario{margin-top:25px}.scenario-card{background:#f5f7f4;border-radius:16px;padding:26px;margin-bottom:20px}.scenario-card h3{font-size:24px}.scenario-card button{display:block;padding:12px 16px;margin:10px 0;border:1px solid #cbd9d4;background:white;border-radius:12px;text-align:left;cursor:pointer;width:100%;font:inherit}.scenario-card button.active{border-color:#245c54;background:#eaf3f0}.explain{padding:15px;background:#e4eeea;border-radius:12px;line-height:1.55}.selection,.scientific{margin-top:22px}.selection h2,.scientific h2{font-size:22px}.selection h2 span{font-size:12px;font-weight:500;color:#798884;margin-left:9px}.selected{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.selected .pill{border:1px solid #d7e5df;border-radius:25px;padding:8px 11px;background:#f1f7f5}.selected .pill button{border:0;background:transparent;cursor:pointer;margin-left:6px;color:#80554a}.scientific{margin-bottom:25px}.scientific details{margin-top:15px}.scientific summary{cursor:pointer;font-weight:700}.scientific li{margin:12px 0;line-height:1.55}a{color:#1d605b}footer{padding:22px 0 45px;color:#7d8984;font-size:12px}.hide{display:none}.sr-only{position:absolute;left:-99999px}button:focus-visible,input:focus-visible,summary:focus-visible,.sector:focus-visible{outline:3px solid #156b61;outline-offset:3px}@media(max-width:980px){.workspace{grid-template-columns:1fr}.detail{min-height:400px;position:static}.empty{padding:55px 8px}}@media(max-width:560px){.app{padding:0 14px}.top{height:70px}.product span{display:none}.hero{padding-top:32px}.wheel-panel,.detail,.alt,.selection,.scientific{padding:17px}.wheel-top{flex-wrap:wrap}.search,.search input{width:100%}#wheel{margin:10px auto}.wheel-label{font-size:8px}}

.learnnav{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.learnnav button{cursor:pointer;font:inherit;font-weight:650;border-radius:12px;padding:13px 15px;background:#f1f5f2;border:1px solid #c9d9d1;color:#25453e}.learnnav button.active{background:#184a44;color:#fff}.knowledgegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin:24px 0}.knowledgecard{padding:20px;border:1px solid #e0e7e1;border-radius:15px;background:#fafbf8}.knowledgecard h4{font-size:19px;margin:0 0 9px}.knowledgecard p{font-size:14px;line-height:1.65}.knowledgecard a{font-size:13px}.caution{color:#5e5346}.lessonnote{border-top:1px solid #d6e1db;padding:20px 0;line-height:1.7}#lessonBody>h3{font-size:26px}#lessonBody>p{max-width:900px;line-height:1.7}
/* Official BRAINbow atlas bridge */
.styki-brain-module{margin:18px 0 28px;padding:20px;border:1px solid #d9dce0;border-radius:18px;background:#fff}.styki-brain-module h3{margin:0 0 8px}.styki-brain-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:24px;margin:18px 0}.styki-brain-figure{position:relative;max-width:100%;background:#f6f7f8;border-radius:12px;overflow:hidden}.styki-brain-figure img{width:100%;display:block}.styki-brain-figure svg{position:absolute;inset:0;width:100%;height:100%}.styki-brain-figure path{cursor:pointer;pointer-events:all}.styki-brain-figure path:hover{fill:#1e88e52c;stroke:#252b36;stroke-width:2}.styki-brain-list{display:grid;gap:6px;max-height:315px;overflow:auto}.bb-region{text-align:left;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ddd;border-radius:9px;background:#fff;cursor:pointer;color:#243149}.bb-region:hover,.bb-region[aria-pressed="true"]{outline:2px solid #4b6476}.bb-dot{flex:none;width:14px;height:14px;background:var(--bbcolor);border-radius:50%}.styki-brain-note{padding:14px 16px;border-radius:10px;background:#f4f6f7;min-height:94px;margin-bottom:12px}.styki-brain-note p{margin:7px 0}.styki-brain-hint{font-size:.85rem;color:#556170}@media(max-width:800px){.styki-brain-layout{grid-template-columns:1fr}}

/* v0.5: overlay is anchored exactly to the original 1056 x 501 raster */
.bb-overlay path{transition:fill-opacity .14s,stroke-width .14s;cursor:pointer;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bb-overlay path:focus-visible{outline:none;stroke:#111;stroke-width:4px}
.bb-neuro-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bb-neuro-actions button,.bb-process-controls button{border:1px solid #aab4be;background:#fff;color:#172a3a;border-radius:9px;padding:8px 12px;cursor:pointer}.bb-neuro-actions button:disabled,.bb-process-controls button:disabled{opacity:.4;cursor:not-allowed}.bb-region[aria-pressed="true"]{background:#f1f5f9;border-color:#3b556a}.bb-region[aria-pressed="true"] .bb-dot{box-shadow:0 0 0 2px white,0 0 0 4px currentColor}.bb-legend{font-size:.87rem;color:#34485a}.bb-process{border:1px solid #d3dce4;border-radius:16px;padding:18px;margin:24px 0;background:#f7f9fb}.bb-process h3{margin-top:0}.bb-process-controls{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.bb-step-meter{height:7px;border-radius:4px;background:#dce4ec;overflow:hidden}.bb-step-meter span{display:block;height:100%;background:#325875;transition:width .25s}.bb-step-grid{display:flex;gap:7px;margin:14px 0;flex-wrap:wrap}.bb-step-grid button{background:white;border:1px solid #b8c6d2;border-radius:12px;padding:9px 11px;color:#24384b;cursor:pointer}.bb-step-grid button[aria-current="step"]{background:#204860;color:white}.bb-detail-note{background:#f7fafb;border-left:3px solid #7896ad;padding:10px 14px;margin:10px 0}.bb-figure-caption{color:#42566b;font-size:.85rem;margin:8px 0}.bb-inline-src{font-size:.87rem}.bb-process [role="status"]{min-height:160px}@media(prefers-reduced-motion:reduce){.bb-overlay path,.bb-step-meter span{transition:none}}

/* v0.6: atlas raster and overlays share the SAME SVG coordinate system. */
.styki-brain-figure {width:100%; min-width:0; aspect-ratio:1056 / 501; position:relative; overflow:hidden;}
.styki-brain-figure > svg.bb-overlay {position:relative!important; display:block; width:100%!important; height:auto!important; aspect-ratio:1056 / 501; inset:auto!important; overflow:hidden;}
.styki-brain-figure > svg.bb-overlay image {pointer-events:none;}
.styki-brain-figure .bb-overlay path {vector-effect:non-scaling-stroke;}


/* v0.7 – centrum koła i bardziej rysunkowa sekcja wiedzy */
.basic-hint{max-width:700px;margin:0 auto 14px;padding:14px 16px;border-radius:16px;background:#f7f8f3;border:1px solid #e3e8df;color:#314340;min-height:88px}
.basic-hint strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5a6d67;margin-bottom:5px}
.basic-hint p{margin:0;line-height:1.55;color:#3d4d49}
.basic-core{cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.basic-core:hover .core-circle,.basic-core.active .core-circle{stroke:#173c3c;stroke-width:3}
.basic-core:hover{transform:scale(1.01)}
.core-label{font-size:10px;font-weight:800;fill:#21332f;pointer-events:none}
.core-circle{stroke:rgba(20,42,39,.15);stroke-width:1.2}
.detail .sourcebox{margin-top:14px;padding-top:14px;border-top:1px solid #e9ede9;font-size:12px;color:#6d7a77}
.bb-overlay path:focus,.bb-overlay path:focus-visible{outline:none!important}

.bb-story{border:1px solid #d8e0e7;border-radius:18px;background:linear-gradient(180deg,#fbfcfd 0%,#f5f8fb 100%);padding:20px;margin-bottom:20px}
.bb-story h3{margin:0 0 8px}
.bb-story p{margin:8px 0;color:#405467;line-height:1.65}
.bb-story-flow{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin-top:16px}
.bb-story-step{background:#fff;border:1px solid #d7e0e8;border-radius:18px;padding:16px;min-height:128px;position:relative}
.bb-story-step .num{position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;color:#7690a8;letter-spacing:.08em}
.bb-story-step h4{margin:0 0 8px;font-size:15px;color:#173247}
.bb-story-step p{margin:0;font-size:14px;line-height:1.55;color:#455a6b}
.bb-emotion-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bb-emotion-links button{border:1px solid #c5d0db;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:#21384b}
.bb-emotion-links button.active,.bb-emotion-links button:hover{background:#244864;color:#fff;border-color:#244864}
.bb-canvas-note{margin-top:10px;font-size:13px;color:#5a6d7f}
.bb-atlas-wrap{margin-top:18px}
.bb-atlas-intro{margin-bottom:12px}
.bb-atlas-intro p{margin:6px 0;color:#42576a}
.bb-region[aria-pressed="true"]{background:#eef3f8;border-color:#7891a8}
.bb-figure-caption{font-size:.82rem}
@media (max-width:900px){.bb-story-flow{grid-template-columns:1fr 1fr}.bb-story-step{min-height:auto}}
@media (max-width:640px){.bb-story-flow{grid-template-columns:1fr}}


/* v0.8 – wewnętrzne sektory emocji podstawowych + maski atlasu */
.basic-core .core-wedge{stroke:rgba(29,42,39,.14);stroke-width:1.2;transition:opacity .14s ease, stroke .14s ease, stroke-width .14s ease}
.basic-core:hover .core-wedge,.basic-core.active .core-wedge{stroke:#173c3c;stroke-width:2.4}
.basic-core:hover .core-label,.basic-core.active .core-label{fill:#122e2b}
.core-label{font-size:9px;font-weight:800;fill:#21332f;pointer-events:none}
.styki-brain-figure .brain{position:relative;isolation:isolate;width:100%}
.styki-brain-figure .brain > img:first-child{position:relative;display:block;width:100%;height:auto;z-index:0}
.region-fills{position:absolute;inset:0;z-index:1;pointer-events:none}
.region-fill{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .15s}
.region-fill.mask-selected{opacity:.50}
.bb-hit-layer{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible}
.bb-hit-layer .atlas-hotspot{fill:transparent;stroke:none;cursor:pointer}
.bb-hit-layer .atlas-hotspot:focus,.bb-hit-layer .atlas-hotspot:focus-visible{outline:none}

/* 0.9 – typografia edytorska i atlas na oryginalnych maskach */
:root{--wine:#731D3B;--cream:#faf7f2;--ink:#202e38}
body{background:radial-gradient(circle at 100% 0%,#f3e3e8 0,transparent 38%),#f6f5f1;color:var(--ink)}
.app{max-width:1510px}
.top{border-bottom:1px solid #e3dbdc}.wordmark{font-size:31px;letter-spacing:-.075em;color:#711b3d}.wordmark span{color:#566b70;letter-spacing:.11em}
.hero{padding-top:48px;position:relative}.hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.05em;color:#292734}
.hero .eyebrow{color:#8a2b50}
.tabs button[aria-selected=true]{background:#751f43;border-color:#751f43}
.tabs button:hover,.learnnav button:hover{border-color:#934f6d}
.wheel-panel,.detail,.alt,.selection,.scientific{box-shadow:0 18px 55px rgba(71,45,59,.06);border-color:#e9e1df}
.wheel-panel{background:linear-gradient(170deg,#fff,#fffdfb)}
.detail{border-top:5px solid #9d5068}
.detail h2{font-family:Georgia,serif}
.bb-story{background:linear-gradient(115deg,#fcf4f6,#f6f9fa);border-color:#eadce1;padding:28px}
.bb-story h3{font-family:Georgia,serif;font-size:32px;max-width:680px;color:#57243b}
.bb-story-flow{gap:12px}
.bb-story-step{border-color:#ead7de;border-top:4px solid #8d3e62;box-shadow:0 8px 20px #49223808;min-height:170px;background:#fffdfd}
.bb-story-step:nth-child(2){border-top-color:#bf735a}.bb-story-step:nth-child(3){border-top-color:#4b8983}.bb-story-step:nth-child(4){border-top-color:#7e85a8}.bb-story-step:nth-child(5){border-top-color:#d6a457}
.bb-atlas-wrap{background:#fff;border:1px solid #e8e1e5;border-radius:22px;padding:24px;box-shadow:0 15px 40px #4922380b}
.bb-atlas-intro h3,.bb-process h3{font:700 27px Georgia,serif;color:#502d3d}
.bb-pixel-hit{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;z-index:4}
.bb-brain-pins{position:absolute;inset:0;pointer-events:none;z-index:5}
.bb-pin{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:23px;height:23px;border:1.6px solid #334657;background:#ffffffce;color:#29384b;font-size:10px;line-height:1;display:grid;place-items:center;pointer-events:auto;cursor:pointer;font-weight:800;box-shadow:0 1px 5px #0002}
.bb-pin:hover,.bb-pin:focus-visible{background:#742249;color:#fff;outline:2px solid #e9bbc9;outline-offset:2px}
.styki-brain-figure{aspect-ratio:1056/501;height:auto;overflow:visible}
.styki-brain-figure .brain{width:100%;height:auto;aspect-ratio:1056/501;margin:0}
.styki-brain-figure .brain>img:first-child{width:100%;height:auto;display:block}
.styki-brain-list{max-height:405px;overflow-y:auto}
.bb-process{background:linear-gradient(145deg,#fff,#f9f2f4);border-color:#e7d9dd}
.bb-step-grid button[aria-current=step]{background:#722542;border-color:#722542}
.bb-step-meter span{background:#722542}
.bb-emotion-links button.active,.bb-emotion-links button:hover{background:#722542;border-color:#722542}
@media(max-width:980px){.bb-story-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.bb-story-flow{grid-template-columns:1fr}.bb-atlas-wrap{padding:12px}.bb-pin{width:20px;height:20px;font-size:9px}}


/* 1.0 poprawki po uwagach użytkowniczki */
.sector,.family-sector,.basic-core{outline:none}
.sector:focus,.sector:focus-visible,.family-sector:focus,.family-sector:focus-visible,.basic-core:focus,.basic-core:focus-visible{outline:none!important}
.family-sector{stroke:#ffffff;stroke-width:2;cursor:pointer;transition:opacity .15s ease, transform .15s ease}
.family-sector:hover,.family-sector.active{opacity:1;stroke:#ffffff;stroke-width:2}
.family-label{font-size:11px;font-weight:800;fill:#24332f;pointer-events:none}
.sector:hover,.sector.active{stroke:#ffffff;stroke-width:2}
.basic-core .core-wedge{stroke:#ffffff;stroke-width:2}
.basic-core:hover .core-wedge,.basic-core.active .core-wedge{stroke:#ffffff;stroke-width:2}
.basic-core:hover .core-label,.basic-core.active .core-label{fill:#122e2b}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #8ea7a3;outline-offset:2px}
.sourcebox{margin-top:14px;padding-top:14px;border-top:1px solid #e8ebe6;font-size:13px;line-height:1.6;color:#51605d}
#wheel{max-width:760px}
.wheel-label{font-size:8px}
.bb-region{border:1px solid #d6dce2;border-radius:18px;padding:12px 14px;background:#f9fbfc;box-shadow:none;color:#26384a}
.bb-region:hover{background:#f3f7fa;border-color:#cbd5dd;outline:none}
.bb-region[aria-pressed='true']{background:#eef3f6;border-color:#d1d9e0;outline:none;box-shadow:none}
.bb-region[aria-pressed='true'] .bb-dot{box-shadow:none}
.styki-brain-list{display:grid;gap:10px;max-height:none;overflow:visible;padding-bottom:8px}
.bb-dot{width:18px;height:18px;border:0;box-shadow:0 0 0 3px #2f4058, 0 0 0 6px #f6f8fb}
.bb-region span:last-child{font-size:17px;font-weight:700;line-height:1.25}
.region-fill{mix-blend-mode:normal;opacity:0;transition:opacity .16s ease}
.region-fill.mask-selected{opacity:.58}
.bb-brain-pins{position:absolute;inset:0;pointer-events:none}
.bb-pin{pointer-events:auto;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#2a4c64;color:#fff;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(14,30,37,.18)}
.bb-pin:hover,.bb-pin:focus-visible{background:#2a4c64;color:#fff;outline:none;box-shadow:0 4px 10px rgba(14,30,37,.18)}
.bb-atlas-intro,.bb-story,.bb-process{background:linear-gradient(180deg,#fff 0%,#fbfbf8 100%)}
.bb-story-step{border-radius:22px;background:#fff;border:1px solid #ebe6df}


/* 1.1 – wycofanie ostatniej zmiany koła + subtelniejsza sekcja neuro */
#lessonBody .styki-brain-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.88fr);gap:16px;align-items:start}
#lessonBody .styki-brain-note{padding:12px 14px;border-radius:12px;background:#f6f7f8;min-height:0;margin-bottom:10px;font-size:13px;color:#55636d}
#lessonBody .styki-brain-note h4{margin:0 0 6px;font-size:18px}
#lessonBody .styki-brain-note p{margin:6px 0;line-height:1.5}
#lessonBody .styki-brain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding-bottom:0}
#lessonBody .bb-region{padding:8px 10px;border:1px solid #d9dfe4;border-radius:12px;background:#fafbfc;color:#314250;min-height:50px;align-items:center;box-shadow:none}
#lessonBody .bb-region:hover{background:#f5f8fa;border-color:#d3d9df;outline:none;box-shadow:none}
#lessonBody .bb-region[aria-pressed='true']{background:#eef3f6;border-color:#cfd7de;outline:none;box-shadow:none}
#lessonBody .bb-dot{width:12px;height:12px;border-radius:50%;box-shadow:none;border:none;outline:none;flex:none}
#lessonBody .bb-region span:last-child{font-size:13px;font-weight:600;line-height:1.25;color:#51606c}
#lessonBody .bb-pin{width:20px;height:20px;border:none;background:#2f6e9d;color:#fff;font-size:10px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.14)}
#lessonBody .bb-pin:hover,#lessonBody .bb-pin:focus-visible{border:none;outline:none;box-shadow:0 1px 4px rgba(0,0,0,.14);background:#2f6e9d}
#lessonBody .bb-figure-caption{font-size:12px;color:#667481;margin:6px 0 0}
#lessonBody .bb-legend{font-size:12px;color:#566775;margin-top:8px}
#lessonBody .bb-neuro-actions{margin:10px 0 10px}
#lessonBody .bb-neuro-actions button,#lessonBody .bb-process-controls button{padding:7px 10px;font-size:13px;border-radius:10px}
#lessonBody .bb-story h3,#lessonBody .bb-process h3{font-size:24px}
#lessonBody .bb-story p,#lessonBody .bb-process p,#lessonBody .bb-atlas-intro p{font-size:14px;line-height:1.6;color:#53636d}
#lessonBody .bb-story-step h4{font-size:14px}
#lessonBody .bb-story-step p{font-size:13px}
@media (max-width:980px){
  #lessonBody .styki-brain-layout{grid-template-columns:1fr}
  #lessonBody .styki-brain-list{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  #lessonBody .styki-brain-list{grid-template-columns:1fr}
}

/* v1.2: duży atlas na pełną szerokość, 22 pola w czterech rzędach (desktop). */
#lessonBody .styki-brain-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;align-items:stretch}
#lessonBody .styki-brain-layout>div:first-child{width:100%;min-width:0}
#lessonBody .styki-brain-layout>div:nth-child(2){display:contents}
#lessonBody .styki-brain-figure{width:100%;max-width:none;aspect-ratio:1056 / 501;overflow:hidden}
#lessonBody .styki-brain-figure .brain{width:100%;aspect-ratio:1056 / 501}
#lessonBody .styki-brain-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;order:2;margin-top:4px}
#lessonBody .styki-brain-note{order:3;margin-top:12px}
#lessonBody .bb-region{min-width:0;min-height:42px;padding:7px 8px;border-radius:9px;gap:7px}
#lessonBody .bb-region span:last-child{font-size:11.5px;font-weight:550;line-height:1.25;overflow-wrap:anywhere}
#lessonBody .bb-dot{width:9px;height:9px;box-shadow:none}
#lessonBody .bb-pin{border:0!important;outline:0!important;box-shadow:none!important}
@media(max-width:1050px){#lessonBody .styki-brain-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){#lessonBody .styki-brain-list{grid-template-columns:repeat(2,minmax(0,1fr))}#lessonBody .bb-region span:last-child{font-size:12px}}

/* 1.2.2 – jeden widok atlasu i wszystkich 22 struktur; opisy nie przesuwają listy */
#lessonBody .styki-brain-layout{display:grid;grid-template-columns:minmax(0,1fr);row-gap:8px;max-width:980px;margin:10px auto 0;align-items:start}
#lessonBody .styki-brain-layout>div:first-child,
#lessonBody .styki-brain-layout>div:nth-child(2){display:contents}
#lessonBody .styki-brain-figure{grid-row:1;order:1;width:100%;max-width:930px;justify-self:center;aspect-ratio:1056 / 501;margin:0}
#lessonBody .styki-brain-list{grid-row:2;order:2;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0;padding:0;max-height:none;overflow:visible}
#lessonBody .bb-region{min-height:35px;padding:5px 7px;gap:6px;border-color:#e5e8ea;background:#fbfcfd;border-radius:8px}
#lessonBody .bb-region span:last-child{font-size:10.5px;line-height:1.13;font-weight:500}
#lessonBody .bb-dot{width:8px;height:8px;flex-shrink:0}
#lessonBody .bb-figure-caption{grid-row:3;order:3;margin:3px 0 0;font-size:11px}
#lessonBody #bbSelectedNames{grid-row:4;order:4;margin:0;font-size:11px;min-height:17px}
#lessonBody #bbNote{grid-row:5;order:5;margin:0;min-height:0;padding:12px 14px;max-height:170px;overflow:auto;background:#f8f9fa;border:1px solid #e6e8eb;font-size:12px}
#lessonBody #bbNote h4{font-size:15px;margin:0 0 4px}
#lessonBody #bbNote p{font-size:12px;margin:4px 0;line-height:1.35}
#lessonBody #bbNote .bb-detail-note{padding:5px 9px;margin:4px 0}
#lessonBody .bb-atlas-wrap{padding:16px 20px}
#lessonBody .bb-atlas-intro h3{margin:0 0 5px;font-size:22px}
#lessonBody .bb-atlas-intro p{margin:0 0 5px;font-size:12px}
#lessonBody .bb-neuro-actions{margin:7px 0 9px}
@media (max-width:1050px){#lessonBody .styki-brain-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:680px){#lessonBody .styki-brain-list{grid-template-columns:repeat(2,minmax(0,1fr))}#lessonBody .bb-region span:last-child{font-size:11px}}

/* STYKI LAB – Scientific Editorial / visual redesign v1.3 */
:root{--styki-wine:#762845;--paper:#f7f5f0;--ink:#27343b;--muted:#67737b;--line:#e7e4de;--soft:#f5f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.app{max-width:1440px;padding:0 clamp(18px,4.2vw,68px)}
.top{height:80px;border-bottom:1px solid #e4dfd7}.wordmark{color:#2a3136;letter-spacing:-.055em}.wordmark span{color:#7a626c}.product{color:#50565b}.product span{color:#929797}
.hero{position:relative;padding:clamp(38px,5vw,76px) 0 30px}.hero .eyebrow,.alt .eyebrow{color:var(--styki-wine);letter-spacing:.22em}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.3vw,78px);font-weight:500;line-height:1.08;letter-spacing:-.05em;max-width:970px;margin:12px 0 14px}
.hero-stop{color:var(--styki-wine)}.hero>p:not(.eyebrow){max-width:690px;font-size:16px;line-height:1.75;color:#58646b}
.tabs{margin-top:29px;gap:6px;padding:5px;background:#ecebe5;border-radius:100px;width:max-content;max-width:100%}.tabs button{padding:10px 18px;border:0;background:transparent;color:#56616b;font-size:13px;font-weight:620;transition:background .2s}.tabs button[aria-selected=true]{background:white;box-shadow:0 2px 8px #263e3414;color:var(--styki-wine)}
.workspace{grid-template-columns:minmax(0,1.2fr) minmax(340px,.88fr);gap:22px}
.wheel-panel,.detail,.alt,.selection,.scientific{border:1px solid var(--line);border-radius:24px;box-shadow:none;background:#fff}
.wheel-panel{padding:clamp(20px,3vw,38px)}.wheel-top h2{font:normal 31px/1.15 Georgia,serif;letter-spacing:-.03em}.wheel-top p{color:#7a8584;font-size:13px}
.search input{background:#f8f7f4;border:1px solid #ebe7e1;border-radius:100px;font-size:13px;width:185px}.search input:focus{border-color:#b7a1aa}
.wheel-stage{padding:12px 3px 0;display:grid;place-items:center}#wheel{width:100%;max-width:690px;margin:0 auto;aspect-ratio:1}#wheel svg{overflow:visible}.sector{stroke:white;stroke-width:2}.sector:hover,.sector.active{stroke:#fff;stroke-width:2;filter:brightness(1.035)}.basic-core .core-wedge{stroke:#fff!important;stroke-width:1.5!important}.basic-core:hover .core-wedge,.basic-core.active .core-wedge{stroke:#fff!important;stroke-width:1.5!important;filter:brightness(1.045)}.basic-core{transform:none!important}
#wheel svg [role=button]:focus:not(:focus-visible){outline:none!important}#wheel svg [role=button]:focus-visible{outline:2px solid #762845;outline-offset:2px}
.basic-hint{border:0;background:#f6f5f1;border-radius:13px;padding:13px 16px;max-width:none;min-height:65px}.basic-hint strong{color:#80586b}.basic-hint p{font-size:13px}
.legend{padding-top:6px}.legend span{font-size:11px;color:#84908b}.list-head{margin-top:22px;border-top:1px solid #efede7;padding-top:12px}.list-head h3{font-size:13px;font-weight:650;color:#52615c}.chips{max-height:unset;overflow:visible}.chips button{font-size:12px;padding:7px 11px;background:#faf9f6;border-color:#eae7e1;color:#56635f}.chips button.active,.chips button:hover{background:#762845;border-color:#762845}
.detail{padding:clamp(24px,3vw,38px);position:sticky;top:18px;min-height:620px}.detail h2{font:normal clamp(34px,3.2vw,54px)/1.1 Georgia,serif;letter-spacing:-.05em;color:#25313a;margin:10px 0 16px}.detail .category{letter-spacing:.16em;font-size:11px;text-transform:uppercase}.detail .lead{font-size:17px;line-height:1.7;color:#4a595c}.empty{padding:120px 14px}.empty span{color:#aa8795}.empty h2{font-size:30px!important}.empty p{font-size:14px}
.data-item{padding:17px 0;border-color:#eeece8}.data-item strong{color:#7b6870;font-size:10px;letter-spacing:.11em}.data-item span{font-size:14px;line-height:1.65;color:#48565a}.cta{border-color:var(--styki-wine);background:var(--styki-wine);border-radius:100px;font-size:13px}.secondary{border-radius:100px;color:var(--styki-wine);border-color:#dccbd0}
.alt{padding:clamp(24px,4vw,54px)}.alt-intro h2{font:normal clamp(32px,3vw,49px)/1.18 Georgia,serif;letter-spacing:-.04em}.alt-intro p{max-width:760px}
.learnnav{display:flex;gap:7px;border-bottom:1px solid #e6e1d9;padding-bottom:17px;margin:24px 0}.learnnav button{background:transparent;border:0;border-radius:100px;color:#6c7072;padding:12px 18px;font-size:13px}.learnnav button.active{background:var(--styki-wine);color:white}
.knowledgegrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.knowledgecard{background:#faf9f6;border-color:#ebe5dc;border-radius:20px;padding:25px}.knowledgecard h4{font:normal 23px/1.2 Georgia,serif;color:#263540}.knowledgecard p{color:#58656b}
#lessonBody>h3{font:normal 34px/1.2 Georgia,serif}#lessonBody>p{color:#59666b}
#lessonBody .bb-story,#lessonBody .bb-process{border:1px solid #e6e1d8;border-radius:24px;background:#faf9f6;padding:clamp(22px,3vw,38px)}
#lessonBody .bb-story h3,#lessonBody .bb-process h3{font:normal 32px/1.15 Georgia,serif;color:#2a3540}
#lessonBody .bb-story-flow{gap:8px}#lessonBody .bb-story-step{border:0;background:#fff;border-radius:16px;padding:18px}#lessonBody .bb-story-step h4{font-weight:650;color:#273945}
#lessonBody .bb-atlas-wrap{padding:clamp(16px,3vw,32px);border:1px solid #e6e1d8;border-radius:24px;background:white}
#lessonBody .bb-atlas-intro h3{font:normal 30px/1.2 Georgia,serif}#lessonBody .bb-atlas-intro p{color:#65727a}
#lessonBody .styki-brain-module{padding:0;border:0;background:transparent}
#lessonBody .styki-brain-layout{max-width:1040px;margin:4px auto 0;gap:8px}
#lessonBody .styki-brain-figure{max-width:860px;border-radius:16px;background:#fff}
#lessonBody .styki-brain-list{gap:5px;grid-template-columns:repeat(6,minmax(0,1fr))}
#lessonBody .bb-region{border:0;background:#f6f5f2;border-radius:9px;min-height:34px;box-shadow:none;padding:6px 8px;transition:background .15s}
#lessonBody .bb-region:hover{background:#ecece6;box-shadow:none;outline:none}#lessonBody .bb-region[aria-pressed=true]{background:#e9e5dd;border:0;outline:none;box-shadow:none}
#lessonBody .bb-region .bb-dot,#lessonBody .bb-region[aria-pressed=true] .bb-dot{width:8px;height:8px;box-shadow:none;border:0;outline:0}
#lessonBody .bb-region span:last-child{font-size:10.5px;font-weight:500;line-height:1.25;color:#5d686d}
#lessonBody #bbNote{background:#faf9f6;border-color:#edeae3;max-height:170px;border-radius:14px}
#lessonBody .bb-neuro-actions button,#lessonBody .bb-process-controls button{border:1px solid #ddd4d1;border-radius:100px;background:#fff;color:#734258;font-size:12px}
#lessonBody .bb-emotion-links button{border-radius:100px;border-color:#dbd0ca;font-size:12px}#lessonBody .bb-emotion-links button.active{background:var(--styki-wine);border-color:var(--styki-wine)}
#lessonBody .bb-process{margin-top:20px}#lessonBody .bb-step-grid button[aria-current=step]{background:var(--styki-wine);border-color:var(--styki-wine)}#lessonBody .bb-step-meter span{background:var(--styki-wine)}
.selection,.scientific{padding:30px}.selection h2,.scientific h2{font:normal 29px Georgia,serif}.scientific{margin-bottom:38px;background:#fbfaf8}.scientific summary{color:var(--styki-wine)}.scientific p{max-width:1050px}
@media(max-width:1020px){.workspace{grid-template-columns:1fr}.detail{position:static;min-height:260px}.tabs{width:100%;border-radius:22px}.tabs button{flex:1}#lessonBody .styki-brain-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.hero{padding-top:35px}.hero h1{font-size:44px}.tabs{display:grid;grid-template-columns:repeat(2,1fr)}.tabs button{border-radius:14px;padding:11px}.wheel-panel,.detail,.alt{padding:20px}.wheel-top{gap:12px}.wheel-top h2{font-size:26px}#lessonBody .styki-brain-list{grid-template-columns:repeat(2,minmax(0,1fr))}#lessonBody .bb-story-flow{grid-template-columns:1fr}#lessonBody .bb-region span:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

/* 1.4: dialogowe scenki ilustracyjne */
.dialogue-scenario{padding:26px;border:1px solid #e3e1db;background:#fff;border-radius:24px;overflow:hidden}
.dialogue-header h3{font-family:Georgia,serif;font-size:clamp(25px,3vw,36px);margin:5px 0 18px;font-weight:500;letter-spacing:-.03em}
.dialogue-stage{max-width:800px;margin:auto}.dialogue-art{display:block;width:100%;height:auto}
.dialogue-quote{max-width:790px;margin:0 auto;padding:18px 22px;background:#F8F6F2;border-radius:0 0 18px 18px}
.dialogue-quote p{margin:6px 0 0;font-size:16px;color:#2d3d42}
.dialogue-speaker{font-size:12px;font-weight:700;letter-spacing:.03em;color:#7E3B51}
.dialogue-question{font-weight:700;margin:22px 0 10px;color:#293a3c}
.dialogue-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dialogue-choices button{margin:0;min-height:80px;border-radius:14px;font-size:14px;line-height:1.5}
.dialogue-result{padding:18px 22px;margin-top:14px;min-height:78px;background:#F0F4EF;border-left:3px solid #547A65;border-radius:10px;color:#263f39}
.dialogue-result p{margin:5px 0 0;line-height:1.6}
@media(max-width:750px){.dialogue-choices{grid-template-columns:1fr}.dialogue-scenario{padding:14px}.dialogue-art{min-width:0}}

/* 1.5 – dydaktyczny, sekwencyjny symulator dialogu */
.story-app{max-width:1080px;margin:0 auto;background:#fff;border:1px solid #e8e4de;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(47,53,49,.05)}
.story-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:18px 26px;border-bottom:1px solid #e9e7e2;background:#faf9f6}
.story-progress span{font-size:12px;color:#7e837f;letter-spacing:.01em}.story-progress .current{color:#772445;font-weight:750}.story-progress .done{color:#3f8065}
.story-illustration{padding:20px 28px 0;background:#faf9f6}.story-illustration svg{display:block;width:100%;max-height:265px}
.story-main{padding:24px clamp(18px,4vw,48px) 32px}.story-kicker{font-size:11px;font-weight:750;letter-spacing:.12em;color:#87405b;margin:0 0 7px}.story-title{font:normal clamp(29px,3.2vw,40px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:4px 0 17px;color:#28363a}.story-lead{line-height:1.75;color:#52605d;max-width:740px}.story-note{font-size:13px;line-height:1.6;color:#61706b}.story-bubble{max-width:680px;border-radius:16px;padding:15px 19px;margin:13px 0;background:#f2f4f1;border-left:3px solid #92aa9d}.story-bubble.mine{background:#f4eaf0;border-color:#772445}.story-bubble.context{background:#f6f4ef;border-color:#c8c4b7}.story-speaker{font-size:11px;font-weight:750;color:#73445a}.story-bubble p{font-size:16px;margin:5px 0;line-height:1.55}.story-options{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}.story-btn,.practice-btn{font-family:inherit;cursor:pointer}.practice-btn{background:#fff;color:#30423f;border:1px solid #cfd9d1;border-radius:12px;text-align:left;padding:13px 17px;font-size:15px;line-height:1.55;transition:background .15s,border-color .15s,transform .15s}.practice-btn:hover{background:#f6f8f4;border-color:#80978b}.practice-btn:focus-visible{outline:3px solid #772445;outline-offset:3px}.practice-btn.primary{background:#772445;color:#fff;border-color:#772445;font-weight:700;text-align:center}.practice-btn.primary:hover{background:#641c37}.practice-btn.quiet{background:transparent;border-color:transparent;color:#596760}.practice-btn.small{padding:9px 12px;font-size:12px;margin-top:10px}.story-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;border-top:1px solid #ece9e4;padding-top:20px}.story-emotion{padding:22px 25px;background:#f8f8f4;border-left:5px solid var(--emotion-tone);border-radius:12px;max-width:760px}.story-emotion-label{font-size:11px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#68736e;display:block}.story-emotion strong{font-family:Georgia,serif;display:block;font-size:29px;font-weight:400;margin:8px 0;color:#263a37}.story-emotion p{line-height:1.7;margin-bottom:0}.story-quote{font-style:italic;font-size:18px;color:#5b6560}.story-minihead{font-size:17px;margin:25px 0 8px}.story-feedback{background:#f2f6f0;border-radius:16px;padding:18px 22px;margin-top:18px}.story-feedback h4{margin:0 0 8px}.story-feedback p{line-height:1.65}.story-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.story-compare-card{padding:17px;border:1px solid #e0e4de;border-top:5px solid var(--emotion-tone);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.story-compare-card.chosen{background:#f9f6f2}.story-compare-card h4{line-height:1.45;font-size:15px;margin:12px 0}.story-compare-card p{color:#53645c;font-size:13px;margin:auto 0 6px}.story-compare-kicker{font-size:10px;letter-spacing:.03em;color:#68746d}.story-questions{line-height:1.9;padding-left:24px}
@media(max-width:760px){.story-progress{grid-template-columns:repeat(2,1fr);padding:12px;gap:8px}.story-illustration{padding:10px 7px 0}.story-main{padding:22px 18px}.story-compare{grid-template-columns:1fr}.story-illustration svg{max-height:none}.story-nav .practice-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.practice-btn{transition:none}}

/* 1.6 – progression and branching dialogue */
.story-progress{grid-template-columns:repeat(5,minmax(0,1fr))}
.story-progress span{border-top:3px solid #dfdfd8;padding-top:9px;line-height:1.5}
.story-progress span.current{border-top-color:#772445}.story-progress span.done{border-top-color:#3f8065}
.story-alternatives{margin-top:22px;border:1px solid #e6e8e0;background:#fafbf8;border-radius:15px;padding:15px 18px}
.story-alternatives summary{cursor:pointer;font-weight:700;color:#344d43;line-height:1.5}
.story-alternatives summary:focus-visible{outline:3px solid #772445;outline-offset:4px}
.story-alternative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:17px}
.story-alternative-card{padding:14px;border-radius:12px;border:1px solid #e0e4dd;background:#fff}
.story-alternative-card.active{border-color:#772445;background:#faf4f6}
.story-alternative-card strong{font-size:12px;color:#772445}.story-alternative-card p{font-size:13px;line-height:1.6}
.story-possible-dialogue{color:#61726a;font-style:italic}
@media(max-width:760px){.story-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.story-progress span{font-size:9px;letter-spacing:-.02em}.story-alternative-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.practice-btn{transition:none!important}}

/* 1.7: rysunkowa rozmowa zmieniająca się wraz z decyzjami */
.story-illustration{padding:14px 22px 18px;background:#f8f6f1}
.story-illustration>svg{max-height:175px;border-radius:18px}
.comic-stage{background:#fffdf9;border:1px solid #e8e2da;border-radius:19px;padding:15px 17px;margin-top:10px}
.comic-caption{font-size:10px;font-weight:750;letter-spacing:.13em;color:#87405b;margin:0 0 14px}
.comic-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.comic-person-panel{min-width:0;display:flex;align-items:center;gap:16px;background:#f3f1ed;padding:12px 14px;border-radius:15px}
.comic-person-panel.other{background:#eaf0eb}
.comic-person{position:relative;width:65px;height:75px;flex:0 0 65px;overflow:hidden}
.comic-head{position:absolute;width:34px;height:37px;border-radius:46% 46% 48% 48%;left:16px;top:6px;background:#e8c2a5;border-top:12px solid #44464b;z-index:2}
.comic-body{position:absolute;width:64px;height:49px;left:1px;top:47px;border-radius:42px 42px 0 0;background:#829f94}
.otherperson .comic-head{background:#b87e62;border-top-color:#342c36}.otherperson .comic-body{background:#b190ac}
.comic-speech{min-width:0;background:white;padding:12px 14px;border-radius:13px 13px 13px 3px;font-size:14px;line-height:1.52;color:#394a46;overflow-wrap:anywhere;box-shadow:0 2px 9px #283a3110}
.comic-person-panel.other .comic-speech{border-radius:13px 13px 3px 13px}
.comic-feeling{margin-top:12px;border-left:4px solid var(--emotion-tone);padding:8px 13px;background:#f5f5f0;font-size:14px}.comic-feeling strong{color:#2e423b}
.comic-caveat{margin:12px 0 0;color:#69736c;font-size:12px;line-height:1.5}
.comic-mini-symbol{background:#f4f2ed;border-radius:12px;width:100%;height:48px;display:grid;place-items:center;font:26px Georgia,serif;color:var(--emotion-tone);margin-top:10px}
@media(max-width:790px){.comic-pair{grid-template-columns:1fr}.comic-person-panel{padding:9px 12px}.story-illustration{padding:10px}.story-illustration>svg{max-height:130px}.comic-stage{padding:12px}}
@media(prefers-reduced-motion:reduce){.comic-stage *{animation:none!important;transition:none!important}}

/* 1.8 – ilustracje postaci, gesty i mimika dopasowane do sceny */
.comic-person--illustrated{width:94px;height:130px;flex:0 0 94px;overflow:visible;display:grid;place-items:end center}
.comic-character{width:94px;height:130px;display:block;overflow:visible;filter:drop-shadow(0 4px 6px rgba(31,46,41,.07))}
.comic-person-panel{align-items:center;min-height:156px;gap:19px;transition:background-color .18s}
.comic-person-panel.other.is-silent{background:#f2f1ed}.comic-person-panel.other.is-silent .comic-speech{font-style:italic;color:#68726e}
.comic-speech{flex:1;position:relative;font-size:15px;line-height:1.6;min-height:68px;display:flex;align-items:center}
.comic-person-panel:not(.other) .comic-speech::before{content:'';position:absolute;left:-8px;top:24px;border-right:9px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
@media(max-width:790px){.comic-person--illustrated{width:72px;height:100px;flex-basis:72px}.comic-character{width:72px;height:100px}.comic-person-panel{min-height:120px;gap:13px}.comic-speech{font-size:14px}}
@media(prefers-reduced-motion:reduce){.comic-person-panel{transition:none}}

/* 1.9 – mapa procesu psychologicznego */
.psych-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.psych-process-item{background:#f7f5f0;border:1px solid #e9e5df;border-radius:13px;padding:14px 16px;min-width:0}
.psych-process-item:first-child{grid-column:1/-1;background:#edf3ef}
.psych-process-item.is-interpretation{border-color:#d3bbc7;background:#f7eff3}
.psych-process-label{font-size:10px;letter-spacing:.12em;font-weight:750;color:#772445}
.psych-process-item p{margin:7px 0 0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.psych-reflection{margin-top:17px;border-top:1px solid #e5dfd8;padding-top:8px}
.psych-reflection-question{border-bottom:1px solid #e8e2da;padding:7px 2px}
.psych-reflection-question summary{cursor:pointer;font-size:14px;font-weight:650;padding:7px 0;color:#354840}
.psych-reflection-question p{padding:4px 9px 9px;color:#53625a;font-size:14px;line-height:1.6}
.psych-reflection-question summary:focus-visible{outline:3px solid #772445;outline-offset:3px}
@media(max-width:650px){.psych-process{grid-template-columns:1fr}.psych-process-item:first-child{grid-column:auto}}

/* V2.0 – krótkie ćwiczenie utrwalające */
.transfer-question{border:1px solid #dedcd5;border-radius:18px;padding:20px;margin:18px 0;min-width:0;background:#fff}
.transfer-question legend{font-weight:650;padding:0 8px;color:#28333c;font-size:1.02rem}
.transfer-options{display:grid;gap:9px;margin-top:8px}
.transfer-option{display:block;text-align:left;width:100%;white-space:normal;border:1px solid #ddd8d1;background:#fbfaf7;color:#29353b;border-radius:12px;padding:12px 16px;cursor:pointer}
.transfer-option:hover{border-color:#772445;background:#faf0f4}
.transfer-option.chosen{border:2px solid #772445;background:#f8eef1}
.transfer-option:focus-visible{outline:3px solid #772445;outline-offset:3px}
.transfer-feedback{border-radius:10px;padding:12px 15px;margin-top:10px;line-height:1.5}
.transfer-feedback.correct{background:#e8f1e8;color:#214c35}
.transfer-feedback.retry{background:#fff4e6;color:#62431c}
@media(max-width:700px){.transfer-question{padding:13px}.transfer-option{padding:12px}}


/* v2.0.1: preserve canonical 2.0 wheel and BRAINbow, compact activity layouts */
.hero{padding:20px 0 13px}.hero h1{font-size:clamp(25px,3vw,40px);margin:5px 0}.hero>p:not(.eyebrow){font-size:13px;line-height:1.45;margin:6px 0}.tabs{margin-top:12px}.top{height:54px}.tabs button{padding:8px 13px}
.wheel-panel,.detail{padding:20px}.detail{min-height:unset}.emotion-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emotion-overview-grid>div{background:#f7f3eb;border-radius:13px;padding:12px}.emotion-overview-grid p{font-size:13px;line-height:1.4;margin:5px 0}.overview-sources{margin-top:12px;padding:12px;background:#f0ece8;border-radius:12px}.overview-sources p{font-size:12px;line-height:1.5;margin:5px 0}
.sector.hover-dim{opacity:.24;transition:opacity .15s}.sector:not(.hover-dim):hover{filter:brightness(1.12) drop-shadow(0 0 3px #1d353866);stroke-width:3px}#wheel .wheel-hub{cursor:pointer}.wheel-hub:hover{stroke:#762845;stroke-width:2px}
.alt:not(#learnView){padding:14px 17px;min-height:min(620px,calc(100vh - 175px));}.alt:not(#learnView) .alt-intro{max-width:100%;}.alt:not(#learnView) .alt-intro h2{font-size:clamp(22px,2.3vw,30px);margin:4px 0}.alt:not(#learnView) .alt-intro p{font-size:13px;line-height:1.4;margin:5px 0 8px}.original-control-hidden{display:none!important}
.experience-lab{display:grid;grid-template-columns:1.22fr .78fr;gap:15px;align-items:stretch;min-height:440px}.experience-visual{border-radius:23px;background:#f5f4ec;padding:13px;display:grid;grid-template-rows:auto 1fr auto;gap:9px}.experience-control{border-radius:23px;background:linear-gradient(160deg,#f7e9e2,#f2e9ef);padding:18px;display:flex;flex-direction:column;gap:8px}.exp-legend{font-size:10px;letter-spacing:.14em;font-weight:800;color:#783d54}.affect-plane{position:relative;min-height:325px;background:conic-gradient(from 90deg at 50% 50%,#d5e6ca 0 25%,#9fbcd0 25% 50%,#e7ad98 50% 75%,#e9c16d 75%);border-radius:18px;overflow:hidden}.affect-cross{position:absolute;background:#ffffff90;pointer-events:none}.affect-cross.x{height:2px;left:0;right:0;top:50%}.affect-cross.y{width:2px;top:0;bottom:0;left:50%}.affect-corner{position:absolute;font-size:11px;background:#ffffffb8;border-radius:8px;padding:4px 7px}.tl{top:12px;left:12px}.tr{top:12px;right:12px}.bl{bottom:12px;left:12px}.br{bottom:12px;right:12px}.affect-point{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;border:5px solid #7e294b;box-shadow:0 3px 15px #212c294d;transform:translate(-50%,-50%);transition:left .18s,top .18s}.exp-caption{font-size:12px;color:#586663;margin:0}.experience-control label{font-size:14px;font-weight:650}.experience-control input[type=range],.flow-slider-label input{width:100%;accent-color:#762845}.exp-scale{display:flex;justify-content:space-between;font-size:11px;color:#5e5c60}.exp-thermo-row{display:flex;align-items:center;gap:22px}.exp-thermo{height:115px;width:39px;background:#e8eef0;border:2px solid #fff;border-radius:22px;position:relative;overflow:hidden;flex:none}.exp-thermo-fill{position:absolute;bottom:0;left:0;right:0;transition:height .2s,background .2s}.exp-suggestions{margin-top:auto;background:#ffffffbd;border-radius:15px;padding:12px}.exp-suggestions button{font-size:12px;padding:7px 11px;margin:5px 5px 0 0}.exp-suggestions p{font-size:11px;color:#606569;margin:7px 0 0}
#practiceView .scenario{margin-top:5px}#practiceView .story-app{max-width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr);grid-template-rows:auto 1fr;max-height:calc(100vh - 220px);overflow:hidden}#practiceView .story-progress{grid-column:1/-1;padding:8px 15px}#practiceView .story-illustration{grid-column:1;grid-row:2;overflow:auto;background:#f5f1eb;padding:12px}#practiceView .story-main{grid-column:2;grid-row:2;padding:15px 18px;overflow:auto;background:#fff}#practiceView .story-illustration>svg{max-height:180px}#practiceView .story-main .story-title{font-size:clamp(19px,2vw,25px);margin:5px 0}#practiceView .story-bubble{padding:8px 11px;margin:7px 0}#practiceView .story-lead,#practiceView .story-note{font-size:12px;line-height:1.45}#practiceView .story-options{margin:9px 0;gap:6px}#practiceView .practice-btn{padding:8px 11px;font-size:12px}#practiceView .story-nav{margin-top:10px;padding-top:8px}#practiceView .comic-pair{grid-template-columns:1fr}#practiceView .comic-person-panel{min-height:110px}#practiceView .comic-person--illustrated{width:65px;height:92px;flex-basis:65px}#practiceView .comic-character{width:65px;height:92px}#practiceView .comic-speech{font-size:12px;min-height:54px}#practiceView .psych-process{grid-template-columns:1fr 1fr;gap:6px}#practiceView .psych-process-item{padding:7px 9px}#practiceView .psych-process-item p{font-size:11px;margin:3px 0}#practiceView .story-emotion{padding:10px}#practiceView .story-emotion strong{font-size:20px}
.science-flow{padding:18px 20px;border-radius:22px;background:linear-gradient(120deg,#f5e8e0,#dce7e2);margin:0 0 18px}.flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.flow-step{border:1px solid #d4c7c1;background:#ffffffad;padding:13px;border-radius:14px;cursor:pointer;text-align:left;font-weight:650}.flow-step span{font-size:20px;font-family:Georgia,serif;margin-right:8px;color:#9b546c}.flow-step.selected{background:#762845;color:white}.flow-step.selected span{color:#fff}.flow-detail{background:#fff;border-radius:12px;padding:14px;min-height:55px}.flow-slider-label{font-size:12px;display:block;margin-top:12px}.flow-slider-label input{display:block}
@media(max-width:900px){.experience-lab{grid-template-columns:1fr}#practiceView .story-app{max-height:none;grid-template-columns:1fr}#practiceView .story-illustration{grid-column:1;grid-row:2}#practiceView .story-main{grid-column:1;grid-row:3;overflow:visible}.flow-track{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.affect-point,.exp-thermo-fill{transition:none}}

/* 2.0.2: naukowe wyjaśnienie dwuwymiarowej mapy afektu – bez ingerencji w koło lub atlas */
#unknownView .affect-theory{margin-top:15px;padding:18px 21px;border:1px solid #e3d8cb;border-radius:22px;background:linear-gradient(120deg,#fffaf4,#f4eee8);color:#344049}
.affect-theory-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}
.affect-theory-heading h3{font:normal clamp(20px,2.2vw,29px)/1.2 Georgia,serif;margin:5px 0 10px;letter-spacing:-.025em}
.affect-theory-kicker{color:#762845;letter-spacing:.13em;font-weight:800;font-size:10px}
.affect-theory-tag{font-weight:750;color:#762845;background:#f5e5ea;padding:7px 12px;border-radius:999px;white-space:nowrap;font-size:11px}
.affect-theory>p{margin:0 0 14px;line-height:1.55;font-size:14px;max-width:1100px}
.affect-theory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.affect-theory-grid>div{display:grid;gap:5px;border:1px solid #e9ded5;border-radius:14px;padding:12px;background:#fffdf9}
.affect-theory-grid strong{font-size:13px;color:#762845}
.affect-theory-grid span{font-size:12px;line-height:1.5}
.affect-theory-sources{margin-top:13px;font-size:13px;line-height:1.55}
.affect-theory-sources summary{cursor:pointer;font-weight:750;color:#6a2a44}
.affect-theory-sources li{margin:5px 0}
@media(max-width:850px){.affect-theory-grid{grid-template-columns:1fr}}

/* 2.0.3 – widoczna podstawa naukowa ponad interakcją; nie zmienia Koła ani atlasu */
#unknownView .affect-theory{margin:10px 0 12px;padding:12px 17px;background:linear-gradient(115deg,#f8e9ed 0%,#fff8ed 65%,#f3f5ee 100%);border-left:5px solid #762845}
#unknownView .affect-theory-heading h3{font-size:21px;margin:2px 0 5px}
#unknownView .affect-theory>p{font-size:13px;line-height:1.42;margin:4px 0 9px;max-width:none}
#unknownView .affect-theory-method{font-size:12px;margin:5px 0}
#unknownView .affect-theory-method summary{color:#762845;font-weight:700;cursor:pointer}
#unknownView .affect-theory-grid{margin-top:9px}
#unknownView .affect-theory-sources{margin-top:6px;font-size:12px}
#unknownView .experience-lab{margin-top:8px}
@media(max-width:800px){#unknownView .affect-theory-heading{flex-wrap:wrap}#unknownView .affect-theory-tag{white-space:normal}}

/* 2.0.4 – widoczny cel i instrukcja ćwiczenia przed uzasadnieniem teoretycznym */
.affect-howto{margin:10px 0 16px;border:1px solid #e5dcd5;border-radius:22px;background:linear-gradient(115deg,#fffaf1,#f4f6f3);padding:17px 20px 14px;color:#27363b}
.affect-howto-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:16px;align-items:center}
.affect-howto-overline{font-size:10px;letter-spacing:.15em;font-weight:850;color:#7b2d4e}
.affect-howto h3{font:normal 25px/1.15 Georgia,serif;margin:4px 0 7px}
.affect-howto-top p{font-size:13px;line-height:1.55;color:#49565a;margin:0}
.affect-howto-example{border-left:3px solid #b77887;background:#fff;border-radius:10px;padding:11px 13px}
.affect-howto-example>span{color:#792a4b;font-weight:800;font-size:10px;letter-spacing:.10em}
.affect-howto-example p{font:italic 15px/1.4 Georgia,serif;color:#303c43;margin:5px 0}
.affect-howto-example small{color:#65716e;line-height:1.45;display:block;font-size:11px}
.affect-howto-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.affect-howto-steps>div{background:#fff;border:1px solid #e9e4dc;border-radius:12px;display:flex;gap:9px;padding:10px 11px;align-items:flex-start}
.affect-howto-steps b{background:#762845;color:#fff;border-radius:8px;font:700 11px/1.5 Inter,system-ui,sans-serif;padding:3px 6px;flex:none}
.affect-howto-steps span{display:grid;gap:3px}
.affect-howto-steps strong{font-size:12px}
.affect-howto-steps small{font-size:11px;line-height:1.45;color:#67716f}
.affect-howto-end{margin:10px 2px 0!important;font-size:12px;color:#4b6261;line-height:1.5}
@media(max-width:850px){.affect-howto-top{grid-template-columns:1fr}.affect-howto-steps{grid-template-columns:1fr}}

/* 2.0.7: więcej określeń bez przesłaniania mapy. */
.sa-results-list{display:flex;flex-wrap:wrap;gap:6px;max-height:142px;overflow:auto;align-content:flex-start;padding:3px 1px 5px;scrollbar-width:thin}
.sa-results-list button{white-space:normal;line-height:1.25}
.sa-results-list button.sa-affect-word{border-style:dashed;background:#fcf9f4;color:#546366}
.sa-inline-names{min-width:0}
@media(max-width:680px){.sa-results-list{max-height:185px}}

/* v2.0.9 – skok do każdego etapu suwakiem, zamiast wyłącznie liniowego przejścia. */
#practiceView .story-progress.story-progress--seek{display:flex;flex-direction:column;gap:7px;background:#fffdfa;padding:10px 18px 12px;min-width:0}
#practiceView .story-seek-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#74304e}
#practiceView .story-seek-head strong{font-size:12px;font-weight:750}
#practiceView .story-seek-current{color:#64736c;font-variant-numeric:tabular-nums}
#practiceView .story-seek-range{width:100%;height:9px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#772445 0%,#772445 var(--story-seek-fill),#e8dfdc var(--story-seek-fill),#e8dfdc 100%);border-radius:99px;cursor:pointer;margin:5px 0;outline-offset:6px}
#practiceView .story-seek-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;border-radius:50%;background:#772445;border:4px solid #fff;box-shadow:0 0 0 1px #772445,0 2px 8px #32122033}
#practiceView .story-seek-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#772445;border:4px solid #fff;box-shadow:0 0 0 1px #772445}
#practiceView .story-seek-range:focus-visible{outline:3px solid #a7647b}
#practiceView .story-seek-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#practiceView .story-seek-step{background:transparent;border:0;border-radius:8px;padding:5px 3px;line-height:1.3;text-align:center;font:inherit;font-size:11px;color:#6c7471;cursor:pointer;min-width:0}
#practiceView .story-seek-step:hover{background:#f4eaf0;color:#772445}
#practiceView .story-seek-step.current{color:#772445;font-weight:800;background:#f4eaf0}
#practiceView .story-seek-step:focus-visible{outline:2px solid #772445;outline-offset:2px}
@media(max-width:650px){#practiceView .story-seek-labels{grid-template-columns:repeat(3,1fr)}#practiceView .story-seek-step{font-size:11px}}

/* STYKI · 2.1.0 – wyłącznie podstrona Przećwicz sytuację */
#practiceView{background:linear-gradient(145deg,#fffdf9 0%,#faf6f0 100%);padding:clamp(16px,2.2vw,28px)}
#practiceView .alt-intro{max-width:none;margin:0 0 12px}
#practiceView .alt-intro h2{font-size:clamp(27px,3vw,42px);margin:5px 0 6px}
#practiceView .alt-intro p{font-size:13px;margin:0;max-width:970px}
#practiceView .story-app{border:none;box-shadow:0 14px 46px rgba(72,45,41,.07);border-radius:25px;grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);max-height:calc(100dvh - 225px);min-height:450px}
#practiceView .story-progress.story-progress--seek{padding:13px 20px 15px;gap:9px;background:#fff;border-bottom:1px solid #eee6dd}
#practiceView .story-seek-head strong{color:#712644;font-size:13px}
#practiceView .story-seek-current{color:#5f6c6e;font-size:12px}
#practiceView .story-seek-range{height:8px;margin:8px 0}
#practiceView .story-seek-step{padding:8px 2px;font-size:11px;border-radius:12px;transition:background .18s,color .18s}
#practiceView .story-seek-step.current{background:#f5eaf0;color:#772445}
#practiceView .story-illustration{padding:18px;background:radial-gradient(ellipse at 12% 12%,#f7e9e5 0%,transparent 38%),radial-gradient(ellipse at 92% 84%,#e9f0e9 0%,transparent 43%),#faf7f2;scrollbar-width:thin}
#practiceView .story-illustration>svg{max-height:190px;filter:drop-shadow(0 7px 18px rgba(71,69,64,.05))}
#practiceView .comic-stage{margin-top:12px;background:transparent;border:none;padding:0}
#practiceView .comic-caption{margin-bottom:9px;color:#772445;font-size:11px}
#practiceView .comic-pair{gap:12px}
#practiceView .comic-person-panel{border-radius:20px;min-height:132px;padding:14px;background:#eeeae5;align-items:center}
#practiceView .comic-person-panel.other{background:#e7ede7}
#practiceView .comic-person--illustrated{width:82px;height:115px;flex-basis:82px}
#practiceView .comic-character{width:82px;height:115px}
#practiceView .comic-speech{font-size:13px;line-height:1.45;min-height:75px;border-radius:16px;padding:13px;box-shadow:none}
#practiceView .comic-feeling{background:#fff;border-left:5px solid var(--emotion-tone);border-radius:12px;padding:12px 15px}
#practiceView .story-main{padding:22px 24px 16px;background:#fff;scrollbar-width:thin}
#practiceView .story-main .story-title{font:normal clamp(24px,2.15vw,34px)/1.17 Georgia,serif;letter-spacing:-.03em;margin:6px 0 12px}
#practiceView .story-kicker{font-size:11px;color:#8d405f}
#practiceView .story-bubble{border-left-width:4px;border-radius:15px;padding:12px 14px;margin:10px 0}
#practiceView .story-bubble p{font-size:14px;line-height:1.45}
#practiceView .story-lead,#practiceView .story-note{font-size:13px;line-height:1.55}
#practiceView .story-options{gap:9px;margin:12px 0}
#practiceView .practice-btn{padding:12px 14px;font-size:13px;border:1px solid #e7ded6;border-radius:14px;line-height:1.4;transition:transform .15s,background .15s,border-color .15s}
#practiceView .practice-btn:hover{transform:translateY(-1px);background:#faf4f6;border-color:#ae7a8d}
#practiceView .practice-btn.primary{border-color:#772445;background:#772445;border-radius:99px;color:#fff}
#practiceView .practice-btn.primary:hover{background:#65203b}
#practiceView .story-feedback{background:#eef3ed;border-radius:16px;padding:13px 16px;margin:12px 0}
#practiceView .story-feedback p{font-size:13px;line-height:1.55}
#practiceView .story-nav{border-top:1px solid #eeeae4;padding-top:12px;margin-top:16px}
#practiceView .story-compare{gap:8px;margin:12px 0}
#practiceView .story-compare-card{border:0;border-top:5px solid var(--emotion-tone);background:#f8f6f2;border-radius:15px;padding:11px}
#practiceView .story-compare-card h4{font-size:12px;line-height:1.35;margin:6px 0}
#practiceView .story-compare-card p{font-size:12px}
#practiceView .comic-mini-symbol{display:none}
#practiceView .psych-process-item{border:0;border-radius:11px;background:#f8f6f2}
#practiceView .psych-process-item.is-interpretation{background:#f8ebf1}
#practiceView .practice-science{margin-top:14px;padding:9px 0;border-top:1px solid #eee9e4;font-size:12px;color:#596666}
#practiceView .practice-science summary{cursor:pointer;color:#772445;font-weight:700}
#practiceView .practice-science-body p{line-height:1.55;margin:8px 0}
#practiceView .transfer-question{padding:12px 13px;margin:10px 0;border-color:#eee5db}
#practiceView .transfer-options{gap:6px}
#practiceView .transfer-option{padding:9px 11px;font-size:12px}
@media(max-width:1050px){#practiceView .story-app{grid-template-columns:1fr;max-height:none}#practiceView .story-illustration{grid-column:1;grid-row:2;overflow:visible}#practiceView .story-main{grid-column:1;grid-row:3;overflow:visible}#practiceView .comic-pair{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#practiceView .comic-pair{grid-template-columns:1fr}#practiceView .story-seek-labels{grid-template-columns:repeat(3,1fr)}#practiceView .story-compare{grid-template-columns:1fr}#practiceView .story-app{min-height:auto}#practiceView .story-illustration>svg{max-height:150px}}
@media(prefers-reduced-motion:reduce){#practiceView .practice-btn,#practiceView .story-seek-step{transition:none!important}}

/* Mozaika emocji – autorskie ćwiczenie refleksji, v2.1.1 */
.mosaic-section{padding:clamp(20px,3vw,36px);background:#fffefa;border:1px solid #eee5da}
.mosaic-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
.mosaic-eyebrow{font-size:11px;color:#7b2545!important;letter-spacing:.16em;font-weight:800;margin:0 0 9px}
.mosaic-top h2{margin:0 0 9px}.mosaic-top p{max-width:710px;margin:0;font-size:14px}
.mosaic-clear{flex:0 0 auto;font-size:12px;padding:10px 15px}
.mosaic-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:19px;align-items:stretch}
.mosaic-canvas{min-height:300px;background:radial-gradient(circle at 20% 70%,#e7eee8 0,transparent 43%),radial-gradient(circle at 85% 15%,#f5e6df 0,transparent 45%),#f7f5f0;border-radius:23px;padding:16px 18px;display:flex;flex-direction:column}
.mosaic-canvas-caption{display:flex;justify-content:space-between;gap:8px;color:#4e5657;font-size:12px;font-weight:750}
.mosaic-canvas-caption span{font-weight:450;color:#778180}
.mosaic-art{flex:1;display:grid;place-items:center;min-height:215px}
.mosaic-placeholder{display:grid;gap:5px;text-align:center;color:#50615e}.mosaic-placeholder span{font-size:42px;color:#a9899a}.mosaic-placeholder p{font-size:13px;margin:0}
.mosaic-cloud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;max-width:100%;padding:15px 8px}
.mosaic-blob{width:var(--blob-size);height:var(--blob-size);margin:-8px -6px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:13px;border-radius:52% 48% 58% 42% / 44% 55% 45% 56%;background:var(--blob-color);opacity:var(--blob-opacity);transform:rotate(var(--blob-angle));box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);transition:width .16s,height .16s;overflow-wrap:anywhere;color:#192a2d}
.mosaic-blob span{font-weight:740;font-size:clamp(11px,1.2vw,14px);line-height:1.25}.mosaic-blob small{font-size:11px;font-weight:650}
.mosaic-disclaimer{font-size:11px!important;line-height:1.45!important;margin:3px 0 0;color:#66716e!important}
.mosaic-controls{padding:17px 19px;background:#fff;border-radius:21px;box-shadow:0 3px 18px rgba(69,48,54,.05)}
.mosaic-controls-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #f0eae4;padding-bottom:12px}
.mosaic-controls h3{font:normal 22px Georgia,serif;margin:0}.mosaic-controls-head>span{font-size:11px;color:#7d8280}
.mosaic-selected{display:grid;gap:11px;margin:12px 0}.mosaic-emotion-row{padding:8px 0 11px;border-bottom:1px solid #f0eee9}
.mosaic-emotion-head,.mosaic-emotion-slider{display:flex;justify-content:space-between;align-items:center;gap:12px}.mosaic-emotion-head strong{font-size:14px}.mosaic-emotion-head strong:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--emotion-color)}
.mosaic-remove{border:0;background:transparent;color:#717a75;cursor:pointer;font-size:23px;padding:0 6px}.mosaic-remove:hover{color:#7b2545}
.mosaic-emotion-slider input{flex:1;min-width:0;accent-color:#762845;cursor:pointer}.mosaic-emotion-slider output{width:35px;text-align:right;font-size:12px;color:#697571}
.mosaic-empty-tip{font-size:13px;color:#76817c;margin:20px 0!important}.mosaic-reflection{margin-top:15px;padding:15px 17px;border-radius:16px;background:#f6f2eb}.mosaic-reflection strong{color:#762845;font-size:13px}.mosaic-reflection p{font-size:13px;margin:5px 0 0!important}
.mosaic-method{font-size:13px;color:#53615f;margin-top:16px}.mosaic-method summary{cursor:pointer;color:#762845;font-weight:700}.mosaic-method p{max-width:1100px;font-size:13px}
@media(max-width:820px){.mosaic-layout{grid-template-columns:1fr}.mosaic-top{align-items:flex-start;flex-direction:column}.mosaic-canvas{min-height:270px}.mosaic-blob{margin:-5px}}
@media(prefers-reduced-motion:reduce){.mosaic-blob{transition:none}}

/* v2.1.2 – multiwybór bezpośrednio z koła */
#wheel .sector.mosaic-picked{stroke:#712643!important;stroke-width:5!important;paint-order:stroke fill;filter:drop-shadow(0 0 3px rgba(113,38,67,.26))}
#wheel .sector.mosaic-picked.active{stroke:#56162c!important}
#wheel .sector.mosaic-picked.dimmed{opacity:.8}
.chips button.mosaic-picked{background:#762845;color:white;border-color:#762845}
@media(prefers-reduced-motion:reduce){#wheel .sector.mosaic-picked{transition:none}}

/* 2.1.6 – brain-first, no redundant clickable dots */
#lessonBody .bb-brain-pins,#lessonBody .bb-pin{display:none!important}
#lessonBody .bb-atlas-wrap{margin-top:0}
#lessonBody .bb-story{margin-top:26px}
#lessonBody .bb-pixel-hit{cursor:pointer}
#lessonBody .bb-atlas-intro{margin-bottom:10px}
#lessonBody .bb-figure-caption{margin:7px 0;font-size:.84rem}

/* Wersja 2.1.8: źródła i autorstwo */
.styki-source{margin-top:1.2rem;padding:1rem 0;border-top:1px solid rgba(80,70,70,.16);display:grid;gap:.45rem;font-size:.83rem;line-height:1.5}.styki-source p{margin:0}.styki-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}.styki-source small{font-size:.75rem;opacity:.75}.styki-legal{padding:1rem 1.5rem;line-height:1.65;font-size:.8rem}.styki-legal #licenseInfo{max-width:75ch;margin-top:.7rem}.styki-legal #licenseInfo[hidden]{display:none}.legal-link{background:transparent;border:0;text-decoration:underline;cursor:pointer;color:inherit;font:inherit;padding:.25rem}.tabs button{white-space:normal}