#auth-modal{display:flex;align-items:center;justify-content:center;padding:16px;
            background:rgba(4,5,10,.72);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
        #auth-modal.hidden{display:none}
        
        @media (max-width:767.98px){#auth-modal{background:rgba(4,5,10,.94);-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px}}
        .auth-karta{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 32px);display:flex;overflow:hidden;
            border-radius:24px;background:#0d0f16;border:1px solid rgba(255,255,255,.09);
            box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 0 1px rgba(0,242,255,.06)}
        .auth-lewa{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;padding:28px 22px;overflow-y:auto;
            background:radial-gradient(120% 90% at 0% 0%,rgba(0,242,255,.10),transparent 55%),radial-gradient(120% 90% at 100% 100%,rgba(188,19,254,.12),transparent 55%),#0d0f16}
        
        .auth-lewa>.auth-srodek{margin:auto 0}
        @media (max-width:767.98px){.auth-karta{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}
        
        @media (max-width:767.98px){.auth-lewa{padding:20px 18px 22px}.auth-naglowek{margin-bottom:14px}.auth-logo{width:48px;height:48px;margin-bottom:10px}.auth-baner{margin-bottom:14px}}
        
        @media (min-width:768px){.auth-karta{max-height:calc(100vh - 48px)}.auth-lewa{flex:0 0 46%;padding:40px 36px}}
        .auth-x{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
            color:rgba(255,255,255,.75);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);transition:background .15s,color .15s}
        .auth-x:hover{background:rgba(255,255,255,.14);color:#fff}
        .auth-logo{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,242,255,.18)}
        .auth-tytul{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.35rem,2vw,1.7rem);color:#fff;letter-spacing:-.01em;line-height:1.1;text-align:center}
        .auth-pod{font-size:13.5px;color:rgba(255,255,255,.55);text-align:center;margin-top:6px}
        
        .auth-baner{display:block;width:100%;border-radius:14px;object-fit:cover;object-position:50% 0;aspect-ratio:21/9;margin-bottom:18px}
        @media (min-width:768px){.auth-baner{display:none}}
        #auth-hero-side{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:#080810}
        #auth-hero-side .auth-kadr{position:absolute;inset:0}
        #auth-hero-side .auth-kadr .auth-slide{position:absolute;inset:0}
        #auth-hero-side .auth-podpis{position:absolute;left:0;right:0;bottom:0;z-index:12;padding:26px 28px 24px;
            background:linear-gradient(180deg,transparent 0%,rgba(6,7,12,.78) 55%,rgba(6,7,12,.94) 100%)}
        #auth-hero-side #auth-slide-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:0;color:#ffd166;text-shadow:0 2px 14px rgba(0,0,0,.7);margin-bottom:6px}
        #auth-hero-side #auth-slide-desc{color:rgba(255,255,255,.86);font-size:14px;line-height:1.45;margin-bottom:14px;text-shadow:0 2px 10px rgba(0,0,0,.7)}
