/* AUTH-BUILD-1028 · fs-auth-d3-1028.css — the Design 3 auth doors (founder picks, 28 Oct 2026).
   Built FROM AUTH-REDESIGN-1028/kit/auth.css (the approved mockups' own sheet): the same tokens, sizes and radii, mapped
   onto the LIVE markup (fs_auth_page's .auth/.af-* classes, the /recover walk's tokens) plus the d3a-* card pages.
   Scheme (P8): DARK is the default — "dark when the device says nothing" — and the light twin applies when the device
   asks for light (data-fs-scheme=auto) or the lead forces it (data-fs-scheme=light). Every rule is scoped to
   html[data-fs-d3] so nothing outside the auth doors can match. 8 px controls, 12 px cards, no pills, one pink. */
html[data-fs-d3]{
 --fs3-r:8px;--fs3-r-card:12px;
 --fs3-primary:#ccccff;--fs3-primary-hover:#dcdcff;--fs3-on-primary:#1d1e2b;
 --fs3-page:#0c1320;--fs3-surface:#1d1e2b;--fs3-surface-2:#191a26;--fs3-sunk:#151622;--fs3-line:#2a2b3e;--fs3-line-2:#33344b;
 --fs3-ink:#f3f3f8;--fs3-ink-2:#c5c6d6;--fs3-ink-3:#9b9db4;--fs3-violet:#615dfa;--fs3-violet-ink:#9a97ff;--fs3-violet-soft:#1a2041;
 --fs3-pink:#ff2e93;--fs3-pink-ink:#ff5aa9;--fs3-green:#4ade80;--fs3-green-soft:#12301f;
 --fs3-amber:#f5b54a;--fs3-amber-soft:#30240f;--fs3-red:#ff8a80;--fs3-red-soft:#3a1a1c;
 --d3a-on-pink:#16171f;--d3a-field:#151622;--d3a-focus:#9a97ff;--d3a-form-bg:#151622;
 --d3a-shadow:0 1px 2px rgba(0,0,0,.3),0 16px 40px -18px rgba(0,0,0,.7);
 --d3a-panel:#0c1320;--d3a-panel-ink:#f3f3f8;--d3a-panel-ink-2:#c5c6d6;
 --d3a-ease:cubic-bezier(.2,.8,.2,1);
 color-scheme:dark;
 /* the /recover walk's own sheets (fs-recover-0925/0927) are written against the sign-in door's --a-* tokens: they are
    re-pointed here, so the walk takes the family skin without one of its rules being edited (founder ruling 28 Oct). */
 --a-bg:var(--fs3-page);--a-surface:var(--fs3-surface);--a-surface-2:var(--fs3-surface-2);--a-line:var(--fs3-line);--a-line-2:var(--fs3-line-2);
 --a-ink:var(--fs3-ink);--a-ink-2:var(--fs3-ink-2);--a-muted:var(--fs3-ink-3);--a-muted-2:var(--fs3-ink-2);
 --a-brand:var(--fs3-violet-ink);--a-brand-h:var(--fs3-primary);--a-accent:var(--fs3-violet-ink);--a-or:var(--fs3-ink-3);--a-r:8px;
 --ap-bg:var(--fs3-page);--ap-bg-2:var(--fs3-surface-2);
 --fsc-ok:var(--fs3-green);--fsc-warn:var(--fs3-amber);--fsc-ink:var(--fs3-ink);--fsc-muted:var(--fs3-ink-3);--fsc-muted-2:var(--fs3-ink-2);--fsc-violet:var(--fs3-violet-ink);--fsc-violet-2:var(--fs3-violet-ink)
}
html[data-fs-d3][data-fs-scheme=light]{
 --fs3-primary-hover:#c4c4f5;--fs3-page:#f4f5fb;--fs3-surface:#fff;--fs3-surface-2:#f8f9fd;--fs3-sunk:#eff0f7;--fs3-line:#e6e8ef;--fs3-line-2:#dbdbea;
 --fs3-ink:#16171f;--fs3-ink-2:#3f4054;--fs3-ink-3:#62647c;--fs3-violet-ink:#4f4ae6;--fs3-violet-soft:#ebeafe;
 --fs3-pink:#e5006f;--fs3-pink-ink:#c4005f;--fs3-green:#0d7a43;--fs3-green-soft:#e3f6ea;
 --fs3-amber:#8a5300;--fs3-amber-soft:#fdf1dc;--fs3-red:#b42318;--fs3-red-soft:#fdebe9;
 --d3a-on-pink:#fff;--d3a-field:#fff;--d3a-focus:#615dfa;--d3a-form-bg:#f4f5fb;
 --d3a-shadow:0 1px 2px rgba(22,23,31,.04),0 8px 28px -12px rgba(22,23,31,.12);color-scheme:light
}
@media (prefers-color-scheme:light){html[data-fs-d3][data-fs-scheme=auto]{
 --fs3-primary-hover:#c4c4f5;--fs3-page:#f4f5fb;--fs3-surface:#fff;--fs3-surface-2:#f8f9fd;--fs3-sunk:#eff0f7;--fs3-line:#e6e8ef;--fs3-line-2:#dbdbea;
 --fs3-ink:#16171f;--fs3-ink-2:#3f4054;--fs3-ink-3:#62647c;--fs3-violet-ink:#4f4ae6;--fs3-violet-soft:#ebeafe;
 --fs3-pink:#e5006f;--fs3-pink-ink:#c4005f;--fs3-green:#0d7a43;--fs3-green-soft:#e3f6ea;
 --fs3-amber:#8a5300;--fs3-amber-soft:#fdf1dc;--fs3-red:#b42318;--fs3-red-soft:#fdebe9;
 --d3a-on-pink:#fff;--d3a-field:#fff;--d3a-focus:#615dfa;--d3a-form-bg:#f4f5fb;
 --d3a-shadow:0 1px 2px rgba(22,23,31,.04),0 8px 28px -12px rgba(22,23,31,.12);color-scheme:light
}}
html[data-fs-d3] *{box-sizing:border-box}
html[data-fs-d3],html[data-fs-d3] body{margin:0}
html[data-fs-d3] body{background:var(--fs3-page);color:var(--fs3-ink);font:400 15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
html[data-fs-d3] :is(.auth,.d3a-wrap) a{color:var(--fs3-violet-ink);font-weight:600;text-decoration:none}
html[data-fs-d3] :is(.auth,.d3a-wrap) a:hover{text-decoration:underline}
html[data-fs-d3] :focus-visible{outline:2px solid var(--d3a-focus);outline-offset:2px}
html[data-fs-d3] .d3a-ic{width:18px;height:18px;flex:none;vertical-align:middle}
html[data-fs-d3] .d3a-ic-sm{width:16px;height:16px}
html[data-fs-d3] .d3a-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* logo — the served files, swapped by scheme (white on dark, colour on light) */
html[data-fs-d3] .d3a-logo{display:block;height:30px;width:auto}
html[data-fs-d3] .d3a-logo-l{display:none}
html[data-fs-d3][data-fs-scheme=light] .d3a-logo-l{display:block}html[data-fs-d3][data-fs-scheme=light] .d3a-logo-d{display:none}
@media (prefers-color-scheme:light){html[data-fs-d3][data-fs-scheme=auto] .d3a-logo-l{display:block}html[data-fs-d3][data-fs-scheme=auto] .d3a-logo-d{display:none}}
html[data-fs-d3] .auth-brand .d3a-logo-p{display:block}

/* ── type ─────────────────────────────────────────────────────────────────────────────────────── */
html[data-fs-d3] h1,html[data-fs-d3] .af-h{font:800 28px/1.15 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;margin:0 0 8px;color:var(--fs3-ink)}
html[data-fs-d3] .af-sub,html[data-fs-d3] .d3a-sub{color:var(--fs3-ink-2);margin:0 0 24px;font-size:15px;line-height:1.55}
html[data-fs-d3] .af-kicker,html[data-fs-d3] .d3a-kicker{font:700 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--fs3-ink-3);margin:0 0 12px}
html[data-fs-d3] .d3a-h2{font:700 17px/1.3 "Inter Tight",Inter,sans-serif;margin:0 0 6px;color:var(--fs3-ink)}

