/*!
 * gos:methodik-reminder v1.0
 * Wizard-CTA-Reminder Side-Bubble auf Methodik-Pages
 * Erscheint NUR wenn:
 *   - User noch nicht berechnet hat (localStorage gos.wizard.snapshot.v1 fehlt)
 *   - In dieser Session noch nicht gezeigt (sessionStorage gos.muxs.reminder.shown)
 *   - Nicht im 30-Tage-Dismiss (localStorage gos.muxs.reminder.dismissed.until)
 *
 * Brand-DNA: Glas-Style + Amber-Border, Anti-Reactance-Microcopy.
 * Touch-Target: 44pt, WCAG 2.2 AA.
 */
.gos-meth-reminder{
  position:fixed;
  right:clamp(12px, 3vw, 24px);
  bottom:clamp(20px, 4vw, 32px);
  z-index:80;
  max-width:360px;
  width:calc(100vw - 32px);
  padding:18px 20px;
  background:linear-gradient(135deg,rgba(18,28,46,0.94) 0%,rgba(14,22,38,0.92) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(245,158,11,0.32);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),
             0 12px 36px rgba(0,0,0,0.42),
             0 0 0 1px rgba(245,158,11,0.10);
  color:var(--text,#eaf2ff);
  font-family:var(--ff-body,'Inter',system-ui,sans-serif);
  font-size:14px;
  line-height:1.55;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .35s cubic-bezier(.22,.61,.36,1),transform .42s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.gos-meth-reminder.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.gos-meth-reminder-close{
  position:absolute;
  top:8px;
  right:8px;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:none;
  border:none;
  border-radius:8px;
  color:var(--text-dim,#94a3b8);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.gos-meth-reminder-close:hover,
.gos-meth-reminder-close:focus-visible{
  background:rgba(255,255,255,.06);
  color:var(--text,#eaf2ff);
  outline:none;
}
.gos-meth-reminder-body{
  margin:0 22px 14px 0;
  color:var(--text,#eaf2ff);
  font-size:14px;
  line-height:1.55;
}
.gos-meth-reminder-body strong{
  color:var(--acc,#f59e0b);
  font-weight:600;
}
.gos-meth-reminder-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:44px;
  padding:11px 16px;
  background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);
  color:#0b0705;
  font-weight:700;
  font-size:14px;
  border:none;
  border-radius:10px;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(245,158,11,0.28);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.gos-meth-reminder-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 8px 24px rgba(245,158,11,0.32);
}
.gos-meth-reminder-cta:active{
  transform:translateY(0);
  filter:brightness(.95);
}
@media (max-width:768px){
  .gos-meth-reminder{
    bottom:80px; /* ueber der Mobile-Bottom-Nav */
    right:12px;
    left:12px;
    width:auto;
    max-width:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .gos-meth-reminder{
    transition:opacity .15s ease;
    transform:none;
  }
  .gos-meth-reminder.is-visible{
    transform:none;
  }
  .gos-meth-reminder-cta{
    transition:none;
  }
  .gos-meth-reminder-cta:hover{
    transform:none;
  }
}
@media (prefers-reduced-transparency){
  .gos-meth-reminder{
    background:rgba(18,28,46,0.98);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}