/* Hucial 261.0.215.59 — consolidated CSS bundle. Generated from validated 261.0.215.58 sources. */

/* ===== SOURCE: hucial-nav-v154.css | sha256:4c533670caff84183f0f9b9a0ac6fbbe3bdb3ce55586fbc6f08919e7fd8dc0a2 ===== */
/* Hucial 261.0.188 — Dock principal 6 destinations : Accueil · Chat · Live · Jeux · Activité · Moi. */
:root{
  --hucial-nav-accent:#118b86;
  --hucial-nav-accent-strong:#086963;
  --hucial-nav-accent-soft:rgba(81,207,198,.16);
  --hucial-nav-ink:#294a45;
  --hucial-nav-muted:#506a65;
  --hucial-nav-line:rgba(29,92,84,.18);
  --hucial-nav-bar-h:66px;
}

/* Dock: six destinations égales, sans bouton actif surdimensionné. */
.hucial-flow-bar,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
  box-sizing:border-box!important;
  width:min(calc(100% - 18px),700px)!important;
  height:var(--hucial-nav-bar-h)!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;
  gap:2px!important;
  padding:5px 7px!important;
  border:1px solid var(--hucial-nav-line)!important;
  border-radius:23px!important;
  background:rgba(250,252,249,.965)!important;
  box-shadow:0 -5px 22px rgba(48,95,87,.09),0 10px 30px rgba(26,65,59,.08)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
}
.hucial-flow-bar::before,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar::before,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar::before{
  inset:1px!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(231,246,242,.20))!important;
  opacity:.72!important;
}

.hucial-flow-item,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body[data-route^="live/"] .live-dock-region .hucial-flow-item,
body[data-route^="call/"] .live-dock-region .hucial-flow-item{
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:44px!important;
  margin:0!important;
  padding:3px 1px!important;
  display:grid!important;
  grid-template-rows:32px auto!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--hucial-nav-muted)!important;
  text-decoration:none!important;
  transform:none!important;
  filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.hucial-flow-icon{
  box-sizing:border-box!important;
  width:38px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:inherit!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.hucial-flow-icon svg,
.hucial-flow-item svg,
body[data-route^="live/"] .live-dock-region .hucial-flow-item svg,
body[data-route^="call/"] .live-dock-region .hucial-flow-item svg{
  width:23px!important;
  height:23px!important;
  max-width:none!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  transform:none!important;
}
.hucial-flow-label,
.hucial-flow-item>span.hucial-flow-label,
body[data-route^="live/"] .live-dock-region .hucial-flow-item span.hucial-flow-label,
body[data-route^="call/"] .live-dock-region .hucial-flow-item span.hucial-flow-label{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(.58rem,1.7vw,.69rem)!important;
  font-weight:760!important;
  line-height:1.05!important;
  letter-spacing:-.005em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:inherit!important;
}

/* État courant volontairement compact: seul le pictogramme prend la signature Hucial. */
.hucial-flow-item.is-active,
.hucial-flow-item[aria-current="page"]{
  background:transparent!important;
  color:var(--hucial-nav-accent-strong)!important;
  box-shadow:none!important;
}
.hucial-flow-item.is-active .hucial-flow-icon,
.hucial-flow-item[aria-current="page"] .hucial-flow-icon{
  background:linear-gradient(145deg,rgba(113,222,214,.29),rgba(74,193,190,.16))!important;
  border-color:rgba(12,119,111,.16)!important;
  box-shadow:0 5px 14px rgba(26,128,121,.10),inset 0 1px rgba(255,255,255,.7)!important;
}
.hucial-flow-item.is-active .hucial-flow-label,
.hucial-flow-item[aria-current="page"] .hucial-flow-label{font-weight:860!important}

@media(hover:hover) and (pointer:fine){
  .hucial-flow-item:hover{background:rgba(91,196,188,.075)!important;color:var(--hucial-nav-accent-strong)!important}
  .hucial-flow-item:hover .hucial-flow-icon{transform:translateY(-1px)!important}
}
.hucial-flow-item:active{transform:scale(.97)!important}
.hucial-flow-item:focus:not(:focus-visible){outline:none!important}
.hucial-flow-item:focus-visible{
  outline:3px solid var(--hucial-nav-accent-strong)!important;
  outline-offset:1px!important;
  background:rgba(91,196,188,.075)!important;
  border-color:transparent!important;
}

/* Hamburger: lisible mais secondaire par rapport au contenu. */
.nav-toggle{
  box-sizing:border-box!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:10px!important;
  gap:4px!important;
  border:1px solid rgba(20,111,103,.20)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#dff6f3,#cceeea)!important;
  color:#173f3a!important;
  box-shadow:0 5px 14px rgba(31,102,94,.10)!important;
  filter:none!important;
}
.nav-toggle span:not(.sr-only){
  width:100%!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#173f3a!important;
}
.nav-toggle:focus:not(:focus-visible){outline:none!important}
.nav-toggle:focus-visible{outline:3px solid var(--hucial-nav-accent-strong)!important;outline-offset:3px!important}

/* Téléphones standards. */
@media(max-width:430px){
  :root{--hucial-nav-bar-h:62px!important;--flow-bar-height:62px!important}
  .hucial-flow-bar,
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
    width:calc(100% - 10px)!important;
    height:62px!important;
    padding:4px 4px!important;
    gap:1px!important;
    border-radius:20px!important;
  }
  .hucial-flow-item,
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
  body[data-route^="live/"] .live-dock-region .hucial-flow-item,
  body[data-route^="call/"] .live-dock-region .hucial-flow-item{
    height:50px!important;
    grid-template-rows:29px auto!important;
    border-radius:13px!important;
  }
  .hucial-flow-icon{width:34px!important;height:29px!important;border-radius:11px!important}
  .hucial-flow-icon svg,.hucial-flow-item svg{width:21px!important;height:21px!important}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{font-size:.56rem!important;letter-spacing:-.012em!important}
  .nav-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:9px!important;border-radius:14px!important}
}