/* ── layout A: the calm centred door ──────────────────────────────────────────────────────────── */
html[data-fs-d3] .d3a-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 16px 24px}
html[data-fs-d3] .d3a-col{width:100%;max-width:420px}
html[data-fs-d3] .d3a-col.d3a-wide{max-width:520px}
html[data-fs-d3] .d3a-top{display:flex;justify-content:center;margin:0 0 28px}
html[data-fs-d3] .d3a-card{background:var(--fs3-surface);border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);padding:32px;box-shadow:var(--d3a-shadow)}
html[data-fs-d3][data-d3-layout=a] .auth{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:48px 16px 24px}
html[data-fs-d3][data-d3-layout=a] .auth-brand{display:none}
html[data-fs-d3][data-d3-layout=a] .auth-form{width:100%;max-width:420px;display:block;padding:0;background:none}
html[data-fs-d3][data-d3-layout=a][data-d3-wide] .auth-form{max-width:520px}
html[data-fs-d3][data-d3-layout=a] .af-card{background:var(--fs3-surface);border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);padding:32px;box-shadow:var(--d3a-shadow);max-width:none;width:100%}
html[data-fs-d3][data-d3-layout=a] .d3a-after{max-width:none}

/* ── layout B: the split door with the brand moment ──────────────────────────────────────────── */
html[data-fs-d3][data-d3-layout=b] .auth{min-height:100vh;display:grid;grid-template-columns:minmax(420px,5fr) 6fr}
html[data-fs-d3][data-d3-layout=b] .auth-brand{position:relative;overflow:hidden;background:var(--d3a-panel);color:var(--d3a-panel-ink);padding:40px 48px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;max-height:100vh}
html[data-fs-d3][data-d3-layout=b] .auth-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;background:var(--d3a-form-bg)}
html[data-fs-d3][data-d3-layout=b] .af-card{width:100%;max-width:440px;background:none;border:0;padding:0;box-shadow:none}
html[data-fs-d3][data-d3-layout=b][data-d3-wide] .af-card{max-width:520px}
html[data-fs-d3] .d3a-after{width:100%;max-width:440px}
html[data-fs-d3][data-d3-wide] .d3a-after{max-width:520px}
html[data-fs-d3] .d3a-bp-top,html[data-fs-d3] .d3a-bp-mid{position:relative;z-index:2}
html[data-fs-d3] .d3a-bp-mid{margin:auto 0;max-width:440px}
html[data-fs-d3] .d3a-big{font:800 40px/1.08 "Inter Tight",Inter,sans-serif;letter-spacing:-.025em;margin:22px 0 14px;color:var(--d3a-panel-ink)}
html[data-fs-d3] .d3a-say{font-size:16.5px;line-height:1.55;color:var(--d3a-panel-ink-2);margin:0}
html[data-fs-d3] .d3a-say b{color:var(--d3a-panel-ink)}
html[data-fs-d3] .d3a-blist{list-style:none;padding:0;margin:22px 0 0}
html[data-fs-d3] .d3a-blist li{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;color:var(--d3a-panel-ink-2);font-size:15px}
html[data-fs-d3] .d3a-blist b{color:var(--d3a-panel-ink)}
html[data-fs-d3] .d3a-blist .d3a-ic{color:#a3a0ff;margin-top:2px}
html[data-fs-d3] .d3a-ribbon{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;padding:10px 12px;border-radius:var(--fs3-r);background:rgba(163,160,255,.12);color:var(--d3a-panel-ink-2);font-size:13.5px;line-height:1.5}
html[data-fs-d3] .d3a-ribbon b{color:var(--d3a-panel-ink)}
html[data-fs-d3] .d3a-ribbon .d3a-ic{color:#a3a0ff;margin-top:1px}
html[data-fs-d3] .d3a-hexbird{width:84px;height:94px;position:relative}
html[data-fs-d3] .d3a-hexbird svg{position:absolute;inset:0;width:100%;height:100%}
html[data-fs-d3] .d3a-hexbird img{position:absolute;left:50%;top:50%;width:52%;height:auto;transform:translate(-50%,-50%)}
html[data-fs-d3] .d3a-quiet{position:absolute;inset:0;z-index:1;pointer-events:none}
html[data-fs-d3] .d3a-quiet .g{position:absolute;inset:-20%;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'><path d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 34 55 49.5v31L28 96 1 80.5v-31z' fill='none' stroke='%23c5c6ff' stroke-width='1'/></svg>");animation:d3a-drift 60s linear infinite}
html[data-fs-d3] .d3a-quiet .glow{position:absolute;width:640px;height:640px;left:-120px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(97,93,250,.32),rgba(97,93,250,0) 65%);animation:d3a-breathe 9s ease-in-out infinite}
html[data-fs-d3] .d3a-quiet .glow2{position:absolute;width:420px;height:420px;right:-140px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(229,0,111,.16),rgba(229,0,111,0) 65%);animation:d3a-breathe 12s ease-in-out infinite reverse}
html[data-fs-d3] .d3a-quiet .trace{position:absolute;left:0;right:0;top:62%;height:1px;background:linear-gradient(90deg,transparent,rgba(163,160,255,.35),transparent);animation:d3a-sweep 7s var(--d3a-ease) infinite}
@keyframes d3a-drift{to{transform:translate3d(56px,97px,0)}}
@keyframes d3a-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}
@keyframes d3a-sweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){html[data-fs-d3] .d3a-quiet *{animation:none!important}}

