.header-tools{gap:14px}.preference-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;--ink:var(--text,#30213f);--pink:#ff784f}
.preference-controls button{margin:0}.language-switcher{z-index:60}
.language-trigger{border-color:var(--ink);box-shadow:2px 2px #30213f}.language-trigger strong{font:inherit}
.language-panel{border-color:var(--ink)}.language-panel-header>strong{color:var(--ink)}
.language-trigger:focus-visible,.language-option:focus-visible,.language-close:focus-visible,.my-dares-link:focus-visible,.theme-toggle:focus-visible{outline:3px solid var(--text,#30213f);outline-offset:3px}
.language-options{list-style:none;margin:0;padding:0}.language-trigger[hidden]{display:none}.language-panel{overscroll-behavior:contain}
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:10px;margin:0;border:1.5px solid var(--line);border-radius:50%;color:var(--text,#30213f);background:var(--surface,#fff);box-shadow:2px 2px #30213f;cursor:pointer}
.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:color-mix(in srgb,var(--surface,#fff) 85%,#a888f8)}
.theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-sun{display:block}:root[data-theme=dark] .theme-toggle .theme-moon{display:none}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:12px;height:auto;padding-block:18px}.site-header>nav{order:3;flex-basis:100%;justify-content:center}.header-tools{margin-left:auto}}
@media(max-width:700px){.site-header{column-gap:8px}.header-tools{gap:10px}.preference-controls{gap:8px}.site-header .brand{font-size:17px}.site-header .brand img{width:35px;height:35px}.site-header .brand-light{font-size:9px;letter-spacing:.3em}.site-header>nav{overflow:auto;justify-content:space-between;gap:7px}.site-header .brand{gap:7px}}
@media(max-width:360px){.site-header .brand img{display:none}.site-header>nav{font-size:10px}}

/* Original DareTap Mes Dares flame and embers (public.css), reused without its notification service. */
.my-dares-link {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.65rem;
  white-space: nowrap;
}

.my-dares-link__flame {
  position: relative;
  display: inline-block;
  font-size: 1.95rem;
  line-height: 1;
  transform-origin: 50% 100%;
  animation: my-dares-flame-live 1.15s steps(3, end) infinite alternate;
}

.my-dares-link__flame::after {
  position: absolute;
  top: -3px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffdb61;
  box-shadow: 11px -4px 0 -1px #ff8751;
  content: '';
  pointer-events: none;
  animation: my-dares-embers 1.6s ease-out infinite;
}

@keyframes my-dares-flame-live {
  0% { transform: scale(1, 0.98); filter: drop-shadow(0 0 3px rgba(255, 110, 45, 0.48)); }
  35% { transform: scale(0.98, 1.08); filter: drop-shadow(0 0 7px rgba(255, 123, 38, 0.75)); }
  100% { transform: scale(0.99, 1.11); filter: drop-shadow(0 0 8px rgba(255, 149, 44, 0.82)); }
}

@keyframes my-dares-embers {
  0% { opacity: 0; transform: translateY(5px) scale(0.75); }
  25% { opacity: 0.9; }
  100% { opacity: 0; transform: translateY(-10px) scale(1.05); }
}


.my-dares-link{border-radius:12px;text-decoration:none}.my-dares-link[aria-current=page]{background:color-mix(in srgb,var(--surface) 80%,#ffbd44)}
@media(prefers-reduced-motion:reduce){.my-dares-link__flame,.my-dares-link__flame::after{animation:none}.my-dares-link__flame::after{display:none}}
@media(max-width:360px){.preference-controls{gap:6px}}