/*!
 * Kosmo chat — Language Kids World website assistant.
 * All rules are scoped under #kosmo-root so nothing here can touch the theme.
 * Brand palette sampled directly from the LKW logo files.
 */
#kosmo-root{
    --lkw-orange:#FF5500; --lkw-orange-dk:#E04600;
    --lkw-blue:#0D70B1;   --lkw-blue-dk:#08517F; --lkw-blue-lt:#219BDE;
    --lkw-sky:#DEF5FB;    --lkw-lime:#9FCB36;    --lkw-green:#52AA44;
    --lkw-yellow:#FDD209; --lkw-coral:#FC5F50;
    --ink:#15303F; --ink-soft:#5A7183; --line:#E4EDF3; --card:#FFFFFF;
    --font: "Nunito","Baloo 2",ui-rounded,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
    --shadow-lg: 0 24px 60px -12px rgba(10,60,95,.28), 0 8px 20px -8px rgba(10,60,95,.18);
}
#kosmo-root, #kosmo-root *, #kosmo-root *::before, #kosmo-root *::after{box-sizing:border-box}
#kosmo-root button, #kosmo-root input, #kosmo-root select, #kosmo-root textarea{margin:0}
#kosmo-root a{box-shadow:none;text-decoration:none}

/* ================= WIDGET ================= */
  #kosmo-root{position:fixed;right:22px;bottom:22px;z-index:2147483000;font-family:var(--font);
    pointer-events:none}                      /* the container itself must never intercept taps */
  #kosmo-root > *{pointer-events:auto}        /* only Kosmo's own furniture is tappable */
  #kosmo-root button, #kosmo-root a, #kosmo-root input, #kosmo-root select, #kosmo-root textarea{
    -webkit-tap-highlight-color:transparent;touch-action:manipulation}

  .kosmo-launcher{position:relative;width:70px;height:70px;border-radius:50%;border:0;cursor:pointer;padding:0;
    background:linear-gradient(160deg,#FFFFFF 0%,#EAF7FD 100%);
    box-shadow:0 12px 28px -6px rgba(10,60,95,.35), 0 0 0 4px rgba(255,85,0,.9);
    display:grid;place-items:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}
  .kosmo-launcher:hover{transform:scale(1.07) rotate(-4deg)}
  .kosmo-launcher.open{transform:scale(.92)}
  .kosmo-launcher.open svg{opacity:.85}
  .kosmo-launcher svg{width:60px;height:60px;pointer-events:none;animation:kosmoFloat 3.6s ease-in-out infinite}
  @keyframes kosmoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}
  .kosmo-badge{pointer-events:none;position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;
    background:var(--lkw-coral);border:3px solid #fff;box-shadow:0 0 0 0 rgba(252,95,80,.7);animation:kosmoPulse 2.2s infinite}
  @keyframes kosmoPulse{0%{box-shadow:0 0 0 0 rgba(252,95,80,.65)}70%{box-shadow:0 0 0 12px rgba(252,95,80,0)}100%{box-shadow:0 0 0 0 rgba(252,95,80,0)}}

  .kosmo-teaser{position:absolute;right:84px;bottom:12px;background:#fff;border-radius:16px 16px 4px 16px;
    padding:11px 15px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;
    box-shadow:var(--shadow-lg);animation:teaserIn .5s cubic-bezier(.34,1.4,.64,1) both}
  .kosmo-teaser button{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:0;
    background:var(--ink);color:#fff;font-size:13px;line-height:1;cursor:pointer}
  @keyframes teaserIn{from{opacity:0;transform:translateX(14px) scale(.9)}to{opacity:1;transform:none}}

  .kosmo-panel{position:absolute;right:0;bottom:86px;width:392px;height:min(620px,calc(100vh - 136px));
    background:#fff;border-radius:22px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden}
  .kosmo-panel.open{display:flex;animation:panelIn .3s cubic-bezier(.34,1.3,.64,1) both}
  @keyframes panelIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

  .kosmo-head{background:linear-gradient(135deg,#FF6A1A 0%,var(--lkw-orange) 45%,#F04B00 100%);
    color:#fff;padding:14px 14px 15px;display:flex;align-items:center;gap:11px;position:relative;flex:0 0 auto}
  .kosmo-head::after{content:"";position:absolute;inset:0;background:
    radial-gradient(120px 60px at 85% 0%,rgba(255,255,255,.28),transparent 70%);pointer-events:none}
  .kosmo-head .av{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;
    flex:0 0 auto;box-shadow:0 3px 10px rgba(0,0,0,.18);overflow:hidden}
  .kosmo-head .av svg{width:44px;height:44px;pointer-events:none}
  .kosmo-head .who{flex:1;min-width:0}
  .kosmo-head .who b{display:block;font-size:17px;line-height:1.2;letter-spacing:-.2px}
  .kosmo-head .who span{display:block;font-size:12.5px;opacity:.92;margin-top:1px}
  .kosmo-head .who i{font-style:normal;display:inline-block;width:7px;height:7px;border-radius:50%;
    background:#9FE870;margin-right:5px;vertical-align:middle}
  .kosmo-head button{background:rgba(255,255,255,.18);border:0;color:#fff;font-family:var(--font);
    font-weight:800;font-size:12px;border-radius:20px;padding:6px 10px;cursor:pointer;transition:.15s}
  .kosmo-head button:hover{background:rgba(255,255,255,.34)}
  .kosmo-head .x{width:30px;height:30px;padding:0;border-radius:50%;font-size:17px;line-height:1}

  .kosmo-log{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 16px 8px;background:
    linear-gradient(#F7FCFE,#FFFFFF 220px);scroll-behavior:smooth}
  .kosmo-log::-webkit-scrollbar{width:8px}
  .kosmo-log::-webkit-scrollbar-thumb{background:#D6E6EF;border-radius:8px}

  .msg{display:flex;gap:8px;margin-bottom:12px;align-items:flex-end;animation:msgIn .32s cubic-bezier(.34,1.3,.64,1) both}
  @keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .msg .mav{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);
    display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
  .msg .mav svg{width:30px;height:30px;pointer-events:none}
  .bub{max-width:80%;padding:11px 14px;font-size:14.5px;line-height:1.55;border-radius:16px;word-wrap:break-word}
  .bot .bub{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;
    box-shadow:0 2px 6px rgba(15,60,95,.06)}
  .me{justify-content:flex-end}
  .me .bub{background:linear-gradient(135deg,var(--lkw-orange),#F04B00);color:#fff;border-bottom-right-radius:5px}
  .bub b,.bub strong{font-weight:800}
  .bub ul{margin:8px 0 2px;padding-left:18px}
  .bub li{margin-bottom:5px}
  .bub a{color:var(--lkw-blue);font-weight:700}

  .typing .bub{display:flex;gap:4px;padding:14px}
  .typing i{width:7px;height:7px;border-radius:50%;background:#B7CCD9;display:block;animation:dot 1.2s infinite}
  .typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
  @keyframes dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

  .card{margin:0 0 12px 38px;background:#fff;border:1.5px solid #DCEBF4;border-radius:16px;padding:15px;
    box-shadow:0 4px 14px rgba(15,60,95,.07);animation:msgIn .32s cubic-bezier(.34,1.3,.64,1) both}
  .card h4{margin:0 0 3px;font-size:15px;letter-spacing:-.1px}
  .card p.hint{margin:0 0 12px;font-size:12.8px;color:var(--ink-soft);line-height:1.5}
  .card label{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
    color:var(--ink-soft);margin:0 0 4px}
  .card .row{display:flex;gap:8px}.card .row>div{flex:1}
  .card .f{margin-bottom:10px}
  .card input,.card select,.card textarea{width:100%;font-family:var(--font);font-size:14px;color:var(--ink);
    padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;background:#FAFDFF;outline:none;transition:.15s}
  .card input:focus,.card select:focus,.card textarea:focus{border-color:var(--lkw-blue-lt);background:#fff;
    box-shadow:0 0 0 3px rgba(33,155,222,.14)}
  .card textarea{resize:vertical;min-height:64px}
  .card .consent{font-size:11.5px;color:var(--ink-soft);line-height:1.5;margin:2px 0 11px}
  .btn{width:100%;font-family:var(--font);font-weight:800;font-size:14.5px;color:#fff;border:0;border-radius:11px;
    padding:11px;cursor:pointer;background:linear-gradient(135deg,var(--lkw-orange),#F04B00);
    box-shadow:0 4px 12px -2px rgba(255,85,0,.5);transition:.15s}
  .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px -3px rgba(255,85,0,.55)}
  .btn.blue{background:linear-gradient(135deg,var(--lkw-blue-lt),var(--lkw-blue-dk));box-shadow:0 4px 12px -2px rgba(13,112,177,.45)}
  .btn.ghost{background:#fff;color:var(--lkw-blue-dk);border:1.5px solid #CDE8F6;box-shadow:none;margin-top:7px}
  .err{color:#C42D28;font-size:12.5px;font-weight:700;margin:0 0 8px;display:none}

  .linkcard{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;
    border:1.5px solid #DCEBF4;border-radius:14px;padding:12px 13px;margin:0 0 12px 38px;background:#F7FCFE;transition:.15s}
  .linkcard:hover{border-color:var(--lkw-blue-lt);background:#EFF9FE;transform:translateY(-1px)}
  .linkcard .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--lkw-blue-lt),var(--lkw-blue-dk));
    display:grid;place-items:center;color:#fff;font-size:17px;flex:0 0 auto}
  .linkcard b{display:block;font-size:14px}.linkcard span{font-size:12.3px;color:var(--ink-soft)}

  .live{margin:0 0 12px 38px;font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}
  .live i{width:7px;height:7px;border-radius:50%;background:var(--lkw-green);display:block}

  .chips{padding:2px 14px 10px;display:flex;flex-wrap:wrap;gap:7px;flex:0 0 auto;background:#fff;border-top:1px solid #F0F6FA}
  .chips button{font-family:var(--font);font-size:13px;font-weight:700;color:var(--lkw-blue-dk);background:#F2FAFE;
    border:1.5px solid #CDE8F6;border-radius:18px;padding:7px 13px;cursor:pointer;transition:.15s;white-space:nowrap}
  .chips button:hover{background:var(--lkw-blue);color:#fff;border-color:var(--lkw-blue)}
  .chips button.human{background:#FFF3EC;border-color:#FFD3BC;color:#C1420A}
  .chips button.human:hover{background:var(--lkw-orange);color:#fff;border-color:var(--lkw-orange)}

  .composer{display:flex;gap:8px;padding:11px 14px 13px;border-top:1px solid var(--line);background:#fff;flex:0 0 auto;align-items:flex-end}
  .composer textarea{flex:1;font-family:var(--font);font-size:14.5px;color:var(--ink);border:1.5px solid var(--line);
    border-radius:20px;padding:10px 15px;resize:none;max-height:90px;outline:none;background:#FAFDFF;line-height:1.4}
  .composer textarea:focus{border-color:var(--lkw-blue-lt);background:#fff;box-shadow:0 0 0 3px rgba(33,155,222,.13)}
  .composer .send{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;flex:0 0 auto;color:#fff;
    background:linear-gradient(135deg,var(--lkw-orange),#F04B00);display:grid;place-items:center;
    box-shadow:0 4px 12px -3px rgba(255,85,0,.55);transition:.15s}
  .composer .send:hover{transform:scale(1.07)}
  .foot{text-align:center;font-size:10.5px;color:#9BB2C0;padding:0 0 9px;background:#fff;flex:0 0 auto}

  /* ============================================================
     Phones. The panel becomes a full-screen sheet rather than a
     shrunken desktop window: on a 320px screen the old floating box
     left about a third of itself for the actual conversation.
     ============================================================ */
  @media(max-width:600px){
    #kosmo-root{right:14px;bottom:14px;left:auto}
    .kosmo-head{gap:7px;padding-left:12px;padding-right:12px}
    .kosmo-head .who b{font-size:16px}

    .kosmo-panel{
      position:fixed;top:0;left:0;right:0;bottom:0;
      width:auto;height:100vh;height:100dvh;max-height:none;border-radius:0}
    .kosmo-panel.open{animation:kosmoSheetIn .26s ease-out both}
    @keyframes kosmoSheetIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

    /* the launcher would sit under the sheet — take it away while the sheet is open */
    .kosmo-launcher.open{display:none}
    .kosmo-teaser{display:none}

    /* room for the notch and the home indicator */
    .kosmo-head{padding-top:calc(14px + env(safe-area-inset-top))}
    .composer{padding-bottom:calc(13px + env(safe-area-inset-bottom))}
    .foot{padding-bottom:calc(9px + env(safe-area-inset-bottom))}

    /* one swipeable row of buttons instead of seven stacked lines */
    .chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
      -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 14px 10px}
    .chips::-webkit-scrollbar{display:none}
    .chips button{flex:0 0 auto}

    /* 16px or iOS zooms the whole page the moment a parent taps a field */
    .composer textarea,
    .card input, .card select, .card textarea{font-size:16px}
    .composer textarea{max-height:120px}

    /* cards were indented to line up with the avatar; on a phone that is wasted width */
    .card, .linkcard, .live{margin-left:0}
    .bub{max-width:86%}

    .kosmo-head .who span{font-size:11.5px}
    .foot{font-size:10px;padding-left:10px;padding-right:10px}
    .kosmo-head .av{width:40px;height:40px}
    .kosmo-head .av .kosmo-bird{width:38px;height:38px}
  }

  /* admin-only preview strip */
  .kosmo-preview-bar{flex:0 0 auto;background:#15303F;color:#fff;font-size:11px;font-weight:800;
    letter-spacing:.3px;text-align:center;padding:6px 10px}

  /* ============================================================
     Kosmo, alive
     Wings, head, tail and eyelid move independently. Idle motion is
     tiny; the bigger moments (wave, flap, cheer) are triggered from
     kosmo.js. All of it is disabled for anyone who has asked their
     system for reduced motion.
     ============================================================ */
  .kosmo-bird{width:100%;height:100%;overflow:visible;display:block}
  .kosmo-bird .t-bird,
  .kosmo-bird .t-wing,
  .kosmo-bird .t-head,
  .kosmo-bird .t-tail,
  .kosmo-bird .t-lid,
  .kosmo-bird .t-spark{transform-box:view-box;transform-origin:center;will-change:transform}

  .kosmo-bird .t-bird{transform-origin:320px 320px}
  .kosmo-bird .t-wing-near{transform-origin:286px 254px}
  .kosmo-bird .t-wing-far{transform-origin:368px 238px}
  .kosmo-bird .t-head{transform-origin:332px 218px}
  .kosmo-bird .t-tail{transform-origin:290px 332px}
  .kosmo-bird .t-lid{transform-origin:352px 108px;transform:scaleY(0)}
  .kosmo-bird .t-spark{opacity:0;transform-origin:center}

  @media (prefers-reduced-motion: no-preference){

    /* ---- resting: breathing, a slow tail, an occasional blink ---- */
    .kosmo-bird .t-wing-near{animation:kosmoRestNear 3.8s ease-in-out infinite}
    .kosmo-bird .t-wing-far {animation:kosmoRestFar  3.8s ease-in-out infinite}
    .kosmo-bird .t-tail     {animation:kosmoTail     5.2s ease-in-out infinite}
    .kosmo-bird .t-head     {animation:kosmoHeadRest 6.4s ease-in-out infinite}
    .kosmo-bird .t-lid      {animation:kosmoBlink    7s   ease-in-out infinite}

    @keyframes kosmoRestNear{0%,100%{transform:rotate(0)}50%{transform:rotate(-3.5deg)}}
    @keyframes kosmoRestFar {0%,100%{transform:rotate(0)}50%{transform:rotate(3.5deg)}}
    @keyframes kosmoTail    {0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
    @keyframes kosmoHeadRest{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-2px)}}
    @keyframes kosmoBlink{
      0%,92%,100%{transform:scaleY(0)}
      94%{transform:scaleY(1)}
      96%{transform:scaleY(0)}
      97.5%{transform:scaleY(1)}
      99%{transform:scaleY(0)}
    }

    /* ---- a single wing-stretch, used on hover and idly ---- */
    .kosmo-bird.is-flap .t-wing-near{animation:kosmoFlapNear .36s ease-in-out 2}
    .kosmo-bird.is-flap .t-wing-far {animation:kosmoFlapFar  .36s ease-in-out 2}
    .kosmo-bird.is-flap .t-bird     {animation:kosmoLift     .72s ease-in-out}

    /* ---- hello: a proper wave, head tilted, three beats ---- */
    .kosmo-bird.is-wave .t-wing-near{animation:kosmoWave .42s ease-in-out 3}
    .kosmo-bird.is-wave .t-wing-far {animation:kosmoFlapFar .42s ease-in-out 3}
    .kosmo-bird.is-wave .t-head     {animation:kosmoTilt 1.26s ease-in-out}
    .kosmo-bird.is-wave .t-bird     {animation:kosmoLift .63s ease-in-out 2}

    /* ---- thinking: head cocks to one side, wings almost still ---- */
    .kosmo-bird.is-think .t-head     {animation:kosmoThink 1.5s ease-in-out infinite}
    .kosmo-bird.is-think .t-wing-near{animation:kosmoRestNear 1.5s ease-in-out infinite}
    .kosmo-bird.is-think .t-wing-far {animation:kosmoRestFar 1.5s ease-in-out infinite}

    /* ---- pleased with itself: quick double beat and a small hop ---- */
    .kosmo-bird.is-happy .t-wing-near{animation:kosmoFlapNear .28s ease-in-out 2}
    .kosmo-bird.is-happy .t-wing-far {animation:kosmoFlapFar  .28s ease-in-out 2}
    .kosmo-bird.is-happy .t-bird     {animation:kosmoHop .56s cubic-bezier(.34,1.4,.64,1)}

    /* ---- celebration: full flap, real hop, sparkles ---- */
    .kosmo-bird.is-cheer .t-wing-near{animation:kosmoFlapNear .26s ease-in-out 4}
    .kosmo-bird.is-cheer .t-wing-far {animation:kosmoFlapFar  .26s ease-in-out 4}
    .kosmo-bird.is-cheer .t-bird     {animation:kosmoHopBig .52s cubic-bezier(.34,1.5,.64,1) 2}
    .kosmo-bird.is-cheer .t-head     {animation:kosmoTilt 1.04s ease-in-out}
    .kosmo-bird.is-cheer .t-spark    {animation:kosmoSpark .9s ease-out}
    .kosmo-bird.is-cheer .t-spark.s2 {animation-delay:.12s}
    .kosmo-bird.is-cheer .t-spark.s3 {animation-delay:.24s}

    /* ---- calm: for hand-offs. Attentive, slow, no bounce, no sparkle ---- */
    .kosmo-bird.is-calm .t-wing-near{animation:kosmoRestNear 6s ease-in-out infinite}
    .kosmo-bird.is-calm .t-wing-far {animation:kosmoRestFar 6s ease-in-out infinite}
    .kosmo-bird.is-calm .t-head     {animation:kosmoLean 1.2s ease-in-out forwards}
    .kosmo-bird.is-calm .t-bird     {animation:none}

    @keyframes kosmoFlapNear{0%,100%{transform:rotate(0)}35%{transform:rotate(-26deg)}70%{transform:rotate(11deg)}}
    @keyframes kosmoFlapFar {0%,100%{transform:rotate(0)}35%{transform:rotate(26deg)} 70%{transform:rotate(-11deg)}}
    @keyframes kosmoWave{0%,100%{transform:rotate(0)}30%{transform:rotate(-40deg)}55%{transform:rotate(-18deg)}80%{transform:rotate(-36deg)}}
    @keyframes kosmoTilt{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(4deg)}}
    @keyframes kosmoThink{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-11deg) translateY(-3px)}}
    @keyframes kosmoLean{0%{transform:rotate(0)}100%{transform:rotate(3deg) translateY(2px)}}
    @keyframes kosmoLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes kosmoHop{
      0%{transform:translateY(0) scale(1,1)}
      22%{transform:translateY(2px) scale(1.04,.95)}
      55%{transform:translateY(-16px) scale(.97,1.04)}
      100%{transform:translateY(0) scale(1,1)}
    }
    @keyframes kosmoHopBig{
      0%{transform:translateY(0) scale(1,1)}
      18%{transform:translateY(4px) scale(1.07,.92)}
      52%{transform:translateY(-26px) scale(.95,1.07)}
      100%{transform:translateY(0) scale(1,1)}
    }
    @keyframes kosmoSpark{
      0%{opacity:0;transform:scale(.2) rotate(0)}
      35%{opacity:1;transform:scale(1.15) rotate(35deg)}
      100%{opacity:0;transform:scale(.5) rotate(90deg)}
    }
  }

  /* the launcher's gentle hover is now the bird's own, so drop the wrapper float */
  .kosmo-launcher svg{animation:none}
  .kosmo-head .av .kosmo-bird{transform:scale(1.02)}

  /* header has three buttons now — keep the name line on one row */
  .kosmo-head .who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kosmo-head #kosmoMute{width:30px;height:30px;padding:0;border-radius:50%;font-size:14px;line-height:1}
  .kosmo-head #kosmoLang{padding:6px 9px}
  .kosmo-head{gap:8px}
  /* the launcher bird may leap outside its box; the header badge stays a neat circle */
  .kosmo-head .av{overflow:hidden}
  .kosmo-head .av .kosmo-bird{overflow:hidden}

  @media (prefers-reduced-motion: no-preference){
    /* ---- "peek": the questioning chirp. Head cocks, one quick blink ---- */
    .kosmo-bird.is-peek .t-head{animation:kosmoPeek 1s ease-in-out}
    .kosmo-bird.is-peek .t-lid {animation:kosmoBlinkOnce .95s ease-in-out}
    .kosmo-bird.is-peek .t-wing-near{animation:kosmoRestNear 2.4s ease-in-out infinite}
    .kosmo-bird.is-peek .t-wing-far {animation:kosmoRestFar  2.4s ease-in-out infinite}
    .kosmo-bird.is-peek .t-tail{animation:kosmoTail 1.2s ease-in-out}

    @keyframes kosmoPeek{
      0%,100%{transform:rotate(0) translateY(0)}
      25%{transform:rotate(7deg) translateY(-2px)}
      62%{transform:rotate(-5.5deg) translateY(-3px)}
    }
    @keyframes kosmoBlinkOnce{
      0%,52%,100%{transform:scaleY(0)}
      60%{transform:scaleY(1)}
      70%{transform:scaleY(0)}
    }
  }