:root{--roz:#ff5c8a;--roz2:#e0306b;--koral:#ff8a6b;--roz-j:#ffb3c7;--sliw:#eef3f2;--tekst2:#c3cfd3;--szary:#9fb0b6;--blady:#6f8288;
    --tlo:#0b1418;--karta:#15222a;--jasny:#1c2b34;--obw:rgba(255,255,255,.09);--zielony:#25d366;--ziel-j:#4ade80}
  *{box-sizing:border-box}
  [hidden]{display:none!important}
  html{-webkit-text-size-adjust:100%;color-scheme:dark}
  body{margin:0;min-height:100vh;color:var(--sliw);font:16px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;
    background-color:var(--tlo);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M14 19c-2-4-8-3-8 2 0 4 8 9 8 9s8-5 8-9c0-5-6-6-8-2z' fill='%23ff5c8a' fill-opacity='.07'/%3E%3Cpath d='M42 45c-1.4-2.8-5.6-2.1-5.6 1.4 0 2.8 5.6 6.3 5.6 6.3s5.6-3.5 5.6-6.3c0-3.5-4.2-4.2-5.6-1.4z' fill='%23ffffff' fill-opacity='.04'/%3E%3C/svg%3E"),
      radial-gradient(at 0 0,rgba(255,92,138,.13) 0,transparent 55%),radial-gradient(at 100% 0,rgba(37,211,102,.09) 0,transparent 50%);background-attachment:fixed}
  .kol{max-width:460px;margin:0 auto;padding:0 12px 26px}
  .nag{height:50px;display:flex;align-items:center;justify-content:center;gap:9px}
  .nag .serce{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--koral),var(--roz) 55%,var(--roz2));box-shadow:0 4px 14px rgba(255,92,138,.32)}
  .nag .marka{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:italic 700 22px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.2px;padding:2px 2px 3px;
    background:linear-gradient(90deg,#ffd0dc,var(--roz-j) 45%,var(--roz));-webkit-background-clip:text;background-clip:text;color:transparent}
  .nag .marka::after{content:' \2665';font-style:normal;font-size:15px;vertical-align:3px}

  .karta{background:var(--karta);border-radius:28px;box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px var(--obw);padding:8px}
  .foto{position:relative;border-radius:22px;overflow:hidden;background:var(--jasny)}
  .foto img{width:100%;display:block;object-fit:cover;object-position:50% 24%;
    height:clamp(230px,calc(100vh - 272px),520px);height:clamp(230px,calc(100svh - 272px),520px)}
  .foto .tag{position:absolute;top:12px;inset-inline-start:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:6px;
    font-size:12.5px;font-weight:700;color:var(--roz-j);padding:7px 12px;border-radius:999px;background:rgba(11,20,24,.8);box-shadow:0 4px 14px rgba(0,0,0,.35)}
  .foto .na{position:absolute;left:0;right:0;bottom:0;padding:54px 16px 13px;color:#fff;background:linear-gradient(transparent,rgba(6,12,15,.88))}
  .foto h1{margin:0;font-size:27px;line-height:1.1;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .foto .pod{margin-top:4px;font-size:14px;font-weight:600;opacity:.95;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .kropka{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--zielony);box-shadow:0 0 0 3px rgba(37,211,102,.3);animation:puls 1.8s infinite}
  @keyframes puls{50%{box-shadow:0 0 0 6px rgba(37,211,102,0)}}

  .glos{display:flex;align-items:center;gap:10px;margin:10px 4px 0;padding:8px 12px 8px 8px;border-radius:20px;border-start-start-radius:6px;cursor:pointer;
    background:var(--jasny);box-shadow:inset 0 0 0 1.5px var(--obw)}
  .glos-av{position:relative;flex:0 0 44px;width:44px;height:44px}
  .glos-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
  .glos-av b{position:absolute;inset-inline-end:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--roz);box-shadow:0 0 0 2px var(--jasny)}
  .glos-play{flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;
    background:linear-gradient(135deg,var(--koral),var(--roz) 50%,var(--roz2));box-shadow:0 6px 14px rgba(224,48,107,.3)}
  .glos-play .ii-pauza,.glos.gra .glos-play .ii-graj{display:none}
  .glos.gra .glos-play .ii-pauza{display:block}
  .glos-sr{flex:1;min-width:0}
  .glos-fala{display:flex;align-items:center;gap:2px;height:28px}
  .glos-fala i{flex:1;min-width:2px;border-radius:2px;background:#4e626a;transition:background .15s}
  .glos-fala i.zag{background:var(--roz)}
  .glos-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;font-size:12px;font-weight:600;color:var(--szary)}
  .glos-et{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .glos:not(.odsluchana) .glos-et::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--zielony);margin-inline-end:6px;vertical-align:1px}
  .glos-czas{font-variant-numeric:tabular-nums}
  .glos-odp{margin:8px 4px 0;text-align:center;font-size:14.5px;font-weight:800;color:var(--roz-j);animation:wskok .35s cubic-bezier(.2,.9,.3,1.4)}
  .btn.puls{animation:pulsBtn 1.1s ease-in-out 3}
  @keyframes pulsBtn{50%{transform:scale(1.04)}}

  .wa{margin:10px 4px 0;padding:10px 12px 9px;border-radius:20px;text-align:center;cursor:pointer;background:linear-gradient(var(--jasny),#18262e);box-shadow:inset 0 0 0 1.5px var(--obw);container-type:inline-size}
  .wa:active{background:#22323b}
  .wa-et{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ziel-j)}
  .wa-et svg{flex:0 0 18px}
  .wa-nr{display:block;margin:3px 0 1px;font-weight:800;font-size:clamp(24px,8.2vw,34px);font-size:10.6cqi;letter-spacing:-.6px;line-height:1.1;white-space:nowrap;color:var(--sliw)}
  .nr-u{filter:blur(8px);-webkit-filter:blur(8px);user-select:none;-webkit-user-select:none}
  .wa-hint{font-size:12px;color:var(--szary);font-weight:600}
  .btn{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 8px);margin:10px 4px 4px;height:58px;border:0;border-radius:999px;cursor:pointer;
    font:800 16.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.3px;color:#fff;text-transform:uppercase;
    background:linear-gradient(135deg,var(--koral),var(--roz) 45%,var(--roz2));box-shadow:0 12px 26px rgba(224,48,107,.34),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s}
  .btn:active{transform:scale(.98)}
  .btn svg{flex:0 0 22px}

  .spolecz{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 12px;font-size:14px;font-weight:700;color:var(--szary)}
  .kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
  .kafle div{background:var(--karta);border-radius:18px;padding:11px 6px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 1px var(--obw)}
  .kafle b{display:block;font-size:18px}
  .kafle small{display:block;font-size:11.5px;color:var(--szary);font-weight:600;line-height:1.25}
  .sekcja{background:var(--karta);border-radius:24px;box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 1px var(--obw);padding:16px 16px 14px;margin-bottom:14px}
  .sekcja h2{margin:0 0 8px;font-size:17px;font-weight:800;letter-spacing:-.2px}
  .sekcja p{margin:0;color:var(--tekst2)}
  .relacje{display:flex;gap:12px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
  .relacje::-webkit-scrollbar{display:none}
  .relacje a{flex:0 0 auto;width:66px;text-align:center;text-decoration:none;color:var(--tekst2);font-size:11px;font-weight:700}
  .relacje .ring{display:block;width:66px;height:66px;border-radius:50%;padding:2.5px;background:conic-gradient(from 200deg,var(--koral),var(--roz),var(--roz2),var(--koral))}
  .relacje img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid var(--karta);display:block}
  .relacje span.p{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stopka{text-align:center;color:var(--blady);font-size:12px;padding:4px 0}
  #toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;transition:.35s;z-index:900;max-width:calc(100% - 32px);
    font-size:13px;font-weight:700;color:var(--sliw);padding:10px 16px;border-radius:999px;background:rgba(28,43,52,.96);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px var(--obw);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
  #toast.widoczny{opacity:1;transform:translate(-50%,0)}

  #m{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}
  #m[hidden]{display:none}
  .m-okno{position:relative;width:100%;max-width:480px;background:var(--karta);border-radius:30px 30px 0 0;padding:0 22px calc(22px + env(safe-area-inset-bottom));text-align:center;
    box-shadow:0 -12px 40px rgba(0,0,0,.5),0 0 0 1px var(--obw);animation:wjazd .34s cubic-bezier(.2,.9,.3,1.05);max-height:94vh;max-height:94svh;overflow-y:auto}
  @keyframes wjazd{from{transform:translateY(100%)}to{transform:none}}
  .m-uchwyt{width:44px;height:5px;border-radius:3px;background:#2c3d47;margin:10px auto 0}
  .m-zamknij{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--jasny);color:var(--szary);font-size:16px;cursor:pointer}
  .m-awatar{position:relative;width:78px;height:78px;margin:14px auto 4px}
  .m-awatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--karta);box-shadow:0 0 0 3px rgba(255,92,138,.45),0 8px 20px rgba(0,0,0,.4)}
  .m-awatar i{position:absolute;right:3px;bottom:5px;width:16px;height:16px;border-radius:50%;background:var(--zielony);border:3px solid var(--karta)}
  .m-tresc{font-size:16.5px;color:var(--tekst2)}
  .m-tresc h2{margin:6px 0 8px;font-size:22px;line-height:1.25;font-weight:800;color:var(--sliw);letter-spacing:-.3px}
  .m-tresc p{margin:0 0 12px}
  .m-pyt{color:var(--sliw);font-weight:800;font-size:17.5px;margin-top:16px!important}
  #m-wiek{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .m-wiek-btn{height:58px;border:1.5px solid var(--obw);border-radius:18px;background:var(--jasny);color:var(--roz-j);font:800 19px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer}
  .m-wiek-btn:active,.m-wiek-btn:hover{background:#243640}
  .m-pasek{height:8px;border-radius:999px;background:var(--jasny);overflow:hidden;margin:14px auto 16px;max-width:300px}
  .m-pasek i{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--koral),var(--roz));animation:jedz 1.2s ease-in-out infinite}
  @keyframes jedz{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
  .m-lista{list-style:none;margin:0 0 6px;padding:0}
  .m-lista li{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;font-size:17px;font-weight:700;color:var(--sliw)}
  .m-lista li::before{content:'';flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--jasny);color:#fff;font-size:13px}
  .m-lista .m-trwa::before{border:3px solid var(--obw);border-top-color:var(--roz);background:none;animation:krec .8s linear infinite}
  @keyframes krec{to{transform:rotate(360deg)}}
  .m-lista .m-ok::before{content:'✓';background:var(--zielony)}
  .m-lista .m-czeka{color:var(--blady)}
  .m-nr{font-weight:800;font-size:32px;letter-spacing:-.6px;padding:12px;border-radius:20px;background:var(--jasny);box-shadow:inset 0 0 0 1.5px var(--obw);margin:4px 0 12px;white-space:nowrap}
  .m-czat{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 12px}
  .m-czat .dymek{display:inline-flex;gap:5px;padding:12px 16px;border-radius:20px 20px 20px 6px;background:var(--jasny);box-shadow:inset 0 0 0 1.5px var(--obw)}
  .m-czat .dymek span{width:8px;height:8px;border-radius:50%;background:#6f8a92;animation:kropki 1.2s infinite}
  .m-czat .dymek span:nth-child(2){animation-delay:.2s}
  .m-czat .dymek span:nth-child(3){animation-delay:.4s}
  @keyframes kropki{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
  .m-czat small{font-size:14px;font-weight:700;color:var(--ziel-j)}
  .m-pisz{min-height:4.4em;font-size:17px;line-height:1.45;color:#dce5e6;margin:0 0 12px}
  .m-kursor{display:inline-block;width:2px;height:1.05em;margin-inline-start:2px;vertical-align:-.15em;background:var(--roz);animation:mrug .8s steps(1) infinite}
  @keyframes mrug{50%{opacity:0}}
  #m-btn{width:100%;height:60px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:800 17px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.3px;
    background:linear-gradient(135deg,var(--koral),var(--roz) 45%,var(--roz2));box-shadow:0 12px 26px rgba(224,48,107,.34)}
  .m-nota{font-size:13px;color:var(--blady);margin-top:10px!important;font-weight:600}
  .m-timer{font-size:14px;font-weight:800;color:var(--roz-j);margin:0!important}
  .m-timer b{font-variant-numeric:tabular-nums}
  #m-demo{background:#3a3210;color:#ffe9a8;border-radius:12px;padding:9px;font-size:13px;margin-top:10px!important}
  html.m-otwarte body{overflow:hidden}

  html:not(.wa-b) .tylko-b,html.wa-b .tylko-a{display:none!important}
  html.wa-b .wa{background:linear-gradient(#10291e,#0c2118);box-shadow:inset 0 0 0 2px var(--zielony)}
  html.wa-b .wa:active{background:#123326}
  html.wa-b .wa-et{color:var(--ziel-j)}
  html.wa-b .wa-hint{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:7px 16px;border-radius:999px;background:var(--zielony);color:#052a1c;font-size:13.5px;font-weight:800;box-shadow:0 6px 14px rgba(37,211,102,.22)}
  html.wa-b .wa-hint::before{content:'\1F441';font-size:14px}
  html.wa-b .btn,html.wa-b #m-btn{background:linear-gradient(135deg,#3be37f,#25d366 45%,#128c7e);box-shadow:0 12px 26px rgba(18,140,126,.34),inset 0 1px 0 rgba(255,255,255,.25)}
  html.wa-b .foto{cursor:pointer}
  html.wa-b .foto img{height:clamp(220px,calc(100vh - 298px),520px);height:clamp(220px,calc(100svh - 298px),520px)}
  html.wa-b .glos-play{background:linear-gradient(135deg,#3be37f,#25d366 50%,#128c7e);box-shadow:0 6px 14px rgba(18,140,126,.3)}
  html.wa-b .glos-av b{background:var(--zielony)}
  html.wa-b .glos-fala i.zag{background:var(--zielony)}
  html.wa-b .glos-odp{color:var(--ziel-j)}
  html.z-glosem .foto img{height:clamp(200px,calc(100vh - 334px),500px);height:clamp(200px,calc(100svh - 334px),500px)}
  html.z-glosem.wa-b .foto img{height:clamp(190px,calc(100vh - 360px),500px);height:clamp(190px,calc(100svh - 360px),500px)}
  .btn{position:relative}
  .btn .odz{position:absolute;top:-7px;inset-inline-end:16px;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#ef4444;color:#fff;
    font:800 13px/25px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 0 0 3px var(--karta);animation:wskok .35s cubic-bezier(.2,.9,.3,1.4)}
  @keyframes wskok{from{transform:scale(0)}to{transform:none}}
  #wa-pow{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;z-index:950;width:calc(100% - 20px);max-width:440px;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:18px;
    background:rgba(28,43,52,.98);box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 0 1px var(--obw);cursor:pointer;transform:translate(-50%,-150%);transition:transform .45s cubic-bezier(.2,.9,.3,1.1)}
  #wa-pow.widoczny{transform:translate(-50%,0)}
  #wa-pow img{flex:0 0 46px;width:46px;height:46px;border-radius:50%;object-fit:cover}
  #wa-pow .pow-t{min-width:0;flex:1;text-align:start;font-size:14.5px;line-height:1.3;color:#dce5e6}
  #wa-pow .pow-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--zielony);margin-bottom:1px}
  #wa-pow .pow-k b{font-size:15px;color:var(--sliw)}
  .m-rozm{background:#0b141a;border-radius:18px;padding:10px 12px 12px;margin:8px 0 14px;text-align:start;box-shadow:inset 0 0 0 1px var(--obw)}
  .m-kto{font-size:12.5px;font-weight:700;color:var(--zielony);margin:0 2px 6px}
  .m-dym{display:inline-block;max-width:94%;padding:10px 13px;border-radius:16px;border-start-start-radius:4px;background:#202c33;color:#e9edef;font-size:16.5px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.3)}
  .m-kropki{display:inline-flex;gap:5px;padding:5px 2px}
  .m-kropki span{width:8px;height:8px;border-radius:50%;background:#8696a0;animation:kropki 1.2s infinite}
  .m-kropki span:nth-child(2){animation-delay:.2s}
  .m-kropki span:nth-child(3){animation-delay:.4s}
  #m-wiek{transition:opacity .25s}
  #m-wiek.m-ukryj{opacity:0;pointer-events:none}
  html.wa-b .m-wiek-btn{border:0;background:#005c4b;color:#e9fff6;box-shadow:0 1px 2px rgba(0,0,0,.3)}
  html.wa-b .m-wiek-btn:active,html.wa-b .m-wiek-btn:hover{background:#00715c}
  html.wa-b .m-pasek{background:#13242b}
  html.wa-b .m-pasek i{background:linear-gradient(90deg,#3be37f,#128c7e)}