/* Lokamo :: scena Start. MacBook z macOS 26: Finder, Safari z panelem Lokamo,
   arkusz drukowania, powiadomienie, Dock i kursor. Pulpit ma 80 x 52 em
   (.mos = 1/80 szerokosci ekranu), kamera (.mos__cam) przybliza akcje jak
   nagranie ekranu. Chrom systemu pisany fontem systemowym, strona Lokamo
   w oknie Safari fontem marki. */

/* ---------- Scena i sprzet ---------- */
.scn--start{margin-top:56px;padding:2.6em 3em 2.4em;font-size:calc(100cqw / 77.5)}
.scn--start>.sprite{position:absolute;width:0;height:0;overflow:hidden}
.mbk{position:relative;width:min(100%,64em);margin:0 auto;transform-origin:0 0}
.mbk__lid{position:relative;padding:1.2% 1.25% 1.45%;border-radius:2.3% 2.3% 1.1% 1.1% / 3.5% 3.5% 1.7% 1.7%;background:#0A0A0B;box-shadow:inset 0 0 0 .1em #2A2A2E,0 0 0 .12em #A9A9AF,0 0 0 .2em #6F6F75}
.mbk__scr{position:relative;aspect-ratio:80/52;overflow:hidden;border-radius:.95% .95% .3% .3% / 1.46% 1.46% .46% .46%;background:#000;container-type:inline-size}
.mbk__notch{position:absolute;left:50%;top:0;width:13.2%;height:3.65%;margin-left:-6.6%;background:#0A0A0B;border-radius:0 0 14% 14% / 0 0 42% 42%;z-index:60}
.mbk__notch::after{content:"";position:absolute;left:50%;top:32%;width:4.2%;aspect-ratio:1;margin-left:-2.1%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2B3350,#0D0F18 70%)}
.mbk__base{position:relative;left:-3.6%;width:107.2%;height:0;padding-bottom:2.2%;margin-top:-.08%;border-radius:.5em .5em 45% 45% / .5em .5em 100% 100%;background:linear-gradient(#E4E4E8,#CBCBD0 38%,#A3A3AA 78%,#7E7E85);box-shadow:0 1.6em 1.8em -1.3em rgba(13,13,15,.55)}
.mbk__base::before{content:"";position:absolute;left:50%;top:0;width:13%;height:44%;margin-left:-6.5%;border-radius:0 0 1em 1em / 0 0 .8em .8em;background:linear-gradient(#9C9CA3,#C4C4CA)}

/* ---------- Pulpit ---------- */
.mos{position:absolute;inset:0;overflow:hidden;font-size:calc(100cqw / 80);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;line-height:1.3;color:#1D1D1F;-webkit-font-smoothing:antialiased;user-select:none;letter-spacing:0}
.mos svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.mos__cam{position:absolute;left:0;top:0;width:80em;height:52em;transform-origin:0 0}
.mos__wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mos__fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:55}
.mos__bar{position:absolute;left:0;right:0;top:0;height:1.9em;display:flex;align-items:center;gap:1.4em;padding:0 1.1em 0 1.3em;color:#fff;z-index:30;text-shadow:0 .04em .25em rgba(0,0,0,.3)}
.mos__bar>span{font-size:.9em}
.mos__app{font-weight:700}
.mos__menus{word-spacing:1.15em;opacity:.96}
.mos__st{margin-left:auto;display:flex;align-items:center;gap:1em}
.mos__st svg{width:1.2em;height:1.2em;stroke-width:1.8;filter:drop-shadow(0 .04em .2em rgba(0,0,0,.25))}
.mos__clock{display:flex;gap:.45em;font-variant-numeric:tabular-nums}
.mos__clock b{font-weight:400;transition:opacity .2s}
.mos__clock b.is-dim{opacity:0}

/* ---------- Okna ---------- */
.mw{position:absolute;border-radius:1.3em;background:#fff;overflow:hidden;box-shadow:0 0 0 .06em rgba(0,0,0,.3),0 1.3em 3.4em -.6em rgba(0,0,0,.55),0 .25em .7em rgba(0,0,0,.2);isolation:isolate}
.mw--sf{left:20.5em;top:3.1em;width:57em;height:41.6em;z-index:4}
.mw--fd{left:2.2em;top:20.2em;width:33.5em;height:22.8em;z-index:3}
.mw.is-front{z-index:6}
.mw__lights{display:flex;gap:.55em;flex:none}
.mw__lights i{width:.92em;height:.92em;border-radius:50%;background:#D8D8DD;box-shadow:inset 0 0 0 .07em rgba(0,0,0,.1);transition:background-color .25s}
.mw.is-key .mw__lights i:nth-child(1){background:#FF5F57}
.mw.is-key .mw__lights i:nth-child(2){background:#FEBC2E}
.mw.is-key .mw__lights i:nth-child(3){background:#28C840}
.js .mw--fd{opacity:0;visibility:hidden;transform:scale(.12);transition:transform .5s var(--ease-out),opacity .28s,visibility 0s .5s}
.js .mw--fd.is-open{opacity:1;visibility:visible;transform:none;transition:transform .5s var(--ease-out),opacity .28s}

/* pastylki paska narzedzi (macOS 26) */
.tbp{display:inline-flex;align-items:center;gap:.3em;height:2.3em;padding:0 .6em;border-radius:99em;background:#fff;box-shadow:0 0 0 .06em rgba(0,0,0,.07),0 .12em .55em rgba(0,0,0,.09);flex:none}
.tbp svg{width:1.22em;height:1.22em;color:#38383C;stroke-width:1.9}
.tbp svg.is-off{color:#BDBDC2}
.tbp i{width:.07em;height:1.15em;background:#E3E3E7}
.tbp .tbp__s{width:.8em;height:.8em;margin-left:-.1em}
.tbp--r{width:2.3em;padding:0;justify-content:center}
.tbp--end{margin-left:auto}

/* ---------- Finder ---------- */
.fd__side{position:absolute;left:.45em;top:.45em;bottom:.45em;width:10.4em;padding:1.05em .55em;border-radius:1em;background:#F3F3F5;box-shadow:inset 0 0 0 .06em rgba(0,0,0,.05)}
.fd__side .mw__lights{margin:0 0 1.35em .45em}
.fd__it{display:flex;align-items:center;gap:.55em;height:1.95em;padding:0 .5em;border-radius:.55em;font-size:.86em;white-space:nowrap}
.fd__it svg{width:1.22em;height:1.22em;color:#48484D;stroke-width:1.7}
.fd__it.is-on{background:#E2E2E6;color:#0A6CFF}
.fd__it.is-on svg{color:#0A6CFF}
.fd__h{font-size:.72em;font-weight:600;color:#8A8A90;margin:1.1em 0 .35em .75em}
.fd__tag{width:.72em;height:.72em;border-radius:50%;background:var(--c);margin:0 .25em}
.fd__main{position:absolute;left:11.3em;right:0;top:0;bottom:0}
.fd__tb{display:flex;align-items:center;gap:.55em;height:3.45em;padding:0 .75em 0 .15em}
.fd__title{font-size:1.02em;font-weight:650;margin:0 auto 0 .35em}
.fd__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em .3em;padding:.8em .5em 0 0}
.fd__f{display:flex;flex-direction:column;align-items:center;gap:.4em;margin:0;min-width:0}
.fd__th{position:relative;width:4.7em;height:4.5em;display:grid;place-items:center;border-radius:.6em;transition:background-color .12s}
.fd__th img{width:4em;height:4em;object-fit:cover;border-radius:.4em;box-shadow:0 .1em .35em rgba(0,0,0,.22)}
.fd__f figcaption{width:100%;font-size:.72em;line-height:1.3;text-align:center}
.fd__n{padding:.1em .4em;border-radius:.38em;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .12s,color .12s}
.fd__f.is-sel .fd__th{background:#E2E2E6}
.fd__f.is-sel .fd__n{background:#0B63F3;color:#fff}
/* miniatury */
.thp{position:relative;display:block;width:4.3em;height:3.25em;border-radius:.32em;overflow:hidden;background:#C8B393 url("/assets/home/img/stol-karta.webp") center/cover;box-shadow:0 .1em .35em rgba(0,0,0,.25)}
.thp::before{content:"";position:absolute;left:31%;top:9%;width:38%;height:84%;background:#FBF8F1;transform:rotate(-2.5deg);box-shadow:0 .06em .18em rgba(40,30,20,.35)}
.thp::after{content:"";position:absolute;left:36%;top:22%;width:28%;height:62%;transform:rotate(-2.5deg);background:repeating-linear-gradient(rgba(60,48,36,.55) 0 .06em,transparent .06em .26em)}
.fd__th--doc::before{content:"";width:3.3em;height:4.3em;border-radius:.2em;background:#fff repeating-linear-gradient(transparent 0 .34em,#D9D9DE .34em .4em) .4em 1.3em / 2.5em 2.6em no-repeat;box-shadow:0 .08em .3em rgba(0,0,0,.2),inset 0 .55em 0 -.25em #fff}
.fd__th--doc::after{content:"";position:absolute;left:1.1em;top:.55em;width:1.5em;height:.32em;border-radius:.1em;background:#3A3A3F}
.fd__th--logo span{width:3.7em;height:3.7em;border-radius:.9em;background:linear-gradient(#26262B,#0D0D0F);display:grid;place-items:center;box-shadow:0 .1em .35em rgba(0,0,0,.25)}
.fd__th--logo svg{width:2.1em;height:2.1em;color:#fff;stroke:none}
.fd__th--xls::before{content:"";width:3.4em;height:4.3em;border-radius:.2em;background:linear-gradient(#1D8A4F,#1D8A4F) 0 0 / 100% .8em no-repeat,repeating-linear-gradient(90deg,transparent 0 .8em,#E1E1E6 .8em .86em),repeating-linear-gradient(transparent 0 .5em,#E1E1E6 .5em .56em),#fff;box-shadow:0 .08em .3em rgba(0,0,0,.2)}
.fd__th--zip::before{content:"";width:3.4em;height:4.3em;border-radius:.2em;background:linear-gradient(90deg,transparent 45%,#A6A6AD 45% 55%,transparent 55%) 0 0 / 100% 55% no-repeat,linear-gradient(#F4F4F6,#E3E3E7);box-shadow:0 .08em .3em rgba(0,0,0,.2)}
.fd__th--zip b{position:absolute;bottom:.65em;font-size:.6em;font-weight:700;color:#8A8A90;letter-spacing:.06em}

/* ---------- Safari ---------- */
.stb{position:relative;display:flex;align-items:center;gap:.55em;height:3.4em;padding:0 .8em 0 1.1em;background:#F7F7F9;border-bottom:.06em solid #E3E3E7}
.stb>.mw__lights{margin-right:.55em}
.stb__url{position:absolute;left:50%;top:.55em;width:24em;height:2.3em;margin-left:-12em;display:flex;align-items:center;justify-content:center;gap:.4em;border-radius:99em;background:#fff;box-shadow:0 0 0 .06em rgba(0,0,0,.07),0 .12em .55em rgba(0,0,0,.09);font-size:.95em;color:#1D1D1F;white-space:nowrap}
.stb__url>svg{width:.9em;height:.9em;color:#6E6E73}
.stb__url .stb__re{position:absolute;right:.85em;width:1em;height:1em}
.sfp{position:absolute;left:0;right:0;top:3.4em;bottom:0;overflow:hidden;background:#fff;font-family:var(--font)}
.sfp>[data-rt]{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.sfp>[data-rt].is-on{opacity:1;visibility:visible;transition:opacity .4s}

/* rejestracja */
.su{display:grid;place-items:center;background:#F5F5F7}
.su__card{width:24em;display:flex;flex-direction:column;padding:1.9em 2em 2em;border-radius:1.2em;background:#fff;box-shadow:0 0 0 .06em #E6E6EA,0 1.2em 2.4em -1.2em rgba(13,13,15,.25)}
.su__logo{width:auto;height:1.15em;align-self:flex-start;margin-bottom:1.25em}
.su__h{font-size:1.5em;font-weight:640;letter-spacing:-.02em;line-height:1.15}
.su__p{margin:.35em 0 1.15em;font-size:.88em;color:var(--steel)}
.su__g{display:flex;align-items:center;justify-content:center;gap:.55em;height:2.65em;border-radius:.75em;box-shadow:inset 0 0 0 .07em #DCDCE2;font-size:.9em;font-weight:560}
.su__g .rev__g{width:1.45em;height:1.45em;font-size:.8em}
.su__or{display:flex;align-items:center;gap:.75em;margin:1em 0 .85em;font-size:.76em;color:var(--mute)}
.su__or i{flex:1;height:.08em;background:#E6E6EA}
.su__l{font-size:.78em;font-weight:560;color:#3A3A3F;margin-bottom:.35em}
.su__in{display:flex;align-items:center;height:2.55em;padding:0 .8em;margin-bottom:.8em;border-radius:.7em;box-shadow:inset 0 0 0 .07em #DCDCE2;font-size:.92em;white-space:pre;transition:box-shadow .2s}
.su__in:empty::before{content:attr(data-ph);color:#A6A6AB}
.su__in.is-focus{box-shadow:inset 0 0 0 .09em var(--cobalt),0 0 0 .22em rgba(46,75,255,.14)}
.su__in.is-focus::after{content:"";width:.08em;height:1.15em;margin-left:.04em;background:var(--ink);animation:mcaret 1s steps(1) infinite}
.su__in.is-focus:empty::after{order:-1;margin:0 .04em 0 0}
.su__in--pw{letter-spacing:.12em}
.su__ck{display:flex;align-items:center;gap:.6em;margin:.25em 0 1.15em;font-size:.78em;color:var(--text2)}
.su__ck i{width:1.35em;height:1.35em;border-radius:.4em;display:grid;place-items:center;box-shadow:inset 0 0 0 .09em #C9C9D0;transition:background-color .2s,box-shadow .2s}
.su__ck i svg{width:.95em;height:.95em;color:#fff;stroke-width:3.2;opacity:0;transition:opacity .15s}
.su__ck.is-on i{background:var(--ink);box-shadow:none}
.su__ck.is-on i svg{opacity:1}
.su__btn{position:relative;display:grid;place-items:center;height:2.85em;border-radius:.75em;background:var(--ink);color:#fff;font-size:.92em;font-weight:600}
.su__btn .su__spin{position:absolute;width:1.25em;height:1.25em;opacity:0;animation:mspin .8s linear infinite}
.su__btn.is-busy>span{opacity:0}
.su__btn.is-busy .su__spin{opacity:1}

/* panel Lokamo */
.lk{display:grid;grid-template-columns:12.2em minmax(0,1fr);background:#fff}
.lk__side{display:flex;flex-direction:column;gap:.08em;padding:1.1em .7em 1em;background:#F7F7F9;border-right:.07em solid #ECECEF}
.lk__logo{width:auto;height:1.05em;align-self:flex-start;margin:.1em 0 1.05em .55em}
.lk__venue{display:flex;align-items:center;gap:.55em;padding:.45em .5em;margin-bottom:.7em;border-radius:.7em;background:#fff;box-shadow:0 0 0 .07em #E6E6EA}
.lk__av{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em;background:var(--ink);color:#fff;font-size:.86em;font-weight:650;flex:none}
.lk__venue b{display:block;font-size:.84em;font-weight:620;line-height:1.2}
.lk__venue small{display:block;font-size:.7em;color:var(--steel)}
.lk__venue svg{width:.95em;height:.95em;margin-left:auto;color:#8C8C92}
.lk__g{margin:.85em 0 .3em .65em;font-size:.64em;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.lk__it{display:flex;align-items:center;gap:.6em;height:2.05em;padding:0 .6em;border-radius:.55em;font-size:.82em;color:#3A3A3F;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s}
.lk__it svg{width:1.15em;height:1.15em;color:#707076;stroke-width:1.9;transition:color .25s}
.lk__it.is-on{background:#fff;color:var(--ink);font-weight:620;box-shadow:0 0 0 .07em #E4E4E8,0 .1em .3em rgba(13,13,15,.05)}
.lk__it.is-on svg{color:var(--cobalt)}
.lk__it--end{margin-top:auto}
.lk__badge{display:grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .35em;margin-left:auto;border-radius:99em;background:var(--cobalt);color:#fff;font-size:.74em;font-style:normal;opacity:0;transform:scale(.4);transition:opacity .3s,transform .45s var(--ease-out)}
.lk__badge.is-on{opacity:1;transform:none}
.lk__main{position:relative;overflow:hidden}
.lk__view{position:absolute;inset:0;display:flex;flex-direction:column;padding:1.45em 1.7em 1.4em;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.lk__view.is-on{opacity:1;visibility:visible;transition:opacity .4s}
.lk__head{display:flex;align-items:flex-end;gap:.55em}
.lk__head>div{margin-right:auto}
.lk__head small{display:block;font-size:.74em;color:var(--steel)}
.lk__head b{display:block;margin-top:.1em;font-size:1.5em;font-weight:650;letter-spacing:-.02em;line-height:1.15}
.lk__b{display:inline-flex;align-items:center;gap:.45em;height:2.35em;padding:0 .95em;border-radius:.65em;background:var(--ink);color:#fff;font-size:.8em;font-weight:560;white-space:nowrap}
.lk__b svg{width:1.1em;height:1.1em;stroke-width:2}
.lk__b--line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 .08em #DCDCE2}
.lk__tabs{display:flex;gap:1.5em;margin:1.05em 0 1.15em;border-bottom:.07em solid #ECECEF;font-size:.82em;color:var(--steel);flex:none}
.lk__tabs span{position:relative;padding:.15em 0 .7em}
.lk__tabs .is-on{color:var(--ink);font-weight:620}
.lk__tabs .is-on::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.16em;border-radius:99em;background:var(--ink)}
.lk__toast{position:absolute;left:50%;top:1em;display:flex;align-items:center;gap:.6em;padding:.45em 1.05em .45em .45em;border-radius:99em;background:var(--ink);color:#fff;font-size:.82em;white-space:nowrap;opacity:0;transform:translate(-50%,-170%);transition:transform .55s var(--ease-out),opacity .3s;z-index:5}
.lk__toast.is-on{opacity:1;transform:translate(-50%,0)}
.lk__toast .gm__ok{width:1.75em;height:1.75em}
.lk__toast .gm__ok .ico{width:1em;height:1em}

/* import karty */
.ki{position:relative;flex:1;min-height:0}
.ki__drop{position:absolute;inset:0 0 .1em;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:1.1em;border:.13em dashed #C9CBD3;background:#FAFAFC;transition:border-color .2s,background-color .2s,opacity .35s,visibility 0s}
.ki__drop>*{transition:opacity .25s}
.ki__ic{display:grid;place-items:center;width:3.2em;height:3.2em;margin-bottom:.95em;border-radius:.95em;background:rgba(46,75,255,.08)}
.ki__ic svg{width:1.65em;height:1.65em;color:var(--cobalt);stroke-width:1.8}
.ki__dt{position:relative;display:block;width:100%;height:1.45em;font-size:1.1em;font-weight:640;letter-spacing:-.01em}
.ki__dt span{position:absolute;left:0;right:0;transition:opacity .22s,transform .3s var(--ease-out)}
.ki__dt-b{color:var(--cobalt);opacity:0;transform:translateY(.45em)}
.ki__drop>p{max-width:23em;margin:.45em auto 1.1em;font-size:.84em;line-height:1.45;color:var(--steel)}
.ki__pick{display:inline-flex;align-items:center;gap:.45em;height:2.35em;padding:0 1em;border-radius:.65em;background:#fff;box-shadow:inset 0 0 0 .08em #DCDCE2;font-size:.82em;font-weight:560}
.ki__pick svg{width:1.05em;height:1.05em}
.ki__drop>small{margin-top:.85em;font-size:.7em;color:var(--mute)}
.ki[data-st="over"] .ki__drop{border-style:solid;border-color:var(--cobalt);background:rgba(46,75,255,.05)}
.ki[data-st="over"] .ki__dt-a{opacity:0;transform:translateY(-.45em)}
.ki[data-st="over"] .ki__dt-b{opacity:1;transform:none}
.ki__up{position:absolute;left:50%;top:50%;width:22em;margin:-2.4em 0 0 -11em;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55em .8em;align-items:center;padding:.9em 1em;border-radius:.95em;background:#fff;box-shadow:0 0 0 .07em #E4E4E8,0 .8em 1.8em -1em rgba(13,13,15,.3);opacity:0;transform:scale(.94)}
.ki__up .thp{width:3.2em;height:2.45em;grid-row:1/3}
.ki__upn b{display:block;font-size:.84em;font-weight:600}
.ki__upn small{font-size:.7em;color:var(--mute)}
.ki__bar{grid-column:2;height:.34em;border-radius:99em;background:#EDEDF1;overflow:hidden}
.ki__bar i{display:block;height:100%;background:var(--cobalt);transform-origin:0 50%;transform:scaleX(0)}
.ki[data-st="up"] .ki__drop>*:not(.ki__up){opacity:0}
.ki[data-st="up"] .ki__up{opacity:1;transform:none;transition:opacity .25s,transform .45s var(--ease-out)}
.ki[data-st="read"] .ki__drop,.ki[data-st="done"] .ki__drop,.ki[data-st="tr"] .ki__drop{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.ki__work{position:absolute;inset:0;display:grid;grid-template-columns:15.2em minmax(0,1fr);gap:1em;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.ki[data-st="read"] .ki__work,.ki[data-st="done"] .ki__work,.ki[data-st="tr"] .ki__work{opacity:1;visibility:visible;transition:opacity .45s}
.ki__doc{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:1em;background:#F7F7F9;box-shadow:inset 0 0 0 .07em #E8E8EC}
.ki__dh{display:flex;align-items:center;gap:.45em;padding:.62em .8em;background:#fff;border-bottom:.07em solid #ECECEF;font-size:.74em;font-weight:560;white-space:nowrap}
.ki__dh svg{width:1.15em;height:1.15em;color:var(--steel)}
.ki__dh small{margin-left:auto;font-size:.92em;font-weight:400;color:var(--mute)}
.ki__ph{position:relative;flex:1;overflow:hidden;background:#C8B393 url("/assets/home/img/stol-karta.webp") 38% 50% / cover}
.ki__scan{position:absolute;left:0;right:0;top:0;height:4.2em;opacity:0;background:linear-gradient(rgba(46,75,255,0),rgba(46,75,255,.1) 65%,rgba(46,75,255,.26));border-bottom:.13em solid var(--cobalt);box-shadow:0 .35em 1em -.2em rgba(46,75,255,.45);will-change:transform;transition:opacity .3s;z-index:2}
/* karta papierowa na zdjeciu */
.kp{position:absolute;left:0;right:0;top:5%;width:24em;margin:0 auto;padding:2.4em 2.2em 2.6em;font-size:.5em;font-family:var(--font);background:#FBF8F1;color:#2B251D;border-radius:.25em;transform:rotate(-2.2deg);box-shadow:0 1.4em 2.2em -1.2em rgba(40,30,20,.55),0 .2em .5em rgba(40,30,20,.18);font-stretch:88%}
.kp::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 42%,rgba(0,0,0,.04))}
.kp__t{font-size:2.5em;font-weight:720;letter-spacing:-.03em;line-height:1;text-align:center}
.kp__s{margin:.6em 0 1.35em;font-size:.72em;letter-spacing:.22em;text-transform:uppercase;text-align:center;color:#85796A}
.kp__c{margin:1.25em 0 .4em;padding-bottom:.35em;border-bottom:1px solid #E6DECF;font-size:.72em;letter-spacing:.24em;text-transform:uppercase;color:#9C907E}
.kp__r{display:flex;justify-content:space-between;margin-top:.45em;font-size:1.02em;font-weight:620}
.kp__r i{font-style:normal;font-weight:520}
.kp__d{font-size:.8em;color:#85796A}
.kp__c,.kp__r span,.kp__r i{border-radius:.2em;outline:.16em solid transparent;outline-offset:.18em;transition:outline-color .2s,background-color .35s}
.kp .is-hit,.kp .is-hit span,.kp .is-hit i{outline-color:rgba(46,75,255,.85);background:rgba(46,75,255,.07)}
.kp .is-done span,.kp .is-done i{background:rgba(46,75,255,.17)}
/* wynik */
.ki__res{display:flex;flex-direction:column;min-width:0;min-height:0;padding:.85em 1.05em .9em;border-radius:1em;background:#fff;box-shadow:inset 0 0 0 .07em #E8E8EC}
.ki__rh{display:flex;align-items:center;gap:.45em;font-size:.84em}
.ki__rh img{width:1.3em;height:1.3em}
.ki__rh b{font-weight:650}
.ki__st{margin-left:auto;font-size:.92em;color:var(--steel);white-space:nowrap}
.ki__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;margin:.5em 0 0;list-style:none;font-size:.68em;color:var(--mute)}
.ki__steps li{padding-top:.55em;border-top:.22em solid #ECECEF;transition:border-color .3s,color .3s}
.ki__steps li.is-ok{border-top-color:var(--ink);color:var(--text2)}
.ki__steps li.is-on{border-top-color:var(--cobalt);color:var(--ink)}
.ki__list{flex:1;min-height:0;overflow:hidden}
.ki__cat{display:flex;align-items:baseline;gap:.55em;margin:.5em 0 0;font-size:.66em;font-weight:620;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);transition:opacity .3s}
.ki__cat .mono{font-size:.95em;color:#B5B5BA}
.ki__row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1em;align-items:baseline;padding:.28em 0 .3em;border-bottom:.07em solid #F0F0F3;transition:opacity .3s,transform .4s var(--ease-out)}
.ki__nm{font-size:.86em;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ki__row>i{font-style:normal;font-size:.78em;color:var(--text2)}
.ki__ds{grid-column:1/-1;margin-top:.1em;font-size:.72em;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ki__ds:empty{display:none}
.ki .t{transition:opacity .2s,filter .2s}
.ki .t.is-swap{opacity:0;filter:blur(.12em)}
.js .ki__cat:not(.is-in),.js .ki__row:not(.is-in){opacity:0}
.js .ki__row:not(.is-in){transform:translateY(.35em)}
.ki__tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45em .65em;margin-top:.5em;padding:.5em .6em .55em .8em;border-radius:.9em;background:#F7F7F9;box-shadow:inset 0 0 0 .07em #ECECEF;transition:opacity .35s,transform .45s var(--ease-out)}
.js .ki__tr:not(.is-in){opacity:0;transform:translateY(.6em)}
.ki__trh{display:flex;align-items:center;gap:.4em;font-size:.76em;font-weight:620;white-space:nowrap}
.ki__trh svg{width:1.15em;height:1.15em;color:var(--cobalt)}
.ki__langs{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:.3em}
.ki__langs i{display:inline-flex;align-items:center;justify-content:center;gap:.3em;height:2.1em;min-width:2.6em;padding:0 .5em;border-radius:.5em;background:#fff;box-shadow:inset 0 0 0 .1em #E2E2E7;color:var(--steel);font:500 .66em/1 var(--mono);font-style:normal;transition:background-color .25s,color .25s,box-shadow .25s}
.ki__langs i.is-ok{color:var(--ink)}
.ki__langs i.is-ok::before{content:"";width:.55em;height:.3em;margin-top:-.2em;border:solid var(--ok);border-width:0 0 .13em .13em;transform:rotate(-45deg)}
.ki__langs i.is-sel{background:var(--ink);color:#fff;box-shadow:none}
.ki__langs i.is-sel::before{border-color:#fff}
.ki__go{position:relative;display:inline-flex;align-items:center;gap:.4em;height:2.25em;padding:0 .85em;border-radius:.6em;background:var(--ink);color:#fff;font-size:.76em;font-weight:620;white-space:nowrap;transition:background-color .3s,color .3s,box-shadow .3s}
.ki__go img{width:1.15em;height:1.15em}
.ki__go.is-busy>span,.ki__go.is-busy>img{opacity:.25}
.ki__go.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:1.1em;height:1.1em;margin:-.55em 0 0 -.55em;border-radius:50%;border:.14em solid rgba(255,255,255,.3);border-top-color:#fff;animation:mspin .7s linear infinite}
.ki__go.is-done{background:#fff;color:var(--ok);box-shadow:inset 0 0 0 .09em #CFE9D9}

/* stoliki */
.qt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85em}
.qt__c{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:1em .6em .85em;border-radius:.95em;box-shadow:inset 0 0 0 .07em #E8E8EC;transition:opacity .35s,transform .45s var(--ease-out)}
.js .qt__c:not(.is-in){opacity:0;transform:translateY(.5em) scale(.97)}
.qt__qr{width:5em;height:5em;margin-bottom:.35em;background:url("/assets/home/img/qr.svg") center/contain no-repeat}
.qt__c b{font-size:.84em;font-weight:620}
.qt__c small{font-size:.7em;color:var(--steel)}

/* arkusz drukowania (macOS 26) */
.prt{position:absolute;left:50%;top:4.6em;width:40em;height:24em;margin-left:-20em;display:grid;grid-template-columns:16em minmax(0,1fr);border-radius:1.35em;background:rgba(247,247,249,.97);box-shadow:0 0 0 .06em rgba(0,0,0,.2),0 1.8em 4.4em -.8em rgba(0,0,0,.5);z-index:8;opacity:0;visibility:hidden;transform:translateY(-1em) scale(.97);transition:opacity .3s,transform .45s var(--ease-out),visibility 0s .45s}
.prt.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s var(--ease-out)}
.prt__pv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;border-radius:1.35em 0 0 1.35em;background:#ECECEF}
.prt__pg{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:.4em;width:11.2em;aspect-ratio:1/1.414;padding:.75em;background:#fff;box-shadow:0 .2em .7em rgba(0,0,0,.2)}
.prt__pg span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;border:.05em dashed #D6D6DB;border-radius:.2em}
.prt__pg i{width:2em;height:2em;background:url("/assets/home/img/qr.svg") center/contain no-repeat}
.prt__pg b{font-size:.34em;font-weight:600;font-family:var(--font)}
.prt__pv small{font-size:.72em;color:var(--steel)}
.prt__set{display:flex;flex-direction:column;gap:.55em;padding:1.3em 1.35em 1.2em;font-size:.84em}
.prt__h{margin-bottom:.35em;font-size:1.22em;font-weight:680}
.prt__set p{display:grid;grid-template-columns:10.8em minmax(0,1fr);align-items:center;white-space:nowrap}
.prt__set p>span{padding-right:.8em;text-align:right;color:#4A4A4F}
.prt__set em{display:flex;align-items:center;justify-content:space-between;height:1.95em;padding:0 .6em;border-radius:.45em;background:#fff;font-style:normal;box-shadow:0 0 0 .06em rgba(0,0,0,.12),0 .06em .15em rgba(0,0,0,.08);white-space:nowrap}
.prt__set em svg{width:.9em;height:.9em;color:#6C6C72}
.prt__set em.prt__n{width:3.2em}
.prt__f{display:flex;align-items:center;gap:.5em;margin-top:auto}
.prt__b{display:inline-flex;align-items:center;gap:.3em;height:2.05em;padding:0 1.05em;border-radius:99em;background:#fff;font-weight:500;box-shadow:0 0 0 .06em rgba(0,0,0,.14),0 .06em .15em rgba(0,0,0,.08)}
.prt__b svg{width:.85em;height:.85em}
.prt__b--pdf{margin-right:auto}
.prt__b--go{background:#0A7AFF;color:#fff;box-shadow:none}

/* powiadomienie (macOS 26) */
.ntf{position:absolute;right:1em;top:2.6em;width:23em;display:flex;gap:.8em;padding:.85em 1em .9em .85em;border-radius:1.4em;background:rgba(244,244,247,.82);-webkit-backdrop-filter:blur(1.4em) saturate(1.8);backdrop-filter:blur(1.4em) saturate(1.8);box-shadow:inset 0 0 0 .06em rgba(255,255,255,.55),0 .9em 2.6em -.5em rgba(0,0,0,.45);z-index:26;opacity:0;transform:translateX(calc(100% + 1.4em));transition:transform .65s var(--ease-out),opacity .3s}
.ntf.is-on{opacity:1;transform:none}
.ntf__ic{display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:.72em;background:linear-gradient(#26262B,#0D0D0F);flex:none}
.ntf__ic svg{width:1.6em;height:1.6em;color:#fff;stroke:none}
.ntf>div{min-width:0}
.ntf__t{display:flex;justify-content:space-between;font-size:.84em}
.ntf__t b{font-weight:680}
.ntf__t small{font-size:.92em;color:#6C6C72}
.ntf__h{margin-top:.1em;font-size:.84em;font-weight:620}
.ntf__b{margin-top:.12em;font-size:.8em;line-height:1.35;color:#3A3A3F}

/* Dock (macOS 26): szklo, ikony w stylu macOS, kropki uruchomionych aplikacji.
   Wysrodkowany marginesami, nie transformacja, bo kursor celuje po offsetach. */
.dock{position:absolute;left:0;right:0;bottom:.45em;width:max-content;margin:0 auto;display:flex;align-items:flex-end;gap:.34em;padding:.4em .44em .42em;border-radius:1.45em;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.14));-webkit-backdrop-filter:blur(1.3em) saturate(1.8);backdrop-filter:blur(1.3em) saturate(1.8);box-shadow:inset 0 .06em 0 rgba(255,255,255,.6),inset 0 0 0 .06em rgba(255,255,255,.26),0 .8em 2em -.5em rgba(0,0,0,.5);z-index:20}
.dk{position:relative;display:grid;place-items:center;width:2.9em;height:2.9em;border-radius:.66em;flex:none;overflow:visible;box-shadow:0 .1em .22em rgba(0,0,0,.3),inset 0 0 0 .04em rgba(0,0,0,.1);transition:filter .12s,width .4s var(--ease-out),margin .4s var(--ease-out),opacity .3s}
.dk::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0) 46%);pointer-events:none}
.dk>svg{width:1.7em;height:1.7em;color:#fff;stroke-width:1.8}
.mos .dk>svg.dki{width:100%;height:100%;stroke:none;fill:none;border-radius:inherit;overflow:hidden}
.dk.is-press{filter:brightness(.7)}
.dk--finder{background:#1E8BFF}
.dk--apps{background:linear-gradient(#F4F4F7,#D8D9E1)}
.dk--safari{background:linear-gradient(#FFFFFF,#E6E8EE)}
.dk--msg,.dk--ft{background:linear-gradient(#72EE84,#1CC23A)}
.dk--mail{background:linear-gradient(#5CBAFF,#1669F2)}
.dk--maps{background:linear-gradient(#D6EDC4,#A7D58C)}
.dk--photos{background:#fff}
.dk--cal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:.32em;background:#fff}
.dk--cal b{font-size:.5em;font-weight:700;letter-spacing:.04em;color:#FF3B30}
.dk--cal i{font-size:1.36em;font-style:normal;font-weight:300;line-height:1.05;color:#1D1D1F}
.dk--notes{background:#fff}
.dk--music{background:linear-gradient(#FF7488,#FA233B)}
.dk--set{background:linear-gradient(#D5D7DC,#9A9CA4)}
.dk--lk{background:linear-gradient(#2A2A30,#0D0D0F)}
.dk--lk>svg{width:1.55em;height:1.55em;stroke:none}
.dk--prn{width:0;margin-left:-.34em;opacity:0;background:linear-gradient(#F6F6F8,#D6D6DB)}
.dk--prn>svg{color:#3A3A3F}
.dk--prn.is-on{width:2.9em;margin-left:0;opacity:1}
.dk--dl{background:transparent;box-shadow:none}
.dk--dl::after,.dk--bin::after{display:none}
.dk--bin{background:transparent;box-shadow:none}
.dk__sep{align-self:center;width:.07em;height:2.5em;margin:0 .12em;background:rgba(255,255,255,.42)}
.dk__run{position:absolute;left:50%;bottom:-.32em;width:.22em;height:.22em;margin-left:-.11em;border-radius:50%;background:rgba(255,255,255,.95);opacity:0;transition:opacity .3s}
.dk.is-run .dk__run{opacity:1}
.dk__badge{position:absolute;top:-.32em;right:-.32em;display:grid;place-items:center;min-width:1.4em;height:1.4em;border-radius:99em;background:#FF3B30;color:#fff;font-size:.7em;font-style:normal;font-weight:650;transform:scale(0);transition:transform .4s var(--ease-out);z-index:1}
.dk__badge.is-on{transform:scale(1)}

/* przeciagany plik i kursor */
.ghost{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:.35em;opacity:0;pointer-events:none;z-index:40;transition:opacity .12s}
.ghost.is-on{opacity:.84}
.ghost b{padding:.1em .45em;border-radius:.38em;background:#0B63F3;color:#fff;font-size:.72em;font-weight:500;white-space:nowrap}
.cur{position:absolute;left:0;top:0;width:1.75em;height:1.75em;z-index:45;pointer-events:none;will-change:transform;filter:drop-shadow(0 .06em .1em rgba(0,0,0,.4))}
.cur>svg{position:absolute;left:-.51em;top:-.31em;width:100%;height:100%;overflow:visible;transform-origin:.51em .31em;transition:transform .1s}
.cur.is-down>svg{transform:scale(.84)}
.cur::after{content:"";position:absolute;left:-1.05em;top:-1.05em;width:2.1em;height:2.1em;border-radius:50%;box-shadow:0 0 0 .12em rgba(13,13,15,.3);opacity:0;pointer-events:none}
.cur.is-click::after{animation:mripple .5s var(--ease-out)}
.cur__plus{position:absolute;left:.55em;top:.72em;display:grid;place-items:center;width:.95em;height:.95em;border-radius:50%;background:#34C759;box-shadow:0 0 0 .08em #fff;transform:scale(0);transition:transform .2s var(--ease-out)}
.cur__plus svg{width:.66em;height:.66em;color:#fff;stroke-width:3.4}
.cur.is-copy .cur__plus{transform:scale(1)}
.no-js .cur,.cur{visibility:hidden}
.js .cur{visibility:visible}
.mos .is-tap{animation:mtap .3s var(--ease-out)}

@keyframes mspin{to{transform:rotate(360deg)}}
@keyframes mcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mripple{0%{opacity:1;transform:scale(.25)}100%{opacity:0;transform:scale(1)}}
@keyframes mtap{0%{transform:scale(1)}40%{transform:scale(.95)}100%{transform:scale(1)}}

/* kroki pod scena: przycisk na calym kroku i pasek postepu */
.start__steps li{position:relative}
.start__steps li::before{content:"";position:absolute;left:0;top:-2px;height:2px;width:calc(var(--p,0) * 100%);background:var(--cobalt);opacity:0;transition:opacity .3s}
.start__steps li.is-on{border-top-color:var(--line)}
.start__steps li.is-on::before{opacity:1}
.start__go{position:absolute;inset:-2px 0 0;border:0;background:none;cursor:pointer;border-radius:4px}
.start__go:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}

@media (max-width:999px){
  .scn--start{padding:1.8em 1.6em 1.8em}
}
@media (max-width:640px){
  .scn--start{display:flex;flex-direction:column;justify-content:center;aspect-ratio:10/11;margin-top:36px;padding:1.4em .9em 1.6em;border-radius:18px}
  .ki__row{padding:.22em 0 .24em}
}
@media (prefers-reduced-motion:reduce){
  .cur,.ghost{display:none}
}

/* skok kursora bez przejazdu: zgas, przestaw, pokaz */
.cur{transition:opacity .2s}
.cur.is-skok{opacity:0!important;transition:none}