/* Approved signed-in web design (owner 5 Nov 2026 "User side is approved"; "make them glass"). The homepage night under
   every signed-in screen, glass panels, the homepage header. Only the look changes: every screen is still app.js's own. */

/* night tokens, in light mode too (the night stays night, like the homepage hero) */
html.tfin{color-scheme:dark;--bg:#0B0B0A;--bg-deep:#0B0B0A;--panel:rgba(17,18,17,.5);--panel-2:rgba(241,235,224,.06);--ph-bg:#2B2C28;
  --text:#F1EBE0;--text-2:#ADA69A;--text-3:#8C877D;--hair:rgba(241,235,224,.1);--border:rgba(241,235,224,.18);--control-edge:rgba(241,235,224,.42);
  --teal:#D9BD92;--teal-deep:#EBD6B0;--teal-soft:rgba(217,189,146,.14);--error:#E08A72;--error-soft:rgba(224,138,114,.14);--warn:#D9BD92;--warn-soft:rgba(217,189,146,.12);
  --ok:#8FBF9B;--ok-soft:rgba(143,191,155,.12);--glass:rgba(17,18,17,.42);--glass-strong:rgba(24,25,23,.72);--glass-tint:rgba(17,18,17,.36);
  --shadow-1:none;--shadow-2:none;--shadow-3:none;--inner:none;--paper:#0B0B0A;--ink:#F1EBE0;--ink-2:#ADA69A;--mist:rgba(17,18,17,.5);--plate:rgba(24,25,23,.86);
  --ivory:#0B0B0A;--ivory-2:rgba(17,18,17,.5);--ivory-3:rgba(24,25,23,.6);--char:#0D0D0C;--char-2:#111211;--char-3:#161716;--char-4:#1F201D;
  --cream:#F1EBE0;--cream-2:rgba(241,235,224,.74);--cream-3:rgba(241,235,224,.54);--accent:#D9BD92;--accent-2:#C9A87A;--accent-soft:rgba(217,189,146,.14);
  --edge:rgba(241,235,224,.1);--edge-2:rgba(241,235,224,.18);--edge-dark:rgba(241,235,224,.18);--btn-fill:#D9BD92;--btn-fill-h:#E5CCA6;--btn-ink:#131312;
  --gold:#D9BD92;--night:#0B0B0A;--night-2:#1B1C1A;--sky:#E8DCC8;--border-tint:rgba(217,189,146,.24);background:#0B0B0A}
html.tfin body{background:#0B0B0A!important;color:#F1EBE0}
html.tfin .atmos{display:none!important}
html.tfin #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.tfin #tfxsky canvas{position:absolute;inset:0;width:100%;height:100%}
html.tfin #root{position:relative;z-index:2}
html.tfin img{opacity:1}

/* glass on app's panels */
html.tfin .card,html.tfin .glass,html.tfin .glass-strong,html.tfin .panel,html.tfin .pd-card,html.tfin .pd-row,html.tfin .pd-ev,html.tfin .pd-empty{background:rgba(17,18,17,.42)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.16)!important;box-shadow:none!important}
html.tfin .btn-primary{background:#D9BD92!important;color:#131312!important;border:0!important;box-shadow:none!important}
html.tfin .btn-secondary{background:transparent!important;color:#F1EBE0!important;border:1px solid rgba(241,235,224,.22)!important;box-shadow:none!important}
html.tfin input:not([type=checkbox]):not([type=radio]),html.tfin select,html.tfin textarea{background:rgba(0,0,0,.35);color:#F1EBE0;border-color:rgba(241,235,224,.16)}
html.tfin .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.tfin .cookie-bar b{color:#F1EBE0!important}
html.tfin .cookie-bar a{color:#D9BD92!important}

/* header: the homepage's floating bar, glass only after scrolling */
html.tfin #nav{position:sticky!important;top:0!important;padding:20px 12px 0!important;background:none!important;pointer-events:none}
html.tfin #nav .bar{pointer-events:auto;max-width:1320px!important;margin:0 auto!important;height:58px!important;padding:0 8px 0 22px!important;gap:8px!important;border-radius:999px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:background .3s,border-color .3s}
/* the header stays in view on scroll, like the homepage (app hides it with .tuck) */
html.tfin #nav.tuck .bar{transform:none!important}
html.tfin.tfin-scrolled #nav .bar{background:rgba(17,18,17,.55)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important;backdrop-filter:blur(18px) saturate(1.4)!important}
html.tfin #nav .brand{display:flex;align-items:center;height:42px;margin-right:39px;flex-shrink:0}
html.tfin #nav .brand>svg,html.tfin #nav .brand>span{display:none!important}
html.tfin #nav .tfin-logo{height:24px;width:auto;transform:translateY(1px)}
html.tfin #nav .title-m,html.tfin #nav .nav-search,html.tfin #nav .sos,html.tfin #nav .spacer{display:none!important}
html.tfin #nav nav.links{display:flex;gap:2px;margin:0 auto!important;padding:0}
html.tfin #nav nav.links button{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;border:0;background:none;font:550 .92rem/1 Geist,ui-sans-serif,system-ui,sans-serif;color:rgba(241,235,224,.88);white-space:nowrap;cursor:pointer;box-shadow:none}
html.tfin #nav nav.links button[aria-current=page]{color:#F1EBE0;text-decoration:underline;text-underline-offset:6px}
html.tfin #nav nav.links button::after,html.tfin #nav nav.links button::before{display:none!important}
html.tfin #nav nav.links button:hover,html.tfin #nav .tfin-theme:hover,html.tfin #nav .bellbtn:hover{background:rgba(127,127,127,.14)}
html.tfin #nav .nav-city{flex:none}
html.tfin #nav .tfin-lang{color:rgba(241,235,224,.88);flex:none}
html.tfin #nav .tfin-lang .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}
html.tfin #nav .tfin-lang .mm-lang-ico{display:inline-flex;opacity:.8}
html.tfin #nav .tfin-lang .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.tfin #nav .tfin-lang 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}
html.tfin #nav .tfin-lang select option{color:#111;background:#fff}
html.tfin #nav .tfin-theme,html.tfin #nav .bellbtn{width:42px;height:42px;flex:none;border-radius:50%;border:0;background:none;color:#F1EBE0;display:grid;place-items:center;cursor:pointer;position:relative;font-size:21px}
html.tfin #nav .tfin-theme svg{width:20px;height:20px}
html.tfin #nav .bell-dot{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#D9BD92!important;color:#131312!important;font:700 11px/18px Geist,system-ui,sans-serif;text-align:center}
/* the menu button becomes the avatar pill */
html.tfin #nav .nav-menu{display:flex!important;align-items:center;gap:7px;width:auto!important;height:44px!important;padding:0 10px 0 4px!important;border-radius:999px!important;background:rgba(17,18,17,.42)!important;border:1px solid rgba(241,235,224,.2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F1EBE0;cursor:pointer}
html.tfin #nav .nav-menu>svg{display:none}
html.tfin #nav .tfin-av,html.tfin #mmenu .tfin-who i{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 14px Geist,system-ui,sans-serif;font-style:normal;color:#D9BD92;background:linear-gradient(140deg,#3B3326,#6B5432)}
html.tfin #nav .tfin-chev{display:inline-flex}html.tfin #nav .tfin-chev svg{width:14px;height:14px;opacity:.7}
html.tfin #nav :focus-visible{outline:1.5px solid #D9BD92;outline-offset:1px}

/* account menu: glass */
html.tfin #mmenu{background:rgba(24,25,23,.72)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;backdrop-filter:blur(22px) saturate(1.4)!important;border:1px solid rgba(241,235,224,.18)!important;box-shadow:none!important;border-radius:24px!important;color:#F1EBE0}
html.tfin #mmenu .tfin-who{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid rgba(241,235,224,.12);margin-bottom:6px}
html.tfin #mmenu .tfin-who i{width:42px;height:42px}
html.tfin #mmenu .tfin-who b{display:block;font-weight:600}
html.tfin #mmenu .tfin-who small{color:#ADA69A;font-size:13px}
html.tfin #mmenu a{color:#F1EBE0}
html.tfin #mmenu h3{color:#8C877D}
html.tfin #mmenu .tfin-sos{color:#F08A7E!important}

/* phone: no bottom tab bar, the links live in the account menu */
@media (max-width:1100px){html.tfin #nav nav.links{display:none!important}html.tfin #nav .tfin-lang{display:none}}
@media (max-width:760px){
  html.tfin #tabs{display:none!important}
  html.tfin #nav{padding:20px 12px 0!important}
  html.tfin #nav .bar{padding:0 8px 0 18px!important;gap:2px!important}
  html.tfin #nav .brand{margin-right:auto}
  html.tfin #nav .nav-menu{padding:0 4px!important}html.tfin #nav .tfin-chev{display:none}
  html.tfin #mmenu{border-radius:28px 28px 0 0!important}
}

/* Discover: the homepage hero */
html.tfin-disc .pd-page{padding-top:0!important}
html.tfin-disc .pd-wrap:not(.pd-sub){max-width:1240px!important;margin:0 auto;padding:0 24px 120px!important}
html.tfin .tfin-hero{min-height:calc(100svh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 64px;font-family:Geist,ui-sans-serif,system-ui,sans-serif}
html.tfin .tfin-hero .tfx-clock{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);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 .82rem/1.3 "Geist Mono",ui-monospace,monospace;color:#ADA69A;letter-spacing:.02em;margin-bottom:34px}
html.tfin .tfin-hero .tfx-clock b{color:#F1EBE0;font-weight:600}
html.tfin .tfin-h1{margin:0;max-width:16ch;font-size:clamp(44px,6.2vw,92px);line-height:.98;font-weight:700;letter-spacing:-.045em;color:#F1EBE0;text-wrap:balance}
html.tfin .tfin-sub{margin:22px 0 0;max-width:40ch;font-size:clamp(16px,1.35vw,19px);line-height:1.45;color:#ADA69A}
html.tfin .tfin-goal{position:relative;width:min(1000px,100%);margin:34px auto 0;display:flex;align-items:center;gap:18px;border-bottom:1.5px solid rgba(241,235,224,.28);padding:0 0 12px}
html.tfin .tfin-goal .pd-pill{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;height:auto!important;min-height:0!important;margin:0!important;cursor:text;border-radius:0!important}
html.tfin .tfin-goal .pd-pill-i{display:none!important}
html.tfin .tfin-goal .pd-pill-t{font:700 clamp(30px,4.6vw,64px)/1.08 Geist,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.04em;color:#B7A07A!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.tfin .tfin-goal .pd-pill-t.g{color:#B7A07A!important}
html.tfin .tfin-goal .pd-caret{background:#B7A07A!important}
html.tfin .tfin-go{flex:none;width:56px;height:56px;border-radius:50%;border:0;background:#D9BD92;color:#131312;display:grid;place-items:center;cursor:pointer}
html.tfin .tfin-go svg{width:20px;height:20px}
html.tfin .tfin-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px}
html.tfin .tfin-chips:empty{display:none}
html.tfin .tfin-chips .tl{font:600 .72rem/1 Geist,system-ui,sans-serif;letter-spacing:.16em;color:#ADA69A;margin-right:6px}
html.tfin .tfin-chips button{height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(241,235,224,.2);background:rgba(17,18,17,.32);color:#F1EBE0;font:500 15px Geist,system-ui,sans-serif;cursor:pointer}
html.tfin .tfin-chips button:hover{border-color:rgba(217,189,146,.6)}
html.tfin .tfin-trust{text-transform:uppercase;margin:34px 0 0;font:600 .72rem/1.6 Geist,system-ui,sans-serif;letter-spacing:.2em;color:#ADA69A}
html.tfin-disc .pd-wrap:not(.pd-sub)>.pd-trust{display:none}
html.tfin-disc .pd-mood{margin:0 auto 18px}

/* the sections below: homepage glass sections with a kicker and a headline */
html.tfin-disc .pd-sec{width:100%;box-sizing:border-box;max-width:1240px;margin:28px auto 0!important;padding:56px 56px 60px!important;border-radius:36px;background:rgba(17,18,17,.42);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.14);box-shadow:inset 0 0 120px -60px rgba(217,189,146,.18)}
html.tfin .tfin-kick{display:flex!important;align-items:center;gap:12px;font:600 .72rem/1 Geist,system-ui,sans-serif!important;letter-spacing:.18em!important;color:#D9BD92!important;text-transform:uppercase;margin:0!important}
html.tfin .tfin-kick::after{content:"";width:28px;height:1px;background:rgba(217,189,146,.6)}
html.tfin .tfin-h2{margin:14px 0 0;font:700 clamp(30px,3.6vw,52px)/1.02 Geist,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;color:#F1EBE0}
html.tfin .tfin-h2 em{font-style:normal;color:#ADA69A}
html.tfin-disc .pd-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.tfin-disc .pd-sub{color:#ADA69A}
html.tfin-disc .pd-link{color:#D9BD92!important}
/* Near you: faces as glass pills */
html.tfin-disc .pd-faces{display:flex!important;flex-wrap:wrap;gap:14px;margin-top:26px;overflow:visible!important}
html.tfin-disc .pd-face{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:12px 22px 12px 12px!important;border-radius:999px!important;background:rgba(17,18,17,.42)!important;border:1px solid rgba(241,235,224,.18)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#F1EBE0;width:auto!important;min-width:0!important}
html.tfin-disc .pd-face-p{width:50px!important;height:50px!important;flex:none}
html.tfin-disc .pd-face-n{font-weight:600;font-size:15px;color:#F1EBE0!important;max-width:none!important}
/* Learn something new: the clay grid, first tile big */
html.tfin-disc .pd-cats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-flow:row dense!important;grid-template-rows:none!important;grid-auto-columns:auto!important;grid-auto-rows:auto!important;gap:14px!important;margin-top:30px;overflow:visible!important}
html.tfin-disc .pd-cat{border-radius:28px!important;background:rgba(19,19,18,.7)!important;border:1px solid rgba(241,235,224,.08)!important;padding:16px 18px 20px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left;color:#F1EBE0;width:auto!important;min-width:0!important;box-shadow:inset 0 0 60px -30px rgba(217,189,146,.22)!important}
html.tfin-disc .pd-cat:first-child{grid-column:span 2;grid-row:span 2;padding:26px!important}
html.tfin-disc .pd-cat-pic{width:100%!important;height:auto!important;aspect-ratio:1.3;background:none!important}
html.tfin-disc .pd-cat:first-child .pd-cat-pic{aspect-ratio:1.45;margin:auto 0 10px}
html.tfin-disc .pd-cat-pic img{width:100%!important;height:100%!important;object-fit:contain!important}
html.tfin-disc .pd-cat-n{font-size:16px;font-weight:600;margin-top:8px;color:#F1EBE0!important}
html.tfin-disc .pd-cat:first-child .pd-cat-n{font-size:28px;letter-spacing:-.025em;font-weight:700}
html.tfin-disc .pd-cat-c{color:#D9BD92!important;font-size:13px;margin-top:3px}
html.tfin-disc .pd-cat[disabled] .pd-cat-c{color:#ADA69A!important}
html.tfin-disc .pd-rows{margin-top:26px}
html.tfin-disc .pd-rail{margin-top:26px}
@media (max-width:760px){
  html.tfin .tfin-hero{min-height:calc(100svh - 78px);padding:24px 0 40px}
  html.tfin .tfin-goal{gap:12px}
  html.tfin .tfin-goal .pd-pill{justify-content:flex-start}
  html.tfin .tfin-go{width:50px;height:50px}
  html.tfin .tfin-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;scrollbar-width:none}
  html.tfin .tfin-chips button{flex:none}
  html.tfin-disc .pd-wrap:not(.pd-sub){padding:0 10px 110px!important}
  html.tfin-disc .pd-sec{margin:16px 0 0!important;padding:34px 20px 36px!important;border-radius:28px}
  html.tfin-disc .pd-cats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  html.tfin-disc .pd-cat:first-child{grid-column:span 2;grid-row:auto}
  html.tfin-disc .pd-cat:first-child .pd-cat-pic{aspect-ratio:1.7}
  html.tfin-disc .pd-face{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){html.tfin #tfxsky canvas{display:none}}

/* Expert dashboard and the other dashboards: hero, glass status bar, sections */
html.tfin-ex .hd-wrap{max-width:1240px!important;margin:0 auto!important;padding:0 24px 120px!important}
html.tfin-ex .hd-head{display:none!important}
html.tfin .tfin-hero-s{min-height:0;padding:72px 0 56px}
html.tfin .tfin-st{position:relative;max-width:760px;width:100%;margin:30px auto 0;padding:12px 14px 12px 12px;border-radius:999px;display:flex;align-items:center;gap:14px;text-align:left;background:rgba(17,18,17,.42);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.2);box-sizing:border-box}
html.tfin .tfin-st .hd-who{flex:1 1 auto;min-width:0;width:auto!important;margin:0!important;display:flex;align-items:center;gap:14px}
html.tfin .tfin-st .hd-who-b{flex:1 1 auto;min-width:0;width:auto!important;display:block!important}
html.tfin .tfin-st .hd-face{width:52px!important;height:52px!important;flex:none;border-radius:50%;color:#D9BD92!important;background:linear-gradient(140deg,#3B3326,#6B5432)!important;border:0!important;font:600 19px Geist,system-ui,sans-serif}
html.tfin .tfin-st .hd-name{margin:0;font-size:16px;font-weight:600;color:#F1EBE0;display:flex;gap:8px;align-items:center}
html.tfin .tfin-st .hd-state{margin:2px 0 0;color:#ADA69A;font-size:13.5px}
html.tfin .tfin-st .hd-toggle{flex:none!important;width:auto!important;display:flex!important;align-items:center;gap:10px;padding:0 6px!important;background:none!important;border:0!important;min-height:0!important}
html.tfin .tfin-st .hd-toggle .hd-row-s{display:none}
html.tfin .tfin-st .hd-toggle .hd-row-t{font-size:14px;color:#ADA69A}
html.tfin .tfin-st .hd-glass{flex:none;background:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.tfin .tfin-sec{width:100%;box-sizing:border-box;max-width:1240px;margin:28px auto 0;padding:56px 56px 60px;border-radius:36px;background:rgba(17,18,17,.42);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.14);box-shadow:inset 0 0 120px -60px rgba(217,189,146,.18)}
html.tfin .tfin-q{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
html.tfin .tfin-q:empty{display:none}
html.tfin .tfin-rq{border-radius:28px;padding:22px;color:#F1EBE0;display:flex;flex-direction:column;gap:6px;background:rgba(17,18,17,.42);border:1px solid rgba(241,235,224,.16)}
html.tfin .tfin-rq .top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
html.tfin .tfin-rq .who{display:flex;gap:12px;align-items:center;min-width:0}
html.tfin .tfin-rq .who i{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 16px Geist,system-ui,sans-serif;font-style:normal;background:#2A2A26}
html.tfin .tfin-rq .who b{display:block;font-weight:600}html.tfin .tfin-rq .who small{color:#ADA69A;font-size:13px}
html.tfin .tfin-pill{flex:none;white-space:nowrap;font:600 11px Geist,system-ui,sans-serif;letter-spacing:.06em;color:#D9BD92;border:1px solid rgba(217,189,146,.4);border-radius:999px;padding:5px 10px}
html.tfin .tfin-rq .kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-top:1px solid rgba(241,235,224,.08);text-align:right}
html.tfin .tfin-rq .kv span{color:#ADA69A;flex:none}
html.tfin .tfin-rq .act{display:flex;gap:10px;margin-top:10px}
html.tfin .tfin-rq .act button{flex:1;height:44px;border-radius:999px;border:1px solid rgba(241,235,224,.2);background:rgba(17,18,17,.42);font:600 14.5px Geist,system-ui,sans-serif;color:#F1EBE0;cursor:pointer}
html.tfin .tfin-rq .act button.g{background:#D9BD92;color:#131312;border-color:transparent}
html.tfin .tfin-note,html.tfin .tfin-sec .hd-note{margin:16px 0 0;color:#8C877D;font-size:13px}
html.tfin .tfin-money{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:28px}
html.tfin #root #main .tfin-money+.tfin-tools.hd-group{margin-top:14px}
html.tfin .tfin-money:empty{display:none}
html.tfin .tfin-fig{text-align:left;font:inherit;cursor:pointer;border-radius:28px;background:rgba(19,19,18,.7);border:1px solid rgba(241,235,224,.08);padding:22px 24px;color:#F1EBE0;box-shadow:inset 0 0 60px -30px rgba(217,189,146,.22)}
html.tfin .tfin-fig small{display:block;color:#ADA69A;font-size:13px}
html.tfin .tfin-fig b{display:block;margin-top:10px;font-size:34px;font-weight:700;letter-spacing:-.03em}
html.tfin .tfin-fig.big b{font-size:46px;color:#D9BD92}
html.tfin .tfin-fig p{margin:8px 0 0;color:#8C877D;font-size:13px}
/* app's own rows as the approved glass tool rows */
html.tfin #root #main .tfin-sec .tfin-tools.hd-group{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:28px;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.tfin .tfin-tools .hd-row{border-radius:22px!important;background:rgba(19,19,18,.7)!important;border:1px solid rgba(241,235,224,.08)!important;padding:16px 18px!important;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#F1EBE0;text-align:left;min-height:0}
html.tfin .tfin-tools .hd-row::after,html.tfin .tfin-tools .hd-row::before{display:none!important}
html.tfin .tfin-tools .hd-row-t>span:first-child{display:block;font-weight:600;font-size:15px}
html.tfin .tfin-tools .hd-row-s{color:#ADA69A;font-size:13px}
html.tfin .tfin-tools .hd-row-v{color:#ADA69A;font-size:14px;white-space:nowrap}
html.tfin .tfin-tools .hd-row.tfin-sig{border-color:rgba(217,189,146,.35)!important}
html.tfin .tfin-tools .hd-row.tfin-sig .hd-row-t>span:first-child{color:#D9BD92}
@media (max-width:760px){
  html.tfin-ex .hd-wrap{padding:0 10px 110px!important}
  html.tfin .tfin-hero-s{padding:36px 0 30px}
  html.tfin .tfin-st{border-radius:26px;flex-wrap:wrap}
  html.tfin .tfin-st .hd-who{flex-basis:calc(100% - 60px)}
  html.tfin .tfin-st .hd-toggle{width:100%;justify-content:space-between;padding:10px 4px 0!important;border-top:1px solid rgba(241,235,224,.1)!important}
  html.tfin .tfin-st .hd-glass{position:absolute;top:10px;right:10px}
  html.tfin .tfin-sec{margin:16px 0 0;padding:34px 20px 36px;border-radius:28px}
  html.tfin .tfin-q,html.tfin #root #main .tfin-sec .tfin-tools.hd-group{grid-template-columns:1fr}
  html.tfin .tfin-money{grid-template-columns:1fr 1fr;gap:10px}html.tfin .tfin-money .big{grid-column:span 2}
  html.tfin .tfin-fig{padding:18px}html.tfin .tfin-fig b{font-size:26px}html.tfin .tfin-fig.big b{font-size:40px}
  html.tfin .tfin-rq{padding:18px;min-width:0}
}
html.tfin #mmenu .tfin-who{order:-10}
/* app's "night" screens (dashboards, schedule, profile) read these: glass panels on the homepage night, Geist type */
html.tfin{--n-panel:rgba(17,18,17,.42);--n-glass:rgba(17,18,17,.55);--n-ground:transparent;--n-font:Geist,ui-sans-serif,system-ui,sans-serif;--n-font-display:Geist,ui-sans-serif,system-ui,sans-serif;--n-ink:#F1EBE0;--n-ink-2:#ADA69A;--n-accent:#D9BD92;--n-gold:#D9BD92}
html.tfin #root #main.hd-app :is(.hd-group,.hd-money){-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.14)!important}
html.tfin #root #main.hd-app .tfin-sec .tfin-tools.hd-group{margin:28px 0 0;border:0!important;overflow:visible}
html.tfin #root #main.hd-app .tfin-tools .hd-row{border:1px solid rgba(241,235,224,.08)!important}
html.tfin #root #main.hd-app .tfin-tools .hd-row.tfin-sig{border-color:rgba(217,189,146,.35)!important}
/* Folk dashboard: app's .phead and section layout only on the inner screens */
html.tfin-fk #root main .phead{display:none!important}
html.tfin-fk-home #root main .studio{display:none!important}
html.tfin-fk #root main.app > .wrap{max-width:1240px!important;padding:0 24px 120px!important}
html.tfin .tfin-st-f .tfin-face{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 19px Geist,system-ui,sans-serif;font-style:normal;color:#D9BD92;background:linear-gradient(140deg,#3B3326,#6B5432)}
html.tfin .tfin-st-f .b{flex:1 1 auto;min-width:0}
html.tfin .tfin-st-f .b b{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:600;color:#F1EBE0}
html.tfin .tfin-st-f .b b span{font:600 11px/1 Geist,system-ui,sans-serif;letter-spacing:.14em;color:#D9BD92}
html.tfin .tfin-st-f .b small{display:flex;align-items:center;gap:8px;margin-top:4px;color:#ADA69A;font-size:13.5px}
html.tfin .tfin-st-f .b small em{width:7px;height:7px;flex:none;border-radius:50%;background:#8C877D}
html.tfin .tfin-st-f .b small em.ok{background:#6FCF8E}
html.tfin .tfin-duty{flex:none;display:flex;align-items:center;gap:10px;padding:0 6px;cursor:pointer;color:#ADA69A;font-size:14px}
html.tfin .tfin-duty .hd-switch{--hd-switch-off:rgba(241,235,224,.18);--hd-gold:#D9BD92;--hd-accent:#D9BD92}
html.tfin .tfin-duty .hd-switch:before{background:#131312}
html.tfin .tfin-hint{margin:8px 0 0;color:#8C877D;font-size:12.5px;line-height:1.5}
html.tfin .tfin-hint b{color:#F1EBE0;font-weight:600}
html.tfin .tfin-code{display:flex;gap:8px;margin-top:10px}
html.tfin .tfin-code .input{flex:1;min-width:0;height:44px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(241,235,224,.16);color:#F1EBE0;padding:0 14px;font-size:15px}
html.tfin .tfin-code button,html.tfin .tfin-rq .act button.g{flex:none;min-width:130px;height:44px;border-radius:999px;border:0;background:#D9BD92;color:#131312;font:600 14.5px Geist,system-ui,sans-serif;cursor:pointer}
html.tfin .tfin-empty{margin:28px 0 0;color:#ADA69A;font-size:15px;max-width:52ch}
html.tfin .tfin-tools .hd-row-s{display:block;margin-top:3px}
html.tfin #root #main .tfin-tools .hd-row{width:100%;font:inherit;cursor:pointer}
html.tfin .tfin-back{display:inline-flex;align-items:center;height:40px;margin:28px 0 0;padding:0 18px;border-radius:999px;border:1px solid rgba(241,235,224,.2);background:rgba(17,18,17,.42);color:#F1EBE0;font:500 14px Geist,system-ui,sans-serif;cursor:pointer}
html.tfin .tfin-back::before{content:"\2190";margin-right:8px;color:#D9BD92}
@media (max-width:760px){
  html.tfin-fk #root main.app > .wrap{padding:0 10px 110px!important}
  html.tfin .tfin-st-f{border-radius:26px;flex-wrap:wrap}
  html.tfin .tfin-st-f .b{flex-basis:calc(100% - 70px)}
  html.tfin .tfin-duty{width:100%;justify-content:space-between;padding:10px 4px 0;border-top:1px solid rgba(241,235,224,.1)}
  html.tfin .tfin-code button{min-width:110px}
}
html.tfin-fk #root main .wrap > :is(.tfin-hero,.tfin-sec,.tfin-back){flex:none!important}
html.tfin .tfin-all{display:inline-flex;align-items:center;height:44px;margin:16px 0 0;padding:0 20px;border-radius:999px;border:1px solid rgba(241,235,224,.2);background:none;color:#F1EBE0;font:500 14.5px Geist,system-ui,sans-serif;cursor:pointer}
html.tfin .tfin-duty .hd-switch{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:51px;height:31px;margin:0;border:0;border-radius:16px;cursor:pointer;background:rgba(241,235,224,.18);transition:background-color .2s ease}
html.tfin .tfin-duty .hd-switch::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#131312;transition:transform .2s ease}
html.tfin .tfin-duty .hd-switch:checked{background:#D9BD92}
html.tfin .tfin-duty .hd-switch:checked::before{transform:translateX(20px)}
html.tfin .tfin-duty .hd-switch:not(:checked)::before{background:#F1EBE0}
html.tfin .tfin-duty .hd-switch:focus-visible{outline:2px solid #D9BD92;outline-offset:2px}
html.tfin-fk #root main .wrap > .tfin-back{align-self:flex-start;margin:0}

html.tfin.tfin.tfin body{background:#0B0B0A!important}
/* app's night.css screens (Expert profile, session panel...) read --n-* tokens that it only sets under its side-menu
   shell; without them they fell back to their light colours (owner 6 Nov "wow what a developer": cream calendar) */
html.tfin.tfin.tfin.tfin{--n-ground:#0B0B0A;--n-panel:rgba(17,18,17,.42);--n-sheet:rgba(17,18,17,.42);--n-sheet-cell:rgba(241,235,224,.06);--n-map:#2A2B27;
  --n-ink:#F1EBE0;--n-ink-2:#ADA69A;--n-chev:rgba(235,235,245,.3);--n-sep:rgba(241,235,224,.12);--n-hair:rgba(241,235,224,.1);--n-accent:#D9BD92;--n-on-accent:#131312;
  --n-gold:#D9BD92;--n-gold-text:#D9BD92;--n-gold-tint:rgba(217,189,146,.16);--n-fill:rgba(118,118,128,.24);--n-fill-2:rgba(118,118,128,.34);--n-switch-off:rgba(120,120,128,.32);
  --n-seg-track:rgba(118,118,128,.24);--n-seg-thumb:#5A5A5E;--n-glass:rgba(17,18,17,.55);--n-tab-sel:rgba(255,255,255,.1);--n-tab-idle:rgba(241,235,224,.75);
  --n-stop-tile:#C4473F;--n-stop:#F1B8B5;--n-stop-tint:rgba(196,71,63,.18);--n-ok:#A9CDB2;--n-ok-tint:rgba(143,203,162,.14);--n-warn:#E2A866;--n-warn-tint:rgba(226,168,102,.16);
  --n-scrim:rgba(0,0,0,.5);--n-photo-chip:rgba(0,0,0,.55);--n-font:"Geist",Roboto,system-ui,sans-serif;--n-font-display:"Geist",Roboto,system-ui,sans-serif}
html.tfin #main.hp .hp-req{-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(241,235,224,.16)}

/* light mode (owner 6 Nov "where is light mode?"): the homepage's light look. Ivory page, white glass, dark ink; the
   top of the page stays a night card with the sky and skyline, like the homepage hero. tfin.js sets .tfin-l. */
html.tfin.tfin.tfin.tfin.tfin-l{color-scheme:light;--bg:#F6EFE7;--bg-deep:#F1EADE;--panel:rgba(255,255,255,.6);--panel-2:rgba(40,30,19,.04);--ph-bg:#EFE7DC;
  --text:#1B1C1A;--text-2:#5F5A51;--text-3:#726B5C;--hair:rgba(40,30,19,.1);--border:rgba(40,30,19,.14);--control-edge:rgba(40,30,19,.52);
  --teal:#8A6A44;--teal-deep:#6B4F30;--teal-soft:#F0E7D7;--error:#9A3324;--error-soft:#F6E7E1;--warn:#8A6A1F;--warn-soft:#F5EEDD;--ok:#3F6B4F;--ok-soft:#E5EFE6;
  --glass:rgba(255,255,255,.55);--glass-strong:rgba(255,255,255,.78);--glass-tint:rgba(255,255,255,.45);--paper:#F6EFE7;--ink:#1B1C1A;--ink-2:#5F5A51;--mist:rgba(255,255,255,.55);--plate:rgba(255,255,255,.86);
  --ivory:#F6EFE7;--ivory-2:#F8F3EB;--ivory-3:#FBF7F0;--cream:#1B1C1A;--cream-2:rgba(27,28,26,.74);--cream-3:rgba(27,28,26,.54);--accent:#8A6A44;--accent-2:#74552F;--accent-soft:#EFE4D2;
  --edge:rgba(40,30,19,.08);--edge-2:rgba(40,30,19,.14);--edge-dark:rgba(40,30,19,.14);--btn-fill:#D9BD92;--btn-fill-h:#E5CCA6;--btn-ink:#131312;
  --gold:#74552F;--night:#0B0B0A;--night-2:#1B1C1A;--sky:#2F2F2A;--border-tint:rgba(138,106,68,.18);background:#F6EFE7;
  --n-ground:#F6EFE7;--n-panel:#FFFFFF;--n-sheet:rgba(255,255,255,.55);--n-sheet-cell:#FFFFFF;--n-map:#EFE7DC;--n-ink:#1B1C1A;--n-ink-2:#5F5A51;--n-chev:rgba(60,60,67,.3);
  --n-sep:rgba(60,60,67,.18);--n-hair:rgba(40,30,19,.1);--n-accent:#896A44;--n-on-accent:#FFFFFF;--n-gold:#896A44;--n-gold-text:#74552F;--n-gold-tint:rgba(137,106,68,.12);
  --n-fill:rgba(118,118,128,.12);--n-fill-2:rgba(118,118,128,.2);--n-switch-off:rgba(120,120,128,.16);--n-seg-track:rgba(118,118,128,.12);--n-seg-thumb:#FFFFFF;
  --n-glass:rgba(255,255,255,.78);--n-tab-sel:rgba(137,106,68,.12);--n-tab-idle:#5F5A51;--n-stop-tile:#B3251E;--n-stop:#B3251E;--n-stop-tint:rgba(179,37,30,.1);
  --n-ok:#3F6B4F;--n-ok-tint:rgba(63,107,79,.12);--n-warn:#8A5514;--n-warn-tint:rgba(178,106,30,.13);--n-scrim:rgba(27,28,26,.32)}
html.tfin.tfin.tfin.tfin-l body{background:#F6EFE7!important;color:#1B1C1A}
/* the night card keeps the night colours inside it */
html.tfin.tfin.tfin.tfin.tfin-l .tfin-hero{color-scheme:dark;--text:#F1EBE0;--text-2:#ADA69A;--text-3:#8C877D;--hair:rgba(241,235,224,.1);--border:rgba(241,235,224,.18);--teal:#D9BD92;--accent:#D9BD92;--gold:#D9BD92;--ink:#F1EBE0;--ink-2:#ADA69A;--cream:#F1EBE0;--ok:#8FBF9B;--n-ink:#F1EBE0;--n-ink-2:#ADA69A;--n-gold-text:#D9BD92;--n-accent:#D9BD92;--hd-ink:#F1EBE0;--hd-ink-2:#ADA69A;--hd-gold:#D9BD92;--hd-gold-text:#D9BD92;--hd-accent:#D9BD92;--hd-hair:rgba(255,255,255,.1);--hd-sep:rgba(255,255,255,.12);--hd-fill:rgba(118,118,128,.24);--hd-switch-off:rgba(120,120,128,.32);--hd-ok:#7FC08F;--hd-on-accent:#131312;color:#F1EBE0}
html.tfin.tfin-l #main.hp .hp-req{border-color:rgba(40,30,19,.12)}
html.tfin.tfin-l #root #main.rq-app{--rq-art:#EEE5D8}
/* the night card: the sky stops being the whole page and frames the top, 12px in, 40px corners (homepage hero) */
html.tfin.tfin-l #tfxsky{position:absolute;top:12px;left:12px;right:12px;bottom:auto;height:var(--tfin-skyh,0px);border-radius:40px;overflow:hidden}
html.tfin.tfin-l:not(.tfin-hasnight) #tfxsky{display:none}
html.tfin.tfin-l #tfxsky canvas{top:auto;bottom:-16vh;height:100vh}
html.tfin.tfin-l.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button{color:rgba(241,235,224,.88)!important}
html.tfin.tfin-l.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button[aria-current=page],html.tfin.tfin-l.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button:hover{color:#F1EBE0!important}
html.tfin.tfin-l.tfin-hasnight:not(.tfin-scrolled) #nav :is(.bellbtn,.tfin-theme,.nav-menu,.icon-btn,.tfin-lang,.nvlang){color:#F1EBE0!important}
@media (max-width:760px){html.tfin.tfin-l #tfxsky{top:8px;left:8px;right:8px;border-radius:28px}html.tfin.tfin-l .tfin-hero{padding-left:22px!important;padding-right:22px!important}}
/* header in light: night ink over the night card, the homepage's white glass with dark ink everywhere else */
html.tfin.tfin-l:not(.tfin-hasnight) #nav .bar,html.tfin.tfin-l.tfin-scrolled #nav .bar{--hdr-ink:#1B1C1A}
html.tfin.tfin-l.tfin-scrolled #nav .bar,html.tfin.tfin-l.tfin-scrolled #nav.tuck .bar{background:rgba(255,253,250,.74)!important}
html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav nav.links button{color:rgba(27,28,26,.72)!important}
html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav nav.links button:hover,html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav nav.links button[aria-current=page]{color:#1B1C1A!important}
html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav :is(.bellbtn,.tfin-theme,.nav-menu,.icon-btn,.tfin-lang,.nvlang){color:#1B1C1A!important}
html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav .nav-menu{background:rgba(40,30,19,.05)!important;border-color:rgba(40,30,19,.14)!important}
html.tfin.tfin-l:is(:not(.tfin-hasnight),.tfin-scrolled) #nav .tfin-logo{content:url(/nv/img/logo-light.svg)}

/* footer: the homepage footer (approved A1) in place of app's old one; tfin.js puts it in */
html.tfin .tfc-sitefoot{display:none!important}
html.tfin footer.tfin-foot{--text:#F1EBE0;--text2:#ADA69A;--line:rgba(241,235,224,.1);--sans:"Geist",system-ui,sans-serif;position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:72px 16px 40px;color:var(--text2);font-size:.9rem}
html.tfin.tfin-l footer.tfin-foot{--text:#1B1C1A;--text2:#5F5A51;--line:rgba(40,30,19,.12)}
html.tfin footer.tfin-foot[hidden]{display:none}
footer.tfin-foot img{height:24px;width:auto}
footer.tfin-foot .lg-l{display:none}
html.tfin-l footer.tfin-foot .lg-l{display:inline}
html.tfin-l footer.tfin-foot .lg-d{display:none}
footer.tfin-foot .fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:40px}
footer.tfin-foot .fgrid h3{font:600 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin:0 0 14px}
footer.tfin-foot .fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html.tfin footer.tfin-foot a{color:var(--text2)!important;text-decoration:none}
html.tfin footer.tfin-foot a:hover{color:var(--text)!important}
footer.tfin-foot .fgrid .about p{margin:14px 0 0;max-width:34ch;line-height:1.5}
footer.tfin-foot .pay{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
footer.tfin-foot .pay span{display:inline-flex;align-items:center;gap:3px;height:22px}
footer.tfin-foot .pay svg{height:19px;width:auto}
footer.tfin-foot .pay .pv{height:12px;fill:#fff}
footer.tfin-foot .pay .pa{height:22px}
footer.tfin-foot .gpay svg{height:13px}
footer.tfin-foot .gpay b{font:500 .78rem/1 var(--sans);color:#fff;letter-spacing:-.01em}
html.tfin-l footer.tfin-foot .pay .pv{fill:#1434CB}
html.tfin-l footer.tfin-foot .gpay b{color:#5F6368}
footer.tfin-foot .soc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 15px;margin-top:22px}
footer.tfin-foot .soc a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:40px;color:var(--text2)}
footer.tfin-foot .soc svg{width:19px;height:19px}
footer.tfin-foot .soc a:hover{color:var(--text)}
footer.tfin-foot .awards{margin-top:18px;display:grid!important;grid-template-columns:repeat(2,max-content);align-items:center;gap:12px!important}
footer.tfin-foot .awards img{height:38px;width:auto}
footer.tfin-foot .fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 32px}
footer.tfin-foot .legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem}
footer.tfin-foot .legal .fl-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
footer.tfin-foot .legal .cpy{font-weight:600;color:var(--text)}
footer.tfin-foot .legal .fx{font-size:12px;color:var(--text2)}
footer.tfin-foot .legal .fx::before{content:"·";margin-right:12px;color:var(--text2)}
footer.tfin-foot .legal .pp{color:var(--text2);text-decoration:none}
footer.tfin-foot .legal .pp:hover{color:var(--text)}
footer.tfin-foot .legal .fx a,footer.tfin-foot .legal .cks{display:inline-block;padding-block:4px}
footer.tfin-foot .legal .cks{background:none;border:0;padding-inline:0;font:inherit;cursor:pointer}
@media (min-width:1001px){footer.tfin-foot .fgrid{column-gap:clamp(128px,14vw,260px)}footer.tfin-foot .fcols{column-gap:clamp(56px,5vw,96px)}}
@media (max-width:1000px){footer.tfin-foot .fgrid{grid-template-columns:1fr}}
@media (max-width:640px){footer.tfin-foot{padding-left:21px;padding-right:21px}footer.tfin-foot a:not([class]){padding-block:4px}footer.tfin-foot .fcols h3{font-size:12px!important}}
@media (max-width:560px){footer.tfin-foot .fcols{grid-template-columns:1fr 1fr;gap:28px 20px}}
@media (max-width:700px){footer.tfin-foot .legal{flex-direction:column;align-items:flex-start}footer.tfin-foot .legal .fx::before{display:none}}
/* generated from the night rules above (mklight.py) */
html.tfin.tfin.tfin-l .card,html.tfin.tfin.tfin-l .glass,html.tfin.tfin.tfin-l .glass-strong,html.tfin.tfin.tfin-l .panel,html.tfin.tfin.tfin-l .pd-card,html.tfin.tfin.tfin-l .pd-row,html.tfin.tfin.tfin-l .pd-ev,html.tfin.tfin.tfin-l .pd-empty{background:rgba(255,255,255,.6)!important;border:1px solid rgba(40,30,19,.16)!important}
html.tfin.tfin.tfin-l .btn-secondary{color:#1B1C1A!important;border:1px solid rgba(40,30,19,.22)!important}
html.tfin.tfin.tfin-l input:not([type=checkbox]):not([type=radio]),html.tfin.tfin.tfin-l select,html.tfin.tfin.tfin-l textarea{background:rgba(255,255,255,.6);color:#1B1C1A;border-color:rgba(40,30,19,.16)}
html.tfin.tfin.tfin-l .cookie-bar{background:rgba(255,255,255,.72)!important;border:1px solid rgba(40,30,19,.2)!important;color:#5F5A51!important}
html.tfin.tfin.tfin-l .cookie-bar b{color:#1B1C1A!important}
html.tfin.tfin.tfin-l .cookie-bar a{color:#74552F!important}
html.tfin.tfin.tfin-l #mmenu{background:rgba(255,255,255,.72)!important;border:1px solid rgba(40,30,19,.18)!important;color:#1B1C1A}
html.tfin.tfin.tfin-l #mmenu .tfin-who{border-bottom:1px solid rgba(40,30,19,.12)}
html.tfin.tfin.tfin-l #mmenu .tfin-who small{color:#5F5A51}
html.tfin.tfin.tfin-l #mmenu a{color:#1B1C1A}
html.tfin.tfin.tfin-l #mmenu h3{color:#726B5C}
html.tfin-disc.tfin.tfin-l .pd-sec{background:rgba(255,255,255,.6);border:1px solid rgba(40,30,19,.14)}
html.tfin.tfin.tfin-l .tfin-kick{color:#74552F!important}
html.tfin.tfin.tfin-l .tfin-h2{color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-h2 em{color:#5F5A51}
html.tfin-disc.tfin.tfin-l .pd-sub{color:#5F5A51}
html.tfin-disc.tfin.tfin-l .pd-link{color:#74552F!important}
html.tfin-disc.tfin.tfin-l .pd-face{background:rgba(255,255,255,.6)!important;border:1px solid rgba(40,30,19,.18)!important;color:#1B1C1A}
html.tfin-disc.tfin.tfin-l .pd-face-n{color:#1B1C1A!important}
html.tfin-disc.tfin.tfin-l .pd-cat{background:rgba(255,255,255,.72)!important;border:1px solid rgba(40,30,19,.08)!important;color:#1B1C1A}
html.tfin-disc.tfin.tfin-l .pd-cat-n{color:#1B1C1A!important}
html.tfin-disc.tfin.tfin-l .pd-cat-c{color:#74552F!important}
html.tfin-disc.tfin.tfin-l .pd-cat[disabled] .pd-cat-c{color:#5F5A51!important}
html.tfin.tfin.tfin-l .tfin-sec{background:rgba(255,255,255,.6);border:1px solid rgba(40,30,19,.14)}
html.tfin.tfin.tfin-l .tfin-rq{color:#1B1C1A;background:rgba(255,255,255,.6);border:1px solid rgba(40,30,19,.16)}
html.tfin.tfin.tfin-l .tfin-rq .who i{background:#EFE7DC}
html.tfin.tfin.tfin-l .tfin-rq .who small{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-rq .kv{border-top:1px solid rgba(40,30,19,.08)}
html.tfin.tfin.tfin-l .tfin-rq .kv span{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-rq .act button{border:1px solid rgba(40,30,19,.2);background:rgba(255,255,255,.6);color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-note,html.tfin.tfin.tfin-l .tfin-sec .hd-note{color:#726B5C}
html.tfin.tfin.tfin-l .tfin-fig{background:rgba(255,255,255,.72);border:1px solid rgba(40,30,19,.08);color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-fig small{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-fig.big b{color:#74552F}
html.tfin.tfin.tfin-l .tfin-fig p{color:#726B5C}
html.tfin.tfin.tfin-l .tfin-tools .hd-row{background:rgba(255,255,255,.72)!important;border:1px solid rgba(40,30,19,.08)!important;color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-tools .hd-row-s{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-tools .hd-row-v{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-tools .hd-row.tfin-sig .hd-row-t>span:first-child{color:#74552F}
html.tfin.tfin.tfin-l #root #main.hd-app .tfin-tools .hd-row{border:1px solid rgba(40,30,19,.08)!important}
html.tfin.tfin.tfin-l .tfin-hint{color:#726B5C}
html.tfin.tfin.tfin-l .tfin-hint b{color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-code .input{background:rgba(255,255,255,.6);border:1px solid rgba(40,30,19,.16);color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-empty{color:#5F5A51}
html.tfin.tfin.tfin-l .tfin-back{border:1px solid rgba(40,30,19,.2);background:rgba(255,255,255,.6);color:#1B1C1A}
html.tfin.tfin.tfin-l .tfin-back::before{color:#74552F}
html.tfin.tfin.tfin-l .tfin-all{border:1px solid rgba(40,30,19,.2);color:#1B1C1A}
@media (max-width:1023px){html.tfin #tabs{display:none!important}}
@media (max-width:1100px){html.tfin .tfin-fig b{font-size:28px;white-space:nowrap}html.tfin .tfin-fig.big b{font-size:34px}html.tfin .tfin-fig{padding:18px}}
@media (max-width:1023px){html.tfin .tfin-q{grid-template-columns:1fr}}
@media (max-width:760px){
  html.tfin .tfin-st:not(.tfin-st-f) .hd-who{flex-basis:100%}
  html.tfin .tfin-st:not(.tfin-st-f) .hd-toggle{flex:1 1 auto!important;width:auto!important}
  html.tfin .tfin-st:not(.tfin-st-f) .hd-glass{position:static!important;align-self:flex-end;margin-top:10px}
}

/* Discover top section 50% smaller (owner 6 Nov 2026 "this is nice but 50% smaller"): same pieces, half the size and space */
html.tfin .tfin-hero{min-height:0;padding:28px 0 32px}
html.tfin .tfin-hero .tfx-clock{padding:6px 11px;font-size:.74rem}
html.tfin .tfin-h1{margin-top:14px;font-size:clamp(26px,3.1vw,46px)}
html.tfin .tfin-sub{margin-top:10px;font-size:clamp(14px,1.05vw,15px)}
html.tfin .tfin-goal{width:min(560px,100%);margin-top:18px;gap:10px;padding-bottom:7px}
html.tfin .tfin-goal .pd-pill-t{font-size:clamp(20px,2.3vw,32px)!important}
html.tfin .tfin-go{width:36px;height:36px}
html.tfin .tfin-go svg{width:16px;height:16px}
html.tfin .tfin-chips{margin-top:14px;gap:7px}
html.tfin .tfin-chips .tl{font-size:.64rem}
html.tfin .tfin-chips button{height:32px;padding:0 12px;font-size:13px}
html.tfin .tfin-trust{margin-top:16px;font-size:.62rem}
/* when the links fold away, the logo keeps left and the buttons sit right, as on the homepage */
@media (max-width:1100px){html.tfin #nav .brand{margin-right:auto!important}}
/* skill cards all one size (owner 6 Nov 2026 "all cards size same please"); names never clipped */
html.tfin-disc .pd-cat,html.tfin-disc .pd-cat:first-child{grid-column:auto!important;grid-row:auto!important;padding:16px 18px 18px!important;aspect-ratio:auto!important}
html.tfin-disc .pd-cat .pd-cat-pic,html.tfin-disc .pd-cat:first-child .pd-cat-pic{flex:none!important;aspect-ratio:1.3!important;margin:0 0 12px!important}
html.tfin-disc .pd-cat-w{min-height:0!important;padding:0!important}
html.tfin-disc .pd-cat-n,html.tfin-disc .pd-cat:first-child .pd-cat-n{font-size:16px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:0!important;padding-bottom:1px}
html.tfin-disc .pd-cat-c{line-height:1.35!important}
html.tfin #nav nav.links button[hidden]{display:none!important}
/* header movement as on the homepage (owner 6 Nov 2026 "check headers movement"): clear at the top; past 40px it eases down 8px
   and turns to glass, .35s on the homepage's curve; it never hides */
html.tfin #nav .bar{transition:background-color .35s,backdrop-filter .35s,-webkit-backdrop-filter .35s,transform .35s cubic-bezier(.22,1,.36,1)!important}
html.tfin.tfin-scrolled #nav .bar,html.tfin.tfin-scrolled #nav.tuck .bar{transform:translateY(8px)!important;background:rgba(30,31,28,.62)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;backdrop-filter:blur(22px) saturate(1.4)!important}

/* ===== Owner 6 Nov 2026 "all new approved design should match with homepage": the homepage shell, values read from the
   live homepage. The homepage's own sky (tfhome1.js), live from the real sun, sits in its rounded frame behind the hero in
   light and dark (12px edge, 40px radius, 28px on phone), with the homepage ground around it; header ink and logo follow
   the sun (html.day) until the page scrolls. ===== */
html.tfin{--h-ink:#F1EBE0;--h-ink2:rgba(241,235,224,.88);--h-chip:rgba(17,18,17,.42);--h-chipb:rgba(241,235,224,.2)}
html.tfin.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.tfin body{background:#131312!important}
html.tfin.tfin.tfin.tfin-l body{background:#F6EFE7!important}
html.tfin.tfin #tfxsky{position:absolute;inset:auto;top:12px;left:12px;right:12px;height:var(--tfin-skyh,0px);border-radius:40px;overflow:hidden;isolation:isolate;background:linear-gradient(#0b0b0a,#3a2c1c)}
html.tfin.tfin:not(.tfin-hasnight) #tfxsky{display:none}
html.tfin.tfin #tfxsky canvas{position:absolute;inset:0;top:0;bottom:0;width:100%;height:100%;display:block}
@media (max-width:760px){html.tfin.tfin #tfxsky,html.tfin.tfin.tfin-l #tfxsky{top:12px;left:12px;right:12px;border-radius:28px}}
@media (prefers-reduced-motion:reduce){html.tfin #tfxsky canvas{display:block}}
html.tfin:not(.tfin-l) .tfin-hero{padding-left:22px!important;padding-right:22px!important}
/* header: the homepage pill links, no underline; the current page keeps the hover pill */
html.tfin #nav nav.links button[aria-current=page]{text-decoration:none!important;background:rgba(127,127,127,.14)}
/* over the sky by day: the homepage's dark ink and day logo */
html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button{color:rgba(27,28,26,.84)!important}
html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button[aria-current=page],html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav nav.links button:hover{color:#1B1C1A!important}
html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav :is(.bellbtn,.tfin-theme,.nav-menu,.icon-btn,.tfin-lang,.nvlang){color:#1B1C1A!important}
html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav .nav-menu{background:rgba(255,255,255,.55)!important;border-color:rgba(27,28,26,.14)!important}
html.tfin.day.tfin-hasnight:not(.tfin-scrolled) #nav .tfin-logo{content:url(/nv/img/logo-light.svg)}
/* the homepage clock pill (.live) and title type (#lead: 800, -0.05em) */
html.tfin.tfin.tfin.tfin.tfin.tfin .tfin-hero .tfx-clock{background:var(--h-chip);border:1px solid var(--h-chipb);color:var(--h-ink2);font-size:.82rem}
html.tfin.tfin.tfin.tfin.tfin.tfin .tfin-hero .tfx-clock b{color:var(--h-ink)}
@media (max-width:760px){html.tfin.tfin.tfin.tfin.tfin.tfin .tfin-hero .tfx-clock{font-size:.74rem}}
html.tfin .tfin-h1{font-weight:800!important;letter-spacing:-.05em!important}
/* daytime ink for everything app draws inside the hero */
html.tfin.tfin.tfin.tfin.tfin.day .tfin-hero{color-scheme:light;--text:#1B1C1A;--text-2:#5F5A51;--text-3:#726B5C;--hair:rgba(27,28,26,.1);--border:rgba(27,28,26,.18);--teal:#74552F;--accent:#74552F;--ink:#1B1C1A;--ink-2:#5F5A51;--ok:#3F6B4F;--n-ink:#1B1C1A;--n-ink-2:#5F5A51;--n-gold-text:#74552F;--n-accent:#74552F;--hd-ink:#1B1C1A;--hd-ink-2:#5F5A51;--hd-gold-text:#74552F;--hd-accent:#74552F;--hd-hair:rgba(27,28,26,.1);--hd-sep:rgba(27,28,26,.12);--hd-fill:rgba(118,118,128,.16);--hd-switch-off:rgba(27,28,26,.18);--hd-ok:#3F6B4F;color:#1B1C1A}
/* daytime ink, made from the night rules above by mkday.py */
html.tfin.tfin.tfin.tfin.tfin.day .tfin-hero .tfx-clock{background:rgba(27,28,26,.06);border:1px solid rgba(27,28,26,.16);color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-hero .tfx-clock b{color:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-h1{color:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-sub{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-goal{border-bottom:1.5px solid rgba(27,28,26,.28)}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-goal .pd-pill-t{color:#74552F!important}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-goal .pd-pill-t.g{color:#74552F!important}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-goal .pd-caret{background:#74552F!important}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-chips .tl{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-chips button{border:1px solid rgba(27,28,26,.2);background:rgba(255,255,255,.55);color:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-trust{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st{background:rgba(255,255,255,.55);border:1px solid rgba(27,28,26,.2)}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st .hd-name{color:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st .hd-state{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st .hd-toggle .hd-row-t{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-pill{color:#74552F}
@media (max-width:760px){html.tfin.tfin.tfin.tfin.tfin.day .tfin-st .hd-toggle{border-top:1px solid rgba(27,28,26,.1)!important}}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st-f .b b{color:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st-f .b b span{color:#74552F}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st-f .b small{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st-f .b small em{background:#726B5C}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-st-f .b small em.ok{background:#3F6B4F}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty{color:#5F5A51}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty .hd-switch{--hd-switch-off:rgba(27,28,26,.18);--hd-gold:#74552F;--hd-accent:#74552F}
@media (max-width:760px){html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty{border-top:1px solid rgba(27,28,26,.1)}}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty .hd-switch{background:rgba(27,28,26,.18)}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty .hd-switch:not(:checked)::before{background:#1B1C1A}
html.tfin.tfin.tfin.tfin.tfin.day .tfin-duty .hd-switch:focus-visible{outline:2px solid #74552F}

/* 6 Nov: fixed search line height so the typing caret never moves the hero */
html.tfin .tfin-goal .pd-pill-t{display:block;height:1.08em;line-height:1.08}
html.tfin .tfin-goal .pd-caret{height:.9em;vertical-align:-.08em}

/* 6 Nov: Cookie settings sits in the Money and data column */
.fgrid .cks{background:none;border:0;padding:0;font:inherit;color:var(--text2);cursor:pointer;text-align:left}.fgrid .cks:hover{color:var(--text)}
/* 7 Nov: phone fixes. "Near you tonight" stays on one line beside the skill buttons; the Expert page starts under the header;
   the Schedule bar sits at the bottom of the screen (the web has no tab bar for it to clear). */
html.tfin .tfin-chips .tl{flex:none;white-space:nowrap}
@media (max-width:820px){html.tfin #root main.page:not(.hd-app){padding-top:12px!important}}
/* a title and its line under it, one above the other */
html.tfin .stack-xs>strong,html.tfin .stack-xs>.small{display:block}
html.tfin #main.hp .hp-bar{bottom:0!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
/* 7 Nov: clays cannot be dragged out, long-pressed to save or selected */
img[src*="/img/skills/"],img[src*="/img/learn/"],img[src*="/img/eventpics/"],img[src*="/assistant/clay/"],img[src*="/nv/img/t"]{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}