/* Très petits écrans: chaque action reste au moins 44 px et les six destinations tiennent sans chevauchement. */
@media(max-width:350px){
  :root{--hucial-nav-bar-h:60px!important;--flow-bar-height:60px!important}
  .hucial-flow-bar,
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{width:calc(100% - 6px)!important;height:60px!important;padding:3px 2px!important;border-radius:18px!important}
  .hucial-flow-item{height:48px!important;grid-template-rows:28px auto!important}
  .hucial-flow-icon{width:31px!important;height:28px!important}
  .hucial-flow-icon svg,.hucial-flow-item svg{width:20px!important;height:20px!important}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{font-size:.50rem!important;letter-spacing:-.025em!important}
}

/* Tablettes et écrans larges: pas de dock géant, densité toujours premium. */
@media(min-width:760px){
  :root{--hucial-nav-bar-h:68px!important}
  .hucial-flow-bar,
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{max-width:700px!important;height:68px!important;padding:6px 9px!important}
  .hucial-flow-item{height:55px!important;grid-template-rows:33px auto!important}
  .hucial-flow-icon{width:40px!important;height:33px!important}
  .hucial-flow-icon svg,.hucial-flow-item svg{width:24px!important;height:24px!important}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{font-size:.68rem!important}
}

/* Paysage bas: préserver le contenu vertical sans sacrifier les cibles tactiles. */
@media(orientation:landscape) and (max-height:560px){
  :root{--hucial-nav-bar-h:58px!important;--flow-bar-height:58px!important}
  .hucial-flow-bar,
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar{height:58px!important;padding-block:3px!important}
  .hucial-flow-item{height:46px!important;grid-template-rows:27px auto!important}
  .hucial-flow-icon{height:27px!important}
  .hucial-flow-icon svg,.hucial-flow-item svg{width:20px!important;height:20px!important}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{font-size:.54rem!important}
}

