/* Okładki wpisów (czesci/okladki.php, site/okladki.js). Każda scena stoi na wspólnej scenie 34 x 20 em,
   która mieści się w karcie listy (3:2), w okładce wpisu (21:9) i na telefonie (4:3). Stan sceny: .cv[data-s]. */
.cv-x{--e:cubic-bezier(.2,.75,.1,1);--mt:#9a9ca1;--md:#c9cad0;--vi:#8D3FF2;--cy:#44D4EC;--pk:#F84D88}
.cv-x .cv-in{gap:0}
.cv-st{position:relative;flex:none;width:34em;height:20em}
/* karta listy z okładką: szkło jak ramka okładki we wpisie */
.b-img.b-cv{background:rgba(13,14,18,.55);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}
.cv-st>*{position:absolute}
/* sceny z warstwą pośrednią: jej dzieci też stoją bezwzględnie na scenie */
.cv-ln>*,.cv-sw>*,.cv-tq>*,.cv-zd>*,.cv-pj>*,.cv-ze>*,.cv-sp>*,.cv-ks>*,.cv-pk>*,.cv-zs>*,.cv-mn>*{position:absolute}
.cv-mn{inset:0}
.cv-x:not(.cv-on) *{animation-play-state:paused!important}
.cv-x .cv-panel{gap:.35em}
.cv-x .cv-h{text-align:left;padding-bottom:.2em}
.cv-av{display:inline-grid;place-items:center;flex:none;width:2.1em;height:2.1em;border-radius:50%;background:var(--c);color:#fff;font-style:normal;font-weight:700;font-size:.78em;line-height:1}
.cv-bar{display:block;height:.42em;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.cv-bar i{display:block;height:100%;width:var(--p,0%);background:var(--c,var(--vi));border-radius:inherit;transition:width 1.1s var(--e)}
.cv-x .cv-task{transition:opacity .55s,filter .55s,background .5s}
.cv-x b{font-weight:500}
/* tekst zmieniany w stanie: krótkie pojawienie się (osobna nazwa animacji na stan, żeby ruszała przy każdej zmianie) */
.cv-x[data-s="0"] [data-v]{animation:cvT0 .6s var(--e)}.cv-x[data-s="1"] [data-v]{animation:cvT1 .6s var(--e)}.cv-x[data-s="2"] [data-v]{animation:cvT2 .6s var(--e)}.cv-x[data-s="3"] [data-v]{animation:cvT3 .6s var(--e)}.cv-x[data-s="4"] [data-v]{animation:cvT4 .6s var(--e)}
@keyframes cvT0{from{opacity:0;filter:blur(3px)}}@keyframes cvT1{from{opacity:0;filter:blur(3px)}}@keyframes cvT2{from{opacity:0;filter:blur(3px)}}@keyframes cvT3{from{opacity:0;filter:blur(3px)}}@keyframes cvT4{from{opacity:0;filter:blur(3px)}}
@keyframes cvDraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.cv-x svg{overflow:visible}

/* ranking */
.cv-rk{left:50%;top:50%;width:25em;transform:translate(-50%,-50%)}
.cv-rk-l{position:relative;height:14.2em}
.cv-rk-r{position:absolute;left:0;right:0;top:0;height:2.1em;display:flex;align-items:center;gap:.6em;padding:0 .7em;border-radius:.4em;background:rgba(255,255,255,.04);transform:translateY(calc(var(--r0) * 2.42em));transition:transform 1.1s var(--e),background .6s}
.cv-ranking[data-s="2"] .cv-rk-r{transform:translateY(calc(var(--r2) * 2.42em))}
.cv-rk-r .nr{width:1.5em;color:var(--mt);font-size:.8em}
.cv-rk-r .lgo{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:.4em;background:var(--c);color:#fff;font-style:normal;font-weight:700;font-size:.7em}
.cv-rk-r .nm{width:5.4em;color:#e6e6e8;font-size:.86em}
.cv-rk-r .cv-bar{flex:1}
.cv-rk-r .cv-bar i{width:12%}
.cv-ranking:not([data-s="0"]) .cv-rk-r .cv-bar i{width:var(--p)}
.cv-ranking[data-s="2"] .cv-rk-r.me{background:rgba(125,50,231,.42)}

/* 70 programów */
.cv-sd{left:50%;top:50%;width:30em;transform:translate(-50%,-50%);gap:.8em}
.cv-sd-h{display:flex;align-items:center;gap:.6em;color:#fff}
.cv-sd-h b{font:500 2.7em/1 Outfit,sans-serif;letter-spacing:-.03em}
.cv-sd-h>span{font-size:.9em;line-height:1.25;color:var(--md)}
.cv-sd-h i{display:block;font-style:normal;color:var(--cy);font-size:.88em;margin-top:.15em}
.cv-sd-g{position:relative;height:9.6em}
.cv-sd-g i{position:absolute;left:calc(var(--x) * 3.3em);top:calc(var(--y) * 3.3em);display:grid;place-items:center;width:2.85em;height:2.85em;border-radius:.45em;background:rgba(255,255,255,.07);color:var(--mt);font-style:normal;font-size:.6em;font-weight:700;transition:opacity .8s,transform .9s var(--e),background .6s,box-shadow .6s}
.cv-siedemdziesiat[data-s="0"] .cv-sd-g i{animation:cvSd 2.6s calc(var(--x) * 70ms + var(--y) * 110ms) infinite}
@keyframes cvSd{0%,100%{background:rgba(255,255,255,.07);color:var(--mt)}10%{background:rgba(141,63,242,.6);color:#fff}28%{background:rgba(255,255,255,.07);color:var(--mt)}}
.cv-siedemdziesiat[data-s="1"] .cv-sd-g i{opacity:.25}
.cv-siedemdziesiat[data-s="1"] .cv-sd-g i.me{opacity:1;background:var(--vi);color:#fff;transform:scale(1.4);box-shadow:0 0 1.6em rgba(141,63,242,.85);z-index:2}

/* Startup Wrocław */
.cv-map{left:1.4em;top:1em;width:19em;height:auto}
.cv-map .pl{fill:rgba(36,37,43,.6);stroke:rgba(255,255,255,.45);stroke-width:1.2;stroke-linejoin:round}
.cv-map .ln{stroke:var(--cy);stroke-width:1;stroke-dasharray:60;stroke-dashoffset:60;opacity:0;transition:stroke-dashoffset 1s var(--e) calc(var(--i) * 90ms),opacity .3s calc(var(--i) * 90ms)}
.cv-map .nd{fill:var(--cy);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .4s calc(.5s + var(--i) * 90ms),transform .6s var(--e) calc(.5s + var(--i) * 90ms)}
.cv-startup:not([data-s="0"]) .ln{stroke-dashoffset:0;opacity:.7}
.cv-startup:not([data-s="0"]) .nd{opacity:1;transform:scale(1)}
.cv-map .pin{fill:var(--pk)}
.cv-map .rp{fill:none;stroke:var(--pk);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:cvRp 2.2s infinite}
@keyframes cvRp{from{transform:scale(1);opacity:.9}to{transform:scale(4);opacity:0}}
.cv-map text{fill:#fff;font:500 10px Outfit,sans-serif}
.cv-su-k{left:21em;top:6.2em;width:12em;opacity:0;transform:translateY(.8em);transition:opacity .7s,transform .9s var(--e)}
.cv-startup[data-s="2"] .cv-su-k{opacity:1;transform:none}
.cv-su-t{font:500 1.7em/1.1 Outfit,sans-serif;color:#fff}
.cv-su-s{color:var(--cy);font-size:.95em}
.cv-su-r{margin-top:.5em;color:var(--mt);font-size:.72em;line-height:1.35}

/* coworking */
.cv-cw{left:50%;top:50%;width:27em;transform:translate(-50%,-50%);gap:.55em}
.cv-cw-tabs{position:relative;display:flex;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.74em}
.cv-cw-tabs span{position:relative;z-index:1;flex:1;text-align:center;padding:.5em 0;color:var(--md)}
.cv-cw-tabs i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 5);border-radius:999px;background:#7230E4;transition:transform .7s var(--e)}
.cv-coworking[data-s="1"] .cv-cw-tabs i{transform:translateX(100%)}.cv-coworking[data-s="2"] .cv-cw-tabs i{transform:translateX(200%)}.cv-coworking[data-s="3"] .cv-cw-tabs i{transform:translateX(300%)}.cv-coworking[data-s="4"] .cv-cw-tabs i{transform:translateX(400%)}
.cv-cw-n{font:500 1.3em/1.2 Outfit,sans-serif;color:#fff;margin-top:.2em}
.cv-cw-plan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45em}
.cv-cw-plan .dk{display:grid;place-items:center;height:2.9em;border:1px solid rgba(255,255,255,.14);border-radius:.4em;background:rgba(255,255,255,.03)}
.cv-cw-plan .cv-av{opacity:clamp(0, calc(var(--n) - var(--i)), 1);transform:scale(calc(.4 + .6 * clamp(0, calc(var(--n) - var(--i)), 1)));transition:opacity .5s calc(var(--i) * 40ms),transform .6s var(--e) calc(var(--i) * 40ms)}
.cv-coworking{--n:7}.cv-coworking[data-s="1"]{--n:9}.cv-coworking[data-s="2"]{--n:11}.cv-coworking[data-s="3"]{--n:6}.cv-coworking[data-s="4"]{--n:8}
.cv-cw-z{display:flex;justify-content:space-between;color:var(--mt);font-size:.78em}
.cv-cw-z b{color:#fff}

/* Product Hunt i BetaList */
.cv-ph{left:50%;top:50%;width:25em;transform:translate(-50%,-50%);gap:.6em}
.cv-ph-tabs{display:flex;gap:.4em;font-size:.74em}
.cv-ph-tabs span{padding:.4em .9em;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--md)}
.cv-ph-tabs .on{background:rgba(255,97,84,.2);border-color:rgba(255,97,84,.6);color:#fff}
.cv-ph-p{display:flex;align-items:center;gap:.8em;padding:.7em;border-radius:.5em;background:rgba(255,255,255,.05)}
.cv-ph-p .lgo{width:2.6em;height:2.6em;flex:none}
.cv-ph-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.cv-ph-tx b{font:500 1.1em/1.2 Outfit,sans-serif;color:#fff}
.cv-ph-tx span{font-size:.76em;color:var(--mt)}
.cv-ph-up{display:flex;align-items:center;gap:.4em;padding:.5em .8em;border-radius:.4em;border:1px solid rgba(255,97,84,.7);color:#FF6154;font-size:.78em;transition:background .5s,color .5s}
.cv-ph-up svg{width:.8em;height:.8em;fill:currentColor}
.cv-premiera:not([data-s="0"]) .cv-ph-up{background:#FF6154;color:#fff}
.cv-premiera[data-s="1"] .cv-ph-up{animation:cvPop .6s var(--e)}
@keyframes cvPop{40%{transform:scale(1.12)}}
.cv-ph-c{display:flex;align-items:center;gap:.6em;font-size:.86em;color:#e6e6e8;opacity:clamp(0, calc(var(--n) - var(--i)), 1);transform:translateY(calc((1 - clamp(0, calc(var(--n) - var(--i)), 1)) * .7em));transition:opacity .5s calc(var(--i) * 160ms),transform .7s var(--e) calc(var(--i) * 160ms)}
.cv-ph-c>span{padding:.45em .75em;border-radius:.6em .6em .6em .15em;background:rgba(98,99,105,.55)}
.cv-premiera{--n:0}.cv-premiera[data-s="1"]{--n:1}.cv-premiera[data-s="2"]{--n:3}

/* Lean, część 1 */
.cv-ln{inset:0}
.cv-ln-t{left:1em;top:.4em;font:500 1.3em/1.2 Outfit,sans-serif;color:#fff}
.cv-ln-box{top:3.7em;width:8.6em;padding:.75em 0;text-align:center;border-radius:.45em;background:rgba(36,37,43,.8);border:1px solid rgba(255,255,255,.12);color:#e6e6e8;font-size:.86em}
.cv-ln-box:nth-child(1){left:1.2em}.cv-ln-box:nth-child(2){left:calc(50% - 4.3em)}.cv-ln-box:nth-child(3){right:1.2em;border-color:rgba(68,212,236,.6)}
.cv-ln-tor{left:1.2em;right:1.2em;top:9.4em;height:1.6em}
.cv-ln-tor::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(255,255,255,.22)}
.cv-ln-tor i{position:absolute;left:0;top:.1em;width:1.4em;height:1.4em;border-radius:.35em;animation:cvLnV 6.3s linear calc(var(--i) * -.7s) infinite}
.cv-ln-tor i.v{background:var(--cy);box-shadow:0 0 .8em rgba(68,212,236,.5)}
.cv-ln-tor i.wst{background:var(--mt);animation-name:cvLnW;transition:opacity .6s}
.cv-lean[data-s="1"] .cv-ln-tor i.wst{opacity:0}
@keyframes cvLnV{from{transform:translateX(0)}to{transform:translateX(30.2em)}}
@keyframes cvLnW{0%{transform:translate(0,0);opacity:1}46%{transform:translate(14em,0);opacity:1}72%{transform:translate(15.2em,4.2em) rotate(40deg);opacity:0}100%{transform:translate(15.2em,4.2em);opacity:0}}
.cv-ln-leg{left:1.5em;top:20.75em;display:flex;gap:1.4em;font-size:.8em;color:var(--md)}
.cv-ln-leg span::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.45em;border-radius:.2em;vertical-align:-.05em}
.cv-ln-leg .v::before{background:var(--cy)}.cv-ln-leg .wst::before{background:var(--mt)}
.cv-lean[data-s="1"] .cv-ln-leg .wst{opacity:.35;text-decoration:line-through}

/* wydajność i produktywność */
.cv-wd-a{left:1.6em;top:50%;width:12.5em;transform:translateY(-50%)}
.cv-wd-a .ap{display:flex;align-items:center;gap:.6em;padding:.5em .55em;border-radius:.35em;background:rgba(255,255,255,.05);color:#e6e6e8;font-size:.84em;opacity:clamp(0, calc(var(--n) - var(--i)), 1);transform:translateX(calc((1 - clamp(0, calc(var(--n) - var(--i)), 1)) * -.8em));transition:opacity .5s,transform .7s var(--e)}
.cv-wd-a .ap i{width:1.4em;height:1.4em;border-radius:.35em;background:var(--c)}
.cv-wydajnosc{--n:1;--e1:28%;--p1:16%}.cv-wydajnosc[data-s="1"]{--n:2;--e1:52%;--p1:16%}.cv-wydajnosc[data-s="2"]{--n:3;--e1:74%;--p1:22%}.cv-wydajnosc[data-s="3"]{--n:4;--e1:86%;--p1:82%}
.cv-wd-m{left:16.4em;top:50%;width:16em;transform:translateY(-50%);flex-direction:row!important;flex-wrap:wrap;justify-content:space-around;gap:.6em .4em!important}
.cv-wd-m .mt{display:flex;flex-direction:column;align-items:center;gap:.5em;width:45%}
.cv-wd-m .tb{position:relative;width:2.6em;height:9em;border-radius:.6em;background:rgba(255,255,255,.07);overflow:hidden}
.cv-wd-m .tb i{position:absolute;left:0;right:0;bottom:0;border-radius:inherit;transition:height 1.1s var(--e)}
.cv-wd-m .tb .fe{height:var(--e1);background:linear-gradient(#FFA000,#FF5722)}
.cv-wd-m .tb .p{height:var(--p1);background:linear-gradient(var(--cy),var(--vi))}
.cv-wd-m .mt b{font-size:.8em;color:#e6e6e8;font-weight:400}
.cv-wd-z{width:100%;display:flex;justify-content:space-between;padding-top:.5em;border-top:1px solid rgba(255,255,255,.1);font-size:.76em;color:var(--mt)}
.cv-wd-z b{color:#fff}

/* 5 zasad Lean */
.cv-zs{left:50%;top:50%;width:15.4em;height:15.4em;transform:translate(-50%,-50%)}
.cv-zs svg{position:absolute;inset:0;width:100%;height:100%}
.cv-zs .o{fill:none;stroke:rgba(255,255,255,.12);stroke-width:2}
.cv-zs .a{fill:none;stroke:var(--vi);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--n) * 20 - 20);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.2s var(--e)}
.cv-zasady{--n:0}.cv-zasady[data-s="1"]{--n:1}.cv-zasady[data-s="2"]{--n:2}.cv-zasady[data-s="3"]{--n:3}.cv-zasady[data-s="4"]{--n:4}
.cv-zs .nd{position:absolute;width:0;height:0}
.cv-zs .nd b{position:absolute;left:-1.05em;top:-1.05em;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;background:#24252b;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1em;transition:background .6s,border-color .6s,box-shadow .6s}
.cv-zs .nd b::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--vi);opacity:clamp(0, calc(var(--n) + 1 - var(--i)), 1);transition:opacity .6s;z-index:-1}
.cv-zs .nd b{isolation:isolate}
.cv-zs .nd span{position:absolute;top:-.7em;width:8.5em;font-size:.8em;line-height:1.2;color:var(--md);opacity:calc(.45 + .55 * clamp(0, calc(var(--n) + 1 - var(--i)), 1));transition:opacity .6s}
.cv-zs .nd.r span{left:1.8em}.cv-zs .nd.l span{right:1.8em;text-align:right}.cv-zs .nd.t span{left:-4.25em;top:-2.8em;text-align:center}
.cv-zs .c{left:50%;top:50%;width:8em;transform:translate(-50%,-50%);text-align:center}
.cv-zs .c b{display:block;font:500 1.6em/1 Outfit,sans-serif;color:#fff}
.cv-zs .c span{display:block;margin-top:.35em;font-size:.76em;color:var(--cy);line-height:1.25}

/* produktywność pracowników */
.cv-pr-z{left:1.4em;top:50%;width:14.6em;transform:translateY(-50%);gap:.55em!important}
.cv-pr-z .os{display:flex;align-items:center;gap:.55em}
.cv-pr-z .im{width:3.6em;font-size:.82em;color:#e6e6e8}
.cv-pr-z .tk{display:flex;gap:.3em;flex:1}
.cv-pr-z .tk i{position:relative;flex:1;height:.9em;border-radius:.25em;background:rgba(255,255,255,.1);overflow:hidden}
.cv-pr-z .tk i::after{content:"";position:absolute;inset:0;background:#4CAF50;opacity:clamp(0, calc(var(--n) - var(--j)), 1);transition:opacity .5s calc(var(--j) * 60ms)}
.cv-produktywnosc{--n:2;--o:75}.cv-produktywnosc[data-s="1"]{--n:4;--o:50}.cv-produktywnosc[data-s="2"]{--n:6;--o:25}.cv-produktywnosc[data-s="3"]{--n:8;--o:0}
.cv-pr-w{left:17.4em;top:50%;width:15.2em;transform:translateY(-50%)}
.cv-pr-w .tip{font:500 1em/1.25 Outfit,sans-serif;color:#fff;min-height:2.5em}
.cv-pr-w svg{width:100%;height:auto}
.cv-pr-w .gr{stroke:rgba(255,255,255,.1);stroke-width:1;fill:none}
.cv-pr-w .ln{fill:none;stroke:var(--cy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:var(--o);transition:stroke-dashoffset 1.3s var(--e)}

/* strumień wartości */
.cv-sw{inset:0}
.cv-sw svg{position:absolute;left:0;top:.6em;width:100%;height:auto}
.cv-sw .tor{fill:none;stroke:rgba(68,212,236,.35);stroke-width:14;stroke-linecap:round}
.cv-sw .kr{fill:var(--cy)}
.cv-sw .kr.sz{fill:var(--mt);transition:opacity .7s}
.cv-strumien[data-s="1"] .kr.sz{opacity:0}
.cv-sw .st{fill:#24252b;stroke:rgba(255,255,255,.5);stroke-width:1.5}
.cv-sw .st.c{stroke:var(--cy)}
.cv-sw .pk{font-size:.82em;color:var(--md);transform:translateX(-50%)}
.cv-sw .pk.a{left:9.4%;top:16.6em}.cv-sw .pk.b{left:50%;top:2.2em}.cv-sw .pk.c{left:90.6%;top:16.6em;color:#fff}
.cv-sw-w{left:50%;top:17.6em;transform:translateX(-50%);padding:.45em .9em;border-radius:999px;background:rgba(68,212,236,.14);border:1px solid rgba(68,212,236,.5);color:#fff;font-size:.8em;white-space:nowrap}

/* mierzenie czasu */
.cv-cz-t{left:1.4em;top:50%;width:17em;transform:translateY(-50%);gap:.7em!important}
.cv-cz-r{display:flex;align-items:center;gap:.7em}
.cv-cz-r .pl{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#7230E4;flex:none}
.cv-cz-r .pl svg{width:1em;height:1em;fill:#fff}
.cv-cz-r .pl .p{display:none}
.cv-cz-r b{font:400 2em/1 Outfit,sans-serif;color:#fff;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.cv-cz-r::after{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--pk);animation:cvRec 1.4s infinite}
@keyframes cvRec{50%{opacity:.2}}
.cv-cz-l{display:flex;align-items:center;gap:.5em;font-size:.76em;color:var(--mt)}
.cv-cz-w{left:20em;top:50%;width:12.6em;height:13em;transform:translateY(-50%);flex-direction:row!important;align-items:flex-end;justify-content:space-between;padding-bottom:.7em!important}
.cv-cz-w .dz{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4em;height:100%;width:1.6em}
.cv-cz-w .dz i{width:100%;height:var(--h0);border-radius:.3em;background:rgba(141,63,242,.55);transition:height 1.2s var(--e)}
.cv-cz-w .dz:last-child i{background:linear-gradient(var(--cy),var(--vi))}
.cv-czas:not([data-s="0"]) .cv-cz-w .dz i{height:var(--h1)}
.cv-cz-w .dz b{font-size:.7em;color:var(--mt);font-weight:400}

/* marnotrawstwo */
.cv-mn-h{left:1.6em;top:1.6em;display:flex;align-items:center;gap:.6em;color:var(--md);font-size:.95em}
.cv-mn-h b{font:500 2.8em/1 Outfit,sans-serif;color:var(--pk)}
.cv-mn-g{left:1.6em;right:1.6em;top:6.6em;display:flex;flex-wrap:wrap;gap:.6em}
.cv-mn-g .kf{display:flex;align-items:center;gap:.5em;padding:.75em .95em;border-radius:.45em;border:1px solid rgba(248,77,136,.4);background:rgba(248,77,136,.12);color:#fff;font-size:.86em;transition:opacity .7s,filter .7s,border-color .7s,background .7s}
.cv-mn-g .kf i{position:relative;width:.75em;height:.75em;border-radius:50%;background:var(--pk);transition:background .6s}
.cv-mn-g .kf{--d:clamp(0, calc(var(--n) - var(--i)), 1);opacity:calc(1 - .7 * var(--d));filter:saturate(calc(1 - var(--d)))}
.cv-mn-g .kf::after{content:"";position:absolute;inset:0}
.cv-marnotrawstwo{--n:0}.cv-marnotrawstwo[data-s="1"]{--n:3}.cv-marnotrawstwo[data-s="2"]{--n:5}.cv-marnotrawstwo[data-s="3"]{--n:7}

/* turkusowa organizacja */
.cv-tq{inset:0}
.cv-tq svg{position:absolute;inset:0;width:100%;height:100%}
.cv-tq path{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:opacity .9s}
.cv-tq .dr{stroke:rgba(255,255,255,.35)}
.cv-tq .kr{stroke:#2EC4B6;opacity:0}
.cv-turkus[data-s="1"] .dr{opacity:0}.cv-turkus[data-s="1"] .kr{opacity:.8}
.cv-tq .os{position:absolute;left:var(--x0);top:var(--y0);width:2.6em;height:2.6em;font-size:.9em;transform:translate(-50%,-50%);transition:left 1.4s var(--e),top 1.4s var(--e),box-shadow .8s;box-shadow:0 0 0 .25em rgba(17,18,22,.9)}
.cv-turkus[data-s="1"] .os{left:var(--x1);top:var(--y1);box-shadow:0 0 0 .25em rgba(17,18,22,.9),0 0 1.4em rgba(46,196,182,.6)}
.cv-tq-l{left:1.2em;top:.8em;font:500 1.2em/1.2 Outfit,sans-serif;color:#fff}
.cv-turkus[data-s="1"] .cv-tq-l{color:#2EC4B6}

/* praca zdalna */
.cv-zd{inset:0}
.cv-zd-l{position:absolute;inset:0;width:100%;height:100%}
.cv-zd-l line{stroke:rgba(255,255,255,.14);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .5s}
.cv-zd-c{left:50%;top:50%;width:10.5em;transform:translate(-50%,-50%);align-items:center;text-align:center;gap:.3em!important}
.cv-zd-c b{font:500 1.05em/1.2 Outfit,sans-serif;color:#fff}
.cv-zd-c>span{font-size:.72em;color:var(--mt)}
.cv-zd .nd{display:flex;align-items:center;gap:.45em;padding:.5em .8em;border-radius:999px;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.12);color:var(--md);font-size:.8em;white-space:nowrap;transform:translate(-50%,-50%);transition:background .5s,border-color .5s,color .5s,transform .6s var(--e)}
.cv-zd .nd svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cv-zdalna[data-s="0"] .nd.n0,.cv-zdalna[data-s="1"] .nd.n1,.cv-zdalna[data-s="2"] .nd.n2,.cv-zdalna[data-s="3"] .nd.n3,.cv-zdalna[data-s="4"] .nd.n4{background:#7230E4;border-color:#8D3FF2;color:#fff;transform:translate(-50%,-50%) scale(1.08)}
.cv-zdalna[data-s="0"] line.n0,.cv-zdalna[data-s="1"] line.n1,.cv-zdalna[data-s="2"] line.n2,.cv-zdalna[data-s="3"] line.n3,.cv-zdalna[data-s="4"] line.n4{stroke:var(--vi)}

/* mapowanie strumienia wartości */
.cv-vs{left:0;top:.4em;width:100%;height:auto}
.cv-vs text{fill:var(--md);font:8px Lato,sans-serif;text-anchor:middle}
.cv-vs text.sm{fill:var(--mt);font-size:7px}
.cv-vs .fb path{fill:rgba(36,37,43,.8);stroke:rgba(255,255,255,.5);stroke-width:1}
.cv-vs .pb{fill:rgba(141,63,242,.22);stroke:var(--vi);stroke-width:1}
.cv-vs .db{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.2);stroke-width:.8}
.cv-vs .pp{fill:rgba(68,212,236,.14);stroke:var(--cy);stroke-width:1}
.cv-vs .in{fill:none;stroke:var(--cy);stroke-width:1;stroke-dasharray:3 2}
.cv-vs .ar{fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.cv-vs .tl{fill:none;stroke:var(--pk);stroke-width:1.4;stroke-dasharray:100;stroke-dashoffset:100}
.cv-vs .s1,.cv-vs .s2,.cv-vs .s3{opacity:0;transition:opacity .7s calc(var(--i,0) * 160ms)}
.cv-mapa:is([data-s="1"],[data-s="2"],[data-s="3"]) .s1,.cv-mapa:is([data-s="2"],[data-s="3"]) .s2,.cv-mapa[data-s="3"] .s3{opacity:1}
.cv-mapa[data-s="3"] .tl{animation:cvDraw 1.6s var(--e) .3s forwards}
.cv-vs-l{left:1.5em;top:23em;font-size:.8em;color:var(--cy)}

/* mapa stanu obecnego */
.cv-sn-h{left:1.2em;top:.8em}
.cv-sn-h .pil{display:inline-block;padding:.4em .9em;border-radius:999px;background:rgba(248,77,136,.16);border:1px solid rgba(248,77,136,.55);color:#fff;font-size:.8em}
.cv-sn{left:0;top:3.6em;width:100%;height:auto}
.cv-sn .lad{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.4;stroke-dasharray:100}
.cv-stan[data-s="0"] .lad{animation:cvDraw 1.6s var(--e) forwards}
.cv-sn .ok{fill:rgba(248,77,136,.28);stroke:var(--pk);stroke-width:.8;opacity:0;transition:opacity .6s calc(var(--i) * 150ms)}
.cv-sn .ot{fill:#fff;font:7.5px Lato,sans-serif;text-anchor:middle;opacity:0;transition:opacity .6s calc(var(--i) * 150ms)}
.cv-sn .pr{fill:var(--cy);opacity:0;transition:opacity .6s calc(var(--i) * 150ms)}
.cv-stan:not([data-s="0"]) .ok,.cv-stan:not([data-s="0"]) .ot,.cv-stan[data-s="2"] .pr{opacity:1}
.cv-sn-s{left:1.2em;right:1.2em;top:14.6em;display:flex;gap:.8em}
.cv-sn-s .cv-panel{flex:1 1 0;width:auto;padding:.7em .9em!important}
.cv-sn-s span{font-size:.76em;color:var(--mt)}
.cv-sn-s b{font:500 1.5em/1.1 Outfit,sans-serif}
.cv-sn-s b.wst{color:var(--pk)}.cv-sn-s b.v{color:var(--cy)}

/* zarządzanie projektami: co to jest */
.cv-pj{inset:0}
.cv-pj .zd{position:absolute;left:1.2em;top:calc(2.8em + var(--i) * 4.2em);width:10.5em;opacity:1;transition:transform .9s var(--e)}
.cv-pj>svg{position:absolute;left:11.9em;top:3.5em;width:9.6em;height:8.4em}
.cv-pj .ln{fill:none;stroke:rgba(141,63,242,.8);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100}
.cv-projekt:not([data-s="0"]) .ln{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--e)}
.cv-pj .km,.cv-pj .cl{display:flex;align-items:center;gap:.5em;font-size:.82em;color:#fff;opacity:0;transition:opacity .6s .6s,transform .8s var(--e) .6s;transform:translateX(-.6em)}
.cv-pj .km{left:22em;top:7.1em}
.cv-pj .km i{width:1.1em;height:1.1em;background:var(--vi);transform:rotate(45deg);border-radius:.15em}
.cv-pj .cl{left:22em;top:11.6em;font-size:.95em}
.cv-pj .cl svg{width:1.5em;height:1.5em;fill:none;stroke:var(--cy);stroke-width:1.8;stroke-linejoin:round}
.cv-projekt:not([data-s="0"]) .km,.cv-projekt[data-s="2"] .cl{opacity:1;transform:none}
.cv-pj-p{left:1.2em;right:1.2em;top:16.4em;display:flex;align-items:center;gap:.9em}
.cv-pj-p .cv-bar{flex:1;height:.55em}
.cv-pj-p .cv-bar i{width:4%;background:linear-gradient(90deg,var(--cy),var(--vi))}
.cv-projekt[data-s="1"] .cv-pj-p .cv-bar i{width:60%}.cv-projekt[data-s="2"] .cv-pj-p .cv-bar i{width:100%}
.cv-pj-p b{font-size:.8em;color:#fff;white-space:nowrap}

/* wybór programu */
.cv-wb{left:50%;top:50%;width:25em;transform:translate(-50%,-50%);gap:.25em!important}
.cv-wb .hd,.cv-wb .rw{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,2.6em);align-items:center}
.cv-wb .hd{padding-bottom:.45em;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8em;color:var(--mt)}
.cv-wb .hd b{text-align:center;color:#fff;font-size:1.05em}
.cv-wb .rw{padding:.32em 0;font-size:.86em;color:#e6e6e8}
.cv-wb .rw i{display:grid;place-items:center;height:1.9em;font-style:normal;border-radius:.3em;transition:background .6s;opacity:clamp(0, calc(var(--n) - var(--i)), 1);transition:opacity .4s,background .6s}
.cv-wb .rw i.y::before{content:"";width:.55em;height:.95em;border:solid #4CAF50;border-width:0 .16em .16em 0;transform:rotate(45deg) translate(-.1em,-.1em)}
.cv-wb .rw i.n::before{content:"";width:.8em;border-top:.14em solid rgba(255,255,255,.3)}
.cv-wybor{--n:1}.cv-wybor[data-s="1"]{--n:3}.cv-wybor[data-s="2"]{--n:5}.cv-wybor[data-s="3"]{--n:5}
.cv-wybor[data-s="3"] .rw i.me,.cv-wybor[data-s="3"] .hd b.me{background:rgba(125,50,231,.4)}
.cv-wybor .hd b{border-radius:.3em .3em 0 0;padding:.25em 0;transition:background .6s}
.cv-wb-b{align-self:flex-end;margin-top:.5em;padding:.4em .9em;border-radius:999px;background:#7230E4;color:#fff;font-size:.76em;opacity:0;transform:translateY(.4em);transition:opacity .6s,transform .7s var(--e)}
.cv-wybor[data-s="3"] .cv-wb-b{opacity:1;transform:none}

/* Kanban czy Scrum */
.cv-kb{left:.8em;top:50%;width:18.6em;transform:translateY(-50%)}
.cv-kb .ttl,.cv-sc .ttl{font:500 1.05em/1.2 Outfit,sans-serif;color:#fff}
.cv-kb .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;font-size:.7em;color:var(--mt)}
.cv-kb .brd{position:relative;height:10.6em;border-radius:.4em;background:linear-gradient(90deg,rgba(255,255,255,.04) 32%,transparent 32% 34%,rgba(255,255,255,.04) 34% 66%,transparent 66% 68%,rgba(255,255,255,.04) 68%)}
.cv-kb .brd i{position:absolute;left:calc(var(--c) * 34% + 1%);top:calc(.5em + var(--r) * 2.5em);width:30%;height:2em;border-radius:.3em;background:rgba(98,99,105,.7);border-left:.22em solid var(--pc);transition:left 1s var(--e)}
.cv-kanban .brd i{--c:var(--c0)}.cv-kanban[data-s="1"] .brd i{--c:var(--c1)}.cv-kanban[data-s="2"] .brd i{--c:var(--c2)}.cv-kanban[data-s="3"] .brd i{--c:var(--c3)}
.cv-kb-czy{left:19.6em;top:50%;transform:translateY(-50%);font:italic 400 .95em Outfit,sans-serif;color:var(--mt)}
.cv-sc{left:21.8em;top:50%;width:11.4em;transform:translateY(-50%);align-items:center}
.cv-sc .ttl{align-self:flex-start}
.cv-sc svg{width:7.4em;height:7.4em}
.cv-sc .o{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}
.cv-sc .a{fill:none;stroke:var(--cy);stroke-width:6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:70;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.2s var(--e)}
.cv-kanban[data-s="1"] .cv-sc .a{stroke-dashoffset:40}.cv-kanban[data-s="2"] .cv-sc .a{stroke-dashoffset:10}.cv-kanban[data-s="3"] .cv-sc .a{stroke-dashoffset:0;stroke:#4CAF50}
.cv-sc .sp{position:absolute;left:0;right:0;top:calc(50% + .75em);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;font-size:.68em;line-height:1.25;color:var(--mt)}
.cv-sc .sp b{color:#fff;font-size:1.1em}

/* zespół zdalny */
.cv-ze{inset:0}
.cv-ze-c{left:50%;top:50%;width:10.6em;transform:translate(-50%,-50%);align-items:center;text-align:center;z-index:1}
.cv-ze-c b{font:500 1.05em Outfit,sans-serif;color:#fff}
.cv-ze-c span{font-size:.74em;color:var(--mt)}
.cv-ze .dm{display:flex;align-items:center;gap:.5em;padding:.5em .8em .5em .5em;border-radius:999px;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.12);font-size:.82em;color:#e6e6e8}
.cv-ze .dm.n0{left:1.4em;top:2em}.cv-ze .dm.n1{right:1.4em;top:2em}.cv-ze .dm.n2{left:1.4em;bottom:2em}.cv-ze .dm.n3{right:1.4em;bottom:2em}
.cv-ze .st{width:.6em;height:.6em;border-radius:50%;background:var(--mt);transition:background .6s,box-shadow .6s}
.cv-zespol[data-s="2"] .st{background:#4CAF50;box-shadow:0 0 .6em #4CAF50}
.cv-ze .zd{left:calc(50% - .9em);top:calc(50% - .6em);width:1.8em;height:1.2em;border-radius:.25em;background:var(--vi);opacity:0;transition:transform 1.1s var(--e) calc(var(--i) * 140ms),opacity .4s calc(var(--i) * 140ms)}
.cv-zespol:not([data-s="0"]) .zd{opacity:1}
.cv-zespol:not([data-s="0"]) .zd.n0{transform:translate(-10.6em,-5.2em)}.cv-zespol:not([data-s="0"]) .zd.n1{transform:translate(10.6em,-5.2em)}.cv-zespol:not([data-s="0"]) .zd.n2{transform:translate(-10.6em,5.2em)}.cv-zespol:not([data-s="0"]) .zd.n3{transform:translate(10.6em,5.2em)}
.cv-zespol[data-s="2"] .zd{background:#4CAF50}

/* po polsku */
.cv-po{left:50%;top:50%;width:28em;transform:translate(-50%,-50%);flex-direction:row!important;gap:.9em!important;padding:.8em!important}
.cv-po .sb{display:flex;flex-direction:column;gap:.25em;width:7.2em;padding-right:.8em;border-right:1px solid rgba(255,255,255,.08)}
.cv-po .sb span{padding:.45em .6em;border-radius:.35em;color:var(--md);font-size:.84em}
.cv-po .sb .on{background:rgba(125,50,231,.45);color:#fff}
.cv-po .mn{display:flex;flex-direction:column;gap:.4em;flex:1;min-width:0}
.cv-po .tp{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2em}
.cv-po .tp b{font:500 1.05em Outfit,sans-serif;color:#fff}
.cv-po .jz{position:relative;display:flex;padding:2px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:.72em}
.cv-po .jz span{position:relative;z-index:1;width:2.6em;text-align:center;padding:.3em 0;color:var(--md);transition:color .5s}
.cv-po .jz i{position:absolute;left:2px;top:2px;bottom:2px;width:2.6em;border-radius:999px;background:#7230E4;transition:transform .6s var(--e)}
.cv-polski[data-s="1"] .jz i{transform:translateX(100%)}
.cv-polski[data-s="0"] .jz span:first-child,.cv-polski[data-s="1"] .jz span:nth-child(2){color:#fff}
.cv-po .cv-task .dd{font-size:.82em;color:var(--mt);white-space:nowrap}
.cv-po .nw{align-self:flex-start;margin-top:.2em;padding:.45em .9em;border-radius:999px;background:#7230E4;color:#fff;font-size:.78em}

/* darmowe programy */
.cv-dm{inset:0;display:flex;align-items:center;justify-content:center;gap:.8em}
.cv-dm .pk{position:relative;width:9.6em;gap:.3em!important;transition:transform .8s var(--e),border-color .6s,background .6s}
.cv-dm .nz{font:500 1em Outfit,sans-serif;color:#fff}
.cv-dm .cn{font:500 1.7em/1.1 Outfit,sans-serif;color:#fff}
.cv-dm .cn small{font-size:.42em;color:var(--mt);margin-left:.3em}
.cv-dm .fr{align-self:flex-start;margin-bottom:.4em;padding:.25em .6em;border-radius:999px;background:rgba(76,175,80,.18);color:#7BD17F;font-size:.66em}
.cv-dm .ft{display:flex;flex-direction:column;gap:.25em;font-size:.72em;color:var(--md)}
.cv-dm .ft .cv-bar i{background:rgba(255,255,255,.35)}
.cv-darmowy[data-s="0"] .pk.n0,.cv-darmowy[data-s="1"] .pk.n1,.cv-darmowy[data-s="2"] .pk.n2{transform:translateY(-.7em);border-color:rgba(141,63,242,.8);background:rgba(54,40,84,.85)}
.cv-darmowy[data-s="0"] .pk.n0 .cv-bar i,.cv-darmowy[data-s="1"] .pk.n1 .cv-bar i,.cv-darmowy[data-s="2"] .pk.n2 .cv-bar i{background:var(--vi)}

/* wybrane pojęcia: harmonogram */
.cv-gt{left:50%;top:50%;width:30em;transform:translate(-50%,-50%);gap:.3em!important}
.cv-gt .hd,.cv-gt .rw{display:grid;grid-template-columns:7.2em minmax(0,1fr);align-items:center}
.cv-gt .wk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:.68em;color:var(--mt)}
.cv-gt .wk i{font-style:normal;padding-left:.4em;border-left:1px solid rgba(255,255,255,.1)}
.cv-gt .nm{font-size:.82em;color:#e6e6e8}
.cv-gt .tr{position:relative;height:1.75em;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.06) calc(25% - 1px) 25%)}
.cv-gt .br{position:absolute;left:var(--x);top:.3em;width:var(--w);height:1.15em;border-radius:.3em;background:rgba(255,255,255,.22);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--e) calc(var(--i) * 120ms),background .7s}
.cv-pojecia:not([data-s="0"]) .br{transform:none}
.cv-pojecia[data-s="0"] .br{transform:scaleX(.08)}
.cv-pojecia[data-s="3"] .br.kr{background:var(--pk);box-shadow:0 0 .8em rgba(248,77,136,.45)}
.cv-gt .ms{position:absolute;left:var(--x);top:50%;width:.95em;height:.95em;margin:-.475em 0 0 -.475em;background:var(--cy);transform:rotate(45deg) scale(0);border-radius:.12em;transition:transform .6s var(--e)}
.cv-pojecia:is([data-s="2"],[data-s="3"]) .ms{transform:rotate(45deg) scale(1)}
.cv-gt .lgo{display:flex;gap:1.2em;margin-top:.4em;font-size:.74em;color:var(--md)}
.cv-gt .lgo span{opacity:.25;transition:opacity .6s}
.cv-gt .lgo span::before{content:"";display:inline-block;width:.75em;height:.75em;margin-right:.45em;vertical-align:-.05em}
.cv-gt .lgo .a::before{background:var(--cy);transform:rotate(45deg)}.cv-gt .lgo .b::before{background:var(--pk);border-radius:.2em}
.cv-pojecia:is([data-s="2"],[data-s="3"]) .lgo .a,.cv-pojecia[data-s="3"] .lgo .b{opacity:1}

/* 10 zasad */
.cv-dz{left:50%;top:50%;width:29em;transform:translate(-50%,-50%);flex-direction:row!important;align-items:center;gap:1em!important}
.cv-dz .ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45em .8em;flex:1;min-width:0}
.cv-dz .it{display:flex;align-items:center;gap:.5em;font-size:.8em;color:var(--mt);white-space:nowrap;--d:clamp(0, calc(var(--n) - var(--i)), 1);transition:color .5s}
.cv-dz .it i{position:relative;flex:none;width:1.1em;height:1.1em;border-radius:.25em;border:1px solid rgba(255,255,255,.3);overflow:hidden}
.cv-dz .it i::after{content:"";position:absolute;inset:0;background:var(--vi);opacity:var(--d);transition:opacity .4s calc(var(--i) * 40ms)}
.cv-dziesiec{--n:2;--o:80}.cv-dziesiec[data-s="1"]{--n:4;--o:60}.cv-dziesiec[data-s="2"]{--n:6;--o:40}.cv-dziesiec[data-s="3"]{--n:8;--o:20}.cv-dziesiec[data-s="4"]{--n:10;--o:0}
.cv-dz .dl{position:relative;width:7.4em;height:7.4em;flex:none}
.cv-dz .dl svg{width:100%;height:100%}
.cv-dz .o{fill:none;stroke:rgba(255,255,255,.1);stroke-width:7}
.cv-dz .a{fill:none;stroke:var(--vi);stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--o);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.1s var(--e)}
.cv-dz .dl b{position:absolute;inset:0;display:grid;place-items:center;font:500 1.3em Outfit,sans-serif;color:#fff}

/* Program Specjalistów */
.cv-sp{inset:0}
.cv-sp .rl{position:absolute;left:1.2em;top:50%;display:flex;flex-direction:column;gap:.45em;transform:translateY(-50%)}
.cv-sp .ro{display:flex;align-items:center;gap:.55em;padding:.4em .8em .4em .4em;border-radius:999px;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.12);font-size:.82em;color:#e6e6e8;--d:clamp(0, calc(var(--n) - var(--i)), 1);opacity:calc(.45 + .55 * var(--d));transform:translateX(calc(var(--d) * .7em));transition:opacity .6s,transform .8s var(--e)}
.cv-sp .tmz{left:17.6em;top:50%;width:14.6em;transform:translateY(-50%)}
.cv-sp .ava{display:flex;flex-wrap:wrap;gap:.35em}
.cv-sp .ava .nw{--d:clamp(0, calc(var(--n) - var(--i)), 1);opacity:var(--d);transform:scale(calc(.3 + .7 * var(--d)));transition:opacity .5s calc(var(--i) * 90ms),transform .6s var(--e) calc(var(--i) * 90ms)}
.cv-sp .tx{font-size:.76em;color:var(--cy)}
.cv-specjalisci{--n:0}.cv-specjalisci[data-s="1"]{--n:2}.cv-specjalisci[data-s="2"]{--n:5}

/* 5 książek */
.cv-ks{inset:0}
.cv-ks .wc{position:absolute;inset:0}
.cv-ks .ok{position:absolute;left:calc(50% - 3.6em + (var(--i) - 2) * 4.4em);top:1.6em;display:flex;flex-direction:column;justify-content:space-between;width:7.2em;height:10.2em;padding:.8em .7em;border-radius:.25em .45em .45em .25em;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#111216));box-shadow:inset .35em 0 0 rgba(0,0,0,.22),0 1.2em 2em -1em rgba(0,0,0,.8);transform:rotate(calc((var(--i) - 2) * 5deg));transform-origin:bottom center;transition:transform .9s var(--e),filter .6s}
.cv-ks .ok b{font:500 .74em/1.2 Outfit,sans-serif;color:#fff}
.cv-ks .ok small{font-size:.56em;color:rgba(255,255,255,.75)}
.cv-ksiazki .ok{filter:brightness(.6)}
.cv-ksiazki[data-s="0"] .ok.n0,.cv-ksiazki[data-s="1"] .ok.n1,.cv-ksiazki[data-s="2"] .ok.n2,.cv-ksiazki[data-s="3"] .ok.n3,.cv-ksiazki[data-s="4"] .ok.n4{transform:translateY(-1.1em) rotate(0);filter:none;z-index:2}
.cv-ks .pd,.cv-pk .pd{left:50%;top:14.4em;width:30em;transform:translateX(-50%);text-align:center}
.cv-ks .pd b,.cv-pk .pd b{display:block;font:500 1.05em/1.25 Outfit,sans-serif;color:#fff}
.cv-ks .pd span,.cv-pk .pd span{display:block;margin-top:.25em;font-size:.8em;color:var(--mt)}

/* 10 książek: półka */
.cv-pk{inset:0}
.cv-pk .pl{position:absolute;left:3.4em;right:3.4em;top:1.4em;height:11.6em;display:flex;align-items:flex-end;justify-content:center;gap:.3em;border-bottom:.3em solid rgba(255,255,255,.18)}
.cv-pk .gb{display:flex;align-items:center;justify-content:center;width:2.2em;height:var(--h);border-radius:.2em .2em 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c) 40%,color-mix(in srgb,var(--c) 80%,#000));filter:brightness(.62);transition:transform .8s var(--e),filter .6s}
.cv-pk .gb b{writing-mode:vertical-rl;transform:rotate(180deg);max-height:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 .56em Outfit,sans-serif;color:#fff}
.cv-polka[data-s="0"] .gb.w0,.cv-polka[data-s="1"] .gb.w1,.cv-polka[data-s="2"] .gb.w2,.cv-polka[data-s="3"] .gb.w3,.cv-polka[data-s="4"] .gb.w4{transform:translateY(-1.6em);filter:none}
.cv-pk .pd small{display:block;margin-bottom:.35em;font-size:.68em;color:var(--cy)}

/* marketing */
.cv-mk{left:50%;top:50%;width:25em;transform:translate(-50%,-50%);gap:.45em!important}
.cv-mk .hd{display:flex;flex-direction:column;gap:.45em;margin-bottom:.2em}
.cv-mk .hd b{font:500 1em Outfit,sans-serif;color:#fff}
.cv-mk .hd .cv-bar i{width:calc(var(--n) * 25%);background:linear-gradient(90deg,var(--cy),var(--vi))}
.cv-mk .cv-task{--d:clamp(0, calc(var(--n) - var(--i)), 1)}
.cv-mk .cv-task .cb{position:relative;transition:background .5s,border-color .5s}
.cv-mk .cv-task .cb{background:rgba(76,175,80,calc(var(--d)));border-color:rgba(255,255,255,calc(.5 - .3 * var(--d)))}
.cv-mk .stt{position:relative;width:4.4em;height:1.5em;font-size:.82em}
.cv-mk .stt span{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;transition:opacity .5s}
.cv-mk .stt span:first-child{background:rgba(255,160,0,.18);color:#FFC24D;opacity:calc(1 - var(--d))}
.cv-mk .stt span:last-child{background:rgba(76,175,80,.2);color:#7BD17F;opacity:var(--d)}
.cv-marketing{--n:1}.cv-marketing[data-s="1"]{--n:2}.cv-marketing[data-s="2"]{--n:3}.cv-marketing[data-s="3"]{--n:4}
.cv-mk .ok{align-self:flex-end;margin-top:.3em;padding:.4em .9em;border-radius:999px;background:#7230E4;color:#fff;font-size:.76em;opacity:0;transform:translateY(.4em);transition:opacity .6s,transform .7s var(--e)}
.cv-marketing[data-s="3"] .ok{opacity:1;transform:none}

/* terminy */
.cv-tm{left:50%;top:46%;width:28em;transform:translate(-50%,-50%);gap:.35em!important}
.cv-tm .dn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:5.6em;font-size:.7em;color:var(--mt)}
.cv-tm .dn i{font-style:normal;padding-left:.4em;border-left:1px solid rgba(255,255,255,.1)}
.cv-tm .ar{position:relative;display:flex;flex-direction:column;gap:.4em}
.cv-tm .rw{display:grid;grid-template-columns:4.6em minmax(0,1fr);align-items:center}
.cv-tm .rw b{font-size:.8em;color:#e6e6e8;font-weight:400}
.cv-tm .tr{position:relative;height:1.6em}
.cv-tm .tr i{position:absolute;left:var(--x0);top:.2em;width:var(--w0);height:1.2em;border-radius:.3em;background:var(--pc);transition:left 1s var(--e),width 1s var(--e),box-shadow .6s}
.cv-terminy:is([data-s="2"],[data-s="3"]) .tr i{left:var(--x1);width:var(--w1)}
.cv-terminy[data-s="1"] .tr i{box-shadow:0 0 0 .14em rgba(255,255,255,.55)}
.cv-tm .dl{position:absolute;left:calc(4.6em + (100% - 4.6em) * .9);top:-.4em;bottom:-.2em;border-left:2px dashed var(--pk)}
.cv-tm .dl span{position:absolute;left:-2.1em;bottom:-1.6em;width:4.2em;text-align:center;font-size:.72em;color:var(--pk)}
.cv-tm{--x:0}
.cv-x .cv-tm .tr{overflow:visible}
.cv-terminy .st{left:50%;top:22.4em;transform:translateX(-50%);padding:.4em .9em;border-radius:999px;font-size:.8em;white-space:nowrap;color:#fff;background:rgba(248,77,136,.22);border:1px solid rgba(248,77,136,.6);transition:background .6s,border-color .6s}
.cv-terminy[data-s="3"] .st{background:rgba(76,175,80,.22);border-color:rgba(76,175,80,.7)}
.cv-terminy:not([data-s="2"]):not([data-s="3"]) .rw:nth-child(n+3) .tr i{background:linear-gradient(90deg,var(--pc) 70%,var(--pk))}

/* najlepsze funkcje */
.cv-fn{left:50%;top:50%;width:25em;transform:translate(-50%,-50%);gap:.35em!important}
.cv-fn .tt{display:flex;align-items:center;gap:.6em;padding-bottom:.4em;border-bottom:1px solid rgba(255,255,255,.08);font:500 1em Outfit,sans-serif;color:#fff}
.cv-fn .tt .cb{width:1em;height:1em;border:1px solid var(--mt);border-radius:.15em}
.cv-fn .pa{display:flex;align-items:center;gap:.55em;padding:.45em .6em;border-radius:.4em;border:1px solid transparent;font-size:.82em;color:#e6e6e8;transition:background .5s,border-color .5s,opacity .5s;opacity:.55}
.cv-fn .pa .lb{color:var(--mt);font-size:.9em}
.cv-fn .pa .lb~.lb{margin-left:auto}
.cv-fn .pa .cv-bar{flex:1}
.cv-fn .pa .cv-bar i{width:var(--p);background:var(--cy)}
.cv-fn .pa .ss{padding:.15em .55em;border-radius:999px;background:rgba(255,160,0,.18);color:#FFC24D;font-size:.9em}
.cv-fn .pa .bub{padding:.35em .7em;border-radius:.55em .55em .55em .15em;background:rgba(98,99,105,.6)}
.cv-funkcje[data-s="0"] .fp0,.cv-funkcje[data-s="1"] .fp1,.cv-funkcje[data-s="2"] .fp2,.cv-funkcje[data-s="3"] .fp3,.cv-funkcje[data-s="4"] .fp4{opacity:1;background:rgba(125,50,231,.3);border-color:rgba(141,63,242,.75)}
.cv-fn .flg{align-self:flex-start;margin-top:.35em;padding:.4em .9em;border-radius:999px;background:#7230E4;color:#fff;font-size:.76em}

@media (prefers-reduced-motion:reduce){.cv-x *{transition:none!important;animation:none!important}}

/* własny serwer czy chmura */
.cv-ws-adr{left:50%;top:.9em;transform:translateX(-50%);display:flex;align-items:center;gap:.5em;padding:.45em 1.1em;border-radius:999px;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.14);white-space:nowrap;transition:border-color .6s}
.cv-ws-adr svg{width:.8em;height:.8em;fill:none;stroke:var(--mt);stroke-width:1.3;transition:stroke .6s}
.cv-ws-adr span{font-size:.82em;color:#e6e6e8}
.cv-serwer[data-s="2"] .cv-ws-adr{border-color:rgba(68,212,236,.6)}
.cv-serwer[data-s="2"] .cv-ws-adr svg{stroke:var(--cy)}
.cv-ws-box{top:3.6em;width:10.4em;height:14em;box-sizing:border-box;align-items:center;transition:opacity .8s,border-color .8s,box-shadow .8s}
.cv-ws-l{left:1.4em}.cv-ws-p{left:22.2em}
.cv-ws-box b{font-size:.9em;color:#fff}
.cv-ws-box small{font-size:.7em;color:var(--mt)}
.cv-ws-ik{width:1.8em;height:1.8em;fill:none;stroke:#c9cad0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .8s}
.cv-serwer[data-s="2"] .cv-ws-l{opacity:.4}
.cv-serwer[data-s="2"] .cv-ws-p{border-color:rgba(68,212,236,.55);box-shadow:0 0 2.4em -.6em rgba(68,212,236,.55)}
.cv-serwer[data-s="2"] .cv-ws-p .cv-ws-ik{stroke:var(--cy)}
.cv-ws-dane{left:2.6em;top:calc(9.2em + var(--i) * 2.05em);width:8em;height:1.8em;box-sizing:border-box;display:flex;align-items:center;padding:0 .6em;border-radius:.32em;background:rgba(98,99,105,.62);border-left:.22em solid var(--pc);transition:transform 1.1s var(--e) calc(var(--i) * 180ms)}
.cv-ws-tx{font-size:.8em;color:#f1f1f2}
.cv-serwer:not([data-s="0"]) .cv-ws-dane{transform:translateX(20.8em)}
.cv-ws-pod{left:50%;top:18.1em;transform:translateX(-50%);white-space:nowrap;font:500 1em/1.2 Outfit,sans-serif;color:#fff}

/* zadania pracowników */
.cv-kr-zs{left:1.2em;top:50%;width:17.4em;transform:translateY(-50%);gap:.5em!important}
.cv-kr-os{display:flex;align-items:center;gap:.6em;padding:.3em .4em;border-radius:.35em;transition:background .6s}
.cv-kr-im{width:4.4em;flex:none;font-size:.84em;color:#e6e6e8}
.cv-kr-os .cv-bar{flex:1}
.cv-kr-os b{width:1.4em;text-align:right;font-size:.84em;color:#fff}
.cv-kierownik[data-s="0"] .cv-kr-os .cv-bar i{animation:cvKrG 1.2s var(--e) calc(var(--i) * 120ms) backwards}
@keyframes cvKrG{from{width:0}}
.cv-kierownik[data-s="0"] .cv-kr-max{background:rgba(125,50,231,.3)}
.cv-kierownik:not([data-s="0"]) .cv-kr-max{background:rgba(244,67,54,.16)}
.cv-kierownik:not([data-s="0"]) .cv-kr-max .cv-bar i{background:#F44336}
.cv-kr-q{left:20.2em;top:50%;width:12.6em;transform:translateY(-50%);display:flex;flex-direction:column;gap:.55em}
.cv-kr-q small{font-size:.7em;color:var(--cy)}
.cv-kr-q b{font:500 1.35em/1.15 Outfit,sans-serif;color:#fff}
.cv-kr-od{padding:.55em .7em;border-left:2px solid var(--vi);background:rgba(255,255,255,.05);font-size:.78em;line-height:1.3;color:var(--md)}
.cv-kr-q .cv-kr-zad{opacity:0;transform:translateY(.6em);transition:opacity .6s,transform .8s var(--e)}
.cv-kierownik[data-s="2"] .cv-kr-zad{opacity:1;transform:none}

/* zadania w zespole: jedna osoba, termin, gotowe */
.cv-wl-z{left:50%;top:1.4em;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5em;white-space:nowrap}
.cv-wl-z b{font:500 1.5em/1.1 Outfit,sans-serif;color:#fff}
.cv-wl-kr{display:flex;gap:.4em}
.cv-wl-kr i{width:1.8em;height:.3em;border-radius:99px;background:rgba(255,255,255,.15);transition:background .5s}
.cv-wlasciciel:not([data-s="0"]) .cv-wl-kr i:nth-child(1),.cv-wlasciciel:is([data-s="2"],[data-s="3"]) .cv-wl-kr i:nth-child(2),.cv-wlasciciel[data-s="3"] .cv-wl-kr i:nth-child(3){background:var(--cy)}
.cv-wl-k{left:50%;top:5.9em;width:21em;transform:translateX(-50%);gap:.5em!important}
.cv-wl-rw{display:flex;align-items:center;gap:.6em;min-height:2.1em;padding:0 .4em;border-radius:.35em;transition:background .6s}
.cv-wlasciciel[data-s="1"] .cv-wl-k>:nth-child(2),.cv-wlasciciel[data-s="2"] .cv-wl-k>:nth-child(3),.cv-wlasciciel[data-s="3"] .cv-wl-k>:nth-child(4){background:rgba(125,50,231,.3)}
.cv-wl-lb{width:4.6em;flex:none;font-size:.74em;color:var(--mt)}
.cv-wl-av{display:flex;margin-right:.45em}
.cv-wl-av .cv-av{margin-right:-.45em;box-shadow:0 0 0 2px #2a2b31;transition:opacity .6s,transform .8s var(--e),margin .8s var(--e)}
.cv-wlasciciel:not([data-s="0"]) .cv-wl-x{opacity:0;transform:scale(.4);margin-right:-2.1em}
.cv-wl-w{font-size:.86em;color:#e6e6e8}
.cv-wl-tm{padding:.15em .65em;border-radius:999px;background:rgba(244,67,54,.2);color:#FF8A80;transition:background .6s,color .6s}
.cv-wlasciciel:is([data-s="2"],[data-s="3"]) .cv-wl-tm{background:rgba(68,212,236,.16);color:#fff}
.cv-wl-ok{position:relative;width:1em;height:1em;flex:none;border:1px solid #9a9ca1;border-radius:.2em;transition:background .5s,border-color .5s}
.cv-wl-ok::after{content:"";position:absolute;left:.32em;top:.12em;width:.25em;height:.5em;border:solid #fff;border-width:0 .12em .12em 0;transform:rotate(45deg);opacity:0;transition:opacity .4s .2s}
.cv-wlasciciel[data-s="3"] .cv-wl-ok{background:#4CAF50;border-color:#4CAF50}
.cv-wlasciciel[data-s="3"] .cv-wl-ok::after{opacity:1}
.cv-wlasciciel:not([data-s="3"]) .cv-wl-k>:nth-child(4) .cv-wl-w{color:var(--mt)}

/* wykres Gantta: jak czytać */
.cv-gc-k{left:50%;top:.75em;transform:translateX(-50%);white-space:nowrap;font:500 1.25em/1.2 Outfit,sans-serif;color:#fff}
.cv-gc{left:50%;top:3.5em;width:30em;transform:translateX(-50%);gap:.3em!important}
.cv-gc-rw{display:grid;grid-template-columns:6.2em minmax(0,1fr);align-items:center}
.cv-gc-dn{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));font-size:.62em;color:var(--mt)}
.cv-gc-dn i{font-style:normal;padding-left:.35em;border-left:1px solid rgba(255,255,255,.1)}
.cv-gc-dn i:nth-child(6){border-left-color:rgba(255,255,255,.32)}
.cv-gc-ar{position:relative;display:flex;flex-direction:column;gap:.3em}
.cv-gc-nm{font-size:.8em;color:#e6e6e8}
.cv-gc-tr{position:relative;height:1.75em;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.05) calc(10% - 1px) 10%)}
.cv-gc-br{position:absolute;left:var(--x);top:.3em;width:var(--w);height:1.15em;border-radius:.3em;background:var(--pc);opacity:.85;transition:box-shadow .6s,background .6s}
.cv-gc-sp{background:linear-gradient(90deg,var(--pc) 65%,rgba(255,255,255,.2) 65%)}
.cv-gantt-czytanie:not([data-s="0"]) .cv-gc-sp{background:linear-gradient(90deg,#F44336 65%,rgba(244,67,54,.3) 65%);box-shadow:0 0 .9em rgba(244,67,54,.6);opacity:1}
.cv-gc-km{position:absolute;left:var(--x);top:50%;width:.95em;height:.95em;margin:-.475em 0 0 -.475em;background:var(--cy);transform:rotate(45deg);border-radius:.12em}
.cv-gc-zl{position:absolute;left:var(--x);bottom:50%;width:var(--w);height:2.05em;border-left:1.5px solid var(--cy);border-bottom:1.5px solid var(--cy);border-bottom-left-radius:.3em;opacity:0;transition:opacity .6s}
.cv-gc-zl::after{content:"";position:absolute;right:-.25em;bottom:-.34em;border:.3em solid transparent;border-left:.4em solid var(--cy);border-right:0}
.cv-gantt-czytanie:is([data-s="2"],[data-s="3"]) .cv-gc-zl{opacity:1}
.cv-gc-zp{position:absolute;left:90%;top:50%;width:10%;border-top:1.5px dashed var(--cy);opacity:0;transition:opacity .6s}
.cv-gc-zp span{position:absolute;right:0;bottom:1.15em;white-space:nowrap;font-size:.62em;color:var(--cy)}
.cv-gantt-czytanie[data-s="3"] .cv-gc-zp{opacity:1}
.cv-gc-dz,.cv-gc-te{position:absolute;top:-.2em;bottom:-.2em;width:0}
.cv-gc-dz{left:calc(6.2em + (100% - 6.2em) * .35);border-left:1.5px solid var(--pk)}
.cv-gc-te{left:100%;border-left:1.5px dashed rgba(248,77,136,.7)}
.cv-gc-dz span,.cv-gc-te span{position:absolute;left:0;bottom:-1.6em;transform:translateX(-50%);white-space:nowrap;padding:.1em .45em;border-radius:.2em;font-size:.62em}
.cv-gc-dz span{background:var(--pk);color:#fff}
.cv-gc-te span{color:var(--pk)}
.cv-gantt-czytanie[data-s="0"] .cv-gc-dz{animation:cvGcD 1.2s var(--e) backwards}
@keyframes cvGcD{from{left:6.2em;opacity:0}}
.cv-gc-te span{transform:translateX(-85%)}

/* koszt programu: od osoby czy stała */
.cv-koszt{--n:5;--wo:21%}.cv-koszt[data-s="1"]{--n:10;--wo:42%}.cv-koszt[data-s="2"]{--n:20;--wo:84%}
.cv-ko-ze{left:50%;top:1.5em;transform:translateX(-50%);display:flex;padding-left:.45em}
.cv-ko-ze .cv-av{margin-left:-.45em;box-shadow:0 0 0 2px #1d1e23;opacity:clamp(0, calc(var(--n) - var(--i)), 1);transform:scale(calc(.5 + .5 * clamp(0, calc(var(--n) - var(--i)), 1)));transition:opacity .5s calc(var(--i) * 30ms),transform .6s var(--e) calc(var(--i) * 30ms)}
.cv-ko-n{left:50%;top:4.4em;transform:translateX(-50%);display:flex;align-items:baseline;gap:.4em;white-space:nowrap}
.cv-ko-n b{font:500 2.4em/1 Outfit,sans-serif;color:#fff}
.cv-ko-n span{font-size:.9em;color:var(--md)}
.cv-ko-p{left:50%;top:8.8em;width:27em;transform:translateX(-50%);gap:.75em!important}
.cv-ko-rw{display:grid;grid-template-columns:8.6em minmax(0,1fr) 4.4em;align-items:center;gap:.7em}
.cv-ko-lb{font-size:.84em;color:#e6e6e8}
.cv-ko-tr{height:1.1em;border-radius:.3em;background:rgba(255,255,255,.07);overflow:hidden}
.cv-ko-tr i{display:block;height:100%;border-radius:inherit;transition:width 1.1s var(--e)}
.cv-ko-os i{width:var(--wo);background:linear-gradient(90deg,#FFA000,#F44336)}
.cv-ko-st i{width:42%;background:linear-gradient(90deg,var(--cy),var(--vi))}
.cv-ko-rw b{text-align:right;font-size:.84em;color:#fff}
.cv-ko-os b{color:#FFC24D}

/* alternatywa dla Jiry: słownik zespołu */
.cv-sl-h{left:50%;top:1.2em;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3em;white-space:nowrap}
.cv-sl-h small{font-size:.72em;color:var(--cy)}
.cv-sl-h b{font:500 1.5em/1.1 Outfit,sans-serif;color:#fff}
.cv-sl-k{left:50%;top:5.6em;width:22em;transform:translateX(-50%);gap:.45em!important}
.cv-sl-rw{display:grid;grid-template-columns:7.6em minmax(0,1fr);align-items:center;gap:.7em;min-height:2.1em}
.cv-sl-lb{justify-self:start;padding:.25em .65em;border-radius:.3em;font-size:.76em;background:rgba(255,255,255,.08);color:var(--md);font-family:ui-monospace,Menlo,monospace;transition:background .6s calc(var(--i) * 160ms),color .6s calc(var(--i) * 160ms)}
.cv-slownik[data-s="1"] .cv-sl-lb{background:rgba(125,50,231,.55);color:#fff;font-family:inherit}
.cv-sl-w{min-width:0;font-size:.86em;color:#e6e6e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-slownik .cv-sl-rw [data-v]{animation-delay:calc(var(--i) * 160ms);animation-fill-mode:backwards}

/* ranking według rodzaju zespołu */
.cv-dla-kogo{--dk:#2D8CEB}.cv-dla-kogo[data-s="1"]{--dk:#0B5CD5}.cv-dla-kogo[data-s="2"]{--dk:#8D3FF2}
.cv-dk-tb{left:50%;top:1.5em;width:25em;transform:translateX(-50%);display:flex;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}
.cv-dk-tb span{position:relative;z-index:1;flex:1;text-align:center;padding:.5em 0;font-size:.76em;color:var(--md);transition:color .5s}
.cv-dk-tb i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:999px;background:#7230E4;transition:transform .7s var(--e)}
.cv-dla-kogo[data-s="1"] .cv-dk-tb i{transform:translateX(100%)}.cv-dla-kogo[data-s="2"] .cv-dk-tb i{transform:translateX(200%)}
.cv-dla-kogo[data-s="0"] .cv-dk-tb span:nth-child(1),.cv-dla-kogo[data-s="1"] .cv-dk-tb span:nth-child(2),.cv-dla-kogo[data-s="2"] .cv-dk-tb span:nth-child(3){color:#fff}
.cv-dk-k{left:50%;top:5.3em;width:20em;transform:translateX(-50%);gap:.65em!important;padding:1.1em!important}
.cv-dk-k small{font-size:.7em;color:var(--cy)}
.cv-dk-nz{display:flex;align-items:center;gap:.7em}
.cv-dk-nz i{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.5em;font-style:normal;font-weight:700;font-size:.8em;color:#fff;background:var(--dk);transition:background .6s}
.cv-dk-nz b{font:500 1.6em/1 Outfit,sans-serif;color:#fff}
.cv-dk-c{display:flex;align-items:center;gap:.55em;font-size:.84em;color:#e6e6e8}
.cv-dk-c::before{content:"";flex:none;width:.4em;height:.75em;margin:0 .25em 0 .2em;border:solid #4CAF50;border-width:0 .14em .14em 0;transform:rotate(45deg) translateY(-.1em)}
.cv-dk-p{left:50%;top:21.6em;transform:translateX(-50%);white-space:nowrap;font-size:.8em;color:var(--mt)}

/* Asana czy Trello: tablica i lista */
.cv-tl-sw{left:50%;top:1.2em;width:18em;transform:translateX(-50%);display:flex;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}
.cv-tl-sw span{position:relative;z-index:1;flex:1;text-align:center;padding:.5em 0;font-size:.76em;color:var(--md);transition:color .5s}
.cv-tl-sw i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 2);border-radius:999px;background:#7230E4;transition:transform .7s var(--e)}
.cv-tablica-lista[data-s="1"] .cv-tl-sw i{transform:translateX(100%)}
.cv-tablica-lista[data-s="0"] .cv-tl-sw span:nth-child(1),.cv-tablica-lista[data-s="1"] .cv-tl-sw span:nth-child(2){color:#fff}
.cv-tl-ar{left:2em;top:4.3em;width:30em;height:12.6em}
.cv-tl-kol{position:absolute;left:calc(var(--c) * 10.2em);top:0;width:9.6em;padding-bottom:.3em;border-bottom:1px solid rgba(255,255,255,.14);transition:opacity .5s}
.cv-tl-kol span{font-size:.7em;color:var(--mt)}
.cv-tablica-lista[data-s="1"] .cv-tl-kol{opacity:0}
.cv-tl-ar .cv-tl-z{position:absolute;left:0;top:0;width:9.6em;box-sizing:border-box;font-size:1em;padding:.5em .55em;transform:translate(calc(var(--c) * 10.2em),calc(1.8em + var(--r) * 2.5em));transition:transform 1s var(--e),width 1s var(--e)}
.cv-tl-z .tt{font-size:.84em}
.cv-tl-z .cb{width:.84em;height:.84em}
.cv-tablica-lista[data-s="1"] .cv-tl-z{width:30em;transform:translate(0,calc(var(--l) * 2.45em))}
.cv-tl-mt{position:absolute;right:.6em;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5em;opacity:0;transition:opacity .5s}
.cv-tl-mt span{font-size:.76em;color:var(--md)}
.cv-tablica-lista[data-s="1"] .cv-tl-mt{opacity:1;transition-delay:.6s}
.cv-tl-pd{left:50%;top:17.8em;transform:translateX(-50%);white-space:nowrap;font:500 1em/1.2 Outfit,sans-serif;color:#fff}

/* wybór programu do zadań: trzy pytania kierownika */
.cv-tp-sz{left:50%;top:1.2em;width:26em;transform:translateX(-50%);box-sizing:border-box;display:flex;align-items:center;gap:.6em;padding:.55em .9em;border-radius:999px;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.16)}
.cv-tp-sz svg{width:1em;height:1em;flex:none;fill:none;stroke:var(--md);stroke-width:1.5;stroke-linecap:round}
.cv-tp-q{flex:1;min-width:0;font:500 .92em/1.2 Outfit,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-tp-tag{align-items:center;gap:.35em;opacity:0;transform:scale(.6);transition:opacity .5s .3s,transform .6s var(--e) .3s}
.cv-trzy-pytania[data-s="2"] .cv-tp-tag{opacity:1;transform:none}
.cv-tp-p{left:50%;top:4.4em;width:26em;height:14em;box-sizing:border-box;transform:translateX(-50%)}
.cv-tp-os,.cv-tp-ls{position:absolute;inset:.9em;transition:opacity .6s,transform .8s var(--e)}
.cv-tp-os{display:flex;flex-direction:column;justify-content:center;gap:.9em}
.cv-trzy-pytania:not([data-s="0"]) .cv-tp-os{opacity:0;transform:translateY(-.8em);pointer-events:none}
.cv-trzy-pytania[data-s="0"] .cv-tp-ls{opacity:0;transform:translateY(.8em)}
.cv-tp-ob{display:flex;align-items:center;gap:.6em}
.cv-tp-im{width:4.4em;flex:none;font-size:.86em;color:#e6e6e8}
.cv-tp-ob .cv-bar{flex:1;height:.55em}
.cv-tp-ob b{width:1.4em;text-align:right;font-size:.86em;color:#fff}
.cv-tp-ob:first-child .cv-bar i{background:linear-gradient(90deg,var(--vi),var(--pk))}
.cv-trzy-pytania[data-s="0"] .cv-tp-ob .cv-bar i{animation:cvKrG 1.2s var(--e) calc(var(--i) * 140ms) backwards}
.cv-tp-ls .cv-tp-z{position:absolute;left:0;right:0;top:0;font-size:1em;padding:.5em .6em;transform:translateY(calc(var(--r) * 2.4em));transition:transform .9s var(--e),opacity .5s,filter .5s}
.cv-tp-z .tt{font-size:.84em}
.cv-tp-z .cb{width:.84em;height:.84em}
.cv-tp-pr,.cv-tp-st{position:absolute;right:.6em;top:50%;transform:translateY(-50%);padding:.2em .6em;border-radius:999px;font-size:.66em;white-space:nowrap;opacity:0;transition:opacity .5s}
.cv-tp-pr{background:rgba(244,67,54,.25);color:#FF8A80}
.cv-tp-st{background:rgba(255,160,0,.2);color:#FFC24D}
.cv-trzy-pytania[data-s="1"] .cv-tp-sp .cv-tp-pr{opacity:1}
.cv-trzy-pytania[data-s="1"] .cv-tp-z:not(.cv-tp-sp){opacity:.3;filter:saturate(.3)}
.cv-trzy-pytania[data-s="2"] .cv-tp-kl{transform:translateY(calc(2.4em + var(--r2) * 2.4em))}
.cv-trzy-pytania[data-s="2"] .cv-tp-kl .cv-tp-st{opacity:1;transition-delay:.5s}
.cv-trzy-pytania[data-s="2"] .cv-tp-x{opacity:0;transform:translateY(calc(var(--r) * 2.4em)) translateX(1.5em)}
.cv-tp-tl{font-size:.72em;color:#7FE3F2}

/* delegowanie zadań: zlecenie tam i z powrotem */
.cv-dg-t{left:50%;top:.8em;transform:translateX(-50%);white-space:nowrap;font:500 1.35em/1.2 Outfit,sans-serif;color:#fff}
.cv-dg-lt,.cv-dg-wr{left:4.2em;width:25.6em;height:0}
.cv-dg-lt{top:8.6em;border-top:1.5px solid rgba(255,255,255,.22)}
.cv-dg-lt::after{content:"";position:absolute;right:-.1em;top:-.38em;border:.3em solid transparent;border-left:.45em solid rgba(255,255,255,.4);border-right:0}
.cv-dg-wr{top:18.2em;border-top:1.5px dashed rgba(255,255,255,.28);transition:border-color .6s}
.cv-dg-wr::after{content:"";position:absolute;left:-.1em;top:-.38em;border:.3em solid transparent;border-right:.45em solid rgba(255,255,255,.4);border-left:0}
.cv-delegowanie[data-s="2"] .cv-dg-wr{border-top-color:rgba(76,175,80,.7)}
.cv-dg-o{top:6.9em;width:5em;display:flex;flex-direction:column;align-items:center;gap:.2em;text-align:center}
.cv-dg-oa{left:.4em}
.cv-dg-ok{right:.4em}
.cv-dg-o .cv-av{font-size:1.25em;box-shadow:0 0 0 3px #1d1e23}
.cv-dg-o b{font-size:.86em;color:#fff}
.cv-dg-o small{font-size:.66em;color:var(--mt)}
.cv-dg-zl{left:50%;top:3.5em;width:17em;transform:translateX(-50%);box-sizing:border-box;gap:0!important}
.cv-dg-hd{font-size:.68em;color:var(--cy);padding-bottom:.5em}
.cv-dg-zl .cv-task{padding:.5em .6em}
.cv-dg-rw{display:grid;grid-template-columns:4.6em minmax(0,1fr);align-items:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .7s var(--e) calc(var(--i) * 120ms),opacity .5s calc(var(--i) * 120ms),margin .7s var(--e) calc(var(--i) * 120ms)}
.cv-delegowanie:not([data-s="0"]) .cv-dg-rw{max-height:2em;opacity:1;margin-top:.55em}
.cv-dg-lb{font-size:.72em;color:var(--mt)}
.cv-dg-w{font-size:.82em;color:#e6e6e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-dg-rw:last-child .cv-dg-w{color:#7FE3F2}
.cv-dg-kp{left:17em;top:18.2em;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-.36em);opacity:0;transition:opacity .5s}
.cv-dg-kp i{width:.72em;height:.72em;border-radius:50%;background:var(--cy);box-shadow:0 0 .8em rgba(68,212,236,.8)}
.cv-dg-kp span{margin-top:.3em;font-size:.64em;color:#7FE3F2;white-space:nowrap}
.cv-delegowanie[data-s="2"] .cv-dg-kp{opacity:1}
/* położenie liczone w em własnego fontu (.78) */
.cv-dg-wy{left:5.9em;top:22.4em;padding:.3em .8em;border-radius:999px;font-size:.78em;white-space:nowrap;background:rgba(244,67,54,.25);color:#FF8A80;transition:opacity .4s,background .5s,color .5s}
.cv-delegowanie[data-s="0"] .cv-dg-wy{animation:cvDgR0 1.3s var(--e) .3s backwards}
.cv-delegowanie[data-s="1"] .cv-dg-wy{opacity:0}
.cv-delegowanie[data-s="2"] .cv-dg-wy{background:rgba(76,175,80,.28);color:#C8F2CA;animation:cvDgR2 1.3s var(--e) .3s backwards}
@keyframes cvDgR0{from{transform:translateX(22em);opacity:0}}
@keyframes cvDgR2{from{transform:translateX(22em);opacity:0}}

/* program do delegowania zadań: komu dać i co dalej */
.cv-pz-t{left:50%;top:.8em;transform:translateX(-50%);white-space:nowrap;font:500 1.35em/1.2 Outfit,sans-serif;color:#fff}
.cv-pz-k{left:calc(1.6em + var(--i) * 10.7em);top:6.4em;width:9.4em;height:13.2em;display:flex;flex-direction:column;border-radius:.45em;transition:background .6s}
.cv-przydzial[data-s="1"] .cv-pz-me{background:rgba(125,50,231,.22)}
.cv-pz-s{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.3em;padding:0 .6em .5em}
.cv-pz-s i{display:block;height:.9em;border-radius:.2em;background:rgba(255,255,255,.1);border-left:.2em solid var(--c)}
.cv-pz-os{display:flex;align-items:center;gap:.5em;padding:.5em .6em;border-top:1px solid rgba(255,255,255,.14)}
.cv-pz-os span{flex:1;min-width:0;font-size:.84em;color:#e6e6e8}
.cv-pz-os b{font-size:.84em;color:#fff}
.cv-pz-km{left:11.7em;top:6.9em;width:11em;box-sizing:border-box;display:flex;align-items:center;gap:.5em;padding:.4em .6em;border-radius:.5em .5em .5em .1em;background:rgba(36,37,43,.92);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(.6em);transition:opacity .5s,transform .7s var(--e)}
.cv-pz-km span{font-size:.72em;line-height:1.25;color:#e6e6e8}
.cv-przydzial[data-s="2"] .cv-pz-km{opacity:1;transform:none;transition-delay:.5s}
.cv-x .cv-pz-z{left:9.5em;top:3.6em;width:15em;box-sizing:border-box;font-size:1em;padding:.55em .6em;flex-wrap:wrap;row-gap:.35em;transition:left .9s var(--e),top .9s var(--e),width .9s var(--e),opacity .5s}
.cv-pz-z .tt{font-size:.84em}
.cv-pz-z .cb{width:.84em;height:.84em}
.cv-przydzial:not([data-s="0"]) .cv-pz-z{left:12.3em;top:10.2em;width:9.4em}
.cv-pz-tm{font-size:.66em;color:#FFC24D}
.cv-przydzial:not([data-s="0"]) .cv-pz-tm{display:none}
.cv-pz-pg{display:block;flex-basis:100%;height:0;opacity:0;transition:height .5s,opacity .5s;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.cv-pz-pg i{display:block;height:100%;width:0;background:#4CAF50;border-radius:inherit;transition:width 1.1s var(--e) .4s}
.cv-przydzial[data-s="2"] .cv-pz-pg{height:.3em;opacity:1}
.cv-przydzial[data-s="2"] .cv-pz-pg i{width:60%}

/* wdrożenie programu do zadań: zadania przenoszą się z maila i czatu do programu */
.cv-wz-h{left:50%;top:1.3em;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.25em;white-space:nowrap}
.cv-wz-h small{font-size:.72em;color:var(--cy)}
.cv-wz-h b{font:500 1.5em/1.1 Outfit,sans-serif;color:#fff}
.cv-wz-ar{left:2em;top:5.1em;width:30em;height:9.2em}
.cv-wz-kol{position:absolute;left:calc(var(--c) * 10.2em);top:0;width:9.6em;height:100%;box-sizing:border-box;border-radius:.5em;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .7s,border-color .7s,box-shadow .7s}
.cv-wz-nz{position:absolute;left:.7em;right:.7em;top:.55em;display:flex;justify-content:space-between;font-size:.76em;color:var(--md)}
.cv-wz-nz b{color:#fff}
.cv-wz-kol:last-child{background:rgba(125,50,231,.12);border-color:rgba(141,63,242,.35)}
.cv-wdrozenie-zespolu[data-s="2"] .cv-wz-kol:last-child{background:rgba(125,50,231,.22);box-shadow:0 0 1.6em rgba(141,63,242,.45)}
.cv-wdrozenie-zespolu[data-s="2"] .cv-wz-kol:not(:last-child){opacity:.55}
.cv-wz-z{position:absolute;left:0;top:0;width:1.95em;height:1.75em;box-sizing:border-box;border-radius:.28em;background:rgba(98,99,105,.7);border-left:.22em solid var(--pc);transform:translate(var(--x0),var(--y0));transition:transform 1s var(--e) calc(var(--i) * 55ms)}
.cv-wz-z::after{content:"";position:absolute;left:.3em;right:.35em;top:.55em;height:.18em;border-radius:99px;background:rgba(255,255,255,.45);box-shadow:0 .38em 0 rgba(255,255,255,.25)}
.cv-wdrozenie-zespolu[data-s="1"] .cv-wz-z{transform:translate(var(--x1),var(--y1))}
.cv-wdrozenie-zespolu[data-s="2"] .cv-wz-z{transform:translate(var(--x2),var(--y2))}
.cv-wz-os{left:50%;top:15.6em;transform:translateX(-50%);display:flex;align-items:center;gap:.9em;white-space:nowrap}
.cv-wz-av{display:flex;padding-left:.4em}
.cv-wz-av .cv-av{margin-left:-.4em;box-shadow:0 0 0 2px #1d1e23;transition:opacity .6s,filter .6s}
.cv-wz-tx{font-size:.86em;color:var(--md)}
.cv-wz-tx b{color:#fff}
.cv-wdrozenie-zespolu[data-s="0"] :is(.cv-wz-o1,.cv-wz-o2,.cv-wz-o3,.cv-wz-o4),.cv-wdrozenie-zespolu[data-s="1"] :is(.cv-wz-o3,.cv-wz-o4){opacity:.3;filter:grayscale(1)}

/* alternatywa dla Asany: powód zmiany i program, który go rozwiązuje */
.cv-as-lb{top:1.2em;font-size:.74em;color:var(--cy);white-space:nowrap}
.cv-as-lb1{left:1.62em}
.cv-as-lb2{left:26.2em}
.cv-as-l,.cv-as-p{top:calc(3.3em + var(--r) * 3.9em);width:13.4em;height:3em;box-sizing:border-box;display:flex;align-items:center;gap:.6em;padding:0 .8em;border-radius:.45em;background:rgba(36,37,43,.8);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .5s,background .5s,border-color .5s}
.cv-as-l{left:1.2em}
.cv-as-p{left:19.4em;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15em}
.cv-as-l i{display:grid;place-items:center;flex:none;width:1.6em;height:1.6em;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-style:normal;font-size:.7em;font-weight:700;transition:background .5s}
.cv-as-l span{font-size:.78em;color:#e6e6e8;white-space:nowrap}
.cv-as-p b{font:500 1em/1.1 Outfit,sans-serif;color:#fff}
.cv-as-p span{font-size:.72em;color:var(--md);white-space:nowrap}
.cv-as-ln{left:14.6em;top:3.3em;width:4.8em;height:14.7em}
.cv-as-ln path{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.2;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s var(--e),stroke .5s}
.cv-powod-zmiany:not([data-s="4"]) :is(.cv-as-l,.cv-as-p){opacity:.4}
.cv-powod-zmiany[data-s="0"] .cv-as-k0,.cv-powod-zmiany[data-s="1"] .cv-as-k1,.cv-powod-zmiany[data-s="2"] .cv-as-k2,.cv-powod-zmiany[data-s="3"] .cv-as-k3{opacity:1;border-color:rgba(68,212,236,.55);stroke:var(--cy);stroke-dashoffset:0}
.cv-powod-zmiany[data-s="0"] .cv-as-k0 i,.cv-powod-zmiany[data-s="1"] .cv-as-k1 i,.cv-powod-zmiany[data-s="2"] .cv-as-k2 i,.cv-powod-zmiany[data-s="3"] .cv-as-k3 i,.cv-powod-zmiany[data-s="4"] .cv-as-l i{background:#7230E4}
.cv-powod-zmiany[data-s="4"] .cv-as-ln path{stroke:rgba(68,212,236,.7);stroke-dashoffset:0}
.cv-powod-zmiany[data-s="4"] .cv-as-ln .cv-as-k3,.cv-powod-zmiany:is([data-s="3"],[data-s="4"]) .cv-as-ln .cv-as-k3{stroke:var(--vi);stroke-width:1.6}
.cv-powod-zmiany:is([data-s="3"],[data-s="4"]) :is(.cv-as-l,.cv-as-p).cv-as-k3{background:rgba(125,50,231,.42);border-color:rgba(141,63,242,.8)}

/* harmonogram projektu: tabela liczy daty, opóźnienie przesuwa koniec */
.cv-hp-k{left:50%;top:.8em;transform:translateX(-50%);white-space:nowrap;font:500 1.25em/1.2 Outfit,sans-serif;color:#fff}
.cv-hp-p{left:50%;top:3.5em;width:30em;box-sizing:border-box;transform:translateX(-50%);gap:0!important;padding:.7em .9em!important}
.cv-hp-rw{display:grid;grid-template-columns:minmax(0,1fr) 4.6em 2.6em 5.4em 5.4em;align-items:center;gap:.5em;min-height:1.95em;border-bottom:1px solid rgba(255,255,255,.07)}
.cv-hp-hd{min-height:1.7em;border-bottom-color:rgba(255,255,255,.16)}
.cv-hp-hd span{font-size:.68em;color:var(--mt)}
.cv-hp-nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8em;color:#e6e6e8}
.cv-hp-os{font-size:.74em;color:var(--md)}
.cv-hp-c{justify-self:start;padding:.1em .4em;border-radius:.25em;font-size:.76em;color:#fff;font-variant-numeric:tabular-nums;transition:background .6s,color .6s}
.cv-hp-dt{white-space:nowrap}
.cv-harmonogram-tabela[data-s="0"] .cv-hp-dt{color:var(--mt)}
.cv-harmonogram-tabela[data-s="1"] .cv-hp-dt{background:rgba(68,212,236,.12)}
.cv-harmonogram-tabela .cv-hp-dt[data-v]{animation-delay:calc(var(--i) * 140ms);animation-fill-mode:backwards}
.cv-harmonogram-tabela[data-s="2"] .cv-hp-zd{background:rgba(255,160,0,.3);color:#FFC24D}
.cv-harmonogram-tabela[data-s="2"] .cv-hp-zm{background:rgba(248,77,136,.22);color:#FF9DBF}
.cv-hp-st{display:flex;align-items:center;gap:.8em;padding-top:.6em;white-space:nowrap}
.cv-hp-sw{padding:.15em .55em;border-radius:999px;background:rgba(255,255,255,.08);font-size:.66em;color:var(--md)}
.cv-hp-te{font-size:.74em;color:var(--md)}
.cv-hp-zp{margin-left:auto;padding:.2em .7em;border-radius:999px;font-size:.76em;background:rgba(255,255,255,.08);color:var(--md);transition:background .6s,color .6s}
.cv-harmonogram-tabela[data-s="1"] .cv-hp-zp{background:rgba(76,175,80,.25);color:#9BE29E}
.cv-harmonogram-tabela[data-s="2"] .cv-hp-zp{background:rgba(244,67,54,.28);color:#FF8A80}

/* program budowlany: usterki na rzucie i zadania biura */
.cv-bd-k{left:50%;top:.8em;transform:translateX(-50%);white-space:nowrap;font:500 1.2em/1.2 Outfit,sans-serif;color:#fff}
.cv-bd-rz,.cv-bd-bi{top:3.4em;height:15.4em;box-sizing:border-box;transition:opacity .6s,filter .6s,transform .8s var(--e)}
.cv-bd-rz{left:1.3em;width:16.2em}
.cv-bd-bi{left:18.3em;width:14.4em;gap:.45em!important}
.cv-budowa-biuro[data-s="1"] .cv-bd-rz,.cv-budowa-biuro[data-s="0"] .cv-bd-bi{opacity:.35;filter:saturate(.3)}
.cv-budowa-biuro[data-s="0"] .cv-bd-rz,.cv-budowa-biuro[data-s="1"] .cv-bd-bi{transform:translateY(-.3em);box-shadow:0 0 0 1px rgba(141,63,242,.7),0 1.6em 3em -1.5em rgba(0,0,0,.85)}
.cv-bd-sv{display:block;width:100%;height:7.6em}
.cv-bd-sc{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2.2;stroke-linecap:square}
.cv-bd-sc:first-child{fill:rgba(255,255,255,.03)}
.cv-bd-dr{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1;stroke-dasharray:2 2}
.cv-bd-sv text{fill:var(--mt);font:500 7px Lato,sans-serif}
.cv-bd-pn circle{fill:var(--pk)}
.cv-bd-pn{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--e) calc(var(--i) * 150ms),opacity .4s calc(var(--i) * 150ms)}
.cv-budowa-biuro[data-s="1"] .cv-bd-pn{transform:scale(0);opacity:0}
.cv-bd-pn .cv-bd-rp{fill:none;stroke:var(--pk);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:cvBdR 2.2s calc(var(--i) * .5s) infinite}
@keyframes cvBdR{from{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}
.cv-bd-us{display:flex;align-items:center;gap:.55em;margin-top:.4em;padding:.4em .5em;border-radius:.35em;background:rgba(98,99,105,.62);border-left:.22em solid var(--pk);transition:opacity .5s,transform .7s var(--e)}
.cv-bd-us i{flex:none;width:2em;height:1.5em;border-radius:.2em;background:linear-gradient(135deg,#8a8f99,#4b4f57 60%,#6f747d)}
.cv-bd-us span{display:flex;flex-direction:column;min-width:0}
.cv-bd-us b{font-size:.8em;color:#fff}
.cv-bd-us small{font-size:.64em;color:var(--md);white-space:nowrap}
.cv-budowa-biuro[data-s="1"] .cv-bd-us{opacity:0;transform:translateY(.5em)}
.cv-bd-ln{margin-top:auto;font-size:.7em;color:var(--cy)}
.cv-bd-bi .cv-bd-z{position:relative;font-size:1em;padding:.5em .55em;transition:opacity .5s calc(var(--i) * 140ms),transform .7s var(--e) calc(var(--i) * 140ms)}
.cv-bd-z .tt{font-size:.78em}
.cv-bd-z .cb{width:.8em;height:.8em}
.cv-budowa-biuro[data-s="0"] .cv-bd-z{opacity:.5;transform:translateX(.6em)}
.cv-bd-mt{display:flex;align-items:center;gap:.4em;flex:none}
.cv-bd-mt .cv-av{font-size:.62em}
.cv-bd-mt span{font-size:.7em;color:var(--md)}

/* priorytetyzacja zadań: wszystko pilne, ocena wartości i czasu, kolejność */
.cv-po-k{left:50%;top:.95em;transform:translateX(-50%);white-space:nowrap;font:500 1.3em/1.2 Outfit,sans-serif;color:#fff}
.cv-po-p{left:50%;top:3.7em;width:29em;box-sizing:border-box;transform:translateX(-50%);padding:.8em .9em!important;gap:.45em!important}
.cv-po-hd{display:flex;align-items:center;gap:.6em;padding-right:.6em;color:var(--mt)}
.cv-po-hd span{font-size:.66em;width:5.15em;text-align:center}
.cv-po-hd span:first-child{flex:1;width:auto;text-align:left;padding-left:3.45em}
.cv-po-hd span:last-child{width:6.67em}
.cv-po-ls{position:relative;height:12.25em}
.cv-po-ls .cv-po-z{position:absolute;left:0;right:0;top:0;font-size:1em;padding:.5em .6em;transform:translateY(calc(var(--r0) * 2.45em));transition:transform 1s var(--e),opacity .6s,background .6s}
.cv-po-z .tt{font-size:.84em}
.cv-po-z .cb{width:.84em;height:.84em}
.cv-po-wa{display:flex;justify-content:center;gap:.28em;width:3.4em;flex:none;opacity:0;transition:opacity .5s}
.cv-po-wa i{width:.55em;height:.55em;border-radius:50%;background:rgba(255,255,255,.16)}
.cv-po-wa .cv-po-pe{background:var(--cy)}
.cv-po-cz{width:4.6em;flex:none;text-align:center;font-size:.74em;color:var(--md);opacity:0;transition:opacity .5s}
.cv-po-ch{width:6.67em;flex:none;box-sizing:border-box;text-align:center;padding:.25em 0;border-radius:999px;font-size:.66em;background:rgba(244,67,54,.25);color:#FF8A80;transition:background .5s,color .5s}
.cv-priorytety:not([data-s="0"]) .cv-po-wa{opacity:1}
.cv-priorytety:is([data-s="2"],[data-s="3"]) .cv-po-cz{opacity:1}
.cv-priorytety[data-s="3"] .cv-po-z{transform:translateY(calc(var(--r1) * 2.45em))}
.cv-priorytety[data-s="3"] .cv-po-ch{background:rgba(125,50,231,.55);color:#fff;font-weight:700}
.cv-priorytety[data-s="3"] .cv-po-pz{opacity:.4}
.cv-priorytety[data-s="3"] .cv-po-pz .cv-po-ch{background:rgba(255,255,255,.1);color:var(--md);font-weight:400}
.cv-priorytety[data-s="3"] .cv-po-1{background:rgba(125,50,231,.38)}

/* alternatywa dla Trello: tablice mnożą się, terminy zbierają się na jednej osi */
.cv-at-pd{left:50%;top:1em;transform:translateX(-50%);white-space:nowrap;font:500 1.25em/1.2 Outfit,sans-serif;color:#fff}
.cv-at-ar{left:2em;top:4em;width:30em;height:13.4em}
.cv-at-tb{position:absolute;left:calc(var(--c) * 10.2em);top:calc(var(--r) * 6.9em);width:9.6em;height:6.5em;box-sizing:border-box;display:flex;flex-direction:column;gap:.45em;padding:.5em .55em;border-radius:.45em;background:rgba(36,37,43,.85);border:1px solid rgba(255,255,255,.12);border-top:.2em solid var(--pc);transition:opacity .6s calc(var(--i) * 70ms),transform .9s var(--e) calc(var(--i) * 70ms)}
.cv-at-nz{font-size:.74em;color:#fff}
.cv-at-ko{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3em}
.cv-at-ko>span{display:flex;flex-direction:column;gap:.22em;padding:.22em;border-radius:.2em;background:rgba(255,255,255,.05)}
.cv-at-ko i{display:block;height:.55em;border-radius:.12em;background:rgba(255,255,255,.22);border-left:.18em solid var(--pc)}
.cv-wiele-tablic[data-s="0"] .cv-at-tb{opacity:0;transform:scale(.85)}
.cv-wiele-tablic[data-s="0"] .cv-at-tb:first-child{opacity:1;transform:translate(10.2em,3.45em) scale(1.8)}
.cv-wiele-tablic[data-s="2"] .cv-at-tb{opacity:0;transform:translateY(-1em) scale(.9)}
.cv-at-os{left:2em;top:4em;width:30em;box-sizing:border-box;gap:.3em!important;opacity:0;transform:translateY(1em);transition:opacity .7s .3s,transform .9s var(--e) .3s}
.cv-wiele-tablic[data-s="2"] .cv-at-os{opacity:1;transform:none}
.cv-at-rw{display:grid;grid-template-columns:6em minmax(0,1fr);align-items:center}
.cv-at-dn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:.62em;color:var(--mt)}
.cv-at-dn i{font-style:normal;padding-left:.35em;border-left:1px solid rgba(255,255,255,.12)}
.cv-at-rr{position:relative;display:flex;flex-direction:column;gap:.3em}
.cv-at-nm{font-size:.8em;color:#e6e6e8}
.cv-at-tr{position:relative;height:1.45em;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.06) calc(25% - 1px) 25%)}
.cv-at-br{position:absolute;left:var(--x);top:.28em;width:var(--w);height:.9em;border-radius:.3em;background:var(--pc);opacity:.85;transform-origin:left;transition:transform .9s var(--e) calc(.4s + var(--i) * 90ms)}
.cv-wiele-tablic:not([data-s="2"]) .cv-at-br{transform:scaleX(0)}
.cv-at-br.cv-at-sp{background:linear-gradient(90deg,var(--pc) 70%,#F44336 70%);box-shadow:0 0 .8em rgba(244,67,54,.55);opacity:1}
.cv-at-po{position:absolute;left:calc(var(--x) + .5em);top:50%;transform:translateY(-50%);white-space:nowrap;padding:.15em .5em;border-radius:999px;font-size:.6em;background:rgba(244,67,54,.25);color:#FF8A80;opacity:0;transition:opacity .5s 1.3s}
.cv-wiele-tablic[data-s="2"] .cv-at-po{opacity:1}
.cv-at-dz{position:absolute;top:-.2em;bottom:-.2em;left:calc(6em + (100% - 6em) * .4);width:0;border-left:1.5px solid var(--pk)}
.cv-at-dz span{position:absolute;left:0;bottom:-1.5em;transform:translateX(-50%);white-space:nowrap;padding:.1em .45em;border-radius:.2em;font-size:.6em;background:var(--pk);color:#fff}

/* macierz Eisenhowera w pracy zespołu: lista na dziś rozkłada się na cztery ćwiartki */
.cv-me-kl,.cv-me-wl{font-size:.8em;color:var(--md);white-space:nowrap;transition:opacity .6s}
.cv-me-kl{top:.95em;transform:translateX(-50%)}
.cv-me-k1{left:15.54em}.cv-me-k2{left:32.98em}
.cv-me-wl{left:.5em;width:6.1em;text-align:right;transform:translateY(-50%)}
.cv-me-w1{top:7.41em}.cv-me-w2{top:17.09em}
.cv-eisenhower[data-s="0"] :is(.cv-me-kl,.cv-me-wl){opacity:.2}
.cv-me-m{left:5.6em;top:2.2em;width:27.6em;height:15.2em;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.3em}
.cv-me-q{position:relative;border-radius:.5em;border:1px solid rgba(255,255,255,.1);background:rgba(36,37,43,.6);transition:opacity .6s,background .6s}
.cv-me-q small{position:absolute;left:.75em;top:.55em;font-size:.72em;font-weight:700;letter-spacing:.02em;color:var(--qc);opacity:0;transition:opacity .5s .3s}
.cv-me-q:nth-child(1){--qc:#FF8A80}.cv-me-q:nth-child(2){--qc:#7FE3F2}.cv-me-q:nth-child(3){--qc:#FFC24D}.cv-me-q:nth-child(4){--qc:var(--md)}
.cv-eisenhower[data-s="0"] .cv-me-q{opacity:.3}
.cv-eisenhower:not([data-s="0"]) .cv-me-q small{opacity:1}
.cv-eisenhower:not([data-s="0"]) .cv-me-q:nth-child(1){background:rgba(244,67,54,.16)}
.cv-eisenhower:not([data-s="0"]) .cv-me-q:nth-child(2){background:rgba(68,212,236,.12)}
.cv-eisenhower:not([data-s="0"]) .cv-me-q:nth-child(3){background:rgba(255,160,0,.12)}
.cv-me-m .cv-me-z{position:absolute;left:0;top:0;width:13em;box-sizing:border-box;flex-wrap:wrap;row-gap:.35em;font-size:1em;padding:.45em .6em;transform:translate(7.3em,calc(.2em + var(--l) * 3.75em));transition:transform 1s var(--e),opacity .6s}
.cv-eisenhower:not([data-s="0"]) .cv-me-z{transform:translate(calc(.325em + var(--qx) * 13.95em),calc(2.3em + var(--qy) * 7.75em))}
.cv-me-z .tt{font-size:.84em}
.cv-me-z .cb{width:.84em;height:.84em}
.cv-me-mt{flex:1 0 100%;display:flex;align-items:center;gap:.45em;padding-left:1.44em}
.cv-me-mt .cv-av{font-size:.6em}
.cv-me-os{position:relative;width:1.26em;height:1.26em}
.cv-me-os .cv-av{position:absolute;left:0;top:0;transition:opacity .5s,transform .6s var(--e)}
.cv-me-os .cv-me-b{opacity:0;transform:translateX(1.2em)}
.cv-eisenhower[data-s="2"] .cv-me-os .cv-me-a{opacity:0;transform:translateX(-1.2em)}
.cv-eisenhower[data-s="2"] .cv-me-os .cv-me-b{opacity:1;transform:none}
.cv-me-os::after{content:"Michał";position:absolute;left:2.3em;top:50%;transform:translateY(-50%);font-size:.66em;color:#FFC24D;white-space:nowrap;opacity:0;transition:opacity .5s .4s}
.cv-eisenhower[data-s="2"] .cv-me-os::after{opacity:1}
.cv-me-tg{padding:.2em .6em;border-radius:999px;font-size:.62em;white-space:nowrap;opacity:0;transition:opacity .5s .4s}
.cv-me-dz{background:rgba(244,67,54,.28);color:#FF8A80}
.cv-me-dt{background:rgba(68,212,236,.18);color:#7FE3F2}
.cv-eisenhower[data-s="2"] .cv-me-tg{opacity:1}
.cv-eisenhower[data-s="2"] .cv-me-z3{opacity:.35}
.cv-eisenhower[data-s="2"] .cv-me-z3 .tt{text-decoration:line-through}
.cv-me-pd{left:50%;top:18.05em;transform:translateX(-50%);white-space:nowrap;font:500 1em/1.2 Outfit,sans-serif;color:#fff}

/* prosty program: zbędne pola znikają, zespół dodaje zadania */
.cv-pp-pd{left:50%;top:1em;transform:translateX(-50%);white-space:nowrap;font:500 1.2em/1.2 Outfit,sans-serif;color:#fff}
.cv-pp-f{left:1.6em;top:3.9em;width:17.6em;box-sizing:border-box;gap:.45em!important}
.cv-pp-h{font-size:.8em;color:var(--cy)}
.cv-pp-rw{display:grid;grid-template-columns:4.6em minmax(0,1fr);align-items:center;gap:.5em;min-height:1.9em;padding:0 .5em;border-radius:.3em;background:rgba(255,255,255,.05);transition:background .6s,opacity .6s}
.cv-prosty[data-s="0"] .cv-pp-rw{opacity:.55}
.cv-prosty:not([data-s="0"]) .cv-pp-rw{background:rgba(125,50,231,.28)}
.cv-pp-lb{font-size:.72em;color:var(--md)}
.cv-pp-w{display:flex;align-items:center;gap:.45em;min-width:0;font-size:.84em;color:#fff;white-space:nowrap;overflow:hidden}
.cv-pp-w .cv-av{font-size:.62em}
.cv-pp-ex{display:flex;flex-wrap:wrap;gap:.3em;max-height:4.6em;overflow:hidden;transition:max-height .8s var(--e),opacity .5s}
.cv-pp-ex i{padding:.3em .55em;border-radius:.25em;font-style:normal;font-size:.66em;color:var(--md);background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.18)}
.cv-prosty:not([data-s="0"]) .cv-pp-ex{max-height:0;opacity:0}
.cv-pp-ok{display:flex;align-items:center;gap:.5em;font-size:.74em;color:#81C784;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--e),opacity .5s .3s}
.cv-pp-ok::before{content:"";flex:none;width:.35em;height:.7em;margin:0 .25em 0 .2em;border:solid #4CAF50;border-width:0 .14em .14em 0;transform:rotate(45deg) translateY(-.1em)}
.cv-prosty[data-s="2"] .cv-pp-ok{max-height:2em;opacity:1}
.cv-pp-z{left:20.4em;top:3.9em;width:12em;box-sizing:border-box;gap:.35em!important}
.cv-pp-n{display:flex;flex-direction:column;gap:.1em;padding-bottom:.35em}
.cv-pp-n b{font:500 1.9em/1 Outfit,sans-serif;color:#fff}
.cv-pp-n span{font-size:.7em;color:var(--md)}
.cv-pp-os{display:flex;align-items:center;gap:.55em;min-height:1.75em;opacity:.4;transition:opacity .5s calc(var(--i) * 120ms)}
.cv-pp-os .cv-av{font-size:.66em}
.cv-pp-im{flex:1;font-size:.8em;color:#e6e6e8}
.cv-pp-ch{position:relative;flex:none;width:1em;height:1em;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:background .5s calc(var(--i) * 120ms),border-color .5s calc(var(--i) * 120ms)}
.cv-pp-ch::after{content:"";position:absolute;left:.33em;top:.15em;width:.22em;height:.46em;border:solid #fff;border-width:0 .12em .12em 0;transform:rotate(45deg);opacity:0;transition:opacity .4s calc(.2s + var(--i) * 120ms)}
.cv-pp-o0,.cv-prosty:not([data-s="0"]) .cv-pp-o1,.cv-prosty[data-s="2"] .cv-pp-o2{opacity:1}
.cv-pp-o0 .cv-pp-ch,.cv-prosty:not([data-s="0"]) .cv-pp-o1 .cv-pp-ch,.cv-prosty[data-s="2"] .cv-pp-o2 .cv-pp-ch{background:#4CAF50;border-color:#4CAF50}
.cv-pp-o0 .cv-pp-ch::after,.cv-prosty:not([data-s="0"]) .cv-pp-o1 .cv-pp-ch::after,.cv-prosty[data-s="2"] .cv-pp-o2 .cv-pp-ch::after{opacity:1}