/* ── fields ───────────────────────────────────────────────────────────────────────────────────── */
html[data-fs-d3] .af-g,html[data-fs-d3] .d3a-field{margin:0 0 16px}
html[data-fs-d3] .af-g>label,html[data-fs-d3] .d3a-field>label,html[data-fs-d3] .d3a-lab{display:block;font:600 14px/1.3 Inter,sans-serif;color:var(--fs3-ink);margin:0 0 6px}
html[data-fs-d3] .af-g input:not([type=checkbox]):not([type=hidden]),html[data-fs-d3] .af-g select,html[data-fs-d3] .af-g textarea,html[data-fs-d3] .d3a-inp{width:100%;height:46px;padding:0 14px;border:1px solid var(--fs3-line-2);border-radius:var(--fs3-r);background:var(--d3a-field);color:var(--fs3-ink);font:400 15.5px Inter,sans-serif;box-shadow:none;outline:none;transition:border-color .14s,box-shadow .14s}
html[data-fs-d3] .af-g input[readonly]{background:var(--fs3-sunk)!important;color:var(--fs3-ink-2)!important}
html[data-fs-d3] .af-g textarea{height:auto;min-height:72px;padding:12px 14px;resize:vertical;line-height:1.5}
html[data-fs-d3] .af-g select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fs3-ink-3) 50%),linear-gradient(135deg,var(--fs3-ink-3) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat}
html[data-fs-d3] .af-g input::placeholder,html[data-fs-d3] .af-g textarea::placeholder,html[data-fs-d3] .d3a-inp::placeholder{color:var(--fs3-ink-3);opacity:1}
html[data-fs-d3] .af-g input:focus,html[data-fs-d3] .af-g select:focus,html[data-fs-d3] .af-g textarea:focus,html[data-fs-d3] .d3a-inp:focus{border-color:var(--d3a-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--d3a-focus) 28%,transparent)}
html[data-fs-d3] .af-g input[aria-invalid=true]{border-color:var(--fs3-red)}
html[data-fs-d3] .af-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html[data-fs-d3] .af-row .af-g{margin-bottom:16px}
html[data-fs-d3] .d3a-help,html[data-fs-d3] .af-g .d3a-help{font-size:13px;line-height:1.5;color:var(--fs3-ink-3);margin:6px 0 0}
html[data-fs-d3] .d3a-fielderr{font-size:13px;color:var(--fs3-red);margin:6px 0 0;display:flex;gap:6px;align-items:center;font-weight:600}
html[data-fs-d3] .d3a-lrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px}
html[data-fs-d3] .d3a-lrow label{margin:0}
/* show / hide (P4) — the button is injected by fs-auth-d3-1028.js beside every password field */
html[data-fs-d3] .d3a-pw{position:relative}
html[data-fs-d3] .d3a-pw input{padding-right:86px!important}
html[data-fs-d3] .d3a-eye{position:absolute;right:6px;top:6px;height:34px;padding:0 10px;display:flex;align-items:center;gap:6px;border:0;border-radius:6px;background:transparent;color:var(--fs3-ink-2);font:600 13px Inter,sans-serif;cursor:pointer}
html[data-fs-d3] .d3a-eye:hover{background:var(--fs3-sunk)}
html[data-fs-d3] .d3a-eye .d3a-ic{width:16px;height:16px}
/* the @handle box */
html[data-fs-d3] .af-handle{display:flex;align-items:center;border:1px solid var(--fs3-line-2);border-radius:var(--fs3-r)!important;background:var(--d3a-field);height:46px;padding:0 10px 0 14px}
html[data-fs-d3] .af-handle:focus-within{border-color:var(--d3a-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--d3a-focus) 28%,transparent)}
html[data-fs-d3] .af-handle .af-at{color:var(--fs3-ink-3);font-weight:600}
html[data-fs-d3] .af-g .af-handle input{border:0!important;height:44px;padding:0 0 0 2px;background:transparent;box-shadow:none!important}
html[data-fs-d3] .af-handle .af-flag{font-weight:700}
html[data-fs-d3] .af-handle-msg{font-size:13px;line-height:1.5;color:var(--fs3-ink-3);margin:6px 0 0;font-weight:600}
html[data-fs-d3] .af-handle-msg[data-st=ok]{color:var(--fs3-green)}
html[data-fs-d3] .af-handle-msg[data-st=bad]{color:var(--fs3-red)}
/* the three optional questions (step 2) */
html[data-fs-d3] .af-qs{margin:0 0 18px;padding:0;border:0;background:none;counter-reset:afq}
html[data-fs-d3] .af-qs>.af-qh{font:700 17px/1.3 "Inter Tight",Inter,sans-serif;color:var(--fs3-ink);margin:0 0 4px}
html[data-fs-d3] .af-qs>.af-qs-sub{font-size:14px;line-height:1.5;color:var(--fs3-ink-2);margin:0 0 18px}
html[data-fs-d3] .af-q{counter-increment:afq;position:relative;padding:14px 14px 4px 46px;margin:0 0 12px;border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);background:var(--fs3-surface)}
html[data-fs-d3][data-d3-layout=a] .af-q{background:var(--fs3-surface-2)}
html[data-fs-d3] .af-q::before{content:counter(afq);position:absolute;left:14px;top:15px;width:22px;height:22px;border-radius:6px;background:var(--fs3-violet-soft);color:var(--fs3-violet-ink);font:700 12px/22px Inter,sans-serif;text-align:center}
html[data-fs-d3] .af-q>.af-ql{display:block;font:600 14px/1.4 Inter,sans-serif;color:var(--fs3-ink);margin:0 0 10px}
html[data-fs-d3] .af-q .af-g{margin-bottom:12px}
html[data-fs-d3] .af-q .af-g>label{font-size:13px;font-weight:600;color:var(--fs3-ink-2)}
html[data-fs-d3] .af-qopt{font-size:12px;font-weight:500;color:var(--fs3-ink-3);opacity:1}
/* the boxes (Terms + 18+, affiliate, referrer share) — rows, not boxes, directly above the button */
html[data-fs-d3] .af-assent{margin:0 0 12px;padding:0;border:0;background:none;border-radius:0}
html[data-fs-d3] .af-assent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:0;font:400 14px/1.5 Inter,sans-serif;color:var(--fs3-ink-2)}
html[data-fs-d3] .af-assent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--fs3-violet);cursor:pointer}
html[data-fs-d3] .af-assent .at{font-size:14px;line-height:1.5;color:var(--fs3-ink-2);font-weight:400}
html[data-fs-d3] .af-assent--age .at{color:var(--fs3-ink-2);font-weight:400}
html[data-fs-d3] .af-assent .at a{color:var(--fs3-violet-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
html[data-fs-d3] .af-assent .av{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--fs3-ink-3)}
html[data-fs-d3] .af-assent .av a{color:var(--fs3-ink-3);text-decoration:underline;font-weight:500}
html[data-fs-d3] .af-assent--enrol .af-enrol-benefit{margin:4px 0 0 28px!important;font:400 12.5px/1.5 Inter,sans-serif!important;color:var(--fs3-ink-3)!important}
html[data-fs-d3] .af-assent--enrol label{color:var(--fs3-ink-2)}
html[data-fs-d3] .af-why{font-size:13px;color:var(--fs3-ink-3);margin:8px 0 0;text-align:center;line-height:1.5}

/* ── buttons — 8 px, never pills; .af-btn / .d3a-btn-pink is the ONE pink ─────────────────────── */
html[data-fs-d3] .af-btn,html[data-fs-d3] .d3a-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:var(--fs3-r);border:1px solid transparent;font:700 15.5px Inter,sans-serif;cursor:pointer;text-decoration:none!important;padding:0 16px;margin:6px 0 0;box-shadow:none;filter:none;transition:background .14s}
html[data-fs-d3] .af-btn,html[data-fs-d3] .d3a-btn-pink{background:var(--fs3-pink);color:var(--d3a-on-pink)}
html[data-fs-d3] .af-btn:hover,html[data-fs-d3] .d3a-btn-pink:hover{background:var(--fs3-pink-ink);filter:none}
html[data-fs-d3] .af-btn svg,html[data-fs-d3] .d3a-btn svg{width:16px;height:16px}
html[data-fs-d3] .af-btn[disabled],html[data-fs-d3] .d3a-btn[disabled]{background:var(--fs3-sunk);color:var(--fs3-ink-3);border-color:var(--fs3-line-2);cursor:not-allowed;opacity:1}
html[data-fs-d3] .d3a-btn-peri{background:var(--fs3-primary);color:var(--fs3-on-primary)}
html[data-fs-d3] .d3a-btn-peri:hover{background:var(--fs3-primary-hover)}
html[data-fs-d3] .d3a-btn-out,html[data-fs-d3] .af-sso{background:var(--fs3-surface);color:var(--fs3-ink);border:1px solid var(--fs3-line-2)}
html[data-fs-d3] .d3a-btn-out:hover,html[data-fs-d3] .af-sso:hover{background:var(--fs3-surface-2)}
html[data-fs-d3] .af-sso{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border-radius:var(--fs3-r);font:700 15.5px Inter,sans-serif;cursor:pointer;text-decoration:none!important}
html[data-fs-d3] .d3a-g{width:18px;height:18px;flex:none}
html[data-fs-d3] .d3a-link{background:none;border:0;padding:6px 0;color:var(--fs3-violet-ink);font:600 14px Inter,sans-serif;cursor:pointer}
html[data-fs-d3] .af-or,html[data-fs-d3] .d3a-or{display:flex;align-items:center;gap:12px;color:var(--fs3-ink-3);font-size:13px;font-weight:400;margin:20px 0}
html[data-fs-d3] .af-or::before,html[data-fs-d3] .af-or::after,html[data-fs-d3] .d3a-or::before,html[data-fs-d3] .d3a-or::after{content:"";flex:1;height:1px;background:var(--fs3-line)}
html[data-fs-d3] .d3a-cond{display:block;font:500 11.5px Inter,sans-serif;color:var(--fs3-ink-3);margin:4px 0 0;text-align:center}