@keyframes float {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(-20px); }
        }
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        
        @keyframes bolt {
            0%, 85%, 87%, 100% { opacity: 0; transform: translateY(0); }
            86% { opacity: 1; transform: translateY(10px); }
        }
        .bolt-anim {
            opacity: 0;
            animation: bolt 2.5s ease-out infinite;
        }
        .bolt-delay-0 { animation-delay: 0s; }
        .bolt-delay-1 { animation-delay: 0.8s; }
        .bolt-delay-2 { animation-delay: 1.6s; }

        
        .range-slider {
            -webkit-appearance: none;
            appearance: none;
            width: 100%;
            height: 8px;
            border-radius: 999px;
            background:
                linear-gradient(90deg, #00f2ff, #7a5cff, #bc13fe) no-repeat 0 / var(--value-percent, 50%) 100%,
                rgba(255,255,255,0.07);
            border: 1px solid rgba(255,255,255,0.06);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.55);
            outline: none;
            cursor: pointer;
        }
        .range-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e6fdff 55%, #9beaff 100%);
            border: 2px solid rgba(0,242,255,0.85);
            box-shadow: 0 0 0 4px rgba(0,242,255,0.12), 0 0 14px rgba(0,242,255,0.5), 0 2px 6px rgba(0,0,0,0.5);
            transition: transform 0.15s ease, box-shadow 0.15s ease;
            cursor: grab;
        }
        .range-slider::-webkit-slider-thumb:hover {
            transform: scale(1.18);
            box-shadow: 0 0 0 5px rgba(0,242,255,0.16), 0 0 20px rgba(0,242,255,0.75), 0 2px 8px rgba(0,0,0,0.5);
        }
        .range-slider::-webkit-slider-thumb:active { cursor: grabbing; transform: scale(1.08); }
        .range-slider::-moz-range-track {
            height: 8px; border-radius: 999px;
            background: rgba(255,255,255,0.07);
            border: 1px solid rgba(255,255,255,0.06);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.55);
        }
        .range-slider::-moz-range-progress { height: 8px; border-radius: 999px; background: linear-gradient(90deg, #00f2ff, #7a5cff, #bc13fe); }
        .range-slider::-moz-range-thumb {
            width: 20px; height: 20px; border-radius: 50%;
            background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e6fdff 55%, #9beaff 100%);
            border: 2px solid rgba(0,242,255,0.85);
            box-shadow: 0 0 0 4px rgba(0,242,255,0.12), 0 0 14px rgba(0,242,255,0.5), 0 2px 6px rgba(0,0,0,0.5);
            cursor: grab;
        }
        .range-value-badge {
            transition: transform 0.1s ease, opacity 0.15s ease;
        }
        .range-value-badge.active {
            transform: scale(1.1);
        }
body.has-site-ann #announcement-bar { top: var(--site-ann-h, 0px); }
      body.has-site-ann #top-nav { top: var(--site-ann-h, 0px); }
      body.has-site-ann.has-announcement-bar #top-nav { top: calc(36px + var(--site-ann-h, 0px)); }
      body.has-site-ann #mobile-header { top: var(--site-ann-h, 0px); }
      body.has-site-ann.has-announcement-bar #mobile-header { top: calc(32px + var(--site-ann-h, 0px)); }
      body.has-site-ann #mobile-menu { top: calc(56px + var(--site-ann-h, 0px)); }
      body.has-site-ann.has-announcement-bar #mobile-menu { top: calc(92px + var(--site-ann-h, 0px)); }
      
      
      #mobile-menu { z-index: 100020; max-height: calc(100vh - 72px); max-height: calc(100dvh - 72px); overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
      body.has-announcement-bar #mobile-menu { max-height: calc(100vh - 104px); max-height: calc(100dvh - 104px); }
      body.has-site-ann #mobile-menu { max-height: calc(100vh - 68px - var(--site-ann-h, 0px)); max-height: calc(100dvh - 68px - var(--site-ann-h, 0px)); }
      body.has-site-ann.has-announcement-bar #mobile-menu { max-height: calc(100vh - 104px - var(--site-ann-h, 0px)); max-height: calc(100dvh - 104px - var(--site-ann-h, 0px)); }
      @media (min-width: 768px) {
        body.has-site-ann .main-content { padding-top: calc(56px + var(--site-ann-h, 0px)) !important; }
        body.has-site-ann.has-announcement-bar .main-content { padding-top: calc(92px + var(--site-ann-h, 0px)) !important; }
      }
      @media (max-width: 767px) {
        body.has-site-ann .main-content { padding-top: calc(56px + var(--site-ann-h, 0px)) !important; }
        body.has-site-ann.has-announcement-bar .main-content { padding-top: calc(88px + var(--site-ann-h, 0px)) !important; }
      }
#mobile-menu { --mm-akc: #00c2d6; }
      
      #mobile-menu .hidden { display: none !important; }
      .mm-naglowek { padding: 16px 16px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
      .mm-kredyty-rzad { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }
      .mm-kredyty-etykieta { font-size: 12.5px; color: rgba(255,255,255,.5); font-weight: 600; }
      .mm-kredyty-ile { font-size: 24px; font-weight: 800; color: #fff; line-height: 1; font-variant-numeric: tabular-nums; }
      .mm-cta {
        width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
        padding: 12px; border-radius: 11px; border: none; cursor: pointer;
        background: var(--mm-akc); color: #04121a; font-size: 13.5px; font-weight: 800;
      }
      .mm-cta:active { filter: brightness(.92); }
      .mm-cta-2 {
        width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
        padding: 12px; border-radius: 11px; cursor: pointer; margin-top: 8px;
        background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
        color: rgba(255,255,255,.85); font-size: 13px; font-weight: 700;
      }
      .mm-lista { padding: 8px; }
      .mm-poz {
        width: 100%; display: flex; align-items: center; gap: 12px;
        padding: 11px 10px; border-radius: 10px; border: none; background: none;
        color: rgba(255,255,255,.82); font-size: 13.5px; font-weight: 500;
        text-align: left; text-decoration: none; cursor: pointer;
        transition: background .14s ease, color .14s ease;
      }
      .mm-poz:active { background: rgba(255,255,255,.07); color: #fff; }
      .mm-poz > i { width: 18px; text-align: center; font-size: 14px; color: rgba(255,255,255,.4); flex-shrink: 0; }
      .mm-poz > span:first-of-type { flex: 1; min-width: 0; }
      .mm-badge {
        font-size: 9px; font-weight: 800; letter-spacing: .04em; padding: 3px 7px; border-radius: 999px;
        background: rgba(0,242,255,.11); color: rgba(0,242,255,.82); border: 1px solid rgba(0,242,255,.18);
      }
      .mm-licznik {
        min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
        background: #ef4444; color: #fff; font-size: 10px; font-weight: 800;
        display: flex; align-items: center; justify-content: center;
      }
      .mm-kreska { height: 1px; background: rgba(255,255,255,.08); margin: 8px 10px; }
      .mm-wyloguj { color: rgba(248,113,113,.9); }
      .mm-wyloguj > i { color: rgba(248,113,113,.8); }
      .mm-wyloguj:active { background: rgba(248,113,113,.10); }
      .mm-flagi { display: flex; align-items: center; gap: 6px; }
      .mm-flagi button { padding: 3px; border: 1px solid transparent; border-radius: 5px; background: none; cursor: pointer; }
      .mm-flagi img { width: 22px; height: auto; border-radius: 3px; display: block; }
      .mm-gosc { padding: 14px 16px 16px; border-top: 1px solid rgba(255,255,255,.08); }
@media (min-width: 768px) {
              #landing-hero .hdr-title { font-size: 6.5rem; line-height: 1.02; }
              #landing-hero .hdr-title > span[data-i18n="landing.heroTitle"] { font-size: 3.2rem; line-height: 1.12; }
              #landing-hero .hdr-badge span { font-size: 14px; }
              
              #landing-stats .stat-counter { font-size: 3.6rem; white-space: nowrap; }
            }
            @media (min-width: 1280px) {
              #landing-hero .hdr-title { font-size: 8rem; }
              #landing-hero .hdr-title > span[data-i18n="landing.heroTitle"] { font-size: 4rem; }
              #landing-stats .stat-counter { font-size: 4.6rem; }
            }
            @media (min-width: 1600px) {
              #landing-stats .stat-counter { font-size: 5.25rem; }
            }
html.has-token #czym-jest{display:none!important}
              @media (max-width:767px){ #hero-co-chcesz{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} }      
              #czym-jest{max-width:64rem;margin:0 auto 1rem;padding:1.25rem 1rem 1.1rem;border-radius:1.25rem;background:linear-gradient(170deg,rgba(0,242,255,.06),rgba(255,255,255,.015) 45%);border:1px solid rgba(0,242,255,.16)}
              #czym-jest .cj-ozn{display:block;color:#00f2ff;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
              #czym-jest h2{font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:800;font-size:1.45rem;line-height:1.15;margin:.45rem 0 .55rem;text-wrap:balance}
              #czym-jest .cj-opis{color:rgba(255,255,255,.72);font-size:.86rem;line-height:1.55;margin:0;max-width:44rem}
              #czym-jest .cj-opis b{color:#fff;font-weight:600}
              #czym-jest .cj-fakty{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0 0}
              #czym-jest .cj-fakt{padding:.7rem .75rem;border-radius:.9rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
              #czym-jest .cj-fakt strong{display:block;font-family:'Space Grotesk',sans-serif;color:#fff;font-size:1.3rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
              #czym-jest .cj-fakt span{display:block;color:rgba(255,255,255,.6);font-size:.72rem;line-height:1.35;margin-top:.2rem}
              #czym-jest .cj-por-tytul{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:1rem;font-weight:700;margin:1.1rem 0 .5rem}
              #czym-jest .cj-por{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
              #czym-jest .cj-kol{padding:.75rem .8rem;border-radius:.9rem;font-size:.75rem;line-height:1.45}
              #czym-jest .cj-kol h4{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem}
              #czym-jest .cj-kol ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
              #czym-jest .cj-kol li{display:flex;gap:.4rem;align-items:baseline}
              #czym-jest .cj-inni{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.12);color:rgba(255,255,255,.55)}
              #czym-jest .cj-inni h4{color:rgba(255,255,255,.5)}
              #czym-jest .cj-inni li::before{content:'\2715';color:rgba(255,120,120,.75);font-size:.65rem}
              #czym-jest .cj-my{background:rgba(0,242,255,.06);border:1px solid rgba(0,242,255,.3);color:rgba(255,255,255,.85)}
              #czym-jest .cj-my h4{color:#00f2ff}
              #czym-jest .cj-my li::before{content:'\2713';color:#00f2ff;font-size:.75rem;font-weight:700}
              @media (min-width:768px){
                #czym-jest{padding:2rem 2.25rem 1.75rem;margin-bottom:2rem;border-radius:1.5rem}
                #czym-jest h2{font-size:2.25rem}
                #czym-jest .cj-opis{font-size:1rem}
                #czym-jest .cj-fakty{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.4rem}
                #czym-jest .cj-fakt{padding:1rem 1.1rem}
                #czym-jest .cj-fakt strong{font-size:1.85rem}
                #czym-jest .cj-fakt span{font-size:.8rem}
                #czym-jest .cj-por-tytul{font-size:1.2rem;margin:1.6rem 0 .7rem}
                #czym-jest .cj-por{gap:.75rem}
                #czym-jest .cj-kol{padding:1rem 1.2rem;font-size:.88rem}
              }
.coc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:1}
                  
                  @media(min-width:768px){.coc-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
                  html.is-pixcloud .coc-grid,html.is-en .coc-grid{grid-template-columns:repeat(2,1fr)}   
                  
                  .coc-kafel{display:flex;flex-direction:column;gap:10px;min-width:0;grid-column:1/-1;order:-1;color:#fff;text-decoration:none;cursor:pointer}
                  .coc-kafel.jujitsu{order:-2}
                  @media(min-width:768px){.coc-kafel{grid-column:auto;order:0}}
                  .coc-podpis{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 2px}
                  .coc-tytul{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.15;letter-spacing:.005em;padding-bottom:6px;background:linear-gradient(90deg,#f5c542,#00f2ff) no-repeat 0 100%/100% 2px;transition:background-size .25s ease}
                  .coc-opis{font-size:13px;line-height:1.4;color:rgba(255,255,255,.58)}
                  .coc-ramka{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0b1c23;border:2px solid #f5c542;box-shadow:0 0 0 1px rgba(245,197,66,.3),0 0 26px rgba(245,197,66,.25);transition:transform .2s,box-shadow .2s,border-color .2s}
                  .coc-ramka video,.coc-ramka img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
                  
                  .coc-kafel.akademia{display:none}
                  @media(min-width:768px){.coc-kafel.akademia{display:flex}.coc-ramka{aspect-ratio:1916/821}}
                  .coc-kafel:hover .coc-ramka{transform:translateY(-3px);border-color:#ffd970;box-shadow:0 0 0 1px rgba(255,217,112,.5),0 0 36px rgba(245,197,66,.42)}
                  .coc-kafel:focus-visible{outline:none}
                  .coc-kafel:focus-visible .coc-ramka{outline:2px solid #00f2ff;outline-offset:3px}
                  .coc-nowosc{position:absolute;top:12px;left:12px;z-index:3;padding:5px 12px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2a1a00;background:linear-gradient(135deg,#ffe9a6,#f5c542 55%,#d99a1e);box-shadow:0 3px 12px rgba(245,197,66,.4)}
                  
                  .mcp-karta{position:relative;margin-top:18px;border-radius:26px;overflow:hidden;min-height:420px;background:radial-gradient(130% 85% at 50% 0%,#5e463e 0%,#2a1f1b 46%,#130e0d 100%);border:1px solid rgba(240,163,127,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.45)}
                  .mcp-pokoj{position:absolute;inset:0;width:100%;height:100%}
                  .mcp-swiatlo{position:absolute;left:0;right:0;top:0;height:50%;background:radial-gradient(55% 60% at 50% 0%,rgba(255,226,210,.26),transparent 72%);pointer-events:none}
                  .mcp-tresc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:420px;padding:44px 22px 38px;text-align:center}
                  .mcp-z{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.05rem,4.8vw,1.4rem);background:linear-gradient(180deg,#e7dcd8,#8e807a);-webkit-background-clip:text;background-clip:text;color:transparent}
                  .mcp-tytul{margin:0;display:flex;flex-direction:column;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:800;line-height:.95;letter-spacing:-.01em;font-size:clamp(2.6rem,13vw,4.2rem)}
                  .mcp-a{background:linear-gradient(180deg,#f6f1ef 8%,#b2a49f 52%,#efe7e4 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
                  .mcp-b{background:linear-gradient(180deg,#ffdccb 4%,#e3825d 52%,#b9583a 94%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
                  .mcp-x{font-weight:600;font-size:.62em;vertical-align:.18em}
                  .mcp-opis{margin:0;max-width:21em;font-size:clamp(.92rem,3.9vw,1.08rem);line-height:1.45;color:rgba(255,255,255,.68)}
                  .mcp-btn1{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,21rem);padding:15px 20px;border:0;border-radius:15px;background:#e07a52;color:#1c0c05;font-weight:800;font-size:clamp(1rem,4.4vw,1.12rem);cursor:pointer;box-shadow:0 5px 0 #9d4a2c,0 16px 34px rgba(224,122,82,.32);transition:transform .12s,box-shadow .12s}
                  .mcp-btn1:active{transform:translateY(3px);box-shadow:0 2px 0 #9d4a2c,0 8px 20px rgba(224,122,82,.3)}
                  .mcp-btn2{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,17rem);padding:13px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(18,13,11,.72);color:#fff;font-weight:700;font-size:clamp(.95rem,4vw,1.05rem);cursor:pointer}
                  .mcp-btn1:focus-visible,.mcp-btn2:focus-visible{outline:2px solid #fff;outline-offset:3px}
                  @media(min-width:768px){.mcp-tresc{min-height:460px}.mcp-tytul{flex-direction:row;gap:.3em;font-size:clamp(3rem,5vw,4.4rem)}}
                  @media(prefers-reduced-motion:reduce){.coc-ramka{transition:none}.coc-kafel:hover .coc-ramka{transform:none}}
#rolki-swiper .swiper-slide { width: 640px; }
                @media (max-width: 767.98px) { #rolki-swiper .swiper-slide { width: 86vw; } }
                #rolki-swiper .showcase-label { left: 14px; transform: none; bottom: 12px; }
                .rolka-dzwiek { position: absolute; right: 12px; bottom: 12px; z-index: 6; display: inline-flex; align-items: center; gap: 6px;
                    padding: 7px 12px; border-radius: 999px; background: rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.22);
                    color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; cursor: pointer; transition: background .15s, color .15s; }
                .rolka-dzwiek:hover { background: rgba(0,0,0,.8); }
                .rolka-dzwiek.on { background: #00f2ff; color: #06070c; border-color: #00f2ff; }
                #rolki-swiper .swiper-slide:not(.swiper-slide-active) .rolka-dzwiek { display: none; }
#home-banners-mobile { display: none !important; }   
              
              @media (min-width:768px){ #eksploruj{display:none!important} }
              
              #eksploruj{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;margin:0 0 1.75rem}
              #eksploruj .ek-rzad{min-width:0}
              #eksploruj .ek-naglowek{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .6rem;padding:0 .15rem}
              #eksploruj .ek-naglowek h2{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.2rem;color:#fff}
              #eksploruj .ek-naglowek p{margin:0;font-size:.78rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
              #eksploruj .ek-tor{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px .15rem 4px;margin:0 -.15rem}
              #eksploruj .ek-tor::-webkit-scrollbar{display:none}
              
              #eksploruj .ek-kafel{flex:0 0 calc((100% - 30px) / 4.35);min-width:0;display:flex;flex-direction:column;gap:7px;padding:0;border:0;background:none;color:#fff;cursor:pointer;scroll-snap-align:start;text-align:center}
              
              
              #eksploruj .ek-media video.ek-ruch{opacity:0;transition:opacity .25s ease}
              #eksploruj .ek-media video.ek-ruch.gra{opacity:1}
              @media (max-width:767px){ #eksploruj .ek-komp{display:none} }
              #eksploruj .ek-kwadrat{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--ak)}
              
              #eksploruj .ek-media{position:absolute;left:11%;right:-4%;top:13%;bottom:-24%;transform:skewY(-9deg);transform-origin:100% 0;border-radius:13px;overflow:hidden;background:#0d0f16;box-shadow:-3px 4px 14px rgba(0,0,0,.35)}
              #eksploruj .ek-media img, #eksploruj .ek-media video{position:absolute;inset:-12% 0 0;width:100%;height:112%;object-fit:cover;transform:skewY(9deg)}
              #eksploruj .ek-kafel:hover .ek-media{box-shadow:-3px 6px 20px rgba(0,0,0,.5)}
              #eksploruj .ek-kafel:focus-visible{outline:none}
              #eksploruj .ek-kafel:focus-visible .ek-kwadrat{outline:2px solid #fff;outline-offset:2px}
              #eksploruj .ek-nazwa{font-size:12.5px;font-weight:700;line-height:1.2;color:rgba(255,255,255,.92)}
              #eksploruj .ek-nowe{position:absolute;top:6px;right:6px;z-index:2;padding:2px 6px;border-radius:999px;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2a1a00;background:linear-gradient(135deg,#ffe9a6,#f5c542)}
              #eksploruj .ek-mcp{background:radial-gradient(120% 90% at 30% 20%,#3a2116,#120c0a 70%);display:flex}
              #eksploruj .ek-mcp-tekst{margin:auto;transform:skewY(9deg) translateY(-18%);display:flex;flex-direction:column;align-items:center;gap:2px}
              #eksploruj .ek-mcp-tekst b{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.05rem;color:#f0a37f;letter-spacing:.04em}
              #eksploruj .ek-mcp-tekst i{font-style:normal;font-weight:700;font-size:.72rem;color:#d97757}
              
              #eksploruj .ek-media.ek-tekst{display:flex;background:#10131c;background:radial-gradient(120% 95% at 28% 12%,color-mix(in srgb,var(--ak) 24%,#10131c),#0d0f16 72%)}
              #eksploruj .ek-w{margin:auto;transform:skewY(9deg) translateY(-17%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 5px;text-align:center;max-width:100%}
              #eksploruj .ek-w b{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:11.5px;line-height:1.08;color:#fff;letter-spacing:.01em}
              #eksploruj .ek-w i{font-style:normal;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:19px;line-height:1;color:var(--ak);letter-spacing:-.01em}
              #eksploruj .ek-w em{font-style:normal;font-size:19px;line-height:1;color:var(--ak);margin-bottom:3px}
              #eksploruj .ek-nazwa{font-size:11px;font-weight:600;line-height:1.25;color:rgba(255,255,255,.72)}
              
              #eksploruj .ek-media img.ek-pelne{inset:auto;left:15%;top:6%;width:70%;height:auto;aspect-ratio:1/1;object-fit:contain;transform:skewY(9deg)}
              #eksploruj .ek-nazwa.ek-nazwa-modelu{font-size:12px;font-weight:700;color:rgba(255,255,255,.92)}
              @media (prefers-reduced-motion:reduce){ #eksploruj .ek-media{box-shadow:none} }
#home-banners-desktop .banner-slide > .aspect-video, #home-banners-mobile [onclick] > .aspect-video{border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;will-change:transform}
              #home-banners-desktop .banner-slide:hover > .aspect-video{transform:translateY(-4px);border-color:rgba(0,242,255,.55);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(0,242,255,.25),0 0 40px rgba(0,242,255,.16)}
              #home-banners-desktop .banner-slide > .aspect-video video, #home-banners-desktop .banner-slide > .aspect-video img{transition:transform .6s ease}
              #home-banners-desktop .banner-slide:hover > .aspect-video video, #home-banners-desktop .banner-slide:hover > .aspect-video img{transform:scale(1.03)}
              #home-banners-desktop .banner-slide > h4, #home-banners-mobile #banners-track-mobile > div > h4{background:none;border:0;margin-top:0;padding:10px 4px 0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:0}
              #home-banners-desktop .banner-slide > h4 + p, #home-banners-mobile #banners-track-mobile > div > h4 + p{background:none;border:0;padding:3px 4px 0;font-size:12px;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.55);border-radius:0}
              #home-banners-mobile #banners-track-mobile > div > h4{font-size:13px;padding-top:8px}
              #home-banners-desktop .banner-slide > .aspect-video{margin-bottom:0}
              
              #home-banners-desktop .banner-slide.banner-muse > .aspect-video, #home-banners-mobile .banner-muse > .aspect-video{border:2px solid #00f2ff;box-shadow:0 0 0 1px rgba(0,242,255,.35),0 0 14px rgba(0,242,255,.45),inset 0 0 18px rgba(0,242,255,.22)}
              
              #home-banners-desktop .banner-slide.banner-muse, #home-banners-mobile .banner-muse{position:relative}
              #home-banners-desktop .banner-slide.banner-muse::before, #home-banners-mobile .banner-muse::before{content:'';position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;border-radius:16px;pointer-events:none;z-index:1;box-shadow:0 0 0 1px rgba(127,248,255,.4),0 0 28px rgba(0,242,255,.55),inset 0 0 28px rgba(0,242,255,.22);opacity:0;animation:museRamka 2.4s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
              #home-banners-desktop .banner-slide.banner-muse:hover::before{transform:translateY(-4px)}
              @keyframes museRamka{0%,100%{opacity:0}50%{opacity:1}}
              .muse-ultimate{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#ffe9a6,#f5c542 55%,#d99a1e);color:#2a1a00;font-size:10px;font-weight:800;letter-spacing:.08em;box-shadow:0 3px 12px rgba(245,197,66,.35)}
              @media(prefers-reduced-motion:reduce){#home-banners-desktop .banner-slide.banner-muse > .aspect-video, #home-banners-mobile .banner-muse > .aspect-video{box-shadow:0 0 0 1px rgba(0,242,255,.35),0 0 18px rgba(0,242,255,.5)}#home-banners-desktop .banner-slide.banner-muse::before, #home-banners-mobile .banner-muse::before{animation:none;display:none}}
              @media(prefers-reduced-motion:reduce){#home-banners-desktop .banner-slide > .aspect-video, #home-banners-desktop .banner-slide > .aspect-video video{transition:none}}
@media(max-width:767px){#prostudio-showcase-tile{display:none !important;}}
              .app-tile-heading{text-align:center;margin-bottom:10px;padding:0 8px}
              .app-tile-heading .app-tile-title{font-family:'Space Grotesk',sans-serif;color:#00f2ff;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:15px;line-height:1.2}
              @media(min-width:768px){.app-tile-heading .app-tile-title{font-size:17px}}
              .app-tile-heading .app-tile-desc{color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-top:6px;line-height:1.45}
              @media(min-width:768px){.app-tile-heading .app-tile-desc{font-size:11px}}
              .app-tile-heading.purple .app-tile-title{color:#a855f7}
              .app-tile-heading.pink .app-tile-title{color:#bc13fe}
.spo-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-left:auto;margin-right:auto}
              @media(min-width:768px){.spo-grid{grid-template-columns:1fr 1fr}}
              .spo-col{display:flex;flex-direction:column;gap:16px;min-width:0}
              .spo-cell{display:flex;flex-direction:column;min-width:0}
              .spo-img{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);box-shadow:0 0 30px rgba(0,242,255,0.06);transition:border-color .3s,box-shadow .3s;aspect-ratio:16/9}
              .spo-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
              .spo-cell:hover .spo-img{border-color:rgba(0,242,255,0.5);box-shadow:0 0 50px rgba(0,242,255,0.2)}
              .spo-cell.purple:hover .spo-img{border-color:rgba(168,85,247,0.5);box-shadow:0 0 50px rgba(168,85,247,0.2)}
              .spo-cell:hover .spo-img img{transform:scale(1.02)}
              .spo-chat{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(16,185,129,0.25);background:rgba(0,0,0,0.6);min-height:320px}
              @media(min-width:768px){.spo-chat{aspect-ratio:16/9;min-height:0}}
@keyframes seedance-orb1 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(30px,-20px); } }
                @keyframes seedance-orb2 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-20px,30px); } }
                @keyframes seedance-gradient { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }

                
                @keyframes ceff-orbit { 0% { transform: rotate(0deg) translateX(40px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(40px) rotate(-360deg); } }
                @keyframes ceff-bg-shift { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
                .ceff-banner {
                    position: relative;
                    border-radius: 16px;
                    overflow: hidden;
                    border: 1px solid rgba(255,255,255,0.1);
                    background:
                        radial-gradient(circle at 18% 30%, rgba(188,19,254,0.18), transparent 40%),
                        radial-gradient(circle at 82% 70%, rgba(0,242,255,0.28), transparent 50%),
                        radial-gradient(circle at 55% 45%, rgba(236,72,153,0.10), transparent 55%),
                        #05060c;
                    background-size: 180% 180%;
                    animation: ceff-bg-shift 7s ease-in-out infinite;
                }
                .ceff-headline {
                    font-family: 'Archivo Black', 'Arial Black', Impact, sans-serif;
                    font-weight: 900;
                    letter-spacing: 0.01em;
                    line-height: 0.88;
                    text-transform: uppercase;
                    background: linear-gradient(135deg, #fff 0%, #00f2ff 45%, #bc13fe 100%);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                    text-shadow: 0 0 40px rgba(0,242,255,0.25);
                }
                .ceff-hole {
                    position: relative;
                    border-radius: 18px;
                    overflow: hidden;
                    background: #0a0a12;
                    border: 1px solid rgba(255,255,255,0.12);
                    box-shadow: 0 20px 50px -15px rgba(0,0,0,0.7), 0 0 0 1px rgba(188,19,254,0.15) inset;
                    transition: transform 0.35s cubic-bezier(.34,1.56,.64,1), box-shadow 0.35s;
                }
                .ceff-hole:hover {
                    transform: rotate(0deg) translateY(-8px) scale(1.04) !important;
                    box-shadow: 0 30px 60px -12px rgba(0,242,255,0.35), 0 0 0 1px rgba(188,19,254,0.4) inset;
                    z-index: 10;
                }
                
                @keyframes ceff-breathe1 { 0%,100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-4px); } }
                @keyframes ceff-breathe2 { 0%,100% { transform: rotate(3deg) translateY(-14px); }  50% { transform: rotate(4deg) translateY(-18px); } }
                @keyframes ceff-breathe3 { 0%,100% { transform: rotate(-4deg) translateY(6px); }   50% { transform: rotate(-3deg) translateY(2px); } }
                #chmurka-effects-banner .hidden.md\:block .ceff-hole:nth-of-type(1) { animation: ceff-breathe1 6s ease-in-out infinite; transform-origin: center; }
                #chmurka-effects-banner .hidden.md\:block .ceff-hole:nth-of-type(2) { animation: ceff-breathe2 7s ease-in-out infinite; transform-origin: center; z-index: 2; }
                #chmurka-effects-banner .hidden.md\:block .ceff-hole:nth-of-type(3) { animation: ceff-breathe3 6.5s ease-in-out infinite; transform-origin: center; }
                .ceff-hole::after {
                    content: '';
                    position: absolute; inset: 0;
                    border-radius: 18px;
                    pointer-events: none;
                    background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 40%);
                }
                .ceff-hole-label {
                    position: absolute; left: 12px; bottom: 10px;
                    font-family: 'Space Grotesk', sans-serif;
                    font-size: 12px; font-weight: 700;
                    color: #fff;
                    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
                    letter-spacing: 0.02em;
                }
                .ceff-cta {
                    padding: 12px 32px;
                    border-radius: 14px;
                    font-size: 14px; font-weight: 700;
                    background: #00f2ff;
                    color: #000;
                    border: none;
                    cursor: pointer;
                    transition: all 0.15s ease;
                    font-family: inherit;
                    letter-spacing: 0.02em;
                }
                .ceff-cta:hover { background: #33f5ff; transform: translateY(-1px); }
                .ceff-cta:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

                
                .ceff-segmented {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 4px;
                    padding: 4px;
                    background: rgba(255,255,255,0.04);
                    border: 1px solid rgba(255,255,255,0.06);
                    border-radius: 12px;
                }
                .ceff-q-btn {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 2px;
                    padding: 10px 12px;
                    background: transparent;
                    border: none;
                    border-radius: 8px;
                    cursor: pointer;
                    transition: background 0.15s ease;
                    font-family: inherit;
                    color: rgba(255,255,255,0.55);
                }
                .ceff-q-btn:hover { color: rgba(255,255,255,0.85); }
                .ceff-q-btn.active {
                    background: rgba(255,255,255,0.08);
                    color: #fff;
                    box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 2px 6px rgba(0,0,0,0.2);
                }
                .ceff-q-btn.disabled {
                    opacity: 0.35;
                    pointer-events: none;
                }
                .ceff-q-name {
                    font-size: 13px;
                    font-weight: 700;
                    letter-spacing: 0.01em;
                }
                .ceff-q-meta {
                    font-size: 10px;
                    font-weight: 500;
                    color: rgba(255,255,255,0.4);
                    letter-spacing: 0.02em;
                }
                .ceff-q-btn.active .ceff-q-meta {
                    color: rgba(255,255,255,0.6);
                }
                .ceff-badge {
                    display: inline-flex; align-items: center; gap: 6px;
                    padding: 4px 10px;
                    border-radius: 9999px;
                    font-family: 'JetBrains Mono', monospace;
                    font-size: 10px; font-weight: 700;
                    text-transform: uppercase; letter-spacing: 0.15em;
                    background: rgba(236,72,153,0.15);
                    border: 1px solid rgba(236,72,153,0.4);
                    color: #ec4899;
                }
                .ceff-meta {
                    font-family: 'Inter', system-ui, sans-serif;
                    font-size: 13px; font-weight: 500;
                    color: rgba(255,255,255,0.65);
                    display: flex; gap: 18px; flex-wrap: wrap;
                    letter-spacing: 0.01em;
                }
                .ceff-meta strong { color: #fff; font-weight: 800; }
                
                #chmurka-effects-banner p, #chmurka-effects-banner h2, #chmurka-effects-banner h3, #chmurka-effects-banner button, #chmurka-effects-banner span {
                    font-family: 'Inter', system-ui, sans-serif;
                }
                #chmurka-effects-banner .ceff-headline { font-family: 'Space Grotesk', sans-serif !important; }
#section-kling3-grid{display:none!important}
              #jujitsu-szablony{margin:0 0 3rem}
              #jujitsu-szablony[hidden]{display:none}
              #jujitsu-szablony .jj-naglowek{display:flex;align-items:center;gap:.4rem;margin:0 0 .25rem;padding:0 .15rem;background:none;border:0;color:#fff;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.3rem}
              #jujitsu-szablony .jj-naglowek i{font-size:.85rem;color:rgba(255,255,255,.55)}
              #jujitsu-szablony .jj-opis{margin:0 0 .8rem;padding:0 .15rem;font-size:.8rem;color:rgba(255,255,255,.5)}
              
              #jujitsu-szablony .jj-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border-radius:16px;overflow:hidden}
              #jujitsu-szablony .jj-kafel{position:relative;display:block;width:100%;aspect-ratio:3/4;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#12141c;cursor:pointer}
              #jujitsu-szablony .jj-kafel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}
              #jujitsu-szablony .jj-kafel img.ok{opacity:1}
              #jujitsu-szablony .jj-szkielet{background:linear-gradient(110deg,#12141c 40%,#1a1d27 50%,#12141c 60%);background-size:250% 100%}
              #jujitsu-szablony .jj-kafel .sztpl-ruch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}
              #jujitsu-szablony .jj-kafel .sztpl-ruch.on{opacity:1}
              #jujitsu-szablony .jj-nazwa{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(5,6,10,.85));color:#fff;font-size:12.5px;font-weight:700;text-align:left}
              #jujitsu-szablony .jj-wiecej{display:flex;margin:14px auto 0;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-weight:700;font-size:13px;cursor:pointer}
              @media (min-width:768px){ #jujitsu-szablony .jj-siatka{grid-template-columns:repeat(8,minmax(0,1fr))} #jujitsu-szablony .jj-naglowek{font-size:1.6rem} }
#sztpl-sec .sztpl-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;position:relative;z-index:2;scrollbar-width:none}
              #sztpl-sec .sztpl-tabs::-webkit-scrollbar{display:none}
              #sztpl-sec .sztpl-tab{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 15px;border-radius:11px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;color:rgba(255,255,255,0.55);background:transparent;border:1px solid transparent;transition:all .15s}
              #sztpl-sec .sztpl-tab:hover{color:#fff;background:rgba(255,255,255,0.05)}
              #sztpl-sec .sztpl-tab.active{color:#08080c;background:#fff;font-weight:600}
              
              #sztpl-sec{max-width:100%;overflow:hidden}
              #sztpl-sec .sztpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:4px;width:100%;max-width:100%;box-sizing:border-box;padding:4px 0;position:relative;z-index:1}
              #sztpl-sec .sztpl-card{min-width:0}
              #sztpl-sec .sztpl-grid::-webkit-scrollbar{width:8px}
              #sztpl-sec .sztpl-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:8px}
              #sztpl-sec .sztpl-grid::-webkit-scrollbar-track{background:transparent}
              @media(max-width:768px){#sztpl-sec .sztpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
              #sztpl-sec .sztpl-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:#15151c;transition:transform .18s ease,box-shadow .18s ease;border:1px solid rgba(255,255,255,0.05)}
              #sztpl-sec .sztpl-sizer{display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:3/4;object-fit:cover;background:#15151c}
              
              #sztpl-sec .sztpl-ruch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none}
              #sztpl-sec .sztpl-ruch.on{opacity:1}
              #sztpl-sec .sztpl-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.5);border-color:rgba(0,242,255,0.3)}
              #sztpl-sec .sztpl-card .em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:46px}
              #sztpl-sec .sztpl-badge{position:absolute;top:9px;left:9px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;background:rgba(10,10,15,0.55);backdrop-filter:blur(8px);font-size:11.5px;font-weight:600;color:#fff}
              #sztpl-sec .sztpl-badge svg{width:11px;height:11px;color:#00f2ff}
              #sztpl-sec .sztpl-play{position:absolute;top:9px;right:9px;z-index:3;width:22px;height:22px;border-radius:7px;background:rgba(10,10,15,0.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}
              #sztpl-sec .sztpl-play svg{width:10px;height:10px;color:#fff}
.glos-blok{max-width:64rem;margin:0 auto 3rem;padding:1.4rem 1rem 1.2rem;border-radius:1.25rem;background:radial-gradient(120% 90% at 0% 0%,rgba(124,58,237,.16),transparent 55%),linear-gradient(170deg,rgba(0,242,255,.05),rgba(255,255,255,.015) 50%);border:1px solid rgba(124,58,237,.28)}
              html.has-token .glos-blok{display:none!important}
              .glos-blok .lp-ozn{display:block;color:#00f2ff;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
              .glos-blok h2{font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:800;font-size:1.45rem;line-height:1.15;margin:.45rem 0 .55rem;text-wrap:balance}
              .glos-blok .lp-opis{color:rgba(255,255,255,.72);font-size:.86rem;line-height:1.55;margin:0;max-width:44rem}
              .glos-blok .lp-lista{display:grid;gap:.5rem;margin:1rem 0 0}
              .glos-blok .lp-probka{position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .8rem;border-radius:.9rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer;transition:border-color .2s}
              .glos-blok .lp-probka::before{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p,0));background:rgba(0,242,255,.1);pointer-events:none}
              .glos-blok .lp-probka > *{position:relative}
              .glos-blok .lp-probka[aria-pressed="true"]{border-color:rgba(0,242,255,.5)}
              .glos-blok .lp-probka:focus-visible{outline:2px solid #00f2ff;outline-offset:2px}
              .glos-blok .lp-ikona{width:38px;height:38px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f2ff,#7c3aed);color:#04121a;font-size:13px}
              .glos-blok .lp-probka b{display:block;font-size:14px;font-weight:700}
              .glos-blok .lp-probka small{display:block;color:rgba(255,255,255,.55);font-size:12px;margin-top:1px}
              .glos-blok .lp-czas{margin-left:auto;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.5);font-size:12px}
              .glos-blok .lp-cta{display:inline-flex;align-items:center;gap:8px;margin-top:1rem;padding:11px 22px;border-radius:999px;border:0;background:linear-gradient(135deg,#00f2ff,#7c3aed);color:#fff;font-weight:800;font-size:13.5px;cursor:pointer}
              .glos-blok .gb-kroki{display:grid;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:krok}
              .glos-blok .gb-kroki li{display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.78);font-size:.84rem;line-height:1.4}
              .glos-blok .gb-kroki li::before{counter-increment:krok;content:counter(krok);flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#00f2ff;border:1px solid rgba(0,242,255,.4)}
              .glos-blok .gb-uwaga{margin:.9rem 0 0;color:rgba(255,255,255,.5);font-size:.78rem}
              @media (min-width:768px){
                .glos-blok .gb-kroki{grid-template-columns:repeat(3,1fr);gap:.75rem}
                .glos-blok{padding:2rem 2.25rem 1.75rem;margin-bottom:4rem;border-radius:1.5rem}
                .glos-blok h2{font-size:2.25rem}
                .glos-blok .lp-opis{font-size:1rem}
                .glos-blok .lp-lista{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.4rem}
              }
html.has-token #showcase-section{display:none!important}
              #showcase-section .sc-masonry{column-gap:12px}
              #showcase-section .sc-card{break-inside:avoid;margin-bottom:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:#15161d;transition:transform .2s,border-color .2s}
              #showcase-section .sc-card:hover{transform:translateY(-2px);border-color:rgba(0,242,255,0.45)}
              #showcase-section .sc-card img{width:100%;height:auto;display:block}
#opinie{margin:2.75rem -0.5rem 0;overflow:hidden}
              #opinie[hidden], html.has-token #opinie{display:none!important}
              #opinie .op-naglowek{text-align:center;padding:0 1rem;margin-bottom:1.1rem}
              #opinie .op-ozn{display:block;color:#00f2ff;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
              #opinie h2{font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:800;font-size:1.5rem;line-height:1.15;margin:.45rem 0 0;text-wrap:balance}
              #opinie .op-okno{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
              #opinie .op-tor{display:flex;width:max-content;padding:4px 0 10px;animation:opJazda var(--op-czas,80s) linear infinite}
              #opinie.op-poza .op-tor, #opinie.op-dotyk .op-tor, #opinie .op-okno:hover .op-tor{animation-play-state:paused}
              @keyframes opJazda{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
              #opinie .op-karta{flex:none;width:282px;margin:0 12px 0 0;padding:16px 16px 14px;border-radius:16px;background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;white-space:normal}
              #opinie .op-gwiazdki{color:#f5c542;font-size:15px;letter-spacing:2px;line-height:1}
              #opinie .op-gwiazdki .op-pusta{color:rgba(255,255,255,.18)}
              #opinie .op-tekst{margin:0;color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.55;flex:1}
              #opinie .op-kto{display:flex;align-items:center;gap:10px;margin:0}
              #opinie .op-awatar{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:14px;color:#04121a;background:linear-gradient(135deg,#00f2ff,#7c3aed)}
              #opinie .op-kto b{display:block;color:#fff;font-size:13px;font-weight:700}
              #opinie .op-kto small{display:block;color:rgba(255,255,255,.5);font-size:11.5px;margin-top:1px}
              @media(min-width:768px){
                #opinie{margin:4rem -1rem 0}
                #opinie h2{font-size:2.1rem}
                #opinie .op-naglowek{margin-bottom:1.6rem}
                #opinie .op-karta{width:340px;margin-right:16px;padding:20px 20px 18px}
                #opinie .op-tekst{font-size:14.5px}
              }
              @media(prefers-reduced-motion:reduce){
                #opinie .op-tor{animation:none}
                #opinie .op-okno{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;padding:0 1rem}
                #opinie .op-karta{scroll-snap-align:start}
                #opinie .op-karta[data-kopia]{display:none}
              }
#faq-glowna{max-width:48rem;margin:3rem auto 0;padding:0 .25rem}
              html.has-token #faq-glowna{display:none!important}
              #faq-glowna .fq-ozn{display:block;text-align:center;color:#00f2ff;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
              #faq-glowna h2{text-align:center;font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:800;font-size:1.5rem;margin:.45rem 0 1.1rem}
              #faq-glowna details{border-bottom:1px solid rgba(255,255,255,.08)}
              #faq-glowna summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .25rem;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}
              #faq-glowna summary::-webkit-details-marker{display:none}
              #faq-glowna summary::after{content:'+';flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00f2ff;border:1px solid rgba(0,242,255,.35);font-size:16px;transition:transform .2s}
              #faq-glowna details[open] summary::after{transform:rotate(45deg)}
              #faq-glowna summary:focus-visible{outline:2px solid #00f2ff;outline-offset:2px;border-radius:6px}
              #faq-glowna details p{margin:0 0 1rem;padding:0 .25rem;color:rgba(255,255,255,.68);font-size:.88rem;line-height:1.6}
              @media (min-width:768px){ #faq-glowna{margin-top:4.5rem} #faq-glowna h2{font-size:2.1rem;margin-bottom:1.5rem} #faq-glowna summary{font-size:1.05rem} }
#section-apps .apps-hero{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:#0b0b12;position:relative;transition:border-color .3s,box-shadow .3s,transform .3s}
                  #section-apps .apps-hero:hover{border-color:rgba(0,242,255,0.45);box-shadow:0 0 40px rgba(0,242,255,0.12);transform:translateY(-2px)}
                  #section-apps .apps-hero.purple:hover{border-color:rgba(168,85,247,0.5);box-shadow:0 0 40px rgba(168,85,247,0.16)}
                  #section-apps .apps-hero-img{position:relative;aspect-ratio:21/9;overflow:hidden;background:#0a0a12}  
                  #section-apps .apps-hero-img img,#section-apps .apps-hero-img video{width:100%;height:100%;object-fit:cover;transition:transform .5s}
                  #section-apps .apps-hero:hover .apps-hero-img img,#section-apps .apps-hero:hover .apps-hero-img video{transform:scale(1.04)}
                  #section-apps .apps-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,7,12,0.95) 4%,rgba(7,7,12,0.35) 38%,transparent 65%)}
                  #section-apps .apps-hero-meta{position:absolute;left:0;right:0;bottom:0;padding:10px 14px}
                  #section-apps .apps-hero-meta h3{color:#fff;font-weight:800;font-size:15px;line-height:1.1}
                  #section-apps .apps-hero-meta p{color:rgba(255,255,255,0.6);font-size:11px;margin-top:3px}
                  #section-apps .apps-badge{position:absolute;top:10px;left:10px;z-index:3;padding:3px 9px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#8b5cf6,#00f2ff);color:#fff}
                  #section-apps .apps-tool{position:relative;display:block;text-align:left;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);padding:10px;transition:border-color .25s,background .25s,transform .25s;cursor:pointer}
                  #section-apps .apps-tool:hover{border-color:rgba(0,242,255,0.45);background:rgba(0,242,255,0.04);transform:translateY(-2px)}
                  #section-apps .apps-tool-img{aspect-ratio:21/9;border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);margin-bottom:9px;position:relative;background:#0a0a12;display:flex;align-items:center;justify-content:center}
                  
                  @media (max-width:767.98px){ #section-apps .apps-tool-img{aspect-ratio:1/1} }
                  #section-apps .apps-tool-zloty{border:2px solid #f5c542 !important;box-shadow:0 0 0 1px rgba(245,197,66,.3),0 0 26px rgba(245,197,66,.25)}
                  #section-apps .apps-tool-zloty:hover{border-color:#ffd970 !important;box-shadow:0 0 0 1px rgba(255,217,112,.5),0 0 36px rgba(245,197,66,.42)}
                  @media (max-width:767.98px){ #section-apps .apps-tool-zloty .apps-tool-img{aspect-ratio:21/9} }   
                  #section-apps .apps-top{position:absolute;top:8px;left:8px;z-index:2;background:#ff2e63;color:#fff;font:italic 800 10px/1 'Geist','Inter',sans-serif;padding:4px 7px;border-radius:6px;letter-spacing:.03em}
                  
                  @media (max-width:767.98px){ #section-apps .apps-tool-img.apps-169{aspect-ratio:16/9} }
                  
                  @media (max-width:767.98px){ .fixed.inset-0 > .bg-black\/85.backdrop-blur-md { background:#000 !important } }
                  #section-apps .apps-tool-img video,#section-apps .apps-tool-img img{width:100%;height:100%;object-fit:cover}
                  #section-apps .apps-tool h4{color:#fff;font-weight:700;font-size:13px;margin:0 2px 2px}
                  #section-apps .apps-tool p{color:rgba(255,255,255,0.4);font-size:10px;margin:0 2px;line-height:1.3}
                  #section-apps .apps-tool-pc{position:absolute;top:7px;right:7px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,0.62);color:#9fb6c9;border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
                  #section-apps .apps-grouplabel{display:flex;align-items:center;gap:10px;margin:0 2px 14px;grid-column:1 / -1}
                  #section-apps .apps-grouplabel span{color:rgba(255,255,255,0.5);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
                  #section-apps .apps-grouplabel .ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.12),transparent)}
                  
                  #section-apps .apps-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 2px 18px}
                  #section-apps .apps-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.55);font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
                  #section-apps .apps-tab i{font-size:10px;opacity:.75}
                  #section-apps .apps-tab:hover{color:#fff;border-color:rgba(0,242,255,0.35)}
                  #section-apps .apps-tab.on{color:#00f2ff;border-color:rgba(0,242,255,0.45);background:rgba(0,242,255,0.10)}
                  
                  #apps-grid[data-kat="obrazy"] > *:not([data-kat="obrazy"]),
                  #apps-grid[data-kat="filmy"] > *:not([data-kat="filmy"]),
                  #apps-grid[data-kat="muzyka"] > *:not([data-kat="muzyka"]){display:none}
#image-inputs-top:empty, #customMode-slot:empty { display: none; }
.ref { display: flex; flex-direction: column; gap: 14px; }
                .ref.hidden, .ref .hidden { display: none !important; }   
                .ref-karta { border-radius: 20px; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.07); padding: 22px 24px; }
                .ref-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; background: linear-gradient(135deg, rgba(0,242,255,0.07), rgba(255,255,255,0.02) 55%); }
                .ref-eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #00f2ff; }
                .ref-tytul { font-family: 'Space Grotesk', sans-serif; font-size: 26px; line-height: 1.15; font-weight: 700; color: #fff; margin: 10px 0 8px; letter-spacing: 0; }
                .ref-tytul span { color: #00f2ff; }
                .ref-opis { font-size: 13.5px; line-height: 1.55; color: rgba(255,255,255,0.6); margin: 0; max-width: 46ch; }
                .ref-duet { display: flex; align-items: center; gap: 10px; }
                .ref-duet-k { width: 118px; padding: 14px 10px; border-radius: 16px; text-align: center; background: rgba(0,0,0,0.25); border: 1px solid rgba(0,242,255,0.18); }
                .ref-duet-k b { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 30px; line-height: 1; color: #00f2ff; }
                .ref-duet-k span { display: block; margin-top: 6px; font-size: 11px; line-height: 1.3; color: rgba(255,255,255,0.55); }
                .ref-duet-plus { font-family: 'Space Grotesk', sans-serif; font-size: 22px; color: rgba(255,255,255,0.35); }
                .ref-zamek { display: flex; align-items: center; gap: 16px; border-style: dashed; border-color: rgba(0,242,255,0.28); }
                .ref-zamek i { font-size: 22px; color: rgba(0,242,255,0.7); }
                .ref-zamek p { flex: 1; margin: 0; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,0.65); }
                .ref-btn-glowny { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 46px; padding: 0 22px; border-radius: 13px; border: 0; font-size: 14px; font-weight: 800; color: #04131a; background: linear-gradient(135deg, #00f2ff, #22c4e6); white-space: nowrap; cursor: pointer; }
                .ref-btn-glowny:hover { filter: brightness(1.08); }
                .ref-etykieta { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 8px; }
                .ref-link-wiersz { display: flex; gap: 10px; align-items: stretch; }
                .ref-link { flex: 1; min-width: 0; display: flex; align-items: center; padding: 0 16px; border-radius: 13px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); font-size: 14px; color: #fff; font-weight: 600; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .ref-pomocnicze { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
                .ref-btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 11px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; }
                .ref-btn:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.18); }
                .ref-btn .fa-whatsapp { color: #25d366; font-size: 16px; }
                .ref-kod { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: rgba(255,255,255,0.45); }
                .ref-kod b { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; letter-spacing: .08em; color: #fff; padding: 5px 9px; border-radius: 8px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); }
                .ref-kod button { width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: transparent; color: rgba(255,255,255,0.55); cursor: pointer; }
                .ref-kod button:hover { color: #00f2ff; border-color: rgba(0,242,255,0.4); }
                .ref-legacy { margin: 0; font-size: 12.5px; line-height: 1.5; color: #fcd34d; padding: 10px 14px; border-radius: 12px; background: rgba(252,211,77,0.07); border: 1px solid rgba(252,211,77,0.2); }
                .ref-staty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
                #referral-stats-wrap { display: flex; flex-direction: column; gap: 14px; }
                .ref-stat { padding: 14px 12px; border-radius: 14px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); text-align: center; }
                .ref-stat b { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 22px; line-height: 1.1; color: #fff; }
                .ref-stat b.cyjan { color: #00f2ff; }
                .ref-stat span { display: block; margin-top: 5px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,0.4); }
                .ref-kroki { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
                .ref-krok { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: 13px; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.06); font-size: 12.5px; line-height: 1.3; color: rgba(255,255,255,0.7); }
                .ref-krok i { width: 32px; height: 32px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(0,242,255,0.1); color: #00f2ff; font-size: 13px; }
                .ref-krok b { display: block; color: #fff; font-weight: 700; }
                .ref-listy { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
                .ref-lista h4 { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,0.4); }
                .ref-lista > div { max-height: 220px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
                
                @media (min-width: 1024px) {
                  .ref { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr); align-items: start; }
                  .ref-hero { grid-column: 1 / -1; grid-row: 1; padding: 26px 30px; }
                  .ref-tytul { font-size: 30px; }
                  .ref-duet-k { width: 150px; padding: 18px 12px; }
                  .ref-duet-k b { font-size: 38px; }
                  .ref-duet-k span { font-size: 12px; }
                  #referral-locked { grid-column: 1 / -1; grid-row: 2; }
                  #referral-share { grid-column: 1; grid-row: 2; }
                  #referral-legacy { grid-column: 1; grid-row: 3; }
                  #referral-stats-wrap { display: contents; }
                  .ref-kroki { grid-column: 1; grid-row: 4; grid-template-columns: 1fr; }
                  .ref-staty { grid-column: 2; grid-row: 2 / span 3; grid-template-columns: 1fr; gap: 12px; align-self: stretch; }
                  .ref-stat { padding: 22px 12px; }
                  .ref-stat b { font-size: 30px; }
                  .ref-listy { grid-column: 3; grid-row: 2 / span 3; grid-template-columns: 1fr; align-self: stretch; }
                  .ref-lista > div { max-height: 200px; }
                }
                .ref-wiersz { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 11px; background: rgba(255,255,255,0.035); font-size: 13px; color: rgba(255,255,255,0.75); }
                .ref-wiersz small { font-size: 11.5px; color: rgba(255,255,255,0.35); margin-left: 8px; }
                .ref-wiersz .ref-plus { font-weight: 700; color: #34d399; white-space: nowrap; }
                .ref-wiersz .ref-kupil { font-size: 10.5px; font-weight: 700; color: #34d399; background: rgba(52,211,153,0.12); padding: 2px 7px; border-radius: 6px; margin-left: 8px; }
                .ref-pusto { padding: 14px; text-align: center; font-size: 12.5px; color: rgba(255,255,255,0.35); }
                @media (max-width: 767px) {
                  .ref-karta { padding: 18px 16px; border-radius: 18px; }
                  .ref-hero { grid-template-columns: 1fr; gap: 16px; }
                  .ref-tytul { font-size: 23px; }
                  .ref-duet { justify-content: center; }
                  .ref-duet-k { flex: 1; width: auto; }
                  .ref-link-wiersz { flex-direction: column; }
                  .ref-link { height: 46px; }
                  .ref-btn-glowny { width: 100%; }
                  .ref-pomocnicze .ref-btn { flex: 1; justify-content: center; }
                  .ref-kod { margin-left: 0; width: 100%; justify-content: center; margin-top: 2px; }
                  .ref-staty { gap: 8px; }
                  .ref-stat { padding: 12px 6px; }
                  .ref-stat b { font-size: 19px; }
                  .ref-stat span { font-size: 10px; }
                  .ref-kroki, .ref-listy { grid-template-columns: 1fr; }
                }
@keyframes vc-spin{to{transform:rotate(360deg)}}
        @keyframes vc-pop{0%{opacity:0;transform:scale(0.92) translateY(14px)}100%{opacity:1;transform:scale(1) translateY(0)}}
        @keyframes vc-breathe{0%,100%{opacity:0.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
        @property --vc-a{syntax:'<angle>';initial-value:0deg;inherits:false}
        @keyframes vc-ring{to{--vc-a:360deg}}
        @keyframes vc-eqbar{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}
        @keyframes vc-recpulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,45,85,0.55)}50%{opacity:0.75;box-shadow:0 0 0 7px rgba(255,45,85,0)}}
        .vc-rec-dot{width:11px;height:11px;border-radius:50%;background:#ff2d55;animation:vc-recpulse 1.3s ease-in-out infinite}
        .vc-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.14);transition:all .3s}
        .vc-dot.on{background:linear-gradient(135deg,#00f2ff,#bc13fe);box-shadow:0 0 10px rgba(0,242,255,0.5);transform:scale(1.25)}
        .vc-eq{position:absolute;inset:-22px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0.5;pointer-events:none}
        .vc-eq i{display:block;width:4px;height:44px;border-radius:3px;background:linear-gradient(180deg,#00f2ff,#bc13fe);transform-origin:center;animation:vc-eqbar 1.15s ease-in-out infinite}
        .vc-eq i:nth-child(1){animation-delay:0s;height:26px}.vc-eq i:nth-child(2){animation-delay:.15s;height:38px}.vc-eq i:nth-child(3){animation-delay:.3s;height:52px}.vc-eq i:nth-child(4){animation-delay:.45s;height:60px}.vc-eq i:nth-child(5){animation-delay:.6s;height:52px}.vc-eq i:nth-child(6){animation-delay:.75s;height:38px}.vc-eq i:nth-child(7){animation-delay:.9s;height:26px}
        @media(max-width:600px){.vc-shell{top:auto!important;transform:none!important;margin-top:4vh!important}}
#section-omni{--o-panel:#101012;--o-surface:#19191c;--o-surface-2:#222226;--o-line:rgba(255,255,255,0.07);--o-line-2:rgba(255,255,255,0.13);--o-txt:#f3f3f4;--o-txt-2:rgba(255,255,255,0.58);--o-txt-3:rgba(255,255,255,0.36);--o-accent:#00f2ff;}
            #section-omni .omni-wrap{max-width:1480px;margin:0 auto;padding:6px 12px 0;}
            #section-omni .omni-layout{display:flex;flex-direction:column;gap:14px;}
            @media(min-width:1024px){#section-omni .omni-wrap{padding:22px 16px 0;}#section-omni .omni-layout{flex-direction:row;align-items:stretch;height:min(788px,calc(100vh - 156px));}#section-omni{padding-bottom:36px !important;}}
            #section-omni .omni-panel,#section-omni .omni-assets{background:var(--o-panel);border:1px solid var(--o-line);border-radius:16px;display:flex;flex-direction:column;}
            #section-omni .omni-panel{padding:15px;gap:14px;}
            #section-omni .omni-assets{padding:14px;gap:12px;}
            @media(min-width:1024px){#section-omni .omni-panel{width:338px;flex-shrink:0;overflow-y:auto;}#section-omni .omni-assets{width:286px;flex-shrink:0;}}
            
            #section-omni[data-mode='text-to-video'] .omni-assets{display:none !important;}
            #section-omni .omni-canvas{flex:1;min-width:0;min-height:430px;background:radial-gradient(ellipse 78% 58% at 50% 34%,#161619 0%,#0c0c0d 74%);border:1px solid var(--o-line);border-radius:16px;position:relative;overflow:hidden;display:flex;}
            @media(min-width:1024px){#section-omni .omni-canvas{min-height:0;}}
            #section-omni .omni-cv-state{flex:1;min-height:0;}
            #section-omni .omni-cv-state:not(.hidden){display:flex;flex-direction:column;overflow-y:auto;}
            
            #section-omni .omni-panel::-webkit-scrollbar,#section-omni .omni-lib-grid::-webkit-scrollbar,#section-omni .omni-cv-state::-webkit-scrollbar,#section-omni .omni-voice-pop::-webkit-scrollbar{width:7px;height:7px;}
            #section-omni .omni-panel::-webkit-scrollbar-thumb,#section-omni .omni-lib-grid::-webkit-scrollbar-thumb,#section-omni .omni-cv-state::-webkit-scrollbar-thumb,#section-omni .omni-voice-pop::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px;}
            
            #section-omni .omni-head{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
            #section-omni .omni-logo{width:36px;height:36px;border-radius:10px;background:var(--o-surface);border:1px solid var(--o-line-2);display:flex;align-items:center;justify-content:center;color:var(--o-accent);font-size:15px;}
            #section-omni .omni-kicker{font-size:10px;font-weight:600;letter-spacing:0.14em;color:var(--o-txt-3);text-transform:uppercase;}
            #section-omni .omni-head h2{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;color:var(--o-txt);letter-spacing:-0.015em;margin-top:1px;}
            
            #section-omni .omni-lbl{display:block;font-size:11px;font-weight:600;letter-spacing:0;color:var(--o-txt-3);text-transform:none;margin-bottom:7px;}
            
            #section-omni .omni-mode{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border-radius:11px;background:transparent;border:1px solid var(--o-line);cursor:pointer;transition:background .15s,border-color .15s;text-align:left;font-family:inherit;}
            #section-omni .omni-mode:hover{background:var(--o-surface);}
            #section-omni .omni-mode.active{background:var(--o-surface);border-color:var(--o-line-2);}
            #section-omni .omni-mode.active::before{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--o-accent);}
            #section-omni .omni-mode i{font-size:14px;width:30px;height:30px;border-radius:8px;background:var(--o-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--o-txt-3);transition:color .15s,background .15s;}
            #section-omni .omni-mode.active i{color:var(--o-accent);background:rgba(0,242,255,0.1);}
            #section-omni .omni-mode-t{font-size:13px;font-weight:600;color:var(--o-txt-2);}
            #section-omni .omni-mode.active .omni-mode-t{color:var(--o-txt);}
            #section-omni .omni-mode-d{font-size:10.5px;font-weight:400;color:var(--o-txt-3);margin-top:1px;}
            
            #section-omni .omni-input{width:100%;background:var(--o-surface);border:1px solid var(--o-line);border-radius:11px;color:var(--o-txt);font-family:inherit;font-size:13px;line-height:1.55;outline:none;transition:border-color .14s;}
            #section-omni .omni-input::placeholder{color:var(--o-txt-3);}
            #section-omni .omni-input:focus{border-color:rgba(0,242,255,0.5);}
            #section-omni textarea.omni-input{resize:none;padding:11px 12px;}
            
            #section-omni .omni-seg{display:flex;gap:3px;padding:3px;background:var(--o-surface);border:1px solid var(--o-line);border-radius:10px;}
            #section-omni .omni-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;background:transparent;border:none;border-radius:7px;cursor:pointer;color:var(--o-txt-3);font-family:inherit;font-size:12px;font-weight:600;transition:background .13s,color .13s;}
            #section-omni .omni-seg-btn:hover{color:var(--o-txt-2);}
            #section-omni .omni-seg-btn.active{background:var(--o-surface-2);color:var(--o-txt);}
            
            #section-omni .omni-chip{flex:1;padding:9px 4px;background:var(--o-surface);border:1px solid var(--o-line);border-radius:9px;color:var(--o-txt-3);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .13s,color .13s,border-color .13s;font-family:inherit;}
            #section-omni .omni-chip:hover{color:var(--o-txt-2);}
            #section-omni .omni-chip.active{background:var(--o-surface-2);border-color:var(--o-line-2);color:var(--o-txt);}
            
            #section-omni .omni-voice-wrap{position:relative;}
            #section-omni .omni-voice-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--o-surface);border:1px solid var(--o-line);border-radius:11px;color:var(--o-txt);font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .14s;}
            #section-omni .omni-voice-btn:hover{border-color:var(--o-line-2);}
            #section-omni .omni-voice-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:246px;overflow-y:auto;background:var(--o-surface);border:1px solid var(--o-line-2);border-radius:12px;padding:5px;box-shadow:0 16px 44px rgba(0,0,0,0.7);}
            #section-omni .omni-voice-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .12s;}
            #section-omni .omni-voice-row:hover{background:var(--o-surface-2);}
            #section-omni .omni-voice-row.sel{background:rgba(0,242,255,0.12);}
            #section-omni .omni-voice-name{flex:1;font-size:12.5px;font-weight:500;color:var(--o-txt);}
            #section-omni .omni-voice-play{width:27px;height:27px;flex-shrink:0;border-radius:7px;background:var(--o-surface-2);border:1px solid var(--o-line);color:var(--o-txt-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px;transition:all .12s;}
            #section-omni .omni-voice-play:hover,#section-omni .omni-voice-play.playing{background:var(--o-accent);color:#001016;border-color:var(--o-accent);}
            
            #section-omni .omni-cost-box{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--o-surface);border:1px solid var(--o-line);border-radius:11px;}
            #section-omni .omni-cost-l{font-size:11px;font-weight:600;color:var(--o-txt-3);}
            #section-omni .omni-cost-v{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--o-accent);display:flex;align-items:center;gap:5px;}
            
            #section-omni .omni-go{width:100%;padding:13px;border:none;border-radius:12px;background:var(--o-accent);color:#001016;font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:0.01em;cursor:pointer;transition:filter .14s,transform .1s;box-shadow:0 4px 16px rgba(0,242,255,0.2);}
            #section-omni .omni-go:hover{filter:brightness(1.07);}
            #section-omni .omni-go:active{transform:scale(0.99);}
            #section-omni .omni-go:disabled{background:var(--o-surface-2);color:var(--o-txt-3);box-shadow:none;cursor:not-allowed;}
            
            #section-omni .omni-drop{position:relative;flex:1;min-height:270px;margin:14px;border:1px solid var(--o-line);border-radius:14px;background:rgba(255,255,255,0.012);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 22px;cursor:pointer;transition:border-color .18s,background .18s;}
            #section-omni .omni-drop:hover{border-color:var(--o-line-2);background:var(--o-surface);}
            #section-omni .omni-drop.dragover{border-color:var(--o-accent);background:rgba(0,242,255,0.045);}
            #section-omni .omni-drop-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
            #section-omni .omni-drop-ic{width:54px;height:54px;border-radius:14px;background:var(--o-surface);border:1px solid var(--o-line-2);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--o-txt-2);margin-bottom:13px;transition:transform .2s,color .2s;animation:omniBob 3.6s ease-in-out infinite;}
            #section-omni .omni-drop:hover .omni-drop-ic,#section-omni .omni-drop.dragover .omni-drop-ic{color:var(--o-accent);}
            #section-omni .omni-drop.dragover .omni-drop-ic{transform:scale(1.07);}
            #section-omni .omni-drop-t{font-size:13.5px;font-weight:600;color:var(--o-txt);}
            #section-omni .omni-drop-d{font-size:11.5px;color:var(--o-txt-3);margin-top:3px;}
            @keyframes omniBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
            
            #section-omni .omni-idle-ic{width:58px;height:58px;border-radius:15px;background:var(--o-surface);border:1px solid var(--o-line-2);display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--o-accent);margin-bottom:15px;animation:omniBob 3.8s ease-in-out infinite;}
            #section-omni .omni-idle-t{font-size:14px;font-weight:600;color:var(--o-txt);}
            #section-omni .omni-idle-d{font-size:12px;color:var(--o-txt-3);margin-top:4px;max-width:280px;line-height:1.5;}
            
            #omni-tl-track{position:relative;height:54px;border-radius:9px;overflow:hidden;background:#000;border:1px solid var(--o-line);touch-action:none;user-select:none;}
            #omni-tl-strip{position:absolute;inset:0;display:flex;}
            #omni-tl-strip img{height:100%;flex:1;min-width:0;object-fit:cover;opacity:.42;pointer-events:none;}
            #omni-tl-window{position:absolute;top:0;bottom:0;background:rgba(0,242,255,0.07);border:2px solid var(--o-accent);border-radius:8px;cursor:grab;}
            #omni-tl-window:active{cursor:grabbing;}
            #omni-tl-window .omni-tl-h{position:absolute;top:0;bottom:0;width:16px;background:var(--o-accent);display:flex;align-items:center;justify-content:center;cursor:ew-resize;}
            #omni-tl-window .omni-tl-h.l{left:-2px;border-radius:7px 0 0 7px;}
            #omni-tl-window .omni-tl-h.r{right:-2px;border-radius:0 7px 7px 0;}
            #omni-tl-window .omni-tl-h::before{content:'';width:2px;height:18px;background:rgba(0,0,0,0.55);border-radius:2px;box-shadow:3px 0 0 rgba(0,0,0,0.3),-3px 0 0 rgba(0,0,0,0.3);}
            
            #section-omni .omni-lib-gen{background:var(--o-surface);border:1px solid var(--o-line);border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:8px;}
            #section-omni .omni-mini-seg{flex:1;padding:6px 2px;background:var(--o-surface-2);border:1px solid var(--o-line);border-radius:7px;color:var(--o-txt-3);font-size:10.5px;font-weight:600;cursor:pointer;transition:all .12s;font-family:inherit;}
            #section-omni .omni-mini-seg:hover{color:var(--o-txt-2);}
            #section-omni .omni-mini-seg.active{background:rgba(0,242,255,0.12);border-color:rgba(0,242,255,0.4);color:var(--o-accent);}
            #section-omni .omni-gen-btn{width:100%;padding:9px;border:1px solid var(--o-line-2);border-radius:9px;background:var(--o-surface-2);color:var(--o-txt);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .13s;}
            #section-omni .omni-gen-btn:hover{background:#2a2a2e;}
            #section-omni .omni-gen-btn:disabled{opacity:.5;cursor:not-allowed;}
            #section-omni .omni-lib-grid{flex:1;min-height:0;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;max-height:52vh;}
            @media(min-width:1024px){#section-omni .omni-lib-grid{max-height:none;}}
            
            #section-omni .omni-lib-tile{position:relative;width:calc((100% - 12px) / 3);padding-bottom:calc((100% - 12px) / 3);border-radius:9px;overflow:hidden;border:1px solid var(--o-line);cursor:pointer;background:#000;transition:border-color .15s;}
            #section-omni .omni-lib-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s;}
            #section-omni .omni-lib-tile:hover{border-color:var(--o-line-2);}
            #section-omni .omni-lib-tile:hover img{transform:scale(1.06);}
            #section-omni .omni-lib-add{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);opacity:0;transition:opacity .14s;}
            #section-omni .omni-lib-tile:hover .omni-lib-add{opacity:1;}
            #section-omni .omni-lib-add i{color:#fff;font-size:15px;}
            #section-omni .omni-lib-badge{position:absolute;top:4px;left:4px;background:var(--o-accent);color:#001016;font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;letter-spacing:.04em;}
            
            #section-omni .omni-v2v-tile{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--o-line-2);flex-shrink:0;}
            #section-omni .omni-v2v-tile img{width:100%;height:100%;object-fit:cover;}
            #section-omni .omni-v2v-tile button{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,0.85);color:#f87171;font-size:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
            #section-omni .omni-v2v-addimg{width:56px;height:56px;border-radius:8px;border:1px solid var(--o-line-2);background:var(--o-surface);color:var(--o-txt-2);font-size:14px;cursor:pointer;flex-shrink:0;transition:all .14s;}
            #section-omni .omni-v2v-addimg:hover{background:var(--o-surface-2);color:var(--o-accent);border-color:rgba(0,242,255,0.4);}
            #section-omni #omni-v2v-imgs.dragover{outline:1px dashed rgba(0,242,255,0.6);outline-offset:3px;border-radius:8px;}
            
            @media(max-width:1023px){
              #section-omni .omni-lib-grid{flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:6px;}
              #section-omni .omni-lib-tile{width:92px;height:92px;padding-bottom:0;flex-shrink:0;}
              
              #section-omni.omni-mobile-layout .omni-panel > .omni-assets,
              #section-omni.omni-mobile-layout .omni-panel > .omni-canvas{
                background:transparent;border:none;padding:0;margin:0;border-radius:0;min-height:0;
              }
              #section-omni.omni-mobile-layout .omni-panel > .omni-canvas{min-height:0;}
              
              #section-omni .omni-lib-gen{display:none;}
            }
#section-reels{
              --r-bg:#08080c;--r-elev-1:#101014;--r-elev-2:#161620;--r-elev-3:#1f1f2a;
              --r-hair:rgba(255,255,255,0.07);--r-hair-2:rgba(0,242,255,0.18);
              --r-txt:#ededee;--r-txt-2:rgba(255,255,255,0.65);--r-txt-3:rgba(255,255,255,0.42);
              --r-accent:#00f2ff;--r-accent-hi:#00d4e0;--r-accent-soft:rgba(0,242,255,0.10);
              -webkit-tap-highlight-color:transparent;
              background:
                radial-gradient(ellipse at top, rgba(0,242,255,0.04), transparent 50%),
                radial-gradient(ellipse at bottom, rgba(139,92,246,0.03), transparent 50%),
                #08080c !important;
            }
            #section-reels *{box-sizing:border-box;}
            #section-reels button{cursor:pointer;}
            #section-reels .hidden{display:none !important;}
            #section-reels .reels-wrap{max-width:760px;margin:0 auto;padding:0 14px;display:flex;flex-direction:column;height:calc(100dvh - 76px);}
            @media(min-width:1024px){#section-reels .reels-wrap{height:calc(100vh - 116px);}}
            
            #section-reels .reels-head{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:16px 2px 14px;border-bottom:1px solid var(--r-hair);}
            #section-reels .reels-mark{width:34px;height:34px;border-radius:10px;background:var(--r-accent-soft);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--r-accent-hi);flex-shrink:0;}
            #section-reels .reels-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--r-txt);line-height:1.15;}
            #section-reels .reels-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--r-txt-3);margin-top:2px;}
            #section-reels .reels-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.14);}
            #section-reels .reels-reset{margin-left:auto;width:34px;height:34px;border-radius:9px;color:var(--r-txt-3);font-size:13px;transition:.15s;flex-shrink:0;}
            #section-reels .reels-reset:hover{color:var(--r-txt);background:var(--r-elev-2);}
            #section-reels .reels-reset:active{transform:scale(.9);}
            
            #reels-chat-view{flex:1;display:flex;flex-direction:column;min-height:0;}
            #reels-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
            #reels-messages::-webkit-scrollbar{width:4px;}
            #reels-messages::-webkit-scrollbar-thumb{background:var(--r-hair-2);border-radius:2px;}
            #reels-messages::-webkit-scrollbar-track{background:transparent;}
            #section-reels .r-msg{display:flex;gap:10px;animation:rIn .26s ease both;}
            @keyframes rIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
            #section-reels .r-msg.user{flex-direction:column;align-items:flex-end;}
            #section-reels .r-ava{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--r-accent-soft);color:var(--r-accent-hi);margin-top:1px;}
            #section-reels .r-body{min-width:0;}
            #section-reels .r-bubble{font-size:15px;line-height:1.62;color:var(--r-txt);white-space:pre-wrap;word-break:break-word;}
            #section-reels .r-msg.bot .r-bubble{padding-top:3px;}
            #section-reels .r-msg.user{margin-left:auto;}
            #section-reels .r-msg.user .r-bubble{background:var(--r-elev-2);padding:11px 15px;border-radius:18px 18px 6px 18px;max-width:80vw;}
            @media(min-width:760px){#section-reels .r-msg.user .r-bubble{max-width:440px;}}
            #section-reels .r-imgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;justify-content:flex-end;}
            #section-reels .r-imgs img{width:62px;height:62px;object-fit:cover;border-radius:11px;}
            #section-reels .r-typing{display:flex;gap:5px;padding:9px 0 4px;}
            #section-reels .r-typing span{width:6px;height:6px;border-radius:50%;background:var(--r-txt-3);animation:rTyp 1.3s infinite ease-in-out;}
            #section-reels .r-typing span:nth-child(2){animation-delay:.16s;}
            #section-reels .r-typing span:nth-child(3){animation-delay:.32s;}
            @keyframes rTyp{0%,70%,100%{opacity:.22;transform:translateY(0);}35%{opacity:.9;transform:translateY(-4px);}}
            
            #section-reels .r-intro{background:var(--r-elev-1);border:1px solid var(--r-hair);border-radius:16px;padding:15px;animation:rIn .26s ease both;}
            #section-reels .r-intro-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--r-txt-3);font-weight:600;margin-bottom:11px;}
            #section-reels .r-intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:13px;}
            #section-reels .r-intro-tile{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;background:var(--r-bg);border:1px solid var(--r-hair);color:var(--r-txt);font-size:12.5px;font-weight:500;text-align:left;line-height:1.25;transition:.14s;}
            #section-reels .r-intro-tile:hover{border-color:rgba(124,108,245,.42);background:var(--r-elev-2);}
            #section-reels .r-intro-tile:active{transform:scale(.97);}
            #section-reels .r-intro-tile i{width:30px;height:30px;border-radius:9px;background:var(--r-accent-soft);color:var(--r-accent-hi);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
            #section-reels .r-intro-hint{display:flex;gap:8px;font-size:11.5px;line-height:1.55;color:var(--r-txt-3);}
            #section-reels .r-intro-hint i{color:var(--r-accent-hi);margin-top:2px;flex-shrink:0;}
            #section-reels .r-intro-next{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:13px;height:44px;border-radius:12px;background:var(--r-elev-2);border:1px solid var(--r-hair);color:var(--r-txt-2);font-size:13.5px;font-weight:600;transition:.14s;}
            #section-reels .r-intro-next:hover{background:var(--r-elev-3);color:var(--r-txt);}
            #section-reels .r-intro-next:active{transform:scale(.98);}
            #section-reels .r-intro-next i{font-size:11px;}
            #section-reels .r-intro-next.ready{background:var(--r-accent);border-color:var(--r-accent);color:#fff;}
            #section-reels .r-intro-next.ready:hover{background:var(--r-accent-hi);}
            
            #section-reels .reels-dock{flex-shrink:0;position:relative;padding:6px 0 calc(12px + env(safe-area-inset-bottom));}
            #reels-quick{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:10px;}
            #reels-quick:empty{display:none;}
            #section-reels .r-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--r-elev-2);color:var(--r-txt);font-size:13.5px;font-weight:500;border:1px solid var(--r-hair);transition:.14s;}
            #section-reels .r-chip:hover{background:var(--r-elev-3);border-color:var(--r-hair-2);}
            #section-reels .r-chip:active{transform:scale(.95);}
            #section-reels .r-chip i{color:var(--r-accent-hi);font-size:12px;}
            #reels-photos{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;}
            #reels-photos::-webkit-scrollbar{display:none;}
            #reels-photos:empty{display:none;}
            #section-reels .r-thumb{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--r-elev-2);}
            #section-reels .r-thumb img{width:100%;height:100%;object-fit:cover;}
            #section-reels .r-thumb-x{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;}
            #section-reels .r-thumb-tag{position:absolute;bottom:0;left:0;right:0;background:rgba(124,108,245,.92);color:#fff;font-size:7px;text-align:center;padding:2px 0;font-weight:700;letter-spacing:.04em;}
            
            #section-reels .reels-composer{background:var(--r-elev-1);border:1px solid var(--r-hair-2);border-radius:22px;padding:6px 6px 6px 16px;transition:border-color .15s;box-shadow:0 4px 24px rgba(0,0,0,0.3);}
            #section-reels .reels-composer:focus-within{border-color:rgba(0,242,255,.50);box-shadow:0 4px 24px rgba(0,242,255,0.08);}
            
            @media(max-width:767px){
              #section-reels .reels-dock{position:fixed !important;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));padding:10px 14px 10px;background:linear-gradient(180deg,transparent 0%,rgba(8,8,12,0.92) 22%,#08080c 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:101;}
              
              #reels-messages{padding-bottom:calc(237px + env(safe-area-inset-bottom)) !important;}
            }
            
            @media(min-width:768px) and (max-width:879px){
              #section-reels .reels-dock{position:fixed !important;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,rgba(8,8,12,0.92) 22%,#08080c 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:50;}
              #reels-messages{padding-bottom:calc(165px + env(safe-area-inset-bottom)) !important;}
            }
            #section-reels .reels-input{width:100%;background:transparent;border:0;resize:none;color:var(--r-txt);font-size:15px;font-family:inherit;line-height:1.5;padding:8px 0 4px;max-height:128px;}
            #section-reels .reels-input:focus{outline:none;}
            #section-reels .reels-input::placeholder{color:var(--r-txt-3);}
            #section-reels .reels-composer-row{display:flex;align-items:center;justify-content:space-between;}
            #section-reels .reels-comp-actions{display:flex;gap:2px;}
            #section-reels .r-icon-btn{width:36px;height:36px;border-radius:10px;color:var(--r-txt-2);font-size:15px;transition:.14s;display:flex;align-items:center;justify-content:center;}
            #section-reels .r-icon-btn:hover{color:var(--r-txt);background:var(--r-elev-2);}
            #section-reels .r-icon-btn:active{transform:scale(.9);}
            #section-reels .r-icon-btn.has{color:var(--r-accent-hi);}
            #section-reels .r-send{width:36px;height:36px;border-radius:50%;background:var(--r-accent);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.14s;}
            #section-reels .r-send:hover{background:var(--r-accent-hi);}
            #section-reels .r-send:active{transform:scale(.9);}
            #section-reels .r-send:disabled{background:var(--r-elev-3);color:var(--r-txt-3);}
            
            #reels-char-pop{position:absolute;left:0;right:0;bottom:calc(100% - 2px);background:var(--r-elev-1);border:1px solid var(--r-hair-2);border-radius:18px;padding:14px;z-index:30;box-shadow:0 16px 44px rgba(0,0,0,.6);}
            #section-reels .r-char-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
            #section-reels .r-char-head span{font-size:13px;font-weight:600;color:var(--r-txt);}
            #section-reels .r-char-head button{color:var(--r-txt-3);font-size:14px;width:24px;height:24px;border-radius:7px;}
            #section-reels .r-char-head button:hover{color:var(--r-txt);background:var(--r-elev-2);}
            #section-reels .r-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:9px;max-height:248px;overflow-y:auto;}
            #section-reels .r-char-card{border-radius:12px;overflow:hidden;background:var(--r-elev-2);transition:.14s;}
            #section-reels .r-char-card:hover{outline:2px solid var(--r-accent);outline-offset:-2px;}
            #section-reels .r-char-card:active{transform:scale(.95);}
            #section-reels .r-char-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;}
            #section-reels .r-char-card p{font-size:9.5px;color:var(--r-txt-2);text-align:center;padding:4px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
            
            #reels-brief-view{flex:1;display:flex;flex-direction:column;min-height:0;}
            #section-reels .reels-brief-scroll{flex:1;overflow-y:auto;padding:18px 2px 14px;scrollbar-width:thin;}
            #section-reels .reels-brief-scroll::-webkit-scrollbar{width:4px;}
            #section-reels .reels-brief-scroll::-webkit-scrollbar-thumb{background:var(--r-hair-2);border-radius:2px;}
            #section-reels .reels-back{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--r-txt-2);margin-bottom:18px;transition:.14s;}
            #section-reels .reels-back:hover{color:var(--r-txt);}
            #section-reels .reels-brief-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--r-txt);margin-bottom:9px;}
            #section-reels .reels-brief-summary{font-size:14.5px;line-height:1.6;color:var(--r-txt-2);margin-bottom:18px;}
            #section-reels .reels-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
            #section-reels .r-pill{display:inline-flex;align-items:center;gap:7px;background:var(--r-elev-1);border:1px solid var(--r-hair);border-radius:11px;padding:9px 13px;font-size:12.5px;color:var(--r-txt);font-weight:500;}
            #section-reels .r-pill i{color:var(--r-accent-hi);font-size:12px;}
            #section-reels .reels-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--r-txt-3);font-weight:600;margin-bottom:9px;}
            #section-reels .reels-script{background:var(--r-elev-1);border:1px solid var(--r-hair);border-left:2px solid var(--r-accent);border-radius:4px 13px 13px 4px;padding:14px 16px;font-size:14.5px;line-height:1.6;color:var(--r-txt);margin:0 0 22px;}
            #section-reels .reels-brief-foot{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:14px 2px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--r-hair);}
            #section-reels .reels-cost-box{display:flex;flex-direction:column;gap:1px;flex-shrink:0;}
            #section-reels .reels-cost-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--r-txt-3);font-weight:600;}
            #section-reels .reels-cost{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:var(--r-txt);display:flex;align-items:center;gap:5px;}
            #section-reels .reels-cost i{color:var(--r-accent-hi);font-size:15px;}
            #section-reels .reels-gen-btn{flex:1;height:52px;border-radius:15px;background:var(--r-accent);color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:9px;transition:.14s;}
            #section-reels .reels-gen-btn:hover{background:var(--r-accent-hi);}
            #section-reels .reels-gen-btn:active{transform:scale(.98);}
            #section-reels .reels-gen-btn:disabled{background:var(--r-elev-3);color:var(--r-txt-3);}
            
            #reels-loading-view,#reels-result-view{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;}
            #section-reels .reels-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;}
            #section-reels .reels-ring{width:54px;height:54px;border-radius:50%;border:2.5px solid var(--r-hair-2);border-top-color:var(--r-accent);animation:rSpin .8s linear infinite;margin-bottom:22px;}
            @keyframes rSpin{to{transform:rotate(360deg);}}
            #section-reels .reels-state-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--r-txt);margin-bottom:8px;}
            #section-reels .reels-state-sub{font-size:13.5px;color:var(--r-txt-2);max-width:320px;line-height:1.6;}
            #section-reels .reels-err-ico{width:54px;height:54px;border-radius:50%;background:rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center;font-size:22px;color:#ef4444;margin-bottom:20px;}
            #section-reels .reels-result-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 2px calc(20px + env(safe-area-inset-bottom));}
            
            @media(max-width:879px){
              #section-reels .reels-result-box{justify-content:flex-start;padding:18px 14px calc(40px + env(safe-area-inset-bottom));}
            }
            #section-reels .reels-result-video{width:100%;max-width:300px;border-radius:18px;background:#000;aspect-ratio:9/16;}
            #section-reels .reels-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;width:100%;max-width:320px;}
            #section-reels .reels-result-actions a,#section-reels .reels-result-actions button{flex:1;height:48px;border-radius:14px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.14s;}
            #section-reels .r-btn-captions{flex-basis:100%;background:var(--r-accent-soft);color:var(--r-accent-hi);border:1px solid rgba(124,108,245,.32);}
            #section-reels .r-btn-captions:hover{background:rgba(124,108,245,.2);}
            #section-reels .reels-result-actions a:active,#section-reels .reels-result-actions button:active{transform:scale(.97);}
            #section-reels .r-btn-primary{background:var(--r-accent);color:#fff;}
            #section-reels .r-btn-primary:hover{background:var(--r-accent-hi);}
            #section-reels .r-btn-ghost{background:var(--r-elev-2);color:var(--r-txt);border:1px solid var(--r-hair);}
            #section-reels .r-btn-ghost:hover{background:var(--r-elev-3);}
            #section-reels .reels-retry{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;background:var(--r-elev-2);border:1px solid var(--r-hair);color:var(--r-txt);font-size:13.5px;font-weight:500;}
            #section-reels .reels-retry:hover{background:var(--r-elev-3);}
            
            #section-reels .reels-create-influ{display:flex;align-items:center;gap:9px;width:100%;padding:11px 13px;margin-bottom:11px;border-radius:12px;background:var(--r-accent-soft);border:1px solid rgba(124,108,245,.3);color:var(--r-accent-hi);font-size:13px;font-weight:600;transition:.14s;}
            #section-reels .reels-create-influ:hover{background:rgba(124,108,245,.2);}
            #section-reels .reels-create-influ:active{transform:scale(.98);}
            #section-reels .reels-create-influ i{font-size:14px;}
            #section-reels .reels-create-influ span{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--r-txt-3);background:var(--r-elev-2);padding:3px 8px;border-radius:6px;}
            #reels-influ-modal{position:fixed;inset:0;z-index:200;background:rgba(7,7,9,.8);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;}
            @media(min-width:560px){#reels-influ-modal{align-items:center;padding:20px;}}
            #section-reels .reels-influ-card{background:var(--r-bg);border:1px solid var(--r-hair-2);width:100%;max-width:520px;height:90dvh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px 24px 0 0;animation:rSheet .28s cubic-bezier(.32,.72,0,1) both;}
            @media(min-width:560px){#section-reels .reels-influ-card{border-radius:22px;height:82vh;max-height:780px;}}
            @keyframes rSheet{from{transform:translateY(40px);opacity:.4;}to{transform:none;opacity:1;}}
            #section-reels .reels-influ-head{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:16px 16px 15px;border-bottom:1px solid var(--r-hair);}
            #section-reels .reels-influ-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:var(--r-txt);line-height:1.15;}
            #section-reels .reels-influ-sub{font-size:11.5px;color:var(--r-txt-3);margin-top:2px;}
            #section-reels .reels-influ-x{margin-left:auto;width:34px;height:34px;border-radius:9px;color:var(--r-txt-2);font-size:15px;flex-shrink:0;}
            #section-reels .reels-influ-x:hover{background:var(--r-elev-2);color:var(--r-txt);}
            #reels-influ-chat{flex:1;display:flex;flex-direction:column;min-height:0;}
            #reels-influ-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:18px 16px 12px;-webkit-overflow-scrolling:touch;}
            #reels-influ-messages::-webkit-scrollbar{width:4px;}
            #reels-influ-messages::-webkit-scrollbar-thumb{background:var(--r-hair-2);border-radius:2px;}
            #section-reels .reels-influ-composer{flex-shrink:0;display:flex;align-items:flex-end;gap:9px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--r-hair);}
            #section-reels .reels-influ-input{flex:1;background:var(--r-elev-1);border:1px solid var(--r-hair-2);border-radius:16px;padding:13px 15px;color:var(--r-txt);font-size:15px;font-family:inherit;resize:none;min-height:78px;max-height:180px;line-height:1.5;transition:border-color .15s;}
            #section-reels .reels-influ-input:focus{outline:none;border-color:rgba(124,108,245,.55);}
            #section-reels .reels-influ-input::placeholder{color:var(--r-txt-3);}
            #section-reels .reels-influ-composer .r-send{width:42px;height:42px;font-size:15px;}
            #section-reels .reels-influ-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 22px calc(22px + env(safe-area-inset-bottom));text-align:center;overflow-y:auto;}
            #section-reels .reels-influ-photo{width:188px;aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:var(--r-elev-2);margin-bottom:16px;}
            #section-reels .reels-influ-rname{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:var(--r-txt);margin-bottom:4px;}
            #section-reels .reels-influ-rsub{font-size:13px;color:var(--r-txt-2);margin-bottom:22px;}
            #section-reels .reels-influ-actions{display:flex;flex-direction:column;gap:9px;width:100%;max-width:300px;}
            #section-reels .reels-influ-actions button{height:48px;border-radius:14px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.14s;}
            #section-reels .reels-influ-actions button:active{transform:scale(.98);}
            
            #reels-guide-modal{position:fixed;inset:0;z-index:210;background:rgba(7,7,9,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;}
            @media(min-width:560px){#reels-guide-modal{align-items:center;padding:20px;}}
            
            html.reels-przewodnik .mobile-nav{display:none !important;}
            #section-reels .reels-guide-x{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-8px -6px -28px auto;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:15px;}
            #section-reels .reels-guide-card{background:var(--r-bg);border:1px solid var(--r-hair-2);width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));animation:rSheet .28s cubic-bezier(.32,.72,0,1) both;}
            @media(min-width:560px){#section-reels .reels-guide-card{border-radius:22px;}}
            #section-reels .reels-guide-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
            #section-reels .reels-guide-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:var(--r-txt);line-height:1.15;}
            #section-reels .reels-guide-lead{font-size:13.5px;line-height:1.6;color:var(--r-txt-2);margin-bottom:18px;}
            #section-reels .reels-guide-step{display:flex;gap:12px;margin-bottom:14px;}
            #section-reels .reels-guide-num{width:26px;height:26px;border-radius:8px;background:var(--r-accent-soft);color:var(--r-accent-hi);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
            #section-reels .reels-guide-step b{display:block;font-size:13.5px;color:var(--r-txt);font-weight:600;margin-bottom:2px;}
            #section-reels .reels-guide-step p{font-size:12.5px;line-height:1.55;color:var(--r-txt-3);}
            #section-reels .reels-guide-note{display:flex;gap:9px;background:var(--r-elev-1);border:1px solid var(--r-hair);border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.55;color:var(--r-txt-2);margin:4px 0 18px;}
            #section-reels .reels-guide-note i{color:var(--r-accent-hi);margin-top:2px;flex-shrink:0;}
            #section-reels .reels-guide-btn{width:100%;height:48px;border-radius:14px;background:var(--r-accent);color:#fff;font-weight:600;font-size:14.5px;transition:.14s;}
            #section-reels .reels-guide-btn:hover{background:var(--r-accent-hi);}
            #section-reels .reels-guide-btn:active{transform:scale(.98);}
@font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "jj-Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url(/wyjasnij/fonty/inter-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
  @font-face { font-family: "jj-Kanit"; font-style: normal; font-weight: 500; font-display: swap; src: url(/wyjasnij/fonty/kanit-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

  #section-jujitsu {
    --cp-cyan: #00f2ff;
    --cp-cyan-2: #00d4e0;
    --cp-cyan-soft: rgba(0,242,255,.08);
    --cp-cyan-mid: rgba(0,242,255,.18);
    --cp-cyan-strong: rgba(0,242,255,.5);
    --cp-violet: #7850ff;
    --cp-bg-deep: #06080f;
    --cp-bg-card: #0a0c14;
    --cp-bg-elev: #0d0f18;
    --cp-glass: rgba(255,255,255,.025);
    --cp-glass-2: rgba(255,255,255,.05);
    --cp-line: rgba(255,255,255,.07);
    --cp-line-2: rgba(255,255,255,.12);
    --cp-text: #ffffff;
    --cp-text-mute: rgba(255,255,255,.66);
    --cp-text-dim: rgba(255,255,255,.44);
    --cp-danger: #ff6b6b;
    --cp-warn: #ffb35c;
    --cp-ok: #38d98a;
    --cp-ease: cubic-bezier(.16,1,.3,1);
    --font: "jj-Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-d: "jj-Kanit", "jj-Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --gutter: clamp(16px, 2.6vw, 40px);
    --panel: 392px;
  }
  #section-jujitsu * { box-sizing: border-box; }
  #section-jujitsu,#section-jujitsu { margin: 0; background: var(--cp-bg-deep); color: var(--cp-text); font-family: var(--font); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
  #section-jujitsu { min-height: 100vh; min-height: 100dvh; overflow-x: hidden; position: relative; }
  #section-jujitsu::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background-image: linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
    background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 25%, transparent 75%); mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 25%, transparent 75%); }
  #section-jujitsu::after { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background: radial-gradient(900px 520px at 8% -8%, rgba(0,242,255,.08), transparent 62%), radial-gradient(760px 480px at 96% 2%, rgba(120,80,255,.10), transparent 62%); }
  #section-jujitsu button,#section-jujitsu  input { font: inherit; color: inherit; }
  #section-jujitsu button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
  #section-jujitsu button:disabled { cursor: default; }
  #section-jujitsu button:focus-visible,#section-jujitsu  a:focus-visible,#section-jujitsu  [tabindex]:focus-visible { outline: 2px solid var(--cp-cyan); outline-offset: 3px; }
  #section-jujitsu a { color: var(--cp-cyan); }
  #section-jujitsu [hidden] { display: none !important; }
  #section-jujitsu .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  #section-jujitsu svg { flex-shrink: 0; }
  #section-jujitsu video { display: block; }

  #section-jujitsu .app { position: relative; z-index: 1; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }

  
  #section-jujitsu .gora { height: 64px; flex-shrink: 0; padding: 0 var(--gutter); display: flex; align-items: center; gap: 14px; }
  #section-jujitsu .marka { font-family: var(--font-d); font-weight: 600; font-size: 20px; letter-spacing: -.01em; color: var(--cp-text); text-decoration: none; white-space: nowrap; }
  #section-jujitsu .marka b { font-weight: 600; color: var(--cp-cyan); }
  #section-jujitsu .narzedzie { height: 28px; padding: 0 12px 0 10px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); font-size: 12.5px; font-weight: 500; color: var(--cp-text-mute); white-space: nowrap; }
  #section-jujitsu .narzedzie i { width: 6px; height: 6px; border-radius: 50%; background: var(--cp-cyan); box-shadow: 0 0 10px var(--cp-cyan); }
  #section-jujitsu .odstep { flex: 1; }
  #section-jujitsu .kredyty { height: 36px; padding: 0 14px 0 10px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--cp-text); text-decoration: none; }
  #section-jujitsu .kredyty svg { color: var(--cp-cyan); }
  #section-jujitsu .awatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #00d4e0, #6c4dff); color: #04121a; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-d); font-weight: 600; font-size: 15px; flex-shrink: 0; }

  #section-jujitsu .ladowanie { min-height: 60vh; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--cp-text-dim); font-size: 14px; }
  #section-jujitsu .kropka-puls { width: 8px; height: 8px; border-radius: 50%; background: var(--cp-cyan); animation: jj-puls 1.6s var(--cp-ease) infinite; flex-shrink: 0; }
  @keyframes jj-puls { 0% { box-shadow: 0 0 0 0 rgba(0,242,255,.55); } 70% { box-shadow: 0 0 0 9px rgba(0,242,255,0); } 100% { box-shadow: 0 0 0 0 rgba(0,242,255,0); } }

  
  #section-jujitsu .uklad { width: 100%; max-width: 1760px; margin: 0 auto; padding: 4px var(--gutter) 64px; flex: 1;
    display: grid; grid-template-columns: var(--panel) minmax(0, 1fr); gap: clamp(16px, 2vw, 28px); align-items: start; }

  #section-jujitsu .panel { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 14px; padding: 14px; border-radius: 26px;
    background: linear-gradient(180deg, var(--cp-bg-elev) 0%, var(--cp-bg-card) 100%);
    border: 1px solid rgba(0,242,255,.14);
    box-shadow: 0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05), 0 0 70px rgba(0,242,255,.06);
    max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; scrollbar-width: thin; }

  #section-jujitsu .mikro { font-family: var(--font-d); font-weight: 600; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--cp-text-dim); margin: 0; }

  
  #section-jujitsu .wybrany { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 10; background: #000; box-shadow: inset 0 0 0 1px var(--cp-line-2); }
  #section-jujitsu .wybrany video,#section-jujitsu  .wybrany img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  #section-jujitsu .wybrany::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(4,6,12,.86) 100%); pointer-events: none; }
  #section-jujitsu .wybrany-tekst { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1; }
  #section-jujitsu .wybrany-nazwa { margin: 0; font-family: var(--font-d); font-weight: 600; font-size: 24px; line-height: 1.02; text-transform: uppercase; letter-spacing: .01em; color: var(--cp-cyan); text-shadow: 0 2px 18px rgba(0,0,0,.6); overflow-wrap: anywhere; }
  #section-jujitsu .wybrany-opis { margin: 4px 0 0; font-size: 13px; color: rgba(255,255,255,.82); line-height: 1.4; }
  #section-jujitsu .zmien { position: absolute; top: 10px; right: 10px; z-index: 2; height: 32px; padding: 0 12px; border: none; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px;
    background: rgba(8,10,18,.72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px var(--cp-line-2); font-size: 13px; font-weight: 600; transition: box-shadow .25s var(--cp-ease); }
  #section-jujitsu .zmien:hover { box-shadow: inset 0 0 0 1px var(--cp-cyan-strong); }
  #section-jujitsu .wybrany.pusty { aspect-ratio: auto; min-height: 172px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 22px; text-align: center;
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.014) 0 12px, transparent 12px 24px); box-shadow: inset 0 0 0 1px var(--cp-line-2); }
  #section-jujitsu .wybrany.pusty::after { display: none; }
  #section-jujitsu .wybrany.pusty .ikona { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: var(--cp-cyan); background: var(--cp-cyan-soft); box-shadow: inset 0 0 0 1px var(--cp-cyan-mid); }
  #section-jujitsu .wybrany.pusty strong { font-family: var(--font-d); font-weight: 600; font-size: 17px; }
  #section-jujitsu .wybrany.pusty span { font-size: 13px; color: var(--cp-text-mute); line-height: 1.5; max-width: 30ch; }

  
  #section-jujitsu .sekcja { display: flex; flex-direction: column; gap: 10px; }
  #section-jujitsu .sekcja-glowa { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
  #section-jujitsu .sekcja-opis { margin: -4px 0 0; font-size: 12.5px; color: var(--cp-text-dim); line-height: 1.45; }
  #section-jujitsu .sloty { display: flex; flex-direction: column; gap: 8px; }
  #section-jujitsu .slot { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px; border-radius: 16px;
    background: var(--cp-glass); box-shadow: inset 0 0 0 1px var(--cp-line); transition: box-shadow .25s var(--cp-ease), background .25s var(--cp-ease); }
  #section-jujitsu .slot.pusty { box-shadow: inset 0 0 0 1px var(--cp-line-2); background: repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 10px, transparent 10px 20px); }
  #section-jujitsu .slot.przeciagane { box-shadow: inset 0 0 0 1.5px var(--cp-cyan-strong), 0 0 24px rgba(0,242,255,.14); background: var(--cp-cyan-soft); }
  #section-jujitsu .slot-mini { width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: var(--cp-glass-2); display: grid; place-items: center; color: var(--cp-text-dim); box-shadow: inset 0 0 0 1px var(--cp-line); }
  #section-jujitsu .slot-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #section-jujitsu .slot-tekst { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  #section-jujitsu .slot-nazwa { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #section-jujitsu .slot-nazwa small { font-weight: 500; color: var(--cp-text-dim); font-size: 12px; margin-left: 6px; }
  #section-jujitsu .slot-akcje { display: flex; gap: 6px; flex-wrap: wrap; }
  #section-jujitsu .mini-btn { height: 28px; padding: 0 10px; border: none; border-radius: 9px; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); color: var(--cp-text-mute); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; transition: .2s var(--cp-ease); }
  #section-jujitsu .mini-btn:hover { color: var(--cp-text); box-shadow: inset 0 0 0 1px var(--cp-cyan-strong); background: var(--cp-cyan-soft); }
  #section-jujitsu .slot-usun { width: 32px; height: 32px; border: none; border-radius: 50%; background: var(--cp-glass-2); color: var(--cp-text-mute); font-size: 18px; line-height: 1; display: grid; place-items: center; }
  #section-jujitsu .slot-usun:hover { color: var(--cp-danger); box-shadow: inset 0 0 0 1px rgba(255,107,107,.5); }
  #section-jujitsu .slot .kropka-puls { margin: 0 auto; }

  
  #section-jujitsu .wskazowka { margin: 0; padding: 12px 14px; border-radius: 14px; font-size: 13px; line-height: 1.5; color: var(--cp-text-mute); background: var(--cp-cyan-soft); box-shadow: inset 0 0 0 1px var(--cp-cyan-mid); white-space: pre-line; }
  #section-jujitsu .przyklady { display: flex; gap: 6px; flex-wrap: wrap; }
  #section-jujitsu .przyklady img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--cp-line-2); background: var(--cp-glass-2); display: block; }
  #section-jujitsu .dopisek { position: relative; border-radius: 14px; background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px var(--cp-line-2); transition: box-shadow .25s var(--cp-ease); }
  #section-jujitsu .dopisek:focus-within { box-shadow: inset 0 0 0 1px var(--cp-cyan-strong), 0 0 0 4px rgba(0,242,255,.08); }
  #section-jujitsu .dopisek textarea { display: block; width: 100%; min-height: 64px; max-height: 160px; padding: 10px 12px 24px; border: none; background: transparent; resize: vertical; outline: none; font: inherit; font-size: 14px; line-height: 1.45; color: var(--cp-text); caret-color: var(--cp-cyan-strong); }
  #section-jujitsu .dopisek textarea::placeholder { color: rgba(255,255,255,.3); }
  
  #section-jujitsu .wzmianki { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 5; max-height: 220px; overflow-y: auto; border-radius: 12px; background: rgba(10,12,20,.98); box-shadow: inset 0 0 0 1px var(--cp-line-2), 0 -10px 30px rgba(0,0,0,.5); }
  #section-jujitsu .wzmianki[hidden] { display: none; }
  #section-jujitsu .wzmianka { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 12px; border: none; background: transparent; text-align: left; color: var(--cp-text); }
  #section-jujitsu .wzmianka:hover,#section-jujitsu  .wzmianka[aria-selected="true"] { background: rgba(255,255,255,.06); }
  #section-jujitsu .wzmianka .mini { width: 32px; height: 32px; border-radius: 7px; flex-shrink: 0; background: var(--cp-glass-2) center / cover no-repeat; display: grid; place-items: center; color: var(--cp-cyan); }
  #section-jujitsu .wzmianka b { font-family: var(--font-d); font-size: 13px; }
  #section-jujitsu .wzmianka small { display: block; font-size: 11px; color: var(--cp-text-dim); }
  #section-jujitsu .dopisek-licznik { position: absolute; right: 10px; bottom: 6px; font-size: 11px; color: var(--cp-text-dim); font-variant-numeric: tabular-nums; pointer-events: none; }
  #section-jujitsu .parametry { display: flex; flex-wrap: wrap; gap: 6px; }
  #section-jujitsu .param { height: 28px; padding: 0 11px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); font-size: 12.5px; color: var(--cp-text-mute); font-variant-numeric: tabular-nums; }
  #section-jujitsu .param.cena { color: #f5c542; font-weight: 700; }
  
  #section-jujitsu .chipy { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 8px; }
  #section-jujitsu .chipy .mikro { margin: 0 4px 0 0; }
  #section-jujitsu .glosnik { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; background: rgba(4,6,12,.65); color: #fff; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); flex-shrink: 0; }
  #section-jujitsu .glosnik[aria-pressed="true"] { background: var(--cp-cyan); color: #031418; }
  #section-jujitsu .kafel-gora { display: flex; gap: 6px; align-items: center; }
  #section-jujitsu .hero-film { position: relative; }
  #section-jujitsu .hero-film .glosnik { position: absolute; right: 10px; top: 10px; z-index: 2; }
  #section-jujitsu .wybrany { position: relative; }
  #section-jujitsu .wybrany .glosnik { position: absolute; left: 10px; top: 10px; z-index: 2; }
  #section-jujitsu .dlugi-wideo { width: 100%; max-height: 40vh; border-radius: 12px; background: #000; display: block; }
  #section-jujitsu .dlugi-suwak { width: 100%; margin: 4px 0 2px; accent-color: #00f2ff; }
  #section-jujitsu .dlugi-etykieta { display: block; margin-top: 10px; font-size: 12px; color: var(--cp-text-mute); }
  #section-jujitsu .film-przytnij { position: absolute; right: 44px; bottom: 10px; }
  #section-jujitsu .dodaj-wiecej { margin-top: 4px; align-self: flex-start; }
  #section-jujitsu .dlugi-standard { margin-top: 10px; }

  #section-jujitsu .btn-glowny { position: relative; width: 100%; min-height: 56px; padding: 14px 24px; border: none; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    font-family: var(--font-d); font-weight: 600; font-size: 17px; letter-spacing: .01em; color: #031418;
    background: linear-gradient(135deg, var(--cp-cyan) 0%, var(--cp-cyan-2) 100%);
    box-shadow: 0 16px 40px rgba(0,242,255,.34), 0 0 0 1px rgba(0,242,255,.55), inset 0 1px 0 rgba(255,255,255,.35);
    transition: transform .35s var(--cp-ease), box-shadow .35s var(--cp-ease), opacity .2s; overflow: hidden; }
  #section-jujitsu .btn-glowny::after { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%); transform: translateX(-110%); transition: transform .8s var(--cp-ease); }
  #section-jujitsu .btn-glowny:hover:not(:disabled)::after { transform: translateX(110%); }
  #section-jujitsu .btn-glowny:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 22px 54px rgba(0,242,255,.48), 0 0 0 1px rgba(0,242,255,.8), inset 0 1px 0 rgba(255,255,255,.4); }
  #section-jujitsu .btn-glowny:disabled { opacity: .5; box-shadow: 0 6px 16px rgba(0,242,255,.16); }
  
  #section-jujitsu .btn-glowny[aria-disabled="true"] { background: #262830; color: rgba(255,255,255,.62); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
  #section-jujitsu .zgoda-check.zgoda-mrug { animation: jj-zgodaMrug .55s ease-in-out 2; }
  @keyframes jj-zgodaMrug { 50% { box-shadow: inset 0 0 0 2px #00f2ff, 0 0 18px rgba(0,242,255,.35); } }
  #section-jujitsu .w-cenie { margin: -4px 2px 0; display: flex; gap: 8px; align-items: flex-start; color: var(--cp-text-dim); font-size: 12.5px; line-height: 1.5; }
  #section-jujitsu .w-cenie svg { color: var(--cp-cyan); margin-top: 1px; }

  
  #section-jujitsu .scena { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
  #section-jujitsu .zakladki { align-self: flex-start; display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--cp-glass); box-shadow: inset 0 0 0 1px var(--cp-line); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  #section-jujitsu .zakladka { height: 38px; padding: 0 16px; border: none; border-radius: 10px; background: transparent; color: var(--cp-text-mute); font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; transition: .25s var(--cp-ease); }
  #section-jujitsu .zakladka:hover { color: var(--cp-text); }
  #section-jujitsu .zakladka[aria-selected="true"] { color: var(--cp-text); background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line-2); }
  #section-jujitsu .zakladka .licznik { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--cp-cyan-mid); color: var(--cp-cyan); font-size: 11.5px; display: inline-grid; place-items: center; font-variant-numeric: tabular-nums; }

  #section-jujitsu .hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(18px, 3vw, 44px); align-items: center; padding: clamp(8px, 1.6vw, 20px) 0 6px; }
  #section-jujitsu .hero h1 { margin: 0; font-family: var(--font-d); font-weight: 600; font-size: clamp(22px, 2.4vw, 36px); line-height: 1.08; letter-spacing: -.01em; text-transform: uppercase; text-wrap: balance; }
  #section-jujitsu .hero h1 em { font-style: normal; color: var(--cp-cyan); }
  #section-jujitsu .hero p { margin: 16px 0 0; max-width: 52ch; color: var(--cp-text-mute); font-size: 16px; line-height: 1.6; }
  #section-jujitsu .hero p:empty { display: none; }
  #section-jujitsu .hero-tel { display: none; }
  #section-jujitsu .hero-film { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 16 / 9; background: #000; box-shadow: 0 30px 80px rgba(0,0,0,.5), inset 0 0 0 1px var(--cp-line-2); }
  #section-jujitsu .hero-film video { width: 100%; height: 100%; object-fit: cover; }
  #section-jujitsu .hero-film-podpis { position: absolute; left: 14px; bottom: 12px; padding: 6px 10px; border-radius: 9px; background: rgba(8,10,18,.72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 12.5px; font-weight: 600; box-shadow: inset 0 0 0 1px var(--cp-line-2); }

  #section-jujitsu .siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 12px; }
  #section-jujitsu .kafel { position: relative; border: none; padding: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 3 / 4; background: var(--cp-bg-card); box-shadow: inset 0 0 0 1px var(--cp-line); text-align: left; color: var(--cp-text);
    transition: transform .35s var(--cp-ease), box-shadow .35s var(--cp-ease); isolation: isolate; }
  #section-jujitsu .kafel video,#section-jujitsu  .kafel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform .6s var(--cp-ease); }
  #section-jujitsu .kafel::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(4,6,12,.9) 100%); }
  #section-jujitsu .kafel:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgba(0,242,255,.35), 0 20px 50px rgba(0,0,0,.45); }
  #section-jujitsu .kafel:hover video,#section-jujitsu  .kafel:hover img { transform: scale(1.04); }
  #section-jujitsu .kafel[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--cp-cyan), 0 0 0 4px rgba(0,242,255,.14), 0 20px 50px rgba(0,242,255,.16); }
  #section-jujitsu .kafel-dol { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; flex-direction: column; gap: 6px; }
  #section-jujitsu .kafel-nazwa { font-family: var(--font-d); font-weight: 600; font-size: 17px; line-height: 1.05; text-transform: uppercase; overflow-wrap: anywhere; }
  #section-jujitsu .kafel-info { display: flex; gap: 6px; flex-wrap: wrap; }
  #section-jujitsu .znaczek { height: 22px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; background: rgba(8,10,18,.66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: inset 0 0 0 1px var(--cp-line-2); font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,.86); font-variant-numeric: tabular-nums; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  #section-jujitsu .kafel-gora { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; justify-content: space-between; gap: 6px; min-width: 0; }
  #section-jujitsu .znaczek.wybrany-z { background: var(--cp-cyan); color: #031418; box-shadow: none; }
  #section-jujitsu .znaczek.ukryty-z { background: rgba(255,179,92,.18); color: #ffd2a3; box-shadow: inset 0 0 0 1px rgba(255,179,92,.4); }

  
  #section-jujitsu .kafel.wlasny { background: repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 12px, transparent 12px 24px); box-shadow: inset 0 0 0 1.5px rgba(0,242,255,.35); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 18px; }
  #section-jujitsu .kafel.wlasny::after { display: none; }
  #section-jujitsu .kafel.wlasny .ikona { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; color: var(--cp-cyan); background: var(--cp-cyan-soft); box-shadow: inset 0 0 0 1px var(--cp-cyan-mid); }
  #section-jujitsu .kafel.wlasny strong { font-family: var(--font-d); font-weight: 600; font-size: 18px; text-transform: uppercase; }
  #section-jujitsu .kafel.wlasny span { font-size: 12.5px; color: var(--cp-text-mute); line-height: 1.45; }
  #section-jujitsu .kafel.wlasny[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--cp-cyan), 0 0 0 4px rgba(0,242,255,.14); }
  #section-jujitsu .film-slot { position: relative; border-radius: 16px; overflow: hidden; background: #000; aspect-ratio: 16 / 10; box-shadow: inset 0 0 0 1px var(--cp-line-2); }
  #section-jujitsu .film-slot video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  #section-jujitsu .film-slot .slot-usun { position: absolute; top: 8px; right: 8px; z-index: 2; background: rgba(8,10,18,.8); }
  #section-jujitsu .film-slot .znaczek { position: absolute; left: 10px; bottom: 10px; z-index: 2; }
  #section-jujitsu .opcje { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  #section-jujitsu .opcje .chip-grupa { display: inline-flex; gap: 4px; padding: 3px; border-radius: 999px; background: var(--cp-glass); box-shadow: inset 0 0 0 1px var(--cp-line); }
  #section-jujitsu .opcje .chip-grupa button { height: 28px; padding: 0 12px; border: none; border-radius: 999px; background: transparent; color: var(--cp-text-mute); font-size: 12.5px; font-weight: 600; }
  #section-jujitsu .opcje .chip-grupa button[aria-pressed="true"] { background: var(--cp-cyan); color: #031418; }
  #section-jujitsu .opcje label { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--cp-text-mute); cursor: pointer; }
  #section-jujitsu .opcje input { width: 15px; height: 15px; accent-color: #00f2ff; }
  #section-jujitsu .pusto { padding: 40px 22px; border-radius: 20px; text-align: center; color: var(--cp-text-dim); font-size: 14px; box-shadow: inset 0 0 0 1px var(--cp-line); background: repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 12px, transparent 12px 24px); }

  
  #section-jujitsu .filmy { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
  #section-jujitsu .film { border-radius: 18px; overflow: hidden; background: var(--cp-bg-card); box-shadow: inset 0 0 0 1px var(--cp-line); display: flex; flex-direction: column; }
  #section-jujitsu .film-ekran { position: relative; aspect-ratio: 3 / 4; background: #000; display: grid; place-items: center; }
  #section-jujitsu .film-ekran video { width: 100%; height: 100%; object-fit: contain; }
  #section-jujitsu .film-stan { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 18px; text-align: center; font-size: 13.5px; color: var(--cp-text-mute); line-height: 1.5; }
  #section-jujitsu .film-stan strong { color: var(--cp-text); font-size: 14.5px; }
  #section-jujitsu .film-stan.zle strong { color: var(--cp-danger); }
  #section-jujitsu .film-dol { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  #section-jujitsu .film-nazwa { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #section-jujitsu .zglos-opis { margin: 8px 0 0; }
  #section-jujitsu .zglos { display: inline-block; margin-top: 4px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; line-height: 1.5; color: var(--cp-text-mute); background: var(--cp-glass-2); white-space: normal; }
  #section-jujitsu .zglos.przyjete { color: var(--cp-ok); }
  #section-jujitsu .zglos.odrzucone { color: var(--cp-text-dim); }
  #section-jujitsu .film-data { font-size: 11.5px; color: var(--cp-text-dim); white-space: nowrap; }
  #section-jujitsu .film-dol a { flex-shrink: 0; }

  
  #section-jujitsu .kroki { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: krok; }
  #section-jujitsu .krok { counter-increment: krok; padding: 20px; border-radius: 20px; background: var(--cp-glass); box-shadow: inset 0 0 0 1px var(--cp-line); }
  #section-jujitsu .krok::before { content: counter(krok); width: 32px; height: 32px; border-radius: 50%; display: inline-grid; place-items: center; font: 700 14px var(--font-d); color: var(--cp-cyan); background: var(--cp-cyan-soft); box-shadow: inset 0 0 0 1px var(--cp-cyan-mid); }
  #section-jujitsu .krok h3 { margin: 14px 0 6px; font-family: var(--font-d); font-weight: 600; font-size: 19px; }
  #section-jujitsu .krok p { margin: 0; color: var(--cp-text-mute); font-size: 14px; line-height: 1.55; }
  #section-jujitsu .rada { margin: 0; padding: 14px 16px; border-radius: 14px; font-size: 13.5px; line-height: 1.55; color: var(--cp-text-mute); background: var(--cp-cyan-soft); box-shadow: inset 0 0 0 1px var(--cp-cyan-mid); }

  
  #section-jujitsu .arkusz-tlo { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(4,6,12,.8); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  #section-jujitsu .arkusz { position: relative; width: 100%; max-width: 760px; max-height: calc(100dvh - 32px); display: flex; flex-direction: column; border-radius: 24px; background: var(--cp-bg-card); box-shadow: inset 0 0 0 1px var(--cp-line-2), 0 30px 80px rgba(0,0,0,.6); overflow: hidden; }
  #section-jujitsu .arkusz.waski { max-width: 480px; }
  #section-jujitsu .arkusz-glowa { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 12px; }
  #section-jujitsu .arkusz-glowa h2 { margin: 0; font-family: var(--font-d); font-weight: 600; font-size: 21px; }
  #section-jujitsu .arkusz-x { width: 36px; height: 36px; border: none; border-radius: 50%; background: var(--cp-glass-2); color: var(--cp-text-mute); font-size: 20px; line-height: 1; }
  #section-jujitsu .arkusz-x:hover { color: var(--cp-text); box-shadow: inset 0 0 0 1px var(--cp-cyan-strong); }
  #section-jujitsu .arkusz-tresc { padding: 4px 20px 20px; overflow-y: auto; }
  #section-jujitsu .galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; }
  #section-jujitsu .galeria button { aspect-ratio: 1; border: none; padding: 0; border-radius: 12px; overflow: hidden; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); }
  #section-jujitsu .galeria button:hover { box-shadow: inset 0 0 0 2px var(--cp-cyan); }
  #section-jujitsu .galeria img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #section-jujitsu .zgoda-tekst { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.84); }
  #section-jujitsu .zgoda-tekst ol { margin: 8px 0 12px; padding-left: 20px; }
  #section-jujitsu .zgoda-tekst p { margin: 0; }
  #section-jujitsu .zgoda-zakaz { margin-top: 10px !important; color: var(--cp-text-mute); font-size: 13px; }
  #section-jujitsu .zgoda-check { margin: 16px 0 14px; display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--cp-glass-2); box-shadow: inset 0 0 0 1px var(--cp-line); cursor: pointer; font-size: 13.5px; font-weight: 600; }
  #section-jujitsu .zgoda-check input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: #00f2ff; flex-shrink: 0; }
  #section-jujitsu .zgoda-link { display: inline-block; margin-top: 12px; font-size: 12px; color: var(--cp-text-dim); }

  #section-jujitsu .toast { position: fixed; left: 50%; bottom: max(20px, env(safe-area-inset-bottom)); transform: translate(-50%, 20px); max-width: calc(100vw - 32px); padding: 12px 18px; border-radius: 14px; background: rgba(13,15,24,.95); box-shadow: inset 0 0 0 1px rgba(0,242,255,.25), 0 20px 50px rgba(0,0,0,.5); font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .3s var(--cp-ease), transform .3s var(--cp-ease); z-index: 80; display: flex; align-items: center; gap: 12px; }
  #section-jujitsu .toast.on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
  #section-jujitsu .toast.zle { box-shadow: inset 0 0 0 1px rgba(255,107,107,.45), 0 20px 50px rgba(0,0,0,.5); }
  #section-jujitsu .toast a { font-weight: 700; white-space: nowrap; }

  
  @media (max-width: 1080px) {
    #section-jujitsu .hero { grid-template-columns: minmax(0, 1fr); }
    #section-jujitsu .hero-film { max-width: 640px; }
  }
  @media (max-width: 900px) {
    #section-jujitsu .uklad { grid-template-columns: minmax(0, 1fr); }
    #section-jujitsu .panel { position: relative; top: 0; max-height: none; overflow: visible; }
    #section-jujitsu .kroki { grid-template-columns: minmax(0, 1fr); }
    
    #section-jujitsu .hero-tel { display: block; padding: 2px 2px 0; }
    #section-jujitsu .hero-tel h2 { margin: 0; font-family: var(--font-d); font-weight: 600; font-size: clamp(21px, 5.6vw, 26px); line-height: 1.1; letter-spacing: -.01em; text-transform: uppercase; text-wrap: balance; }
    #section-jujitsu .hero-tel p { margin: 8px 0 0; color: var(--cp-text-mute); font-size: 15px; line-height: 1.5; }
    #section-jujitsu .hero-tel p:empty { display: none; }
    #section-jujitsu .hero > div:first-child { display: none; }
  }
  @media (max-width: 560px) {
    #section-jujitsu .gora { height: 58px; gap: 10px; }
    #section-jujitsu .narzedzie { display: none; }
    #section-jujitsu .siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    #section-jujitsu .filmy { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    #section-jujitsu .kafel-nazwa { font-size: 15px; }
    #section-jujitsu .kafel { border-radius: 14px; }
    #section-jujitsu .zakladka { padding: 0 12px; font-size: 13px; }
  }
  @media (prefers-reduced-motion: reduce) {
    #section-jujitsu *,#section-jujitsu  *::before,#section-jujitsu  *::after { animation: none !important; transition: none !important; }
  }

#section-jujitsu header.gora{display:none!important}
#section-jujitsu{display:block}#section-jujitsu.hidden{display:none}
@keyframes psmiSlide { from { opacity:0; transform: translateY(8px); } to { opacity:1; transform: translateY(0); } }
.av-pill { padding:6px 12px; border-radius:999px; font-size:10.5px; font-weight:700; cursor:pointer; transition:all .15s; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); color:rgba(255,255,255,0.6); white-space:nowrap; letter-spacing:0.02em; }
      .av-pill:hover { background:rgba(0,242,255,0.06); color:#fff; border-color:rgba(0,242,255,0.25); }
      .av-pill.active { background:linear-gradient(135deg, rgba(0,242,255,0.2), rgba(0,102,255,0.12)); border-color:rgba(0,242,255,0.5); color:#fff; box-shadow:inset 0 0 0 1px rgba(0,242,255,0.3), 0 4px 14px rgba(0,242,255,0.15); }
      .av-emo { padding:7px 14px; border-radius:999px; font-size:10px; font-weight:700; cursor:pointer; transition:all .15s; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); color:rgba(255,255,255,0.65); letter-spacing:0.02em; }
      .av-emo:hover { background:rgba(0,242,255,0.06); color:#fff; }
      .av-emo.active { background:rgba(0,242,255,0.14); border-color:rgba(0,242,255,0.55); color:#00f2ff; box-shadow:0 0 14px rgba(0,242,255,0.18); }
      .av-glass { background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.06); border-radius:14px; backdrop-filter:blur(10px); }
      .av-glass-title { font-size:9px; color:rgba(255,255,255,0.42); font-weight:700; text-transform:uppercase; letter-spacing:1.6px; margin-bottom:10px; }
      
      .av-card { position:relative; width:100%; height:100%; cursor:pointer; border-radius:14px; overflow:hidden; background:linear-gradient(180deg, rgba(20,28,40,0.6), rgba(8,12,18,0.8)); border:1px solid rgba(255,255,255,0.05); transition:transform .25s cubic-bezier(.2,.9,.3,1), box-shadow .25s, border-color .15s; }
      .av-card-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
      .av-card-dzwiek { position:absolute; top:8px; right:8px; z-index:3; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:13px; }
      .av-card-empty { position:absolute; inset:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.18); font-size:36px; }
      .av-card-meta { position:absolute; left:0; right:0; bottom:0; padding:18px 11px 12px; background:linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.65) 55%, transparent 100%); pointer-events:none; }
      .av-card:hover { border-color:rgba(0,242,255,0.5); transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,242,255,0.15), 0 4px 12px rgba(0,0,0,0.4); }
      .av-card.selected { border-color:#00f2ff; box-shadow:0 0 0 1.5px #00f2ff, 0 14px 36px rgba(0,242,255,0.28); }
      .av-card-name { font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:800; color:#fff; line-height:1.15; letter-spacing:-0.012em; text-shadow:0 1px 4px rgba(0,0,0,0.6); }
      .av-card-tag { display:inline-block; font-size:8.5px; color:#fff; margin-top:6px; padding:3px 8px; border-radius:5px; background:rgba(0,242,255,0.2); border:1px solid rgba(0,242,255,0.35); font-weight:800; letter-spacing:0.6px; backdrop-filter:blur(8px); }
      .av-slider { -webkit-appearance:none; appearance:none; width:100%; height:5px; background:rgba(255,255,255,0.08); border-radius:3px; outline:none; cursor:pointer; }
      .av-slider::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:#00f2ff; cursor:pointer; box-shadow:0 0 12px rgba(0,242,255,0.7); }
      .av-slider::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:#00f2ff; cursor:pointer; border:none; box-shadow:0 0 12px rgba(0,242,255,0.7); }
      .av-voice-row { display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:11px; cursor:pointer; transition:all .15s; border:1px solid transparent; }
      .av-voice-row:hover { background:rgba(0,242,255,0.05); border-color:rgba(0,242,255,0.15); }
      .av-voice-row.active { background:rgba(0,242,255,0.1); border-color:rgba(0,242,255,0.4); box-shadow:0 0 14px rgba(0,242,255,0.1); }
      .av-tab { padding:10px 4px; font-size:13px; font-weight:700; color:rgba(255,255,255,0.4); cursor:pointer; border-bottom:2px solid transparent; transition:all .15s; user-select:none; letter-spacing:-0.01em; font-family:'Space Grotesk',sans-serif; }
      .av-tab.active { color:#fff; border-bottom-color:#00f2ff; }
      .av-tab:hover { color:rgba(255,255,255,0.85); }
      .av-mode-card { padding:13px 12px; border-radius:11px; cursor:pointer; transition:all .15s; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); }
      .av-mode-card:hover { border-color:rgba(0,242,255,0.25); background:rgba(0,242,255,0.04); }
      .av-mode-card.active { border-color:rgba(0,242,255,0.55); background:linear-gradient(135deg,rgba(0,242,255,0.12),rgba(0,102,255,0.06)); box-shadow:inset 0 0 0 1px rgba(0,242,255,0.3), 0 0 18px rgba(0,242,255,0.1); }
      .av-mode-name { font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:800; color:#fff; letter-spacing:-0.01em; }
      .av-mode-price { font-size:9.5px; color:rgba(255,255,255,0.55); margin-top:2px; font-weight:600; letter-spacing:0.2px; }
      
      .av-modal-aurora { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
      .av-modal-aurora::before { content:''; position:absolute; top:-20%; left:50%; transform:translateX(-50%); width:160vw; height:150vh; background:conic-gradient(from 220deg at 50% 40%, #00f2ff 0deg, transparent 70deg, #0066ff 140deg, transparent 210deg, #00f2ff 290deg, transparent 360deg); filter:blur(110px); opacity:0.28; animation:avAuroraRot 32s linear infinite; }
      .av-modal-dots { position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(ellipse 90% 70% at center 30%, #000 40%, transparent 85%); -webkit-mask-image:radial-gradient(ellipse 90% 70% at center 30%, #000 40%, transparent 85%); z-index:1; }
      @keyframes avAuroraRot { to { transform:translateX(-50%) rotate(360deg); } }
      .av-skel { background:linear-gradient(90deg, rgba(0,242,255,0.05) 0%, rgba(0,242,255,0.12) 50%, rgba(0,242,255,0.05) 100%); background-size:200% 100%; animation:avShim 1.5s ease-in-out infinite; border-radius:12px; }
      @keyframes avShim { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }
      @keyframes avSpin { 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }

      
      #av-lib-cats { display:none !important; }

      
      #av-modal-grid { grid-template-columns:380px 1fr 380px; }
      @media (max-width:1279px) { #av-modal-grid { grid-template-columns:360px 1fr; } #av-result-col { display:none !important; } }
      @media (max-width:1023px) {
        
        #av-modal-grid { grid-template-columns:1fr !important; grid-template-rows:auto !important; max-height:100% !important; height:100% !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
        #av-modal-grid > div {
          border-right:none !important;
          border-bottom:1px solid rgba(0,242,255,0.06);
          max-height:none !important;
          height:auto !important;
          overflow:visible !important;
          flex:none !important;
        }
        
        #av-modal-grid * { max-height:none !important; }
        #av-modal-grid [class*="overflow-y-auto"], #av-modal-grid [class*="overflow-hidden"] { overflow:visible !important; }
        
        #av-lib-cats { display:none !important; }
        
        #av-library-grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; grid-auto-rows:230px !important; gap:10px !important; padding:0 16px 20px !important; flex:none !important; overflow:visible !important; }
        
        #av-preview { max-height:38vh !important; min-height:120px !important; padding:6px !important; }
        #av-preview img, #av-preview video { max-height:38vh !important; }
      }
      
      #avatars-modal.av-omni .av-tylko-kling { display:none !important; }
      @media (max-width:1279px) and (min-width:1024px) {
        #avatars-modal.av-omni.av-wynik-widoczny #av-modal-grid { grid-template-columns:340px 1fr 300px; }
        #avatars-modal.av-omni.av-wynik-widoczny #av-result-col { display:flex !important; }
      }
      @media (max-width:1023px) {
        
        #avatars-modal.av-omni #av-modal-grid { grid-template-columns:minmax(0,1fr) !important; }
        #avatars-modal.av-omni.av-wynik-widoczny #av-result-col { display:flex !important; order:2; min-width:0; }
        #avatars-modal.av-omni.av-wynik-widoczny #av-modal-grid > div:first-child { order:1; }
        #avatars-modal.av-omni.av-wynik-widoczny #av-rightside-tabs { order:3; }
        #avatars-modal.av-omni #av-history-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
        #avatars-modal.av-omni .av-result-empty { min-height:220px; aspect-ratio:auto; }
      }
      .av-result-card { background:linear-gradient(180deg, rgba(0,242,255,0.04), rgba(255,255,255,0.02)); border:1px solid rgba(0,242,255,0.12); border-radius:14px; overflow:hidden; }
      .av-result-empty { aspect-ratio:9/16; min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:rgba(255,255,255,0.3); font-size:11px; gap:14px; padding:20px; text-align:center; }
      .av-history-item { position:relative; aspect-ratio:9/16; border-radius:10px; overflow:hidden; background:linear-gradient(135deg, rgba(0,242,255,0.18), rgba(0,102,255,0.08)); border:1px solid rgba(0,242,255,0.15); cursor:pointer; transition:all .15s; }
      .av-history-item:hover { border-color:rgba(0,242,255,0.55); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,242,255,0.18); }
      .av-history-item video { width:100%; height:100%; object-fit:cover; display:block; background:#000; }
      .av-history-item::after { content:'\f04b'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#00f2ff; font-size:22px; pointer-events:none; text-shadow:0 0 18px rgba(0,242,255,0.8); transition:opacity .2s; z-index:2; }
      .av-history-item:hover::after { opacity:0; }
      .av-history-item .av-history-label { position:absolute; bottom:0; left:0; right:0; padding:18px 8px 6px; background:linear-gradient(to top, rgba(0,0,0,0.92), transparent); font-size:9px; color:#fff; font-weight:700; line-height:1.2; z-index:2; pointer-events:none; }
.kling-preset-tile {
            cursor: pointer;
            border-radius: 12px;
            overflow: hidden;
            border: 2px solid transparent;
            background: rgba(255,255,255,0.02);
            transition: all 0.2s ease;
        }
        .kling-preset-tile:hover {
            border-color: rgba(0,242,255,0.3);
            background: rgba(0,242,255,0.05);
        }
        .kling-preset-tile.active {
            border-color: #00f2ff;
            background: rgba(0,242,255,0.1);
            box-shadow: 0 0 20px rgba(0,242,255,0.2);
        }
        .kling-preset-tile .preset-media {
            position: relative;
            aspect-ratio: 1;
            overflow: hidden;
        }
        .kling-preset-tile .preset-thumb {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.2s;
        }
        .kling-preset-tile .preset-video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.2s;
        }
        .kling-preset-tile:hover .preset-video {
            opacity: 1;
        }
        .kling-preset-tile:hover .preset-thumb {
            opacity: 0;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.02);
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: rgba(0,242,255,0.3);
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: rgba(0,242,255,0.5);
        }
.swal-above-modal { z-index: 99999 !important; }
    .swal2-container { z-index: 99999 !important; }

    
    @media (max-width: 767px) {
        #pricing-close-x {
            position: fixed !important;
            top: 12px; right: 12px;
            transform: none !important;
            z-index: 60;
            background: rgba(0,0,0,0.6);
            border: 1px solid rgba(255,255,255,0.18);
            color: rgba(255,255,255,0.85);
            backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
        }
    }

    
    .max-fire-card {
        background: linear-gradient(160deg, #1a0505, #200a02, #1a0505) !important;
        border: 2px solid #ef4444 !important;
        box-shadow: 0 0 40px rgba(239,68,68,0.3), 0 0 80px rgba(249,115,22,0.15), inset 0 0 60px rgba(239,68,68,0.05) !important;
        animation: maxBorder 3s ease-in-out infinite !important;
        transform: scale(1.03) !important;
        position: relative !important;
        z-index: 20 !important;
        overflow: visible !important;
    }
    .max-fire-card::before {
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: inherit;
        background: conic-gradient(from 0deg, #ef4444, #f97316, #fbbf24, #f97316, #ef4444, #dc2626, #ef4444);
        background-size: 100% 100%;
        animation: maxSpin 4s linear infinite;
        z-index: -1;
        filter: blur(8px);
        opacity: 0.7;
    }
    .max-fire-card::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 10%;
        right: 10%;
        height: 40px;
        background: radial-gradient(ellipse, rgba(239,68,68,0.4) 0%, transparent 70%);
        filter: blur(15px);
        animation: maxGlowPulse 2s ease-in-out infinite;
        z-index: -1;
    }
    @keyframes maxBorder {
        0%, 100% { border-color: #ef4444; box-shadow: 0 0 40px rgba(239,68,68,0.3), 0 0 80px rgba(249,115,22,0.15); }
        33% { border-color: #f97316; box-shadow: 0 0 50px rgba(249,115,22,0.4), 0 0 100px rgba(251,191,36,0.15); }
        66% { border-color: #fbbf24; box-shadow: 0 0 60px rgba(251,191,36,0.3), 0 0 120px rgba(239,68,68,0.2); }
    }
    @keyframes maxSpin { 0% { filter: blur(8px) hue-rotate(0deg); } 100% { filter: blur(8px) hue-rotate(360deg); } }
    @keyframes maxGlowPulse { 0%, 100% { opacity: 0.5; transform: scaleX(1); } 50% { opacity: 0.8; transform: scaleX(1.1); } }
    @keyframes maxTextFire {
        0%, 100% { background-position: 0% 50%; text-shadow: 0 0 10px rgba(239,68,68,0.5); }
        50% { background-position: 100% 50%; text-shadow: 0 0 20px rgba(251,191,36,0.6), 0 0 40px rgba(239,68,68,0.3); }
    }
    @keyframes maxBtnFire {
        0%, 100% { box-shadow: 0 0 20px rgba(239,68,68,0.5), 0 0 40px rgba(249,115,22,0.2); background-position: 0% 50%; }
        50% { box-shadow: 0 0 35px rgba(251,191,36,0.5), 0 0 70px rgba(239,68,68,0.3); background-position: 100% 50%; }
    }
    @keyframes maxBadgeFire {
        0%, 100% { box-shadow: 0 0 15px rgba(239,68,68,0.6), 0 0 30px rgba(249,115,22,0.3); transform: translateX(-50%) scale(1); }
        50% { box-shadow: 0 0 25px rgba(251,191,36,0.7), 0 0 50px rgba(239,68,68,0.4); transform: translateX(-50%) scale(1.05); }
    }
    .max-fire-title {
        background: linear-gradient(90deg, #ef4444, #f97316, #fbbf24, #f97316, #ef4444) !important;
        background-size: 200% 100% !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        animation: maxTextFire 3s ease infinite !important;
    }
    .max-fire-price {
        color: #fff !important;
        text-shadow: 0 0 15px rgba(239,68,68,0.5), 0 0 30px rgba(249,115,22,0.3) !important;
        animation: maxTextFire 2s ease infinite !important;
    }
    .max-fire-btn {
        background: linear-gradient(135deg, #dc2626, #ea580c, #fbbf24, #ea580c, #dc2626) !important;
        background-size: 300% 100% !important;
        color: white !important;
        border: none !important;
        animation: maxBtnFire 3s ease-in-out infinite !important;
    }
    .max-fire-bar {
        background: linear-gradient(90deg, #ef4444, #f97316, #fbbf24, #f97316, #ef4444) !important;
        background-size: 200% 100% !important;
        animation: maxTextFire 2s ease infinite !important;
    }
    @keyframes shimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
    .animate-shimmer {
        background-size: 200% auto;
        animation: shimmer 3s linear infinite;
    }
    .custom-scrollbar::-webkit-scrollbar { width: 6px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }
    .pricing-feature { font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; }
    
    @media (max-width: 640px) {
        #checkout-summary.embedded-on #checkout-card { padding: 12px 4px; }
        
        @media (max-width: 767.98px) {
            #pricing-packages > div { order: var(--pm-order, 0); }
            #pricing-packages > .pm-mobile-ukryta.pm-zwinieta { display: none !important; }
        }
        #checkout-summary.embedded-on #embedded-checkout-view { margin-top: 0; }
        #checkout-summary.embedded-on #embedded-checkout-view > button { margin-left: 8px; }
    }
    
    #revolut-embedded-mount { max-width: 520px; margin: 0 auto; background: #fff; border-radius: 16px; padding: 12px 14px 6px; }
    
    #revolut-embedded-mount iframe { min-width: 0 !important; max-width: 100%; }
    #revolut-status { max-width: 520px; margin-left: auto; margin-right: auto; }
    #revolut-status.blad { color: #fca5a5; }
    #revolut-status.info { color: rgba(255,255,255,0.6); }
    .btn-starter { background: linear-gradient(to right, #059669, #2dd4bf, #059669); }
    .btn-basic   { background: linear-gradient(to right, #4338ca, #7c3aed, #4338ca); }
    .btn-pro     { background: linear-gradient(to right, #9333ea, #ec4899, #9333ea); }

    
    .rkt-card {
        background: linear-gradient(180deg, #0a0714 0%, #120a24 52%, #241146 100%) !important;
        border: 1px solid rgba(167,139,250,0.5) !important;
        position: relative !important;
        overflow: visible !important;
        z-index: 15 !important;
        animation: rktZar 3.2s ease-in-out infinite !important;
    }
    @keyframes rktZar {
        0%,100% { box-shadow: 0 0 26px rgba(139,92,246,0.2),  0 22px 40px -24px rgba(124,58,237,0.6); border-color: rgba(167,139,250,0.5); }
        50%     { box-shadow: 0 0 48px rgba(196,181,253,0.32), 0 30px 55px -22px rgba(99,102,241,0.65); border-color: rgba(224,231,255,0.75); }
    }
    .rkt-card::after {                  
        content: ''; position: absolute; left: 26%; right: 26%; top: 100%; height: 72px; z-index: -1;
        background: radial-gradient(ellipse at 50% 0%, rgba(238,242,255,0.85) 0%, rgba(167,139,250,0.6) 26%,
                                    rgba(99,102,241,0.28) 54%, transparent 74%);
        filter: blur(12px);
        transform-origin: 50% 0%;
        animation: rktDysza 1.1s ease-in-out infinite;
    }
    .rkt-card:hover { transform: translateY(-14px) !important; }
    @keyframes rktDysza { 0%,100% { transform: scale(1,0.9); opacity: 0.75; } 50% { transform: scale(1.12,1.35); opacity: 1; } }
    @keyframes rktPrzesuw { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

    .rkt-iskry { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 0; }
    .rkt-iskry span {
        position: absolute; bottom: -6px; width: 3px; height: 3px; border-radius: 50%;
        background: #ede9fe; box-shadow: 0 0 8px rgba(167,139,250,0.95);
        animation: rktIskra 3.4s linear infinite;
    }
    .rkt-iskry span:nth-child(1) { left: 12%; animation-delay: 0s;   animation-duration: 3.1s; }
    .rkt-iskry span:nth-child(2) { left: 28%; animation-delay: .7s;  animation-duration: 3.9s; }
    .rkt-iskry span:nth-child(3) { left: 46%; animation-delay: 1.4s; animation-duration: 3.3s; }
    .rkt-iskry span:nth-child(4) { left: 63%; animation-delay: 2.1s; animation-duration: 4.2s; }
    .rkt-iskry span:nth-child(5) { left: 79%; animation-delay: .35s; animation-duration: 3.6s; }
    .rkt-iskry span:nth-child(6) { left: 91%; animation-delay: 2.6s; animation-duration: 3.0s; }
    @keyframes rktIskra {
        0%   { transform: translateY(0) scale(1); opacity: 0; }
        12%  { opacity: .9; }
        75%  { opacity: .45; }
        100% { transform: translateY(-300px) scale(.35); opacity: 0; }
    }

    .rkt-badge {
        position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
        display: flex; align-items: center; gap: 6px; white-space: nowrap; z-index: 30;
        padding: 6px 12px; border-radius: 999px;
        background: linear-gradient(135deg, #6d28d9, #a78bfa, #4f46e5, #6d28d9);
        background-size: 300% 100%;
        border: 1px solid rgba(224,231,255,0.5);
        color: #fff; font-size: 9.5px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase;
        box-shadow: 0 0 22px rgba(139,92,246,0.55);
        animation: rktPrzesuw 3s ease-in-out infinite;
    }
    .rkt-badge i { color: #f5f3ff; animation: rktStart 1.8s ease-in-out infinite; }
    @keyframes rktStart { 0%,100% { transform: translate(0,0); } 50% { transform: translate(1px,-2px); } }

    .rkt-title { color: transparent !important; background: linear-gradient(90deg, #c4b5fd, #eef2ff, #818cf8, #c4b5fd) !important;
                 background-size: 250% 100% !important; -webkit-background-clip: text !important; background-clip: text !important;
                 animation: rktPrzesuw 4s ease infinite !important; }
    .rkt-price { color: #fff !important; text-shadow: 0 0 14px rgba(167,139,250,0.6) !important; }
    .rkt-btn   { background: linear-gradient(135deg, #5b21b6, #a78bfa, #4338ca, #5b21b6) !important; background-size: 300% 100% !important;
                 color: #fff !important; border: none !important; box-shadow: 0 0 24px rgba(124,58,237,0.5) !important;
                 animation: rktPrzesuw 3.5s ease-in-out infinite !important; }
    .rkt-bar   { background: linear-gradient(90deg, #7c3aed, #e0e7ff, #6366f1, #7c3aed) !important; background-size: 200% 100% !important;
                 animation: rktPrzesuw 2.5s ease infinite !important; }

    @media (prefers-reduced-motion: reduce) {
        .rkt-card, .rkt-card::after, .rkt-iskry span, .rkt-badge, .rkt-badge i,
        .rkt-title, .rkt-btn, .rkt-bar { animation: none !important; }
        .rkt-iskry { display: none; }
    }




#pricing-packages { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 768px)  { #pricing-packages { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }

@media (min-width: 1280px) { #pricing-packages { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; } }



@media (max-width: 767.98px) {
  #pricing-packages {
    display: flex; flex-direction: column; flex-wrap: nowrap;
    align-items: stretch;
    grid-template-columns: none; gap: 12px;
    
    overflow: visible;
    height: auto !important;
    
    padding-top: 14px; padding-bottom: 2px;
  }
  #pricing-packages > div { width: 100%; min-width: 0; }
}


.pm-karta {
  position: relative; display: flex; flex-direction: column; text-align: left;
  
  background: #0b0d12 linear-gradient(180deg, var(--pm-akc-tlo, transparent) 0%, transparent 58%);
  border: 1px solid var(--pm-akc-ramka, rgba(255,255,255,0.09));
  border-radius: 18px; overflow: visible;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.pm-karta:hover { border-color: var(--pm-akc); box-shadow: 0 0 0 1px var(--pm-akc-tlo); }

.pm-karta-polecana { box-shadow: 0 0 0 1px var(--pm-akc-tlo), 0 10px 40px var(--pm-akc-tlo); }


.pm-bonus10 { margin-left: auto; background: #ff2e8b; color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; padding: 4px 9px; border-radius: 999px; box-shadow: 0 4px 14px rgba(255,46,139,.35); white-space: nowrap; align-self: center; }
.pm-kredyty-rzad { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }   
.pm-plakietka {
  position: absolute; top: -10px; left: 20px; z-index: 2;
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--pm-akc); color: #06070c;
  font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 999px; white-space: nowrap;
}
.pm-plakietka i { font-size: 9px; }



.pm-nazwa {
  font-family: 'Inter', sans-serif; font-size: 27px; font-weight: 800;
  color: #fff; letter-spacing: -.02em; text-transform: uppercase; line-height: 1.05;
}
@media (min-width: 1280px) and (max-width: 1599px) { .pm-nazwa { font-size: 23px; } }
.pm-podtytul { font-size: 11.5px; color: rgba(255,255,255,.42); line-height: 1.35; margin-top: 3px; }


.pm-cena-rzad { display: flex; align-items: baseline; gap: 7px; }
.pm-cena { color: #fff; font-size: 42px; font-weight: 800; letter-spacing: -.02em;
           line-height: 1; font-variant-numeric: tabular-nums; }
.pm-cena-gr { font-size: 19px; font-weight: 700; }
.pm-waluta { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.42); }
.pm-cena-stara { font-size: 14px; color: rgba(255,255,255,.35);
                 text-decoration: line-through; text-decoration-color: rgba(255,255,255,.28); }
.pm-promo { font-size: 11px; font-weight: 700; color: var(--pm-akc); }
.pm-jednorazowa { font-size: 10.5px; color: rgba(255,255,255,.35); }


.pm-przycisk {
  width: 100%; background: var(--pm-akc); color: #06070c; border: none;
  border-radius: 11px; padding: 15px 14px; cursor: pointer;
  font-size: 13.5px; font-weight: 800; letter-spacing: .02em; text-transform: none;
  
  box-shadow: 0 8px 24px var(--pm-akc-tlo, transparent);
  transition: filter .15s ease;
}
.pm-przycisk:hover { filter: brightness(1.1); }
.pm-przycisk:active { filter: brightness(.95); }



.pm-kredyty { background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.08);
              border-radius: 14px; padding: 16px; }
.pm-kredyty-rzad { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.pm-kredyty-ile { font-size: 31px; font-weight: 800; color: #fff; line-height: 1;
                  letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pm-kredyty-etykieta { font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,.45); }
.pm-pasek-tlo { margin-top: 10px; height: 4px; border-radius: 999px;
                background: rgba(255,255,255,.07); overflow: hidden; }
.pm-pasek { height: 100%; border-radius: 999px; background: var(--pm-akc); }


.pm-wiersz { display: flex; align-items: center; gap: 10px; padding: 7px 0;
             border-bottom: 1px solid rgba(255,255,255,.07); }
.pm-wiersz:last-child { border-bottom: none; }
.pm-ikona { width: 16px; text-align: center; font-size: 12px; color: rgba(255,255,255,.36); flex-shrink: 0; }
.pm-wiersz-nazwa { flex: 1; min-width: 0; font-size: 12.5px; color: rgba(255,255,255,.72); line-height: 1.3; }
.pm-wiersz-nazwa small { display: block; font-size: 10.5px; color: rgba(255,255,255,.34); }
.pm-wiersz-wartosc { font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap;
                     font-variant-numeric: tabular-nums; }

.pm-naglowek-sekcji { font-size: 9.5px; font-weight: 800; letter-spacing: .1em;
                      text-transform: uppercase; color: rgba(255,255,255,.3);
                      margin: 14px 0 6px; }


.pm-karta { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,255,255,.02); }
.pm-karta:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px var(--pm-akc-tlo),
                              0 14px 40px -18px var(--pm-akc); }
.pm-karta-polecana { box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px var(--pm-akc-tlo),
                                 0 10px 40px var(--pm-akc-tlo); }
.pm-polysk {
  position: absolute; inset: 0; border-radius: inherit; overflow: hidden;
  pointer-events: none; z-index: 1;
  
  background:
    linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.025) 22%, transparent 46%),
    radial-gradient(120% 60% at 12% 0%, rgba(255,255,255,.10), transparent 60%);
}
.pm-polysk::before {           
  content: ''; position: absolute; left: 12%; right: 12%; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
}
.pm-polysk::after {            
  
  content: ''; position: absolute; top: -10%; bottom: -10%; left: -150%; width: 45%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 35%,
                              rgba(255,255,255,.24) 50%, rgba(255,255,255,.10) 65%, transparent 100%);
  transform: skewX(-12deg);
}
@keyframes pmBlyskRaz { from { transform: translateX(0) skewX(-12deg); } to { transform: translateX(900%) skewX(-12deg); } }
@keyframes pmBlyskCykl { 0% { transform: translateX(0) skewX(-12deg); } 18% { transform: translateX(900%) skewX(-12deg); } 100% { transform: translateX(900%) skewX(-12deg); } }
.pm-karta:hover .pm-polysk::after { animation: pmBlyskRaz .9s ease-out forwards; }
.pm-karta-polecana .pm-polysk::after { animation: pmBlyskCykl 7s ease-in-out 1.2s infinite; }
.pm-karta-polecana:hover .pm-polysk::after { animation: pmBlyskRaz .9s ease-out forwards; }


.pm-przycisk {
  background: linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.06) 48%, rgba(0,0,0,.06) 100%), var(--pm-akc);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(0,0,0,.12), 0 8px 24px var(--pm-akc-tlo, transparent);
}

.pm-kredyty {
  background: linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(0,0,0,.28) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.pm-cena { text-shadow: 0 0 22px var(--pm-akc-tlo, transparent); }

@media (prefers-reduced-motion: reduce) { .pm-polysk::after { animation: none !important; } }


.pm-hint, .pm-kropki { display: none; }
@media (max-width: 767.98px) {
  
  .pm-hint, .pm-kropki { display: none !important; }
  .pm-hint-ukryty { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 2px;
             font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,.58); }
  .pm-hint-strzalka { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
             border-radius: 999px; background: rgba(0,242,255,.14); color: #00f2ff; font-size: 10px;
             animation: pmStrzalka 1.6s ease-in-out infinite; }
  @keyframes pmStrzalka { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
  .pm-kropki { display: flex; justify-content: center; gap: 6px; margin: 6px 0 18px; }
  
  
  .pm-kropki span { width: 6px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.18);
                    transition: background .2s, width .2s; }
  .pm-kropki span.on { width: 18px; background: #00f2ff; }
  @media (prefers-reduced-motion: reduce) { .pm-hint-strzalka { animation: none; } }
}



                    
                    
                    #ccs-slider::-webkit-slider-thumb {
                        -webkit-appearance: none;
                        appearance: none;
                        width: 26px;
                        height: 26px;
                        border-radius: 50%;
                        background: radial-gradient(circle at 30% 30%, #ffffff, #00f2ff 60%, #0095ff);
                        cursor: pointer;
                        box-shadow: 0 0 0 4px rgba(0,242,255,0.18), 0 0 20px rgba(0,242,255,0.6), inset 0 1px 2px rgba(255,255,255,0.5);
                        border: 2px solid rgba(255,255,255,0.5);
                        transition: transform .12s, box-shadow .15s;
                    }
                    #ccs-slider::-webkit-slider-thumb:hover { transform: scale(1.15); box-shadow: 0 0 0 6px rgba(0,242,255,0.22), 0 0 30px rgba(0,242,255,0.8), inset 0 1px 2px rgba(255,255,255,0.5); }
                    #ccs-slider::-moz-range-thumb {
                        width: 26px; height: 26px; border-radius: 50%;
                        background: radial-gradient(circle at 30% 30%, #ffffff, #00f2ff 60%, #0095ff);
                        cursor: pointer; border: 2px solid rgba(255,255,255,0.5);
                        box-shadow: 0 0 0 4px rgba(0,242,255,0.18), 0 0 20px rgba(0,242,255,0.6);
                    }
#captions-modal{position:fixed;inset:0;z-index:240;display:flex;align-items:stretch;justify-content:center;background:rgba(7,7,9,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
      #captions-modal.hidden{display:none;}
      #captions-modal *{box-sizing:border-box;}
      #captions-modal .cap-card{background:#0b0b0d;width:100%;display:flex;flex-direction:column;overflow:hidden;animation:capIn .26s cubic-bezier(.32,.72,0,1) both;}
      @media(min-width:880px){#captions-modal{align-items:center;padding:24px;}#captions-modal .cap-card{max-width:1100px;height:90vh;max-height:860px;border:1px solid rgba(255,255,255,.07);border-radius:22px;}}
      @keyframes capIn{from{transform:translateY(28px);opacity:.4;}to{transform:none;opacity:1;}}
      #captions-modal .cap-head{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
      #captions-modal .cap-mark{width:34px;height:34px;border-radius:10px;background:rgba(0,242,255,.1);border:1px solid rgba(0,242,255,.28);color:#00f2ff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
      #captions-modal .cap-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:#f4f4f6;line-height:1.15;}
      #captions-modal .cap-sub{font-size:11.5px;color:#8a8a93;margin-top:2px;}
      #captions-modal .cap-x{margin-left:auto;width:34px;height:34px;border-radius:9px;color:#9a9aa3;font-size:15px;flex-shrink:0;background:transparent;border:none;cursor:pointer;transition:.14s;}
      #captions-modal .cap-x:hover{background:#161618;color:#f4f4f6;}
      #captions-modal .cap-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
      @media(min-width:880px){#captions-modal .cap-body{flex-direction:row;overflow:hidden;}}
      #captions-modal .cap-body::-webkit-scrollbar{width:4px;}
      #captions-modal .cap-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px;}
      
      #captions-modal .cap-preview{flex-shrink:0;padding:16px;display:flex;align-items:center;justify-content:center;background:#08080a;}
      @media(min-width:880px){#captions-modal .cap-preview{flex:1.05;min-width:0;border-right:1px solid rgba(255,255,255,.07);}}
      #captions-modal .cap-stage{position:relative;display:inline-flex;max-width:100%;max-height:62vh;border-radius:14px;overflow:hidden;background:#000;}
      
      #captions-modal .cap-loading{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(135deg,rgba(8,8,12,.92) 0%,rgba(15,15,22,.92) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:capFadeIn .25s ease-out both;}
      #captions-modal:not(.cap-transcribing) .cap-loading{display:none;}
      #captions-modal .cap-loading-icon{width:54px;height:54px;border-radius:50%;background:rgba(0,242,255,.1);border:1px solid rgba(0,242,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:14px;animation:capSpin 2s linear infinite;}
      #captions-modal .cap-loading-icon i{font-size:22px;color:#00f2ff;}
      #captions-modal .cap-loading-title{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#fff;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase;}
      #captions-modal .cap-loading-title span{color:#00f2ff;}
      #captions-modal .cap-loading-sub{font-family:'Inter',sans-serif;font-size:12.5px;color:#b8b8c4;max-width:280px;line-height:1.5;}
      @keyframes capSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
      @keyframes capFadeIn{from{opacity:0}to{opacity:1}}
      @media(min-width:880px){#captions-modal .cap-stage{max-height:100%;}}
      #captions-modal .cap-video{display:block;max-width:100%;max-height:62vh;border-radius:14px;}
      @media(min-width:880px){#captions-modal .cap-video{max-height:74vh;}}
      #captions-modal .cap-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;}
      #captions-modal .cap-canvas:active{cursor:grabbing;}
      #captions-modal .cap-drag-hint{position:absolute;left:50%;top:10px;transform:translateX(-50%);font-size:10.5px;color:#bcbcc4;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:20px;pointer-events:none;white-space:nowrap;}
      #captions-modal .cap-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;padding-left:4px;pointer-events:none;transition:opacity .2s;}
      #captions-modal .cap-play-overlay.cap-hidden{opacity:0;}
      
      #captions-modal .cap-ctrl{flex-shrink:0;display:flex;flex-direction:column;min-height:0;}
      @media(min-width:880px){#captions-modal .cap-ctrl{flex:1;max-width:420px;}}
      #captions-modal .cap-ctrl-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px;-webkit-overflow-scrolling:touch;}
      #captions-modal .cap-ctrl-scroll::-webkit-scrollbar{width:4px;}
      #captions-modal .cap-ctrl-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px;}
      #captions-modal .cap-status{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#bcbcc4;background:#121214;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 13px;}
      
      #captions-modal .cap-mhint{display:none;}
      @media(max-width:879px){
        #captions-modal .cap-mhint{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:linear-gradient(135deg,rgba(0,242,255,.10),rgba(139,92,246,.10));border:1px solid rgba(0,242,255,.30);border-radius:10px;font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;color:#00f2ff;text-align:center;}
        #captions-modal .cap-mhint i{font-size:12px;animation:capArrDown 1.4s ease-in-out infinite;}
        #captions-modal .cap-mhint.cap-hidden{display:none;}
      }
      @keyframes capArrDown{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
      #captions-modal .cap-status i{color:#00f2ff;}
      #captions-modal .cap-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#9a9aa3;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px;}
      
      #captions-modal .cap-presets{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}
      #captions-modal .cap-presets::-webkit-scrollbar{height:5px;}
      #captions-modal .cap-presets::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px;}
      #captions-modal .cap-chip{flex-shrink:0;width:140px;scroll-snap-align:start;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#0d0d0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:.13s;}
      #captions-modal .cap-chip:hover{border-color:rgba(255,255,255,.22);}
      #captions-modal .cap-chip.active{border-color:#00f2ff;box-shadow:inset 0 0 0 1px #00f2ff;}
      #captions-modal .cap-chip-cv{width:100%;height:80px;display:block;background:#000;}
      #captions-modal .cap-chip-name{font-size:10.5px;color:#9a9aa3;text-align:center;padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
      #captions-modal .cap-chip.active .cap-chip-name{color:#00f2ff;}
      
      #captions-modal .cap-offrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
      #captions-modal .cap-offval{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;color:#00f2ff;}
      #captions-modal .cap-range{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:3px;background:#26262a;outline:none;}
      #captions-modal .cap-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#00f2ff;cursor:pointer;border:3px solid #0b0b0d;}
      #captions-modal .cap-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#00f2ff;cursor:pointer;border:3px solid #0b0b0d;}
      
      #captions-modal .cap-lines{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px;}
      #captions-modal .cap-lines::-webkit-scrollbar{width:4px;}
      #captions-modal .cap-lines::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px;}
      #captions-modal .cap-line{display:flex;align-items:center;gap:9px;}
      #captions-modal .cap-tc{flex-shrink:0;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#7a7a83;width:42px;font-variant-numeric:tabular-nums;}
      #captions-modal .cap-line-input{flex:1;min-width:0;background:#121214;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:8px 10px;color:#e8e8ec;font-size:13px;font-family:inherit;transition:border-color .14s;}
      #captions-modal .cap-line-input:focus{outline:none;border-color:rgba(0,242,255,.45);}
      
      #captions-modal .cap-foot{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07);}
      #captions-modal .cap-cost{display:flex;flex-direction:column;line-height:1.2;}
      #captions-modal .cap-cost-l{font-size:10px;color:#7a7a83;text-transform:uppercase;letter-spacing:.06em;}
      #captions-modal .cap-cost-v{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#f4f4f6;}
      #captions-modal .cap-btn{margin-left:auto;flex:1;max-width:280px;height:48px;border-radius:14px;background:#00f2ff;color:#04141a;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.14s;}
      #captions-modal .cap-btn:hover{background:#3df6ff;}
      #captions-modal .cap-btn:active{transform:scale(.98);}
      #captions-modal .cap-btn:disabled{opacity:.5;cursor:not-allowed;}
      
      #captions-modal .cap-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;gap:14px;min-height:300px;}
      #captions-modal .cap-ring{width:46px;height:46px;border-radius:50%;border:3px solid rgba(0,242,255,.18);border-top-color:#00f2ff;animation:capSpin .8s linear infinite;}
      @keyframes capSpin{to{transform:rotate(360deg);}}
      #captions-modal .cap-state-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:#f4f4f6;}
      #captions-modal .cap-state-sub{font-size:13px;line-height:1.55;color:#8a8a93;max-width:340px;}
      #captions-modal .cap-err-ico{width:48px;height:48px;border-radius:50%;background:rgba(239,68,68,.12);color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:20px;}
      #captions-modal .cap-done-video{max-width:260px;max-height:48vh;border-radius:16px;background:#000;}
      #captions-modal .cap-state-actions{display:flex;flex-direction:column;gap:9px;width:100%;max-width:280px;margin-top:6px;}
      #captions-modal .cap-state-actions a,#captions-modal .cap-state-actions button{height:46px;border-radius:14px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.14s;text-decoration:none;border:none;}
      #captions-modal .cap-state-actions .cap-a-primary{background:#00f2ff;color:#04141a;}
      #captions-modal .cap-state-actions .cap-a-primary:hover{background:#3df6ff;}
      #captions-modal .cap-state-actions .cap-a-ghost{background:#161618;border:1px solid rgba(255,255,255,.08);color:#d4d4da;}
      #captions-modal .cap-state-actions .cap-a-ghost:hover{border-color:rgba(255,255,255,.18);}
      #captions-modal .cap-hidden{display:none!important;}

      
      #captions-modal .cap-tl{flex-shrink:0;border-top:1px solid rgba(255,255,255,.07);background:#0b0b0d;padding:11px 16px 13px;display:flex;flex-direction:column;gap:9px;}
      #captions-modal .cap-tl-head{display:flex;align-items:center;gap:10px;}
      #captions-modal .cap-tl-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#9a9aa3;text-transform:uppercase;letter-spacing:.06em;}
      #captions-modal .cap-tl-add{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;background:rgba(0,242,255,.1);border:1px solid rgba(0,242,255,.28);color:#00f2ff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:.14s;}
      #captions-modal .cap-tl-add:hover{background:rgba(0,242,255,.18);border-color:rgba(0,242,255,.5);}
      #captions-modal .cap-tl-add:active{transform:scale(.97);}
      #captions-modal .cap-tl-time{margin-left:auto;font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;color:#7a7a83;font-variant-numeric:tabular-nums;}
      #captions-modal .cap-tl-time b{color:#00f2ff;font-weight:700;}
      #captions-modal .cap-tl-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
      #captions-modal .cap-tl-scroll::-webkit-scrollbar{height:5px;}
      #captions-modal .cap-tl-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px;}
      #captions-modal .cap-tl-track{position:relative;height:84px;min-width:100%;background:#0d0d0f;border:1px solid rgba(255,255,255,.07);border-radius:11px;touch-action:pan-x;}
      #captions-modal .cap-tl-ruler{position:absolute;left:0;right:0;top:0;height:30px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);border-radius:11px 11px 0 0;cursor:ew-resize;z-index:4;touch-action:none;display:flex;align-items:center;justify-content:center;}
      #captions-modal .cap-tl-ruler::after{content:'\\f0b2  przeciągnij, aby przewinąć wideo';font-family:'Font Awesome 6 Free','Inter',sans-serif;font-weight:600;font-size:10px;color:#62626b;pointer-events:none;letter-spacing:.02em;}
      #captions-modal .cap-tl-ruler:hover{background:rgba(0,242,255,.06);}
      #captions-modal .cap-tl-empty{position:absolute;top:30px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:11.5px;color:#5a5a63;pointer-events:none;}
      #captions-modal .cap-tl-block{position:absolute;top:40px;height:36px;background:#1e1e22;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;padding:0 9px;cursor:grab;overflow:hidden;user-select:none;touch-action:none;box-sizing:border-box;transition:border-color .12s,box-shadow .12s;}
      #captions-modal .cap-tl-block:hover{border-color:rgba(255,255,255,.24);}
      #captions-modal .cap-tl-block.sel{border-color:#00f2ff;box-shadow:0 0 0 1px #00f2ff,0 0 12px rgba(0,242,255,.25);background:#16262b;z-index:3;}
      #captions-modal .cap-tl-block.dragging{cursor:grabbing;z-index:4;}
      #captions-modal .cap-tl-block-txt{font-family:'Inter',sans-serif;font-size:11px;color:#cfcfd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;pointer-events:none;}
      #captions-modal .cap-tl-block.sel .cap-tl-block-txt{color:#dff9fc;}
      #captions-modal .cap-tl-handle{position:absolute;top:0;width:11px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;touch-action:none;}
      #captions-modal .cap-tl-handle::after{content:'';width:2px;height:14px;border-radius:2px;background:rgba(255,255,255,.28);}
      #captions-modal .cap-tl-block.sel .cap-tl-handle::after{background:#00f2ff;}
      #captions-modal .cap-tl-handle-l{left:0;}
      #captions-modal .cap-tl-handle-r{right:0;}
      #captions-modal .cap-tl-del{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:#26262a;border:1px solid rgba(255,255,255,.16);color:#c4c4cb;font-size:9px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;}
      #captions-modal .cap-tl-block.sel .cap-tl-del,#captions-modal .cap-tl-block:hover .cap-tl-del{display:flex;}
      #captions-modal .cap-tl-del:hover{background:#ef4444;border-color:#ef4444;color:#fff;}
      #captions-modal .cap-tl-playhead{position:absolute;top:-3px;bottom:-3px;width:2px;background:#00f2ff;box-shadow:0 0 6px rgba(0,242,255,.7);pointer-events:none;z-index:6;}
      #captions-modal .cap-tl-playhead::before{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:2px;background:#00f2ff;}
      #captions-modal .cap-line.sel .cap-line-input{border-color:rgba(0,242,255,.55);background:#10181a;}
      #captions-modal .cap-line-del{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:transparent;border:none;color:#6a6a73;font-size:12px;cursor:pointer;transition:.14s;}
      #captions-modal .cap-line-del:hover{background:rgba(239,68,68,.14);color:#ef4444;}
#ia-fab{position:fixed;right:18px;bottom:84px;z-index:9998;display:flex;align-items:center;gap:8px;padding:11px 16px;border:none;border-radius:50px;cursor:pointer;
        background:linear-gradient(135deg,#00f2ff,#bc13fe);color:#04121a;font-weight:800;font-size:13px;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em;
        box-shadow:0 8px 28px rgba(0,242,255,.35),0 0 0 1px rgba(255,255,255,.08);transition:transform .15s,box-shadow .15s}
      #ia-fab:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(188,19,254,.45)}
      @media(max-width:767px){#ia-fab{bottom:74px;right:12px;padding:10px 14px;font-size:12px}}
      #ia-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:center}
      #ia-modal.open{display:flex}
      #ia-modal .ia-back{position:absolute;inset:0;background:rgba(4,7,12,.72);backdrop-filter:blur(8px)}
      #ia-panel{position:relative;width:100%;max-width:480px;height:min(82vh,720px);margin:0 12px;display:flex;flex-direction:column;
        background:#0c0f16;border:1px solid rgba(0,242,255,.18);border-bottom:none;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -20px 60px rgba(0,0,0,.6);animation:iaUp .28s cubic-bezier(.16,1,.3,1)}
      @media(min-width:768px){#ia-modal{align-items:center}#ia-panel{border-radius:22px;border-bottom:1px solid rgba(0,242,255,.18);height:min(80vh,680px)}}
      @keyframes iaUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
      #ia-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse at top left,rgba(0,242,255,.08),transparent 70%)}
      #ia-head .ia-orb{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00f2ff,#bc13fe);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
      #ia-head .ia-tt{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:14px;color:#fff;line-height:1.1}
      #ia-head .ia-st{font-size:10px;color:rgba(255,255,255,.45)}
      #ia-close{margin-left:auto;background:none;border:none;color:rgba(255,255,255,.4);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:8px}
      #ia-close:hover{color:#fff;background:rgba(255,255,255,.06)}
      #ia-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
      .ia-msg{max-width:84%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
      .ia-msg.bot{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#e8eef5;border-bottom-left-radius:4px}
      .ia-msg.me{align-self:flex-end;background:linear-gradient(135deg,rgba(0,242,255,.16),rgba(188,19,254,.16));border:1px solid rgba(0,242,255,.25);color:#fff;border-bottom-right-radius:4px}
      .ia-typing{align-self:flex-start;color:rgba(255,255,255,.4);font-size:12px;padding:4px 6px}
      #ia-quick{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 8px}
      .ia-chip{padding:7px 12px;border-radius:50px;background:rgba(0,242,255,.08);border:1px solid rgba(0,242,255,.3);color:#9fe9f5;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
      .ia-chip:hover{background:rgba(0,242,255,.18);color:#fff}
      #ia-cta{padding:0 16px 10px}
      #ia-cta button{width:100%;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#00f2ff,#bc13fe);color:#04121a;font-weight:800;font-size:14px;font-family:'Space Grotesk',sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,242,255,.3)}
      #ia-cta .ia-cta-sub{text-align:center;font-size:10.5px;color:rgba(255,255,255,.4);margin-top:6px}
      #ia-bar{display:flex;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}
      #ia-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 13px;color:#fff;font-size:13.5px;outline:none;resize:none;max-height:120px;font-family:inherit}
      #ia-input:focus{border-color:rgba(0,242,255,.5)}
      #ia-send{width:44px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg,#00f2ff,#00c2d6);color:#04121a;font-size:16px;cursor:pointer}
      #ia-send:disabled{opacity:.4;cursor:not-allowed}
#storm-popup{position:fixed;inset:0;z-index:215;background:rgba(7,7,9,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;}
      #storm-popup.hidden{display:none !important;}
      @media(min-width:560px){#storm-popup{align-items:center;padding:20px;}}
      #storm-popup .storm-card{position:relative;width:100%;max-width:420px;max-height:92dvh;overflow-y:auto;background:#0a0a12;border:1px solid rgba(0,242,255,.22);border-radius:24px 24px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));box-shadow:0 0 0 1px rgba(255,255,255,.03),0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(0,242,255,.08);animation:stormIn .32s cubic-bezier(.32,.72,0,1) both;}
      @media(min-width:560px){#storm-popup .storm-card{border-radius:22px;}}
      @keyframes stormIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
      @media(prefers-reduced-motion:reduce){#storm-popup .storm-card{animation:none}}
      #storm-popup .storm-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;}
      #storm-popup .storm-x:hover{color:#fff;background:rgba(255,255,255,.08);}
      #storm-popup .storm-img{display:block;width:100%;aspect-ratio:1/1;margin:0 auto 16px;border-radius:16px;object-fit:contain;background:#000;box-shadow:0 0 50px rgba(0,242,255,.16);}
      #storm-popup .storm-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,242,255,.7);text-align:center;margin-bottom:6px;}
      #storm-popup h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#fff;text-align:center;margin:0 0 10px;letter-spacing:.01em;}
      #storm-popup p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62);text-align:center;margin:0 0 18px;}
      #storm-popup p b{color:#fff;font-weight:600;}
      #storm-popup .storm-vid{aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(80,160,255,.35);box-shadow:0 0 40px rgba(60,140,255,.25);}
      #storm-popup p.storm-deal{font-size:12.5px;color:rgba(255,209,102,.85);margin:-8px 0 18px;}
      #storm-popup p.storm-deal b{color:#ffd166;}
      #storm-popup .storm-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:14px;border:0;background:linear-gradient(135deg,#00f2ff,#5ee7ff);color:#04121a;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 8px 24px rgba(0,242,255,.22);}
      #storm-popup .storm-cta:hover{filter:brightness(1.06);}
      #storm-popup .storm-later{display:block;width:100%;margin-top:8px;padding:10px;background:none;border:0;color:rgba(255,255,255,.4);font-size:12.5px;cursor:pointer;}
      #storm-popup .storm-later:hover{color:rgba(255,255,255,.7);}