/* Transparence réduite, contraste forcé et animation réduite. */
html[data-reduce-transparency="1"] .hucial-flow-bar{background:#fbfdfa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){.hucial-flow-item,.hucial-flow-icon,.nav-toggle{transition:none!important}}
@media(forced-colors:active){
  .hucial-flow-bar{border:2px solid CanvasText!important;background:Canvas!important}
  .hucial-flow-item{color:CanvasText!important}
  .hucial-flow-item.is-active .hucial-flow-icon{border:2px solid Highlight!important;background:Canvas!important;color:Highlight!important}
  .hucial-flow-item:focus-visible,.nav-toggle:focus-visible{outline:3px solid Highlight!important}
}

/* ===== SOURCE: hucial-v155-polish.css | sha256:3d6ac5116800d23f94dc9a663828d60ad9017e773c3facb9516b75f2ca263d79 ===== */
/* Hucial 261.0.155 — Update visibility + focus polish 10/10 */
:root{
  --hucial-update-ink:#0f2f2b;
  --hucial-update-muted:#42635e;
  --hucial-update-accent:#08766e;
  --hucial-update-accent-2:#39b9ae;
  --hucial-update-line:rgba(8,118,110,.42);
}

/* La mise à jour est une information prioritaire, immédiatement identifiable, sans masquer le contenu. */
.hucial-pwa-update{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:70px!important;
  margin:.1rem 0 .72rem!important;padding:.62rem .68rem!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr) minmax(118px,auto) 44px!important;
  align-items:center!important;gap:.58rem!important;overflow:hidden!important;
  border:2px solid var(--hucial-update-line)!important;border-radius:18px!important;
  background:linear-gradient(135deg,#e9fbf7 0%,#ffffff 54%,#f5fcfa 100%)!important;
  color:var(--hucial-update-ink)!important;
  box-shadow:0 12px 30px rgba(19,91,83,.14),inset 0 1px rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:auto!important;
}
.hucial-pwa-update::before{
  content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:5px!important;
  background:linear-gradient(180deg,var(--hucial-update-accent),#72ddd4)!important;
}
.hucial-pwa-update::after{
  content:"";position:absolute;pointer-events:none;right:18%;top:-55px;width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(78,209,199,.16),transparent 69%);
}
.hucial-pwa-update__icon{
  position:relative;z-index:1;box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;
  border:1px solid rgba(8,118,110,.20);border-radius:14px;
  background:linear-gradient(145deg,rgba(113,222,214,.34),rgba(74,193,190,.16));
  color:var(--hucial-update-accent);box-shadow:0 6px 16px rgba(26,128,121,.11),inset 0 1px rgba(255,255,255,.82)
}
.hucial-pwa-update__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hucial-pwa-update__copy{position:relative;z-index:1;display:grid!important;gap:.16rem!important;min-width:0!important;line-height:1.15!important}
.hucial-pwa-update__copy strong{
  color:var(--hucial-update-ink)!important;font-size:clamp(.86rem,2.5vw,.98rem)!important;font-weight:920!important;
  line-height:1.12!important;letter-spacing:-.012em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important
}
.hucial-pwa-update__copy small{
  color:var(--hucial-update-muted)!important;font-size:.72rem!important;font-weight:650!important;line-height:1.25!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important
}
.hucial-pwa-update button{position:relative;z-index:1;min-height:44px!important;margin:0!important;font:inherit!important;box-shadow:none!important}
.hucial-pwa-update__apply{
  min-width:118px!important;padding:.56rem .78rem!important;border:1px solid #075e58!important;border-radius:13px!important;
  background:linear-gradient(135deg,var(--hucial-update-accent),var(--hucial-update-accent-2))!important;color:#fff!important;
  font-size:.79rem!important;font-weight:900!important;line-height:1.08!important;text-align:center!important;
  box-shadow:0 7px 17px rgba(8,118,110,.18)!important
}
.hucial-pwa-update__apply span{display:block}
.hucial-pwa-update__apply:is(:hover,:focus-visible){filter:brightness(.97)!important;box-shadow:0 8px 20px rgba(8,118,110,.25)!important}
.hucial-pwa-update__later{
  width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(8,118,110,.24)!important;
  border-radius:13px!important;background:#fff!important;color:var(--hucial-update-accent)!important;font-size:1.25rem!important;font-weight:850!important
}
.hucial-pwa-update__later:is(:hover,:focus-visible){background:#e7f7f4!important}

/* Les liens d’évitement restent présents pour les lecteurs d’écran mais ne créent plus de rectangle vide sur interaction tactile/VoiceOver. */
.skip-links .skip-link,
.skip-links .skip-link:focus,
.skip-links .skip-link:focus-visible{
  position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;
  transform:none!important;box-shadow:none!important;outline:0!important
}
html[data-hucial-keyboard-nav="1"] .skip-links .skip-link:focus-visible{
  left:max(12px,env(safe-area-inset-left))!important;top:max(12px,env(safe-area-inset-top))!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:.72rem .92rem!important;
  overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;
  border:2px solid var(--hucial-update-accent)!important;border-radius:12px!important;background:#fff!important;color:#082e2a!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;outline:3px solid rgba(8,118,110,.22)!important;outline-offset:2px!important;z-index:2147483647!important
}

@media(max-width:520px){
  .hucial-pwa-update{
    min-height:72px!important;margin:.08rem 0 .58rem!important;padding:.54rem .55rem!important;
    grid-template-columns:40px minmax(0,1fr) 112px 42px!important;gap:.42rem!important;border-radius:16px!important
  }
  .hucial-pwa-update__icon{width:40px;height:40px;border-radius:13px}
  .hucial-pwa-update__icon svg{width:22px;height:22px}
  .hucial-pwa-update__copy strong{font-size:.84rem!important}
  .hucial-pwa-update__copy small{font-size:.66rem!important}
  .hucial-pwa-update__apply{min-width:112px!important;padding:.5rem .58rem!important;font-size:.75rem!important}
  .hucial-pwa-update__later{width:42px!important;min-width:42px!important;height:42px!important}
}
@media(max-width:390px){
  .hucial-pwa-update{grid-template-columns:38px minmax(0,1fr) 104px 40px!important;gap:.32rem!important;padding:.5rem .46rem!important}
  .hucial-pwa-update__icon{width:38px;height:38px;border-radius:12px}
  .hucial-pwa-update__copy strong{font-size:.78rem!important}
  .hucial-pwa-update__copy small{display:none!important}
  .hucial-pwa-update__apply{min-width:104px!important;font-size:.71rem!important;padding-inline:.42rem!important}
  .hucial-pwa-update__later{width:40px!important;min-width:40px!important;height:40px!important}
}
@media(max-width:340px){
  .hucial-pwa-update{grid-template-columns:36px minmax(0,1fr) 96px!important;grid-template-areas:"icon copy apply" "icon copy later"!important;min-height:78px!important}
  .hucial-pwa-update__icon{grid-area:icon;width:36px;height:36px}.hucial-pwa-update__copy{grid-area:copy}.hucial-pwa-update__apply{grid-area:apply;min-width:96px!important}.hucial-pwa-update__later{grid-area:later;justify-self:end;width:40px!important;min-width:40px!important;height:32px!important;min-height:32px!important}
}
@media(min-width:760px){
  .hucial-pwa-update{min-height:76px!important;padding:.7rem .82rem!important;grid-template-columns:48px minmax(0,1fr) 138px 46px!important;gap:.72rem!important}
  .hucial-pwa-update__icon{width:48px;height:48px;border-radius:15px}.hucial-pwa-update__icon svg{width:25px;height:25px}
  .hucial-pwa-update__apply{min-width:138px!important;font-size:.82rem!important}.hucial-pwa-update__later{width:46px!important;min-width:46px!important;height:46px!important}
}
@media(prefers-reduced-motion:reduce){.hucial-pwa-update,.hucial-pwa-update *{animation:none!important;transition:none!important}}
@media(forced-colors:active){
  .hucial-pwa-update{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}
  .hucial-pwa-update::before,.hucial-pwa-update::after{display:none!important}
  .hucial-pwa-update__icon,.hucial-pwa-update__apply,.hucial-pwa-update__later{border:2px solid ButtonText!important;background:ButtonFace!important;color:ButtonText!important}
}

/* Hucial 261.0.208.2 — aucun cadre de lien d'évitement sur interface tactile/WebView.
   Les liens restent dans le DOM et réapparaissent uniquement après une vraie navigation clavier. */
@media (hover:none) and (pointer:coarse){
  html:not([data-hucial-keyboard-nav="1"]) .skip-links{display:none!important}
  html[data-hucial-keyboard-nav="1"] .skip-links{display:block!important}
}

/* ===== SOURCE: hucial-pwa-v162.css | sha256:a3cefba58a7b19d6970b03fe8ec5b36b933819ae2377ca27dbcb301082fbccef ===== */
/* Hucial 261.0.162 — PWA Engine 2.0 */
.hucial-pwa-network{position:fixed;z-index:10050;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));margin:auto;max-width:720px;padding:.7rem 1rem;border:1px solid rgba(8,118,110,.28);border-radius:16px;background:rgba(247,252,250,.97);color:#123d38;font-weight:800;text-align:center;box-shadow:0 10px 35px rgba(9,61,57,.13);backdrop-filter:blur(12px)}
.hucial-pwa-network.is-offline{border-color:rgba(141,82,27,.35);background:rgba(255,250,241,.98);color:#70451e}
@media(forced-colors:active){.hucial-pwa-network{border:2px solid CanvasText;background:Canvas;color:CanvasText}}
@media(prefers-reduced-transparency:reduce){.hucial-pwa-network{backdrop-filter:none;background:#fff}}

/* ===== SOURCE: hucial-pwa-v163.css | sha256:518a7af3b0ad151301668b877d140bc5ee37d0202ae85da2fece365a99ab4962 ===== */
/* Hucial 261.0.163 — PWA Ultra : rendu progressif, transitions sobres, desktop/iOS/Android. */
@supports (content-visibility:auto){
  [data-feed] > .social-post,
  [data-feed] > article,
  .public-page-post,
  .hucial-page-post,
  .discover-card{
    content-visibility:auto;
    contain-intrinsic-size:auto 780px;
  }
}
@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:140ms;animation-timing-function:ease-out;}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important;}}
html[data-pwa-save-data="1"] .ambient{display:none!important;}
html[data-pwa-save-data="1"] video:not([data-user-playing]){background-image:none!important;}
@media (max-width:430px){[data-feed] > .social-post,[data-feed] > article{contain-intrinsic-size:auto 920px;}}

/* ===== SOURCE: hucial-pwa-v164.css | sha256:1c21d49d0ff6562a818472d3401d1526daf4df1e57f3f551372a035a98767428 ===== */
/* Hucial 261.0.164 — Native Experience */
.passkey-hub{max-width:860px;margin-inline:auto}.passkey-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.passkey-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:14px}.passkey-list small{display:block;color:var(--muted);margin-top:.2rem}.passkey-login-button{width:100%;margin-top:.75rem;background:transparent;color:var(--accent,var(--teal));border:1.5px solid currentColor;min-height:44px}.passkey-login-button:hover{background:color-mix(in srgb,var(--accent,var(--teal)) 8%,transparent)}
@media(max-width:560px){.passkey-list li{align-items:stretch;flex-direction:column}.passkey-list form,.passkey-list button{width:100%}}