/* ── notes, chips, steps ──────────────────────────────────────────────────────────────────────── */
html[data-fs-d3] .af-err,html[data-fs-d3] .d3a-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--fs3-r);font-size:14px;font-weight:400;line-height:1.5;margin:0 0 18px;border:0;box-shadow:none}
html[data-fs-d3] .af-err{background:var(--fs3-red-soft);color:var(--fs3-ink);position:static}
html[data-fs-d3] .af-err svg,html[data-fs-d3] .d3a-note .d3a-ic{width:18px;height:18px;flex:none;margin-top:2px}
html[data-fs-d3] .af-err svg{color:var(--fs3-red)}
html[data-fs-d3] .af-err:focus{outline:none}
html[data-fs-d3] .af-err:focus-visible{outline:2px solid var(--fs3-red);outline-offset:2px}
html[data-fs-d3] .d3a-note-err{background:var(--fs3-red-soft);color:var(--fs3-ink)}html[data-fs-d3] .d3a-note-err .d3a-ic{color:var(--fs3-red)}
html[data-fs-d3] .d3a-note-ok{background:var(--fs3-green-soft);color:var(--fs3-ink)}html[data-fs-d3] .d3a-note-ok .d3a-ic{color:var(--fs3-green)}
html[data-fs-d3] .d3a-note-warn{background:var(--fs3-amber-soft);color:var(--fs3-ink)}html[data-fs-d3] .d3a-note-warn .d3a-ic{color:var(--fs3-amber)}
html[data-fs-d3] .d3a-note-info{background:var(--fs3-violet-soft);color:var(--fs3-ink)}html[data-fs-d3] .d3a-note-info .d3a-ic{color:var(--fs3-violet-ink)}
html[data-fs-d3] .d3a-note b{color:var(--fs3-ink)}
html[data-fs-d3] .af-free,html[data-fs-d3] .af-free.af-beta,html[data-fs-d3] .d3a-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:var(--fs3-violet-soft);color:var(--fs3-ink);font:600 12.5px/1.4 Inter,sans-serif;margin:0 0 14px}
html[data-fs-d3] .af-free svg,html[data-fs-d3] .d3a-chip .d3a-ic{width:16px;height:16px;color:var(--fs3-violet-ink)}
html[data-fs-d3] .d3a-steps{display:flex;gap:8px;margin:0 0 18px}
html[data-fs-d3] .d3a-steps span{flex:1;height:4px;border-radius:2px;background:var(--fs3-line)}
html[data-fs-d3] .d3a-steps span.on{background:var(--fs3-violet)}
html[data-fs-d3] .d3a-badge{width:52px;height:52px;border-radius:var(--fs3-r-card);display:grid;place-items:center;background:var(--fs3-violet-soft);color:var(--fs3-violet-ink);margin:0 0 18px;flex:none}
html[data-fs-d3] .d3a-badge .d3a-ic{width:24px;height:24px}
html[data-fs-d3] .d3a-center{text-align:center}
html[data-fs-d3] .d3a-center .d3a-badge{margin-left:auto;margin-right:auto}
html[data-fs-d3] .d3a-code{letter-spacing:.5em;font:600 24px/1 "Inter Tight",Inter,sans-serif!important;text-align:center;height:56px!important;padding-left:.5em!important}
html[data-fs-d3] .d3a-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--fs3-ink-2);margin:0 0 14px;line-height:1.5;cursor:pointer}
html[data-fs-d3] .d3a-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--fs3-violet);flex:none}
html[data-fs-d3] .d3a-ways{list-style:none;margin:0 0 18px;padding:0;border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);overflow:hidden}
html[data-fs-d3] .d3a-ways li{display:flex;gap:12px;align-items:center;padding:13px 14px;border-top:1px solid var(--fs3-line);background:var(--fs3-surface)}
html[data-fs-d3] .d3a-ways li:first-child{border-top:0}
html[data-fs-d3] .d3a-ways li .d3a-ic{color:var(--fs3-violet-ink)}
html[data-fs-d3] .d3a-ways b{display:block;font-size:14.5px;color:var(--fs3-ink)}
html[data-fs-d3] .d3a-ways small{color:var(--fs3-ink-3);font-size:13px}
html[data-fs-d3] .d3a-pkoffer{display:flex;gap:14px;align-items:flex-start;margin:18px 0 0;padding:16px;border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);background:var(--fs3-surface-2)}
html[data-fs-d3] .d3a-pkoffer .d3a-badge{width:40px;height:40px;margin:0}
html[data-fs-d3] .d3a-pkoffer b{display:block;color:var(--fs3-ink);font-size:15px}
html[data-fs-d3] .d3a-pkoffer p{margin:4px 0 12px;font-size:14px;color:var(--fs3-ink-2);line-height:1.5}
html[data-fs-d3] .d3a-pkoffer-row{display:flex;gap:14px;align-items:center}
html[data-fs-d3] .d3a-pkoffer-row .d3a-btn{width:auto;height:40px;margin:0;font-size:14.5px}
html[data-fs-d3] .d3a-rc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}
html[data-fs-d3] .d3a-rc code{font:600 14px ui-monospace,Menlo,monospace;background:var(--fs3-sunk);color:var(--fs3-ink);padding:9px;border-radius:6px;text-align:center;letter-spacing:.04em}
html[data-fs-d3] .d3a-qr{display:flex;justify-content:center;margin:6px 0 14px}
html[data-fs-d3] .d3a-qr svg{width:180px;height:180px;background:#fff;border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);padding:8px}
html[data-fs-d3] .d3a-key{font:600 13px/1.5 ui-monospace,Menlo,monospace;word-break:break-all;background:var(--fs3-sunk);color:var(--fs3-ink);padding:9px 12px;border-radius:var(--fs3-r);text-align:center;margin:0 0 14px}
html[data-fs-d3] .d3a-steplist{list-style:none;margin:0 0 18px;padding:0;border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);overflow:hidden}
html[data-fs-d3] .d3a-steplist li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--fs3-line)}
html[data-fs-d3] .d3a-steplist li:first-child{border-top:0}
html[data-fs-d3] .d3a-steplist .d3a-ic{color:var(--fs3-violet-ink)}
html[data-fs-d3] .d3a-steplist b{display:block;font-size:14.5px;color:var(--fs3-ink)}
html[data-fs-d3] .d3a-steplist small{display:block;color:var(--fs3-ink-3);font-size:13px;line-height:1.5}

