/* v7: passwordless sign-in, membership sheet, paywall (loaded after glass.css) */
#go-magic,#pw-cta{
  width:100%;margin-top:8px;padding:15px 16px;border:none !important;border-radius:999px !important;cursor:pointer;
  font:inherit;font-size:16px !important;font-weight:600 !important;
  background:rgba(255,255,255,0.93) !important;color:#0f1320 !important;box-shadow:0 8px 24px -10px rgba(0,0,0,.6) !important;}
#go-magic:disabled,#pw-cta:disabled{opacity:.6;cursor:progress;}
.magic-row{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;}
.or-line{margin:4px 0 0 !important;line-height:1.5;padding:0 !important;}
#go-auth{background:transparent !important;color:#e8eef6 !important;border:1px solid rgba(255,255,255,.28) !important;}
.mb-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mb-badge{flex:none;font-size:12.5px;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:999px;
  background:rgba(127,227,255,.14);color:#cdf3ff;border:1px solid rgba(127,227,255,.34);white-space:nowrap;}
.mb-badge.mb-canceling,.mb-badge.mb-lapsed,.mb-badge.mb-none{background:rgba(255,255,255,.08);color:#dfe6f0;border-color:rgba(255,255,255,.2);}
.mb-badge.mb-past_due{background:rgba(255,157,157,.14);color:#ffc9c9;border-color:rgba(255,157,157,.4);}
.mb-line{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:#e8eef6;}
.mb-flash{font-size:15px;line-height:1.55;color:#e6f9ff;background:rgba(127,227,255,.12) !important;border:1px solid rgba(127,227,255,.32) !important;}
.mb-q{margin:12px 0 8px;font-size:14px;color:#c8d2e0;}
.mb-reasons{display:flex;flex-wrap:wrap;gap:8px;}
.mb-reason{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#e8eef6;
  border-radius:999px;padding:8px 13px;font:inherit;font-size:13.5px;cursor:pointer;}
.mb-reason.on{background:rgba(127,227,255,.18);border-color:rgba(127,227,255,.55);color:#fff;}
.hero-btn.mb-danger{background:rgba(255,157,157,.16) !important;color:#ffe0e0 !important;border:1px solid rgba(255,157,157,.5) !important;}
.sk-col .sc p.muted.small{padding:0;}
.sk-col .sc a{color:#9fe8ff;}
.paywall .pw-eyebrow{font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;letter-spacing:.14em;font-weight:600;color:#7fe3ff;margin:0 0 10px;text-transform:uppercase;}
.paywall .pw-title{font-family:var(--serif,"Fraunces",Georgia,serif);font-weight:600;font-size:30px;line-height:1.1;color:#fff;margin:0;}
.paywall .pw-body{font-size:16px;line-height:1.6;color:#dfe6f0;margin:14px 0 14px;}
.paywall .pw-list{margin:0 0 14px;padding-left:20px;color:#c6cfdc;line-height:1.7;font-size:15px;}
.paywall .muted.small{padding:0 !important;margin:10px 0 0;}
.paywall a{color:#9fe8ff;cursor:pointer;}

/* "What I'd bet on": the falsifier line under each bet */
.rcard-bets p{margin:0 0 6px;}
.wrong-if{font-size:13.5px;color:var(--sk-mute,rgba(228,236,246,.56));margin:0 0 14px !important;padding-left:12px;border-left:2px solid rgba(255,255,255,.18);}
.wrong-if span{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px;margin-right:6px;}

/* memory as dated facts (2026-09-25) */
.ms-facts { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.ms-group .sk-mini { margin-bottom: 4px; opacity: .7; }
.ms-fact { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid rgba(20,26,43,.08); }
.ms-fact:first-of-type { border-top: 0; }
.ms-fact-text { font-size: 15px; line-height: 1.4; }
.ms-fact.quiet .ms-fact-text, .ms-fact.closed .ms-fact-text { opacity: .55; }
.ms-when { font-size: 12px; opacity: .55; white-space: nowrap; margin-left: 6px; }
.ms-act { flex: none; font-size: 12px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(20,26,43,.18); background: transparent; color: inherit; cursor: pointer; }
.ms-act:disabled { opacity: .4; }
.ms-tell { margin-top: 14px; }
.ms-tell textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(20,26,43,.18); font: inherit; resize: vertical; }
.ci-q .ci-q-text { font-size: 16px; line-height: 1.4; margin: 8px 0 4px; }

/* language switch (2026-10-05): "English | Português", each name in its own language.
   One component everywhere: under the masthead (sign-in, reset, paywall), the You tab
   row, the memory sheet's Account card. i18n.js handles the taps (data-set-lang). */
.lang-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.lang-seg button{-webkit-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:600;
  letter-spacing:.01em;line-height:1;padding:8px 13px;min-height:32px;margin:0;width:auto;
  border:0 !important;border-radius:999px;background:transparent !important;color:rgba(228,236,246,.74) !important;
  box-shadow:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background .15s ease,color .15s ease;}
.lang-seg button.on{background:rgba(255,255,255,.93) !important;color:#0f1320 !important;cursor:default;}
.lang-seg button:disabled:not(.on){opacity:.55;}
.lang-seg button:focus-visible{outline:2px solid rgba(127,227,255,.75);outline-offset:1px;}
.masthead .lang-top{margin-top:18px;}
.on-dash .masthead .lang-top{display:none;}
/* the You tab row: label + current language on the left, the switch on the right */
.you-lang{gap:12px;cursor:default;}
.you-lang .lang-seg{flex:none;}
/* the memory sheet's Account card */
.ms-lang{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);}
.ms-lang-k{font-size:14.5px;color:var(--sk-ink);}
/* three languages (2026-10-05): "English | Português | Español". A phone can't hold a
   label and three pills side by side, so in the You-tab row and the memory sheet the
   switch takes its own full-width line under the label: three equal pills that never
   wrap a name. The masthead switch keeps its natural width, centred. */
.lang-seg button{white-space:nowrap;}
.you-lang{flex-wrap:wrap;row-gap:12px;}
.you-lang .lang-seg,.ms-lang .lang-seg{flex:1 1 100%;display:flex;}
.you-lang .lang-seg button,.ms-lang .lang-seg button{flex:1 1 0;min-width:0;padding-left:4px;padding-right:4px;}
/* "Where today supports you": a longer area name ("Creatividad") may reach past the
   radar's own box into the card's padding instead of being cut (EN / PT never do) */
.sky-radar svg{overflow:visible;}
/* 2026-10-08: the birth date and time inputs share one row; on a phone the time input's own
   minimum width pushed it past the card. Let both shrink to their half of the row. */
form .row.split label{min-width:0;}
form .row.split input{min-width:0;max-width:100%;}