/* ---------- Funkcje systemu ---------- */
.cap a.cur-page{color:#fff}
.cap a.cur-page::after{content:"";position:absolute;left:17px;right:17px;bottom:4px;height:1px;background:linear-gradient(90deg,#8D3FF2,#44D4EC)}

.f-hero{min-height:88vh;display:flex;align-items:flex-end;padding:clamp(120px,16vh,180px) 0 clamp(60px,9vh,110px)}
.f-hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,6vw,110px);align-items:end}
/* nagłówek hero tej samej wielkości co na stronie głównej */
.f-hero h1{font-size:clamp(38px,3.7vw,60px)}
.sub-h{margin-top:20px;font-size:clamp(17px,1.25vw,20px);line-height:1.35;max-width:30em}
p.sub-h.lit{--lc:#F3F3F5}
.f-hero .lead{margin-top:22px;max-width:38em}
.f-index{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14)}
.f-index a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:15.5px;color:rgba(243,243,245,.82);transition:color .35s,padding .5s var(--ease)}
.f-index a i{width:16px;height:16px;flex:none;background:linear-gradient(currentColor,currentColor) center/9px 1.5px no-repeat;position:relative;opacity:.6;transition:transform .5s var(--ease),opacity .35s}
.f-index a i::after{content:"";position:absolute;right:3px;top:50%;width:6px;height:6px;margin-top:-3.5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.f-index a:hover{color:#fff;padding-left:8px}
.f-index a:hover i{opacity:1;transform:translateX(4px)}

.f-sec{padding:clamp(60px,9vh,110px) 0}
.f-frame{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(32px,4vw,72px);align-items:start;
  padding:clamp(48px,7vh,84px) clamp(28px,3vw,48px);background:rgba(13,14,18,.42);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}
.f-copy h2{font-size:clamp(30px,2.6vw,44px)}
.f-copy p{margin-top:20px;font-size:clamp(15px,1vw,16.5px);line-height:1.5}
.f-copy p.lit{--lc:rgba(243,243,245,.86)}
.caps{list-style:none;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.caps li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35;color:rgba(243,243,245,.86)}
.ck{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:#44D4EC;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.f-mock{min-width:0}
.f-mock .app{font-size:clamp(12px,.86vw,13.5px)}

/* pulpit */
.dash .body{min-height:440px}
.home-pane{position:relative;align-items:center;justify-content:center;background:rgba(49,49,53,.18)!important;font-family:Lato,sans-serif;text-align:center}
.hp-hi{font-weight:300;font-size:1.7em}
.hp-clock{font-weight:300;font-size:5.2em;line-height:1;margin-top:.35em;font-variant-numeric:tabular-nums}
.hp-search{margin:1.2em auto 0;width:min(260px,80%);display:flex;justify-content:space-between;align-items:center;padding:.6em .9em;border-radius:.5em;background:rgba(70,70,78,.55);color:rgba(255,255,255,.6)}
.hp-search svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5}

/* okno zadania */
.task-win{display:flex;flex-direction:column}
.tw-head{display:flex;justify-content:space-between;align-items:center;padding:1em 1.2em;background:rgba(30,31,36,.7);border-bottom:1px solid rgba(0,0,0,.35);font-size:1.1em}
.tw-st{display:flex;align-items:center;gap:.5em;font-size:.82em;color:var(--mut)}
.tw-st i{width:.6em;height:.6em;border-radius:50%;background:#8D3FF2}
.tw-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,2.2fr);min-height:400px}
.tw-foot{display:flex;align-items:center;gap:.6em;padding:.8em 1.2em;border-top:1px solid rgba(0,0,0,.35);background:rgba(30,31,36,.6);color:#d6d6d9}
.tw-by{margin-left:auto;display:flex;align-items:center;gap:.5em;color:var(--mut)}
.tw-by .av,.tw-foot .av{width:1.7em;height:1.7em;font-size:.75em}

/* widoki projektu */
.views{padding:0}
.v-top{display:flex;align-items:center;gap:.7em;padding:.9em 1.1em;background:rgba(30,31,36,.7);border-bottom:1px solid rgba(0,0,0,.35)}
.v-top b{font-weight:400}
.v-dates{color:var(--mut);font-size:.9em}
.v-switch{margin-left:auto;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07)}
.v-switch button{font:inherit;font-size:.88em;color:#cfcfd2;background:none;border:0;padding:.42em .85em;border-radius:999px;cursor:pointer;transition:background .35s,color .35s}
.v-switch button.on{background:rgba(141,63,242,.4);color:#fff}
.v-stage{position:relative;height:400px;padding:1.1em;overflow:hidden}
.v-stage>div{position:absolute;inset:1.1em;animation:paneIn .6s var(--ease)}
.v-list .vr{display:flex;align-items:center;gap:.7em;padding:.6em .75em;border-radius:.32em;background:rgba(98,99,105,.55);border-left:.25em solid var(--c);margin-bottom:.55em}
.v-list .vr em{margin-left:auto;font-style:normal;color:#d0d0d3;font-size:.9em}
.v-list .vr .cb{width:1em;height:1em;border:1px solid #9a9ca1;border-radius:.15em}
.v-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em;align-content:start}
.v-tiles .vt{aspect-ratio:1.5;border-radius:.4em;background:rgba(98,99,105,.55);border-top:.25em solid var(--c);padding:.8em;display:flex;flex-direction:column;justify-content:space-between}
.v-tiles .vt em{font-style:normal;color:var(--mut);font-size:.88em}
.v-time{display:flex;flex-direction:column;justify-content:center}
.v-time .tl{position:relative;height:2px;background:rgba(255,255,255,.18);margin:0 1em}
.v-time .tp{position:absolute;top:50%;transform:translate(-50%,-50%)}
.v-time .tp i{display:block;width:.9em;height:.9em;border-radius:50%;background:var(--c);box-shadow:0 0 0 .25em rgba(255,255,255,.08)}
.v-time .tp span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.85em;color:#d6d6d9}
.v-time .tp.up span{bottom:1.6em}.v-time .tp.dn span{top:1.6em}
.v-time .tp small{display:block;color:var(--mut);font-size:.85em;text-align:center}
.v-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:3px;align-content:stretch}
.v-cal .cd{background:rgba(255,255,255,.04);border-radius:.3em;padding:.3em .4em;font-size:.8em;color:var(--mut);overflow:hidden}
.v-cal .cd b{font-weight:400;display:block;margin-bottom:.2em}
.v-cal .cd i{display:block;font-style:normal;color:#fff;background:var(--c);border-radius:.25em;padding:.1em .35em;margin-top:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}
.v-cal .wd{font-size:.78em;color:var(--mut);text-align:center;padding:.2em 0}
.v-gantt .gr{display:grid;grid-template-columns:9em minmax(0,1fr);align-items:center;margin-bottom:.65em;color:#d6d6d9}
.v-gantt .gr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.6em}
.v-gantt .gr div{position:relative;height:1.4em;border-radius:.3em;background:rgba(255,255,255,.04)}
.v-gantt .gr div i{position:absolute;top:0;bottom:0;border-radius:.3em;background:var(--c);transform-origin:left;animation:grow .9s var(--ease) both}
.v-gantt .gh{display:grid;grid-template-columns:9em repeat(4,minmax(0,1fr));color:var(--mut);font-size:.82em;margin-bottom:.8em}
.v-gantt .gh span:first-child{grid-column:2}
@keyframes grow{from{transform:scaleX(0)}}

/* raporty */
.reports{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto;gap:.8em;padding:.8em;background:rgba(26,27,32,.42)}
.r-card{background:rgba(49,49,53,.6);border-radius:.6em;padding:1em 1.1em}
.r-fc{grid-row:1/3}
.r-h{display:flex;justify-content:space-between;gap:1em;margin-bottom:.9em}
.r-h em{font-style:normal;color:var(--mut);font-size:.88em;white-space:nowrap}
.r-line{display:block;width:100%;height:220px;overflow:visible}
.r-grid line{stroke:rgba(255,255,255,.08)}
.r-dead{stroke:rgba(68,212,236,.6);stroke-dasharray:3 4}
.r-plan{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.5;stroke-dasharray:2 4}
.r-real{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.6s var(--ease)}
.r-fcst{fill:none;stroke:#8D3FF2;stroke-width:2.5;stroke-dasharray:5 6;opacity:0;transition:opacity .8s 1.3s}
.r-dot{fill:#44D4EC;opacity:0;transition:opacity .5s 2s}
.reports.on .r-real{stroke-dashoffset:0}.reports.on .r-fcst,.reports.on .r-dot{opacity:1}
.r-note{display:flex;align-items:center;gap:.7em;margin-top:.9em;color:#e6e6e8}
.r-bars .rb{display:grid;grid-template-columns:5em minmax(0,1fr) 3.2em;gap:.6em;align-items:center;margin-bottom:.55em;color:#d6d6d9}
.r-bars .rb i{height:.55em;border-radius:.3em;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.r-bars .rb i::after{content:"";position:absolute;inset:0;width:var(--w);background:#44D4EC;border-radius:.3em;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease) var(--d)}
.reports.on .r-bars .rb i::after{transform:none}
.r-bars .rb em,.r-list .rl em{font-style:normal;text-align:right;color:var(--mut);font-variant-numeric:tabular-nums}
.r-list .rl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6em;padding:.45em 0;border-bottom:1px solid rgba(255,255,255,.06);color:#d6d6d9}
.r-list .rl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* tagi */
.t-facts{margin-top:28px;display:flex;flex-direction:column;gap:22px;border-left:1px solid rgba(255,255,255,.16);padding-left:22px}
.t-facts h3{font-size:18px;font-weight:400}
.t-facts p{margin-top:6px!important;font-size:14.5px!important;color:rgba(243,243,245,.78)}
.tagdemo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.2fr);gap:.75em;padding:.75em;min-height:470px;position:relative}
.td-side{background:rgba(49,49,53,.62);border-radius:.6em;padding:.65em .55em}
.td-side h4{font-weight:400;text-align:center;padding:.2em 0 .65em;color:#dcdcde}
.td-seg span{cursor:pointer;transition:background .35s}
.td-seg span.on{background:rgba(255,255,255,.1)}
.td-seg span:not(.on){background:none!important}
.td-tag{display:flex;align-items:center;gap:.6em;padding:.42em .55em;border-radius:.35em;cursor:pointer;transition:background .35s,opacity .35s}
.td-tag:hover{background:rgba(255,255,255,.06)}
.td-tag.sel{background:rgba(141,63,242,.25)}
.td-tag .n{flex:1}
.td-tag .lock{width:.9em;height:.9em;fill:none;stroke:var(--mut);stroke-width:1.5}
.td-main{background:rgba(49,49,53,.5);border-radius:.6em;padding:.8em 1em;display:flex;flex-direction:column}
.td-modes{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07);align-self:flex-start}
.td-modes button{font:inherit;color:#cfcfd2;background:none;border:0;padding:.45em 1em;border-radius:999px;cursor:pointer;transition:background .35s,color .35s}
.td-modes button.on{background:rgba(141,63,242,.4);color:#fff}
.td-desc{margin:.9em 0 .8em;color:var(--mut);min-height:1.4em}
.td-desc b{color:#fff;font-weight:400}
.td-list .row{margin-bottom:.55em}
.toast{position:absolute;right:1.2em;bottom:1.2em;display:flex;align-items:center;gap:.7em;max-width:22em;padding:.7em .9em;border-radius:.6em;background:rgba(30,31,36,.92);border:1px solid rgba(160,110,255,.45);box-shadow:0 20px 40px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s var(--ease);pointer-events:none}
.toast.show{opacity:1;transform:none}
.toast b{font-weight:400;color:#fff}
.toast .av{width:1.8em;height:1.8em;font-size:.75em}

/* zakończenie */
.f-end{padding:clamp(120px,16vh,200px) 0 clamp(110px,14vh,170px)}
.f-end-in{text-align:center;display:flex;flex-direction:column;align-items:center}
.f-end p{margin-top:20px;max-width:38em;font-size:clamp(15px,1vw,16.5px);line-height:1.5}
.f-end p.lit{--lc:rgba(243,243,245,.88)}
.f-end .ctas{margin-top:34px}
.v-stage>div>div{height:100%}
.v-time{padding:0 1.5em}
.v-time .tp span{width:max-content;max-width:11em;white-space:normal;text-align:center;line-height:1.3}

/* spis w hero: rama, czytelność, pokaz po kolei */
.f-index{border:1px solid rgba(255,255,255,.14)!important;background:rgba(13,14,18,.52);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);padding:8px 26px}
.f-index a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t ar" "d d";align-items:center;column-gap:16px;padding:16px 0;position:relative;border-bottom:1px solid rgba(255,255,255,.1);justify-content:stretch}
.f-index a:last-child{border-bottom:0}
.f-index a:hover{padding-left:0}
.ix-t{grid-area:t;font-size:16px;color:rgba(243,243,245,.75);transition:color .4s}
.ix-d{grid-area:d;font-size:14px;line-height:1.4;color:rgba(243,243,245,.75);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s,margin .6s var(--ease)}
.ix-ar{grid-area:ar;width:16px;height:16px;flex:none;background:linear-gradient(currentColor,currentColor) center/9px 1.5px no-repeat;position:relative;opacity:.55;color:#fff;transition:transform .5s var(--ease),opacity .35s}
.ix-ar::after{content:"";position:absolute;right:3px;top:50%;width:6px;height:6px;margin-top:-3.5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.ix-bar{position:absolute;left:0;bottom:-1px;height:1px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8D3FF2,#44D4EC)}
.f-index a.on .ix-t{color:#fff}
.f-index a.on .ix-d{max-height:3em;opacity:1;margin-top:6px}
.f-index a.on .ix-ar{opacity:1;transform:translateX(3px)}
.f-index a.on .ix-bar{animation:ixbar 5s linear forwards}
.f-index.hold a.on .ix-bar{animation-play-state:paused}
@keyframes ixbar{to{transform:scaleX(1)}}

/* ---------- duży model Taagly ---------- */
.f-demo{display:block;padding:clamp(44px,6vh,72px) clamp(28px,3vw,48px) clamp(36px,5vh,56px);background:rgba(13,14,18,.42);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}
.demo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(28px,4vh,40px)}
.demo-head h2{font-size:clamp(30px,2.6vw,44px)}
.demo-head p{margin-top:14px;font-size:16px}
.demo-head p.lit{--lc:rgba(243,243,245,.86)}
.btn2 .i svg path[d^="M5 3.5"]{fill:currentColor;stroke:none}
#tourBtn{border:0;cursor:pointer}
#tourBtn.playing{--bg:rgba(255,255,255,.1);box-shadow:none;border:1px solid rgba(255,255,255,.22)}
.app.big{font-size:clamp(12.5px,.95vw,14.5px);position:relative}
.app.big .body{min-height:560px}
.app.big .bar{grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr)) minmax(0,1fr)}
.app.big .li{cursor:pointer}
.app.big .li:hover{background:rgba(255,255,255,.07)}
.app.big .task{cursor:pointer;transition:background .3s}
.app.big .task:hover{background:rgba(120,121,128,.6)}
.bseg span{cursor:pointer}
.bseg span:not(.on){background:none!important}
.bseg span.on{background:rgba(255,255,255,.1)}
.main{position:relative}
#bCur{opacity:0;transition:transform .9s cubic-bezier(.45,0,.2,1),opacity .4s;z-index:8}
.app.big.touring #bCur{opacity:1}
.caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;min-height:76px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(13,14,18,.4)}
.cap-txt{font-size:clamp(15px,1.1vw,17px);line-height:1.4;color:#fff}

/* odtwarzacz prezentacji: rozkłada się z podpisu po uruchomieniu */
.caption{position:relative;justify-content:flex-start;gap:0}
.caption .cap-txt{flex:1 1 0;min-width:0;transition:transform .6s var(--ease)}
.pl-line,.pl-play,.pl-voice,.pl-side{transition:opacity .5s var(--ease),transform .6s var(--ease),max-width .6s var(--ease),margin .6s var(--ease)}
.pl-play,.pl-voice{max-width:0;overflow:hidden;opacity:0;flex:none}
.pl-side{display:flex;align-items:center;gap:12px;flex:none;max-width:0;overflow:hidden;opacity:0}
.caption.playing .pl-play{max-width:44px;opacity:1;margin-right:16px}
.caption.playing .pl-voice{max-width:30px;opacity:1;margin-left:14px}
.caption.playing .pl-side{max-width:360px;opacity:1;margin-left:22px;transition-delay:.15s}
.pl-btn{flex:none;display:grid;place-items:center;border:0;cursor:pointer;color:#fff;background:none;padding:0}
.pl-play{width:38px;height:38px;border-radius:50%;background:#fff;color:#6A1FDB;position:relative}
.pl-play svg{grid-area:1/1;width:15px;height:15px;fill:currentColor;transition:transform .4s var(--ease),opacity .3s}
.pl-play svg:last-child,.caption.paused .pl-play svg:first-child{transform:scale(.4);opacity:0}
.caption.paused .pl-play svg:last-child{transform:none;opacity:1}
.pl-play:hover{box-shadow:0 0 0 4px rgba(141,63,242,.35)}
.pl-mute{width:30px;height:30px;border-radius:50%;opacity:.8}
.pl-mute:hover{opacity:1;background:rgba(255,255,255,.08)}
.pl-mute svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pl-mute .spk{fill:currentColor;stroke:none}
.pl-mute .xx,.caption.muted .pl-mute .wv{display:none}
.caption.muted .pl-mute .xx{display:block}
.pl-step,.pl-time{font-size:13px;color:rgba(243,243,245,.62);white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-step{color:#fff}
.pl-time{min-width:7.2em}
.pl-vol{-webkit-appearance:none;appearance:none;width:76px;height:16px;background:none;cursor:pointer;--v:85%}
.pl-vol::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#8D3FF2,#44D4EC) 0/var(--v) 100% no-repeat,rgba(255,255,255,.18)}
.pl-vol::-moz-range-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#8D3FF2,#44D4EC) 0/var(--v) 100% no-repeat,rgba(255,255,255,.18)}
.pl-vol::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#fff;border:0}
.pl-vol::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:0}
/* głos: słupki drgają, gdy lektor mówi */
.pl-voice{display:flex;align-items:center;gap:3px;height:18px}
.pl-voice i{width:3px;height:4px;border-radius:2px;background:linear-gradient(#44D4EC,#8D3FF2);transition:height .3s}
.caption.speaking:not(.paused) .pl-voice i{animation:plv .9s ease-in-out infinite}
.pl-voice i:nth-child(2){animation-delay:-.3s!important}.pl-voice i:nth-child(3){animation-delay:-.6s!important}.pl-voice i:nth-child(4){animation-delay:-.15s!important}
@keyframes plv{0%,100%{height:4px}50%{height:16px}}
/* oś kroków na górnej krawędzi podpisu */
.pl-line{position:absolute;left:-1px;right:-1px;top:-8px;height:16px;display:flex;gap:3px;opacity:0;transform:scaleX(.2);transform-origin:left;pointer-events:none}
.caption.playing .pl-line{opacity:1;transform:none;pointer-events:auto}
.pl-line button{position:relative;flex:1 1 0;min-width:0;height:100%;border:0;padding:0;background:none;cursor:pointer}
.pl-line button::before,.pl-line i{content:"";position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;transition:height .25s,top .25s}
.pl-line button::before{background:rgba(255,255,255,.2)}
.pl-line i{display:block;background:linear-gradient(90deg,#8D3FF2,#44D4EC);transform:scaleX(0);transform-origin:left}
.pl-line button:hover::before,.pl-line button:hover i{top:5px;height:5px}
.pl-line b{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);font-weight:400;font-size:12px;white-space:nowrap;color:#fff;background:rgba(20,21,26,.92);border:1px solid rgba(255,255,255,.14);padding:4px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.pl-line button:hover b{opacity:1;transform:translate(-50%,0)}
.pl-line button:first-child b{left:0;transform:translate(0,4px)}.pl-line button:first-child:hover b{transform:none}
.pl-line button:last-child b{left:auto;right:0;transform:translate(0,4px)}.pl-line button:last-child:hover b{transform:none}
/* pauza: kursor i podświetlenie stają w miejscu */
.app.big.paused #bCur{opacity:.55}

/* model mieści się na jednym ekranie, treść przewija się w środku */
.f-demo{padding-top:clamp(28px,4vh,52px);padding-bottom:clamp(24px,3.5vh,40px)}
.demo-head{margin-bottom:clamp(16px,2.4vh,28px)}
.demo-head h2{font-size:clamp(26px,2.2vw,40px)}
.demo-head p{margin-top:8px;font-size:15px}
.app.big{height:clamp(440px,calc(100vh - 330px),760px);display:flex;flex-direction:column}
.app.big .body{flex:1;min-height:0!important;grid-template-rows:minmax(0,1fr)}
.app.big .pan{min-height:0;overflow-y:auto}
.app.big .main{min-height:0;overflow:hidden}
.app.big .list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.app.big .pan,.app.big .list,.ov-b{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.app.big .pan::-webkit-scrollbar,.app.big .list::-webkit-scrollbar,.ov-b::-webkit-scrollbar{width:6px}
.app.big .pan::-webkit-scrollbar-thumb,.app.big .list::-webkit-scrollbar-thumb,.ov-b::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:3px}
.app.big .users-h{margin-top:1.2em}
.app.big .tm-win{max-height:88%;overflow:auto}
.caption{margin-top:12px;min-height:66px;padding:10px 16px}
/* otwarte zadanie: reszta aplikacji płynnie się rozmywa, jak w Taagly */
/* treść leżąca wprost na tapecie: rozmyta, przyciemniona warstwa, jak panele w Taagly */
.views .v-stage,.task-win .tw-body,.app.reports{background:rgba(30,31,36,.5);backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1)}
.task-win .tw-tabs{background:rgba(49,49,53,.35)}
.app.big{font-size:clamp(11.5px,.78vw,13.5px)}
.app.big .bar{font-size:.95em}
.app.big{font-size:clamp(12px,.78vw,13.5px)}

/* podświetlenie tego, o czym mówi lektor */
.app.big .body>*,#bUsers,#bProjs{transition:opacity .55s var(--ease),filter .55s var(--ease),box-shadow .55s var(--ease),transform .55s var(--ease)}
.app.big.spot .body>*:not(.focus):not(.focus-in){opacity:.32;filter:blur(1.5px) saturate(.7)}
.app.big .focus{position:relative;z-index:2;transform:scale(1.012);box-shadow:0 0 0 1.5px rgba(170,120,255,.85),0 0 44px -8px rgba(141,63,242,.8)}
#bUsers.focus,#bProjs.focus{transform:none;border-radius:.45em;box-shadow:0 0 0 1.5px rgba(170,120,255,.85),0 0 30px -6px rgba(141,63,242,.8)}
/* w trakcie prezentacji przycisk w nagłówku kończy ją, więc zamiast trójkąta ma kwadrat */
#tourBtn .i svg path{transition:d .4s var(--ease)}
#tourBtn.playing .i svg path{d:path("M4.5 4.5h7v7h-7z")}