/* ── footers ─────────────────────────────────────────────────────────────────────────────────── */
html[data-fs-d3] .af-foot,html[data-fs-d3] .d3a-foot{margin:22px 0 0;text-align:center;color:var(--fs3-ink-2);font-size:14.5px}
html[data-fs-d3] .af-foot[style]{justify-content:center!important;flex-wrap:wrap;gap:6px 18px!important}
html[data-fs-d3] .af-foot a,html[data-fs-d3] .d3a-foot a{color:var(--fs3-violet-ink);font-weight:600}
html[data-fs-d3] .af-terms{font-size:12.5px;color:var(--fs3-ink-3);margin:10px 0 0;text-align:center;line-height:1.5}
html[data-fs-d3] .af-terms a{color:var(--fs3-ink-3);text-decoration:underline;font-weight:500}
html[data-fs-d3] .d3a-pagefoot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin:28px 0 8px;font-size:13px;color:var(--fs3-ink-3)}
html[data-fs-d3] .d3a-pagefoot a,html[data-fs-d3] .d3a-pagefoot span,html[data-fs-d3] .d3a-pagefoot summary{color:var(--fs3-ink-3);font-weight:500}
html[data-fs-d3] .d3a-lang{position:relative}
html[data-fs-d3] .d3a-lang summary{cursor:pointer;list-style:none;display:inline-flex;gap:6px;align-items:center}
html[data-fs-d3] .d3a-lang summary::-webkit-details-marker{display:none}
html[data-fs-d3] .d3a-lang>div{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);min-width:160px;background:var(--fs3-surface);border:1px solid var(--fs3-line);border-radius:var(--fs3-r);box-shadow:var(--d3a-shadow);padding:6px;z-index:20;display:flex;flex-direction:column}
html[data-fs-d3] .d3a-lang>div a{padding:7px 10px;border-radius:6px;color:var(--fs3-ink)}
html[data-fs-d3] .d3a-lang>div a[aria-current]{background:var(--fs3-violet-soft)}
/* the passkey block (login), the walk's rail and anything still carrying the 0919 F glyph */
html[data-fs-d3] .af-fmark{display:none}
html[data-fs-d3] .af-pk-note{color:var(--fs3-red)!important;font-weight:600}
/* step mechanics (P11): without JS everything shows and the Continue button stays hidden */
html[data-fs-d3] [data-d3a-next]{display:none}
html[data-fs-d3].d3a-js [data-d3a-next]{display:flex}
html[data-fs-d3].d3a-js [data-d3a-step="2"][hidden]{display:none}
html[data-fs-d3] [data-d3a-step="2"] .d3a-back{margin:0 0 10px}

