#wyniki.ai-flow09{--ink:#1c1916;--cream:#faf7f2;--soft:#f4eee2;--gold:#9a7a2e;--line:#d5cec2;--muted:#6b5e4e;--serif:'Iowan Old Style',Baskerville,Georgia,serif;--sans:'Avenir Next',Avenir,Arial,sans-serif}
#wyniki.ai-flow09 *{box-sizing:border-box}
#wyniki.ai-flow09{margin:0;background:var(--cream);color:var(--ink);font:1.0625rem/1.65 var(--sans)}
#wyniki.ai-flow09 h1,#wyniki.ai-flow09 h2,#wyniki.ai-flow09 h3,#wyniki.ai-flow09 p,#wyniki.ai-flow09 figure{margin:0}
#wyniki.ai-flow09 h1,#wyniki.ai-flow09 h2{font-family:var(--serif);font-weight:400;line-height:1.12;text-wrap:balance}
#wyniki.ai-flow09 h3{font-size:1.125rem;line-height:1.4;font-weight:600}
#wyniki.ai-flow09 button,#wyniki.ai-flow09 summary,#wyniki.ai-flow09 a{-webkit-tap-highlight-color:transparent}
#wyniki.ai-flow09 button{font:inherit;color:inherit;cursor:pointer}
#wyniki.ai-flow09 button:disabled{cursor:default;opacity:.45}
#wyniki.ai-flow09 a{color:inherit;text-underline-offset:5px}
#wyniki.ai-flow09 button:focus-visible,#wyniki.ai-flow09 summary:focus-visible,#wyniki.ai-flow09 a:focus-visible{outline:3px solid #9a7a2e;outline-offset:4px}
#wyniki.ai-flow09 .wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
#wyniki.ai-flow09 .skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:100}
#wyniki.ai-flow09 .skip:focus{top:10px}
#wyniki.ai-flow09 .intro{padding:40px 0 30px}
#wyniki.ai-flow09 .intro h1{font-size:clamp(2rem,3.3vw,3.2rem);max-width:900px}
#wyniki.ai-flow09 .intro p{margin-top:16px;color:var(--muted)}
#wyniki.ai-flow09 .chooser{position:sticky;top:0;z-index:20;background:var(--cream);border-block:1px solid var(--line)}
#wyniki.ai-flow09 .chooser .wrap{display:flex;flex-wrap:wrap;gap:4px 24px;padding-block:8px}
#wyniki.ai-flow09 .chooser a{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
#wyniki.ai-flow09 .chooser a:hover{text-decoration:underline}
#wyniki.ai-flow09 .variant-label{display:flex;align-items:center;gap:20px;padding:36px 0 20px}
#wyniki.ai-flow09 .variant-label b{font:2rem var(--serif);color:var(--gold)}
#wyniki.ai-flow09 .variant-label span{padding-left:20px;border-left:1px solid var(--line)}
#wyniki.ai-flow09 .sample{padding:64px 0;background:#fff}
#wyniki.ai-flow09 .sample header{margin-bottom:32px}
#wyniki.ai-flow09 .eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600;margin-bottom:16px}
#wyniki.ai-flow09 .sample h2{font-size:clamp(2rem,3.3vw,3rem);max-width:920px}
#wyniki.ai-flow09 .diagram-caption{font-size:1rem;color:var(--muted);margin-bottom:22px}
#wyniki.ai-flow09 .diagram{--progress:0}
#wyniki.ai-flow09 .diagram ul,#wyniki.ai-flow09 .diagram ol{list-style:none;margin:0;padding:0}
#wyniki.ai-flow09 .diagram [hidden]{display:none!important}
#wyniki.ai-flow09 .controls{display:none;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
#wyniki.ai-flow09 .enhanced .controls{display:flex}
#wyniki.ai-flow09 .controls button{background:transparent;border:1px solid #9b8b71;padding:9px 16px;min-height:44px;font-size:.9375rem}
#wyniki.ai-flow09 .controls [data-play]{background:var(--ink);color:var(--cream);border-color:var(--ink);min-width:140px}
#wyniki.ai-flow09 .controls button:hover:not(:disabled){box-shadow:inset 0 -2px 0 #9a7a2e}
#wyniki.ai-flow09 .status{margin-left:auto;font-size:.9375rem;color:var(--muted)}
#wyniki.ai-flow09 .step-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px!important}
#wyniki.ai-flow09 .step-nav button{border:1px solid var(--line);background:transparent;padding:10px 16px;min-height:48px;font-size:.9375rem}
#wyniki.ai-flow09 [data-step][aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
#wyniki.ai-flow09 .num{font-size:.75rem;display:block;color:var(--muted);margin-bottom:8px}
#wyniki.ai-flow09 [aria-pressed=true] .num{color:#e7d4a8}
#wyniki.ai-flow09 .payload{background:var(--soft);padding:30px 34px}
#wyniki.ai-flow09 .payload h3{font:1.7rem/1.25 var(--serif);margin-bottom:12px}
#wyniki.ai-flow09 .payload p{font-size:1.0625rem;max-width:62ch}
#wyniki.ai-flow09 .payload .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#wyniki.ai-flow09 .payload .tags li{padding:7px 12px;border:1px solid #b4a48a;background:var(--cream);font-size:.9375rem}
#wyniki.ai-flow09 .stage-label{font-size:.875rem;color:var(--muted);margin-bottom:12px}
#wyniki.ai-flow09 .awaiting{font-size:1rem;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
#wyniki.ai-flow09 .panels>[data-panel]+[data-panel]{margin-top:18px}
#wyniki.ai-flow09 .enhanced .panels>[data-panel]{margin-top:0}
#wyniki.ai-flow09 .playing [data-panel]:not([hidden]) .payload{animation:flow09-appear .45s ease both}
#wyniki.ai-flow09 .context{margin-top:32px}
#wyniki.ai-flow09 .context>.context-title{margin:0;padding:28px 0 8px;border-top:1px solid var(--line);color:#e7d4a8;font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,1.875rem);font-weight:400;line-height:1.3}
#wyniki.ai-flow09 .context-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;padding:20px 0}
#wyniki.ai-flow09 .context-grid h4{margin:0 0 10px;font-family:var(--sans);font-size:1.125rem;font-weight:600;line-height:1.4}
#wyniki.ai-flow09 .context-grid p{font-size:1.0625rem}
#wyniki.ai-flow09 .evidence,#wyniki.ai-flow09 .source{font-size:1rem;max-width:95ch;line-height:1.7}
#wyniki.ai-flow09 .evidence{margin-top:20px}
#wyniki.ai-flow09 .source{color:var(--muted);margin-top:20px}
#wyniki.ai-flow09 .footnote{font-size:1rem;margin-top:24px;max-width:90ch}
#wyniki.ai-flow09 .belt{position:relative;margin:0 0 28px}
#wyniki.ai-flow09 .belt ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#wyniki.ai-flow09 .belt button{width:100%;height:100%;text-align:left;min-height:126px;padding:22px 18px;border:1px solid var(--line);background:white;font-size:1.0625rem;line-height:1.4}
#wyniki.ai-flow09 .belt li{position:relative}
#wyniki.ai-flow09 .belt li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:49px;width:16px;text-align:center;font-size:1rem}
#wyniki.ai-flow09 .packet-track{position:relative;height:26px;margin:12px 10% 0;border-bottom:1px solid #b4a48a}
#wyniki.ai-flow09 .packet{position:absolute;width:12px;height:12px;background:#9a7a2e;bottom:-6px;left:calc(var(--progress) * 100%);transform:translateX(-50%);transition:left .75s ease;border-radius:50%}
#wyniki.ai-flow09 .belt button.completed{border-bottom:3px solid #9a7a2e}
#wyniki.ai-flow09 .conveyor .payload{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}
#wyniki.ai-flow09 .conveyor .payload .tags{grid-column:2;grid-row:1 / 4;margin:0;align-content:center}
#wyniki.ai-flow09 .conveyor .payload .stage-label{margin:0}
#wyniki.ai-flow09 .conveyor .payload h3{margin:0}
#wyniki.ai-flow09 .transformer{background:var(--soft)}
#wyniki.ai-flow09 .transform-pair{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:28px;align-items:stretch}
#wyniki.ai-flow09 .transform-pair .payload{background:white;min-height:280px}
#wyniki.ai-flow09 .transform-pair .output{border-top:3px solid #9a7a2e}
#wyniki.ai-flow09 .transform-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:2.5rem var(--serif)}
#wyniki.ai-flow09 .transform-arrow small{font:.75rem/1.4 var(--sans);text-align:center}
#wyniki.ai-flow09 .playing .transform-arrow span{animation:flow09-transfer 1.2s ease infinite}
#wyniki.ai-flow09 .transformer .step-nav button{border-color:#a4967e}
#wyniki.ai-flow09 .document-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:72px;align-items:start}
#wyniki.ai-flow09 .document-layout .step-nav{display:grid;gap:0;margin:0!important}
#wyniki.ai-flow09 .document-layout .step-nav button{text-align:left;border:0;border-top:1px solid var(--line);width:100%;padding:20px 12px;display:flex;gap:20px;align-items:center;font-size:1.0625rem}
#wyniki.ai-flow09 .document-layout .step-nav .num{margin:0}
#wyniki.ai-flow09 .document-layout .payload{background:#fff;border:1px solid var(--line);box-shadow:12px 12px 0 var(--soft);padding:38px;min-height:365px}
#wyniki.ai-flow09 .document-layout .payload .tags{display:block;margin-top:26px}
#wyniki.ai-flow09 .document-layout .payload .tags li{border:0;border-top:1px solid var(--line);background:white;padding:13px 0;font-size:1.0625rem}
#wyniki.ai-flow09 .document-layout .payload .stage-label{padding-bottom:18px;border-bottom:2px solid #9a7a2e}
#wyniki.ai-flow09 .document .playing [data-panel]:not([hidden]) .payload{animation:flow09-sheet .6s ease both}
#wyniki.ai-flow09 .vertical{background:var(--ink);color:var(--cream);--line:#655847;--muted:#d4c7b4}
#wyniki.ai-flow09 .vertical .diagram-caption{color:#d4c7b4}
#wyniki.ai-flow09 .vertical-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center}
#wyniki.ai-flow09 .vertical-track{position:relative}
#wyniki.ai-flow09 .vertical-track:before{content:'';position:absolute;left:19px;top:30px;bottom:30px;width:1px;background:#76644c}
#wyniki.ai-flow09 .vertical-track:after{content:'';position:absolute;left:18px;top:30px;width:3px;height:calc((100% - 60px) * var(--progress));background:#e7d4a8;transition:height .75s ease}
#wyniki.ai-flow09 .vertical-track li{position:relative;z-index:1;margin-bottom:14px}
#wyniki.ai-flow09 .vertical-track li:last-child{margin-bottom:0}
#wyniki.ai-flow09 .vertical-track button{display:flex;align-items:center;gap:22px;width:100%;text-align:left;padding:8px 0;background:transparent;border:0;min-height:58px;font-size:1.125rem}
#wyniki.ai-flow09 .vertical-track .num{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #b8a380;border-radius:50%;background:var(--ink);margin:0;color:#e7d4a8}
#wyniki.ai-flow09 .vertical-track [aria-pressed=true]{background:transparent;color:#e7d4a8}
#wyniki.ai-flow09 .vertical-track [aria-pressed=true] .num{background:#e7d4a8;color:var(--ink)}
#wyniki.ai-flow09 .vertical .payload{background:#faf7f2;color:#1c1916;min-height:300px}
#wyniki.ai-flow09 .vertical .payload .stage-label{color:#6b5e4e}
#wyniki.ai-flow09 .vertical .payload .tags li{background:#fff;color:#1c1916}
#wyniki.ai-flow09 .vertical .controls [data-play]{background:#e7d4a8;color:var(--ink);border-color:#e7d4a8}
#wyniki.ai-flow09 .vertical button:focus-visible,#wyniki.ai-flow09 .vertical summary:focus-visible{outline-color:#e7d4a8}
#wyniki.ai-flow09 .lane-before{display:grid;grid-template-columns:190px 1fr;gap:32px;padding:24px 0 32px;border-top:1px solid var(--line)}
#wyniki.ai-flow09 .lane-before h3{font-size:1rem;color:var(--muted)}
#wyniki.ai-flow09 .manual-route{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:1rem}
#wyniki.ai-flow09 .manual-route strong{font-weight:500;border-bottom:2px dashed #9a7a2e;padding-block:8px}
#wyniki.ai-flow09 .lane-after{padding:30px;background:var(--soft)}
#wyniki.ai-flow09 .lane-after>h3{font-size:1rem;margin-bottom:24px}
#wyniki.ai-flow09 .lane-after .belt button{background:transparent;border-color:#b4a48a;min-height:108px;font-size:.9375rem;padding:18px 14px}
#wyniki.ai-flow09 .lane-after .belt [aria-pressed=true]{background:var(--ink)}
#wyniki.ai-flow09 .lane-after .payload{background:white;padding:24px}
#wyniki.ai-flow09 .lanes .belt li:not(:last-child):after{top:41px}
#wyniki.ai-flow09 .page-end{padding-block:40px}
#wyniki.ai-flow09 .page-end a{display:inline-flex;min-height:44px;align-items:center}
@keyframes flow09-appear{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes flow09-transfer{0%,100%{transform:translateX(-8px);opacity:.6}50%{transform:translateX(8px);opacity:1}}
@keyframes flow09-sheet{from{opacity:.5;transform:translate(12px,8px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:1050px){#wyniki.ai-flow09 .wrap{width:calc(100% - 64px)}
#wyniki.ai-flow09 .belt ol{gap:12px}
#wyniki.ai-flow09 .belt button{padding:18px 12px;font-size:.9375rem}
#wyniki.ai-flow09 .belt li:not(:last-child):after{right:-12px;width:12px}
#wyniki.ai-flow09 .document-layout{grid-template-columns:260px 1fr;gap:36px}
#wyniki.ai-flow09 .vertical-layout{gap:40px}
#wyniki.ai-flow09 .transform-pair{gap:18px;grid-template-columns:1fr 40px 1fr}
#wyniki.ai-flow09 .lane-after{padding:22px}
#wyniki.ai-flow09 .status{margin-left:0;width:100%}}
@media(max-width:760px){#wyniki.ai-flow09 .wrap{width:calc(100% - 40px)}
#wyniki.ai-flow09 .intro{padding:30px 0 24px}
#wyniki.ai-flow09 .chooser .wrap{gap:0 16px}
#wyniki.ai-flow09 .chooser a{font-size:.875rem}
#wyniki.ai-flow09 .sample{padding:40px 0}
#wyniki.ai-flow09 .variant-label{padding:30px 0 16px}
#wyniki.ai-flow09 .sample h2{font-size:2rem}
#wyniki.ai-flow09 .sample header{margin-bottom:24px}
#wyniki.ai-flow09 .belt ol{grid-template-columns:1fr;gap:10px}
#wyniki.ai-flow09 .belt button{min-height:56px;padding:14px 18px;display:flex;align-items:center;gap:16px;font-size:1rem}
#wyniki.ai-flow09 .belt .num{margin:0}
#wyniki.ai-flow09 .belt li:not(:last-child):after{content:'↓';right:22px;top:auto;bottom:-12px;height:12px;line-height:12px}
#wyniki.ai-flow09 .packet-track{display:none}
#wyniki.ai-flow09 .belt button.completed{border-bottom:1px solid var(--line);border-left:3px solid #9a7a2e}
#wyniki.ai-flow09 .payload{padding:24px}
#wyniki.ai-flow09 .payload h3{font-size:1.5rem}
#wyniki.ai-flow09 .payload p{font-size:1rem}
#wyniki.ai-flow09 .payload .tags li{font-size:.9375rem}
#wyniki.ai-flow09 .conveyor .payload{display:block}
#wyniki.ai-flow09 .conveyor .payload h3{margin:10px 0}
#wyniki.ai-flow09 .conveyor .payload .tags{margin-top:20px}
#wyniki.ai-flow09 .controls{gap:8px;padding-top:20px;margin-top:24px}
#wyniki.ai-flow09 .controls button{padding:9px 12px}
#wyniki.ai-flow09 .controls [data-play]{min-width:126px}
#wyniki.ai-flow09 .status{width:100%;margin:8px 0 0;font-size:.875rem}
#wyniki.ai-flow09 .step-nav{gap:7px}
#wyniki.ai-flow09 .step-nav button{padding:8px 12px;font-size:.875rem}
#wyniki.ai-flow09 .transform-pair{grid-template-columns:1fr;gap:16px}
#wyniki.ai-flow09 .transform-pair .payload{min-height:0}
#wyniki.ai-flow09 .transform-arrow{flex-direction:row;min-height:36px}
#wyniki.ai-flow09 .transform-arrow span{display:inline-block;transform:rotate(90deg)}
#wyniki.ai-flow09 .playing .transform-arrow span{animation:none;transform:rotate(90deg)}
#wyniki.ai-flow09 .document-layout,#wyniki.ai-flow09 .vertical-layout{grid-template-columns:1fr;gap:28px}
#wyniki.ai-flow09 .document-layout .step-nav{display:flex;gap:6px}
#wyniki.ai-flow09 .document-layout .step-nav button{border:1px solid var(--line);padding:10px 12px;font-size:.9375rem;gap:10px}
#wyniki.ai-flow09 .document-layout .payload{padding:26px;min-height:0;box-shadow:7px 7px 0 var(--soft);margin-right:7px}
#wyniki.ai-flow09 .vertical .payload{min-height:0}
#wyniki.ai-flow09 .vertical-track button{font-size:1.0625rem}
#wyniki.ai-flow09 .lane-before{grid-template-columns:1fr;gap:16px}
#wyniki.ai-flow09 .manual-route{gap:12px;font-size:.9375rem}
#wyniki.ai-flow09 .lane-after{padding:20px}
#wyniki.ai-flow09 .lane-after .belt button{min-height:56px;padding:14px}
#wyniki.ai-flow09 .lanes .belt li:not(:last-child):after{top:auto}
#wyniki.ai-flow09 .context-grid{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){#wyniki.ai-flow09 *,#wyniki.ai-flow09 *:before,#wyniki.ai-flow09 *:after{animation:none!important;transition:none!important}}
#wyniki.ai-flow09{padding:0;}