/* JANU Mascot Widget (global) */
:root{
  --mascot-bg: rgba(255,255,255,.9);
  --mascot-border: rgba(63,81,181,.18);
  --mascot-shadow: 0 16px 40px rgba(30,34,56,.18);
  --mascot-ink: #1E2238;
  --mascot-accent: #00CFE8;
  --mascot-accent-2: #3F51B5;
}

#janu-mascot{
  position:fixed;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--mascot-border);
  background:var(--mascot-bg);
  box-shadow:var(--mascot-shadow);
  z-index:50;
  text-decoration:none;
  color:var(--mascot-ink);
  backdrop-filter:blur(10px);
}

[data-theme="dark"] #janu-mascot{
  background:rgba(15,23,42,.9);
  border-color:rgba(148,163,184,.25);
  color:#e2e8f0;
  box-shadow:0 18px 50px rgba(2,6,23,.6);
}

#janu-mascot img{
  width:56px;
  height:56px;
  display:block;
  animation:mascot-float 4s ease-in-out infinite;
}

#janu-mascot .janu-mascot-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  white-space:nowrap;
}

#janu-mascot .janu-mascot-sub{
  font-size:11px;
  opacity:.75;
}

#janu-mascot[data-pose="wave"] img{ transform:rotate(-4deg); }
#janu-mascot[data-pose="tools"] img{ transform:rotate(2deg); }
#janu-mascot[data-pose="chat"] img{ transform:rotate(-2deg); }
#janu-mascot[data-pose="heart"] img{ transform:rotate(1deg); }
#janu-mascot[data-pose="map"] img{ transform:rotate(-3deg); }
#janu-mascot[data-pose="trophy"] img{ transform:rotate(2deg); }
#janu-mascot[data-pose="book"] img{ transform:rotate(-2deg); }
#janu-mascot[data-pose="support"] img{ transform:rotate(3deg); }

#janu-mascot:hover{
  box-shadow:0 22px 55px rgba(30,34,56,.22);
  border-color:rgba(0,207,232,.35);
}

#janu-mascot:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(0,207,232,.25), 0 18px 45px rgba(30,34,56,.22);
}

@keyframes mascot-float{
  0%{ transform:translateY(0) }
  50%{ transform:translateY(-4px) }
  100%{ transform:translateY(0) }
}

@media (max-width: 700px){
  #janu-mascot{
    right:12px;
    bottom:12px;
    padding:8px 10px;
  }
  #janu-mascot img{ width:44px; height:44px; }
  #janu-mascot .janu-mascot-label{ font-size:11px; }
  #janu-mascot .janu-mascot-sub{ display:none; }
}

@media (prefers-reduced-motion: reduce){
  #janu-mascot img{
    animation:none;
  }
}