/* ── narrow ──────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:960px){
 html[data-fs-d3][data-d3-layout=b] .auth{grid-template-columns:1fr}
 html[data-fs-d3][data-d3-layout=b] .auth-brand{padding:22px 16px 26px;min-height:0;max-height:none;position:relative}
 html[data-fs-d3] .d3a-bp-mid{margin:18px 0 0}
 html[data-fs-d3] .d3a-big{font-size:28px;margin:12px 0 6px}
 html[data-fs-d3] .d3a-say{font-size:15px}
 html[data-fs-d3] .d3a-blist{display:none}
 html[data-fs-d3] .d3a-hexbird{width:56px;height:63px}
 html[data-fs-d3][data-d3-layout=b] .auth-form{padding:28px 16px 32px;justify-content:flex-start}
}
@media (max-width:480px){
 html[data-fs-d3] .d3a-wrap,html[data-fs-d3][data-d3-layout=a] .auth{padding:28px 16px 16px}
 html[data-fs-d3] .d3a-card,html[data-fs-d3][data-d3-layout=a] .af-card{padding:22px 18px}
 html[data-fs-d3] h1,html[data-fs-d3] .af-h{font-size:25px}
 html[data-fs-d3] .af-row,html[data-fs-d3] .d3a-rc{grid-template-columns:1fr}
 html[data-fs-d3] .af-row{gap:0}
 html[data-fs-d3] .d3a-pkoffer{flex-direction:column}
}
/* small mechanics */
html[data-fs-d3]:not(.d3a-js) [data-d3a-back]{display:none}
html[data-fs-d3][data-d3-reg] .af-kicker{display:none}
html[data-fs-d3] [hidden]{display:none!important}
/* PINK-CTA-1021 (fs-d3-shared.css) paints every data-cta="main" with --fs3-cta/--fs3-on-cta at three-id specificity. The
   auth mocks measured the dark pink as #ff2e93 with DARK ink (5.2:1 — white on it is 3.47:1), the light as #e5006f with
   white (4.6:1): the tokens are re-pointed on these doors only, so the shared rule paints the approved pair. */
