/* Approved web design (owner 5 Nov 2026 "login page approved"): the sign-in screens sit on the homepage sky, with the same
   header, the clock pill and a glass card. Only the look changes; every form, button and check is still app.js's own. */
#tfxsky,#tfxh,.tfx-left{display:none}
html.tfx{background:#0B0B0A}
html.tfx body{background:#0B0B0A!important;color:#F1EBE0}
html.tfx #nav,html.tfx .tfc-sitefoot,html.tfx footer.foot{display:none!important}
html.tfx #tfxsky{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,#1A1712 0%,#0E0D0B 55%,#0B0B0A 100%)}
html.tfx #tfxsky canvas{position:absolute;inset:0;width:100%;height:100%}
html.tfx #root{position:relative;z-index:2}

/* header: the homepage's floating bar */
html.tfx #tfxh{display:flex;position:sticky;z-index:20;max-width:1320px;margin:20px auto -20px;height:58px;top:20px;border-radius:999px;isolation:isolate;transition:background-color .35s,top .35s cubic-bezier(.22,1,.36,1);align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 24px);padding:0 8px 0 22px;font-family:Geist,ui-sans-serif,system-ui,sans-serif}
/* the homepage's scroll glass (owner 6 Nov 2026 "Same effect as home page"): clear over the sky, a glass pill once the page scrolls */
#tfxh::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;transition:backdrop-filter .35s}
html.tfx.tfx-scrolled #tfxh{background:rgba(30,31,28,.62);top:28px}
html.tfx.tfx-scrolled #tfxh::before{-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4)}
#tfxh .lg{display:flex;align-items:center;height:42px;margin-right:39px;flex-shrink:0}
#tfxh .lg img{height:24px;width:auto;transform:translateY(1px)}
#tfxh .links{display:flex;gap:2px;margin:0 auto 0 0;list-style:none;padding:0}
#tfxh .links a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:.92rem;font-weight:550;color:rgba(241,235,224,.88);white-space:nowrap}
#tfxh .links a:hover,#tfxh .ib:hover,#tfxh .si:hover{background:rgba(127,127,127,.14);color:#F1EBE0}
#tfxh .ib{width:42px;height:42px;flex:none;border-radius:50%;border:0;background:none;color:#F1EBE0;display:grid;place-items:center;cursor:pointer}
#tfxh .ib svg{width:20px;height:20px}
#tfxh .si{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;text-decoration:underline;text-underline-offset:6px;font-weight:600;font-size:.92rem;color:#F1EBE0;white-space:nowrap}
#tfxh .ga{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:999px;background:#D9BD92;color:#131312;font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
#tfxh .mp{position:absolute;left:0;top:70px;width:100%;box-sizing:border-box;border-radius:28px;padding:10px 22px;background:rgba(26,27,24,.94);border:1px solid rgba(255,255,255,.1);color:#F1EBE0;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:4px 10px;max-height:calc(100svh - 110px);overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
#tfxh .mp[hidden]{display:none}
#tfxh .mp h3{font:600 .68rem/1 Geist,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ADA69A;margin:14px 12px 6px}
#tfxh .mp a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:14px;text-decoration:none;font-weight:550;color:#F1EBE0}
#tfxh .mp a:hover{background:rgba(127,127,127,.14)}
#tfxh :focus-visible{outline:1.5px solid #D9BD92;outline-offset:1px}

/* clock pill and the two columns */
html.tfx .authwrap{position:relative;max-width:1040px!important;width:auto!important;margin:0 auto!important;padding:56px 40px 120px!important;display:grid!important;grid-template-columns:1fr 392px;column-gap:72px;align-items:center;box-sizing:border-box;min-height:calc(100svh - 72px)}
html.tfx .authwrap>*{grid-column:2}
html.tfx .tfx-left{display:block;grid-column:1!important;grid-row:1 / span 3;align-self:center;text-align:left;font-family:Geist,ui-sans-serif,system-ui,sans-serif}
.tfx-clock{font-size:.78rem!important;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 14px;border-radius:999px;background:rgba(241,235,224,.06);border:1px solid rgba(241,235,224,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 .82rem/1.3 "Geist Mono",ui-monospace,monospace;color:#ADA69A;letter-spacing:.02em;margin-bottom:26px}
.tfx-clock b{color:#F1EBE0;font-weight:600}
.tfx-left h1{margin:0;max-width:11ch;font-size:62px;line-height:.98;font-weight:700;letter-spacing:-.035em;color:#F1EBE0}
.tfx-left p{margin:16px 0 0;max-width:34ch;font-size:16.5px;line-height:1.5;color:#ADA69A}
.tfx-left .pts{display:flex;flex-direction:column;gap:12px;margin-top:28px;color:#ADA69A;font-size:15px}
.tfx-left .pts span{display:flex;gap:10px;align-items:center}
.tfx-left .pts i{width:6px;height:6px;border-radius:50%;background:#D9BD92;flex:none}

/* the glass card */
html.tfx .authcard{background:rgba(17,18,17,.42)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important;backdrop-filter:blur(18px) saturate(1.4)!important;border:1px solid rgba(241,235,224,.2)!important;box-shadow:none!important;border-radius:26px!important;padding:22px!important;color:#F1EBE0!important;font-family:Geist,ui-sans-serif,system-ui,sans-serif}
html.tfx .authcard h2{color:#F1EBE0;font-size:24px;letter-spacing:-.02em;margin:0}
html.tfx .authcard .eyebrow{color:#D9BD92;font:500 12px "Geist Mono",ui-monospace,monospace;letter-spacing:.16em}
html.tfx .authcard p,html.tfx .authcard .small,html.tfx .authcard .hint,html.tfx .authcard .tiny{color:#ADA69A}
html.tfx .authcard a{color:#D9BD92}
html.tfx .authcard label{color:#ADA69A;font-size:13px}
html.tfx .authcard input:not([type=checkbox]):not([type=radio]),html.tfx .authcard select,html.tfx .authcard textarea{min-height:46px;height:46px;border-radius:14px!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(241,235,224,.16)!important;color:#F1EBE0!important;font-size:15px;box-shadow:none!important}
html.tfx .authcard input:focus,html.tfx .authcard select:focus{border-color:#D9BD92!important;outline:none}
html.tfx .authcard input::placeholder{color:#6F6A60}
html.tfx .authcard .btn-primary{min-height:48px;border-radius:999px!important;background:#D9BD92!important;color:#131312!important;font-weight:600;font-size:16px;border:0!important;box-shadow:none!important}
html.tfx .authcard .btn-secondary{border-radius:999px!important;background:transparent!important;color:#F1EBE0!important;border:1px solid rgba(241,235,224,.22)!important;box-shadow:none!important}
/* Sign in | Create account as one segmented control */
html.tfx .authcard [role=tablist]{display:flex;padding:4px;border-radius:999px;background:rgba(241,235,224,.06);margin:0 0 16px!important;gap:0;flex-wrap:nowrap}
html.tfx .authcard [role=tablist] .chip{flex:1;justify-content:center;height:36px;min-height:36px;border-radius:999px;border:0!important;background:transparent!important;color:#ADA69A!important;font-size:15px;font-weight:500;box-shadow:none!important}
html.tfx .authcard [role=tablist] .chip[aria-selected=true]{background:#F1EBE0!important;color:#131312!important;font-weight:600}
/* Google and Apple as two glass pills */
html.tfx .authcard .social-or{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
html.tfx .authcard .social-or::before{content:"OR";grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:#6F6A60;font-size:12px;letter-spacing:.14em;margin:14px 0 4px;background:linear-gradient(rgba(241,235,224,.12),rgba(241,235,224,.12)) left center/calc(50% - 22px) 1px no-repeat,linear-gradient(rgba(241,235,224,.12),rgba(241,235,224,.12)) right center/calc(50% - 22px) 1px no-repeat}
html.tfx .authcard .social-line{display:none!important}
html.tfx .authcard .social-ic{width:auto!important;height:44px!important;border-radius:999px!important;display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;color:#F1EBE0!important;text-decoration:none;background:rgba(17,18,17,.42)!important;border:1px solid rgba(241,235,224,.2)!important;box-shadow:none!important}
html.tfx .authcard .social-ic svg{width:18px;height:18px}
html.tfx .authcard .social-ic:only-of-type{grid-column:1/-1}
html.tfx .authcard .social-ic b{font-weight:500}
html.tfx .authcard .tiny.center{text-align:center;color:#8C877D}

@media (max-width:1100px){#tfxh .links{display:none}}
@media (max-width:760px){
  html.tfx #tfxh{padding-left:18px;gap:2px;margin:20px 12px -20px;width:auto}
  #tfxh .lg{margin-right:auto}
  #tfxh .ga{padding:0 16px}
  #tfxh .si{display:none}
  html.tfx .authwrap{grid-template-columns:1fr;padding:22px 16px 110px!important;min-height:0}
  html.tfx .authwrap>*{grid-column:1}
  html.tfx .tfx-left{grid-row:auto;margin-bottom:26px}
  .tfx-left h1{max-width:none;font-size:44px}
  .tfx-left .pts{display:none}
  html.tfx .authcard{padding:20px!important}
  #tfxh .mp{grid-template-columns:1fr 1fr;padding:10px}
}
@media (prefers-reduced-motion:reduce){html.tfx #tfxsky canvas{display:none}}

/* Forgot your password? in the centre (owner 5 Nov 2026) */
html.tfx .authcard p.tiny:has(a[href="/reset"]){text-align:center!important;margin:2px 0 0!important}
html.tfx .authcard .stack,html.tfx .authcard.stack{gap:12px}
html.tfx .authcard label{margin-bottom:6px}

/* the homepage's language picker in the header (owner 6 Nov 2026: header the same as the homepage) */
#tfxh .nvlang:empty{display:none}
#tfxh .nvlang{color:rgba(241,235,224,.88);flex:none}
#tfxh .nvlang .mm-lang{display:inline-flex;align-items:center;gap:6px;position:relative;color:inherit;margin:0;padding:0;border:0;background:none;min-height:0;box-shadow:none}
#tfxh .nvlang .mm-lang-ico{display:inline-flex;opacity:.8}
#tfxh .nvlang .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tfxh .nvlang select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:600 .82rem/1 Geist,ui-sans-serif,system-ui,sans-serif;padding:8px 4px;cursor:pointer;min-height:40px}
#tfxh .nvlang select option{color:#111;background:#fff}
@media (max-width:760px){#tfxh .nvlang{display:none}}
/* the night stays night in light mode, like the homepage hero: Apple mark and cookie note keep the dark look */
html.tfx .authcard .social-ic svg{color:#F1EBE0!important}
html.tfx .cookie-bar{background:rgba(17,18,17,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.2)!important;box-shadow:none!important;color:#ADA69A!important}
html.tfx .cookie-bar b{color:#F1EBE0!important}
html.tfx .cookie-bar a{color:#D9BD92!important}
html.tfx .cookie-bar .btn{background:transparent!important;color:#F1EBE0!important;border:1px solid rgba(241,235,224,.22)!important;box-shadow:none!important}
/* owner 6 Nov "decrease the height of the login card": same pieces, tighter rhythm */
html.tfx .authcard{padding:22px!important}
html.tfx .authcard.stack,html.tfx .authcard .stack{gap:10px}
html.tfx .authcard [role=tablist]{margin:0 0 8px!important}
html.tfx .authcard .eyebrow{margin:0!important;line-height:1}
html.tfx .authcard h2{line-height:1.1;margin:-2px 0 2px}
html.tfx .authcard .field{margin:0!important}
html.tfx .authcard label{margin-bottom:5px;line-height:1.25;display:block}
html.tfx .authcard input:not([type=checkbox]):not([type=radio]),html.tfx .authcard select{min-height:44px;height:44px}
html.tfx .authcard p.tiny:has(a[href="/reset"]){margin:0!important}
html.tfx .authcard .btn-primary{min-height:46px}
html.tfx .authcard .stack-s{margin:0!important;gap:8px}
html.tfx .authcard .social-or::before{margin:2px 0 0}
html.tfx .authcard .social-ic{height:42px!important}
html.tfx .authcard .tiny.center{margin:0!important;line-height:1.4}
@media (max-width:760px){html.tfx .authcard{padding:18px!important}}
/* Email | Phone switch on Sign in (owner 6 Nov: phone sign-in like the apps) */
html.tfx .authcard .tfph-seg{display:flex;align-self:flex-start;padding:3px;border-radius:999px;border:1px solid rgba(241,235,224,.16);gap:2px}
html.tfx .authcard .tfph-seg button{height:30px;padding:0 14px;border:0;border-radius:999px;background:none;color:#ADA69A;font:500 13px Geist,system-ui,sans-serif;cursor:pointer}
html.tfx .authcard .tfph-seg button[aria-pressed=true]{background:rgba(241,235,224,.12);color:#F1EBE0}
html.tfx .authcard .tfph-seg button:focus-visible{outline:2px solid #D9BD92;outline-offset:2px}
html.tfx .authcard .tfph .stack{gap:10px}
html.tfx .authcard .tfph-to{margin:0;color:#ADA69A}
html.tfx .authcard .tfph-to b{color:#F1EBE0;font-weight:600}
html.tfx .authcard [hidden]{display:none!important}
html.tfx .authcard .tfph-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 2px}
html.tfx .authcard .tfph-head h2{margin:0}
html.tfx .authcard .tfph-seg{align-self:center}
/* The terms tick on Create account (owner 6 Nov 2026 "why this part is so messy?"): a small rounded box, gold when ticked,
   a clear gap to the text, top-aligned with the first line */
html.tfx .authcard label.check{display:flex!important;align-items:flex-start;gap:12px;margin:4px 0 2px;cursor:pointer;font-size:14px;line-height:1.45;color:#ADA69A}
html.tfx .authcard label.check input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 20px;width:20px;height:20px;min-height:0!important;margin:1px 0 0;padding:0;border-radius:6px;border:1.5px solid rgba(241,235,224,.32);background:transparent;display:grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s}
html.tfx .authcard label.check input[type=checkbox]::before{content:"";width:11px;height:6px;border:2px solid #131312;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
html.tfx .authcard label.check input[type=checkbox]:checked{background:#D9BD92;border-color:#D9BD92}
html.tfx .authcard label.check input[type=checkbox]:checked::before{opacity:1}
html.tfx .authcard label.check input[type=checkbox]:focus-visible{outline:2px solid #D9BD92;outline-offset:2px}
html.tfx .authcard label.check a{color:#D9BD92;text-decoration:none}
/* Privacy policy · Terms under the Sign in card (owner 6 Nov 2026) */
html.tfx .tfsi-legal{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;margin:18px auto 0;padding:6px 14px;width:max-content;border-radius:999px;background:rgba(12,12,11,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:#6F6A60}
html.tfx .tfsi-legal a{color:#ADA69A!important;text-decoration:none!important}
html.tfx .tfsi-legal a:hover{color:#F1EBE0!important}
html.tfx .authcard p.tiny.center:last-child{margin-top:4px}

/* ===== Owner 6 Nov 2026 "all new approved design should match with homepage": the homepage shell, values read from the
   live homepage. The sky is the homepage's own (tfhome1.js) in its rounded frame (12px edge, 40px radius, 28px on phone),
   with the homepage ground around it; header ink and logo follow the sun (html.day) like the homepage's. ===== */
html.tfx{--h-ink:#F1EBE0;--h-ink2:rgba(241,235,224,.88);--h-chip:rgba(17,18,17,.42);--h-chipb:rgba(241,235,224,.2);background:#131312}
html.tfx.day{--h-ink:#1B1C1A;--h-ink2:rgba(27,28,26,.84);--h-chip:rgba(255,255,255,.55);--h-chipb:rgba(27,28,26,.14)}
html.tfx body{background:#131312!important;padding:0 12px!important;box-sizing:border-box}
html.tfx.tfx-l,html.tfx.tfx-l body{background:#F6EFE7!important}
html.tfx #tfxsky{position:absolute;inset:auto;top:12px;left:12px;right:12px;height:var(--tfx-skyh,calc(100svh - 24px));border-radius:40px;overflow:hidden;isolation:isolate;background:linear-gradient(#0b0b0a,#3a2c1c)}
html.tfx #tfxsky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (max-width:760px){html.tfx #tfxsky{border-radius:28px}}
@media (prefers-reduced-motion:reduce){html.tfx #tfxsky canvas{display:block}}
/* header: the homepage bar, inside the frame; ink follows the sky until it scrolls, then the theme's glass */
html.tfx #tfxh{color:var(--h-ink);width:auto;margin:20px auto -20px}
html.tfx #tfxh .links a,html.tfx #tfxh .nvlang{color:var(--h-ink2)}
html.tfx #tfxh .ib,html.tfx #tfxh .si,html.tfx #tfxh .links a:hover,html.tfx #tfxh .si:hover{color:var(--h-ink)}
#tfxh .si{text-decoration:none!important}
#tfxh .si[aria-current=page]{background:rgba(127,127,127,.14)}
#tfxh .lg .lg-day{display:none}
html.tfx.day:not(.tfx-scrolled) #tfxh .lg .lg-n,html.tfx.tfx-l.tfx-scrolled #tfxh .lg .lg-n{display:none}
html.tfx.day:not(.tfx-scrolled) #tfxh .lg .lg-day,html.tfx.tfx-l.tfx-scrolled #tfxh .lg .lg-day{display:block}
html.tfx.tfx-scrolled #tfxh{--h-ink:#F1EBE0;--h-ink2:rgba(241,235,224,.72)}
html.tfx.tfx-l.tfx-scrolled #tfxh{background:rgba(255,253,250,.74);--h-ink:#1B1C1A;--h-ink2:#5F5A51}
html.tfx.tfx-l #tfxh .mp{background:rgba(251,248,243,.94);border-color:rgba(255,255,255,.55);color:#1B1C1A;box-shadow:0 18px 40px rgba(27,28,26,.14)}
html.tfx.tfx-l #tfxh .mp h3{color:#5F5A51}
html.tfx.tfx-l #tfxh .mp a{color:#1B1C1A}
/* the homepage clock pill (.live) and title type (#lead: 800, -0.05em) */
.tfx-clock{background:var(--h-chip)!important;border:1px solid var(--h-chipb)!important;color:var(--h-ink2)!important;font-size:.82rem!important}
.tfx-clock b{color:var(--h-ink)!important}
html.tfx .tfx-left h1{font-weight:800!important;letter-spacing:-.05em!important}
/* inside the frame on a phone: the homepage hero's 16px inner gutter */
@media (max-width:760px){html.tfx .authwrap{padding-left:16px!important;padding-right:16px!important}}
/* daytime ink, made from the night rules above by mkday.py */
html.tfx.day .tfx-left h1{color:#1B1C1A}
html.tfx.day .tfx-left p{color:#5F5A51}
html.tfx.day .tfx-left .pts{color:#5F5A51}
html.tfx.day .authcard{background:rgba(255,255,255,.55)!important;border:1px solid rgba(27,28,26,.2)!important;color:#1B1C1A!important}
html.tfx.day .authcard h2{color:#1B1C1A}
html.tfx.day .authcard .eyebrow{color:#74552F}
html.tfx.day .authcard p,html.tfx.day .authcard .small,html.tfx.day .authcard .hint,html.tfx.day .authcard .tiny{color:#5F5A51}
html.tfx.day .authcard a{color:#74552F}
html.tfx.day .authcard label{color:#5F5A51}
html.tfx.day .authcard input:not([type=checkbox]):not([type=radio]),html.tfx.day .authcard select,html.tfx.day .authcard textarea{background:rgba(255,255,255,.55)!important;border:1px solid rgba(27,28,26,.16)!important;color:#1B1C1A!important}
html.tfx.day .authcard input:focus,html.tfx.day .authcard select:focus{border-color:#74552F!important}
html.tfx.day .authcard input::placeholder{color:#726B5C}
html.tfx.day .authcard .btn-secondary{color:#1B1C1A!important;border:1px solid rgba(27,28,26,.22)!important}
html.tfx.day .authcard [role=tablist]{background:rgba(27,28,26,.06)}
html.tfx.day .authcard [role=tablist] .chip{color:#5F5A51!important}
html.tfx.day .authcard [role=tablist] .chip[aria-selected=true]{background:#1B1C1A!important}
html.tfx.day .authcard .social-or::before{color:#726B5C;background:linear-gradient(rgba(27,28,26,.12),rgba(27,28,26,.12)) left center/calc(50% - 22px) 1px no-repeat,linear-gradient(rgba(27,28,26,.12),rgba(27,28,26,.12)) right center/calc(50% - 22px) 1px no-repeat}
html.tfx.day .authcard .social-ic{color:#1B1C1A!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(27,28,26,.2)!important}
html.tfx.day .authcard .tiny.center{color:#726B5C}
html.tfx.day .authcard .social-ic svg{color:#1B1C1A!important}
html.tfx.day .authcard .tfph-seg{border:1px solid rgba(27,28,26,.16)}
html.tfx.day .authcard .tfph-seg button{color:#5F5A51}
html.tfx.day .authcard .tfph-seg button[aria-pressed=true]{background:rgba(27,28,26,.12);color:#1B1C1A}
html.tfx.day .authcard .tfph-seg button:focus-visible{outline:2px solid #74552F}
html.tfx.day .authcard .tfph-to{color:#5F5A51}
html.tfx.day .authcard .tfph-to b{color:#1B1C1A}
html.tfx.day .authcard label.check{color:#5F5A51}
html.tfx.day .authcard label.check input[type=checkbox]{border:1.5px solid rgba(27,28,26,.32)}
html.tfx.day .authcard label.check input[type=checkbox]:checked{border-color:#74552F}
html.tfx.day .authcard label.check input[type=checkbox]:focus-visible{outline:2px solid #74552F}
html.tfx.day .authcard label.check a{color:#74552F}
html.tfx.day .tfsi-legal{background:rgba(255,255,255,.72);color:#726B5C}
html.tfx.day .tfsi-legal a{color:#5F5A51!important}

/* daytime: dark ink on the bright sky, a light glass card (same pieces, readable by day) */
html.tfx.day .authcard [role=tablist] .chip[aria-selected=true]{color:#F6EFE7!important}
html.tfx.day .authcard{background:rgba(255,255,255,.62)!important}
html.tfx.day .authcard label.check input[type=checkbox]:checked{border-color:#D9BD92}
html.tfx.day .authcard input::placeholder{color:#8A8275}
html.tfx.day .authcard a:not(.social-ic):not(.btn){color:#74552F!important}
/* tablet: the 800 title must stay clear of the card */
@media (min-width:761px) and (max-width:1000px){html.tfx .tfx-left h1{font-size:48px}}