html[data-fs-d3]{--fs3-cta:#ff2e93;--fs3-cta-hover:#ff5aa9;--fs3-on-cta:#16171f}
html[data-fs-d3][data-fs-scheme=light]{--fs3-cta:#e5006f;--fs3-cta-hover:#c4005f;--fs3-on-cta:#fff}
@media (prefers-color-scheme:light){html[data-fs-d3][data-fs-scheme=auto]{--fs3-cta:#e5006f;--fs3-cta-hover:#c4005f;--fs3-on-cta:#fff}}
/* a held main button (boxes unticked, throttle countdown) reads as waiting, not as a faded pink (mock: "stays greyed") */
html[data-fs-d3] body :is([data-cta="main"],.af-btn):not(#d3a-a):not(#d3a-b):not(#d3a-c):not(#d3a-d):disabled{background:var(--fs3-sunk)!important;color:var(--fs3-ink-3)!important;border-color:var(--fs3-line-2)!important;opacity:1!important}
/* the @handle input sits inside its box: no fill, no border of its own */
html[data-fs-d3] .af-g .af-handle input[data-fs-handle]{background:transparent!important;border:0!important;height:44px!important;padding:0 0 0 2px!important;box-shadow:none!important}
html[data-fs-d3] .af-handle:has(input[aria-invalid=true]){border-color:var(--fs3-red)}
/* the /recover walk's timeline in the panel (its own words; is-done / is-now / is-skip) */
html[data-fs-d3] .d3a-walk{list-style:none;margin:24px 0 0;padding:0}
html[data-fs-d3] .d3a-walk li{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;color:var(--d3a-panel-ink-2);font-size:14px;line-height:1.45}
html[data-fs-d3] .d3a-walk b{display:block;color:var(--d3a-panel-ink);font-weight:600}
html[data-fs-d3] .d3a-walk small{display:block;color:var(--d3a-panel-ink-2);font-size:13px}
html[data-fs-d3] .d3a-walk .d3a-ic{color:#a3a0ff;margin-top:1px}
html[data-fs-d3] .d3a-walk .d3a-dot{width:18px;height:18px;flex:none;display:grid;place-items:center}
html[data-fs-d3] .d3a-walk .d3a-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(197,198,214,.45)}
html[data-fs-d3] .d3a-walk li.is-now .d3a-dot::before{background:#a3a0ff;box-shadow:0 0 0 4px rgba(163,160,255,.2)}
html[data-fs-d3] .d3a-walk li.is-skip{opacity:.55}
html[data-fs-d3] .d3a-bp-mid .rw-help{display:block;margin-top:18px;color:var(--d3a-panel-ink-2);font-weight:500}
html[data-fs-d3] .d3a-bp-mid .rw-help b{color:#c9c7ff}
@media (max-width:960px){html[data-fs-d3] .d3a-walk{display:none}}
/* confirm your address (verify A): the state's own paragraphs, centred, one periwinkle button */
html[data-fs-d3] .d3a-ev p{color:var(--fs3-ink-2);margin:0 0 14px;line-height:1.6}
html[data-fs-d3] .d3a-ev p b{color:var(--fs3-ink)}
html[data-fs-d3] .d3a-ev .d3a-badge svg{width:24px;height:24px}
html[data-fs-d3] .d3a-ev .d3a-btn{margin-top:18px}
html[data-fs-d3] .d3a-ev-foot{font-size:13.5px!important;color:var(--fs3-ink-3)!important;margin:16px 0 0!important}
/* the /recover walk's own sheet (fs-recover-0927.css) paints its panel lavender and sizes it 300–380 px; on the D3 doors
   the walk takes the family's deep panel and grid instead (re-skin only — every walk rule for the form column stands) */
html[data-fs-d3][data-d3-layout=b] .auth-brand{background:var(--d3a-panel)!important;color:var(--d3a-panel-ink)!important;max-width:none!important;min-width:0!important;flex:none!important;border:0!important;padding:40px 48px!important;isolation:auto}
html[data-fs-d3][data-d3-layout=b] .auth-brand::before{display:none!important}
html[data-fs-d3][data-d3-layout=b] .auth-form{flex:none!important;order:1}
html[data-fs-d3][data-d3-layout=b] .af-card{max-width:440px!important;margin:0 auto!important}
html[data-fs-d3][data-d3-layout=b][data-d3-wide] .af-card{max-width:520px!important}
@media (max-width:960px){html[data-fs-d3][data-d3-layout=b] .auth-brand{padding:22px 16px 26px!important}}
/* ── sign-in, take 4 (founder-approved 28 Oct): the brand half is the Sidekick desktop app's Core background (the served
   byte-identical copy, /static/fs/fs-mwc-bg-core-1028.html, HUD off), its core replaced by the F mark, following the theme
   like the app does; the live headline gradient (fs-auth-0919.css .ap-h1--grad) centred above it; no sentence. ── */
html[data-fs-d3][data-d3-signin][data-d3-layout=b] .auth-brand{background:var(--fs3-page)!important;color:var(--fs3-ink)!important;border-right:1px solid var(--fs3-line)!important;padding:0!important}
html[data-fs-d3] .d3a-app{position:absolute;inset:0;z-index:1;pointer-events:none}
html[data-fs-d3] .d3a-app iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:transparent}
html[data-fs-d3][data-d3-signin] .auth-brand .d3a-bp-top{padding:40px 48px 0;position:relative;z-index:2}
html[data-fs-d3] .d3a-bp-center{position:absolute;left:0;right:0;bottom:calc(50% + 104px);z-index:2;padding:0 32px;text-align:center}
html[data-fs-d3] .d3a-bp-center .d3a-big{margin:0 auto;max-width:16ch;display:inline-block}
html[data-fs-d3] .d3a-grad4{--a-grad:linear-gradient(90deg,#f95bf6 0%,#866afb 50%,#5977fc 100%);color:#866afb;background-image:var(--a-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.14;padding-bottom:.06em}
html[data-fs-d3][data-fs-scheme=light] .d3a-grad4{--a-grad:linear-gradient(90deg,#c1009a 0%,#4a26d8 50%,#2f52d6 100%);color:#4a26d8}
@media (prefers-color-scheme:light){html[data-fs-d3][data-fs-scheme=auto] .d3a-grad4{--a-grad:linear-gradient(90deg,#c1009a 0%,#4a26d8 50%,#2f52d6 100%);color:#4a26d8}}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){html[data-fs-d3] .d3a-grad4{-webkit-text-fill-color:currentColor;background-image:none}}
html[data-fs-d3][data-d3-signin] .af-pk{margin:0}
html[data-fs-d3][data-d3-signin] .af-pk .d3a-btn{margin:0}
html[data-fs-d3] .d3a-btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0}
html[data-fs-d3] .d3a-btnrow.d3a-one{grid-template-columns:1fr}
html[data-fs-d3] .d3a-btnrow .d3a-btn{margin:0}
/* P2 — identifier-first, an OPTION (?ef=1, or remembered on this device): e-mail first, then the password on the same form */
html[data-fs-d3].d3a-ef [data-d3a-ef=password][hidden]{display:none!important}
@media (max-width:960px){
 html[data-fs-d3][data-d3-signin][data-d3-layout=b] .auth-brand{min-height:480px;border-right:0!important;border-bottom:1px solid var(--fs3-line)!important}
 html[data-fs-d3][data-d3-signin] .auth-brand .d3a-bp-top{padding:20px 16px 0}
 html[data-fs-d3] .d3a-bp-center{bottom:calc(50% + 62px);padding:0 16px}
 html[data-fs-d3] .d3a-bp-center .d3a-big{font-size:28px}
}
@media (max-width:480px){html[data-fs-d3] .d3a-btnrow{grid-template-columns:1fr}}
/* ── consent (A + P12) ── */
html[data-fs-d3] .d3a-idrow{display:flex;align-items:center;gap:12px;margin:0 0 20px}
html[data-fs-d3] .d3a-appicon{height:48px;min-width:48px;padding:0 8px;border-radius:var(--fs3-r-card);background:var(--fs3-surface-2);border:1px solid var(--fs3-line);display:grid;place-items:center;color:var(--fs3-violet-ink)}
html[data-fs-d3] .d3a-appicon img{width:30px;height:30px;border-radius:6px}
html[data-fs-d3] .d3a-appicon-bird{padding:0;border:0;background:none}
html[data-fs-d3] .d3a-hexbird.d3a-hex-sm{width:44px;height:50px}
html[data-fs-d3] .d3a-appicon .d3a-logo-sm{height:20px;width:auto}
html[data-fs-d3] .d3a-link-ic{color:var(--fs3-ink-3);display:flex}
html[data-fs-d3] .d3a-acct{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--fs3-line);border-radius:var(--fs3-r);font-size:14px;margin:0 0 14px;color:var(--fs3-ink-2)}
html[data-fs-d3] .d3a-acct b{color:var(--fs3-ink)}
html[data-fs-d3] .d3a-acct a{margin-left:auto;font-size:13.5px;white-space:nowrap}
html[data-fs-d3] .d3a-avatar{width:30px;height:30px;border-radius:50%;background:var(--fs3-violet-soft);color:var(--fs3-violet-ink);display:grid;place-items:center;font:700 12px Inter,sans-serif;flex:none}
html[data-fs-d3] .d3a-dest{font-size:14px;line-height:1.55;color:var(--fs3-ink-2);padding:12px 14px;background:var(--fs3-surface-2);border:1px solid var(--fs3-line);border-radius:var(--fs3-r);margin:0 0 14px}
html[data-fs-d3] .d3a-dest b{color:var(--fs3-ink)}
html[data-fs-d3] .d3a-dest .d3a-ic{vertical-align:-3px}
html[data-fs-d3] .d3a-showaddr{display:inline}
html[data-fs-d3] .d3a-showaddr summary{display:inline;cursor:pointer;color:var(--fs3-violet-ink);font-weight:600;list-style:none}
html[data-fs-d3] .d3a-showaddr summary::-webkit-details-marker{display:none}
html[data-fs-d3] .d3a-showaddr p{margin:8px 0 0}
html[data-fs-d3] .d3a-permg{border:1px solid var(--fs3-line);border-radius:var(--fs3-r-card);padding:4px 14px 8px;margin:0 0 12px}
html[data-fs-d3] .d3a-permg ul{list-style:none;margin:0;padding:0}
html[data-fs-d3] .d3a-gh{display:flex;align-items:center;gap:8px;font:700 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--fs3-ink-3);padding:12px 0 6px}
html[data-fs-d3] .d3a-permg.amber{border-color:color-mix(in oklab,var(--fs3-amber) 45%,var(--fs3-line))}
html[data-fs-d3] .d3a-permg.amber .d3a-gh{color:var(--fs3-amber)}
html[data-fs-d3] .d3a-perm{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--fs3-line);font-size:14px}
html[data-fs-d3] .d3a-permg ul>.d3a-perm:first-child{border-top:0}
html[data-fs-d3] .d3a-perm input{width:17px;height:17px;accent-color:var(--fs3-violet);margin-top:2px;flex:none}
html[data-fs-d3] .d3a-perm b{display:block;font-weight:600;color:var(--fs3-ink)}
html[data-fs-d3] .d3a-perm small{color:var(--fs3-ink-3);font-size:13px;display:block}
html[data-fs-d3] .d3a-req{margin-left:auto;font:600 11.5px Inter,sans-serif;color:var(--fs3-ink-3);white-space:nowrap}
html[data-fs-d3] .d3a-more summary{cursor:pointer;color:var(--fs3-violet-ink);font-weight:600;font-size:14px;list-style:none;padding:8px 0;display:inline-flex;gap:4px;align-items:center}
html[data-fs-d3] .d3a-more summary::-webkit-details-marker{display:none}
html[data-fs-d3] .d3a-more[open] summary{display:none}
@media (max-width:480px){html[data-fs-d3] .d3a-acct{flex-wrap:wrap}}
/* buttons drawn as links keep their own ink (the door's link colour must not repaint them) */
html[data-fs-d3] :is(.auth,.d3a-wrap) a.d3a-btn-peri{color:var(--fs3-on-primary)}
html[data-fs-d3] :is(.auth,.d3a-wrap) a:is(.d3a-btn-out,.af-sso){color:var(--fs3-ink)}
html[data-fs-d3] :is(.auth,.d3a-wrap) a:is(.af-btn,.d3a-btn-pink){color:var(--d3a-on-pink)}
html[data-fs-d3] :is(.auth,.d3a-wrap) a:is(.d3a-btn,.af-btn,.af-sso):hover{text-decoration:none}
/* the affiliate enrol box (AFFILIATE-ENROL-URLS-0919, its own .fspa markup) in the door's tokens */
html[data-fs-d3] .fspa{background:var(--fs3-surface-2)!important;border-color:var(--fs3-line)!important;color:var(--fs3-ink-2);border-radius:var(--fs3-r)!important;max-width:none!important}
html[data-fs-d3] .fspa-t{color:var(--fs3-ink-2)}
html[data-fs-d3] .fspa-t a,html[data-fs-d3] .fspa-links a{color:var(--fs3-violet-ink)!important}
html[data-fs-d3] .fspa-ver,html[data-fs-d3] .fspa-links{opacity:1!important;color:var(--fs3-ink-3)}
html[data-fs-d3] .fspa input[type=checkbox]{accent-color:var(--fs3-violet)}