/*! © 2026 Promus Technologies LLC · San Francisco, CA. All rights reserved. Confidential: no copying, scraping or reverse engineering. */
/* ✨ Promus light look (html.luxe): warm ivory paper, espresso header, serif headlines, antique gold. Set by luxe.js. */

/* ---------- fixes for every look ---------- */
.cr-chips label { text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; font-weight:600 !important; min-height:36px; padding:6px 14px !important; position:relative; }
.cr-chips input { position:absolute !important; opacity:0 !important; width:1px !important; height:1px !important; min-height:0 !important; margin:0 !important; pointer-events:none; }
.cr-chips label:has(input:checked) { background:var(--ink, #111); color:var(--bg, #fff); border-color:var(--ink, #111); }
.cr-chips label:has(input:focus-visible) { outline:2px solid var(--brass, #B86E00); outline-offset:2px; }

/* ---------- the palette ---------- */
html.luxe {
  --lx-paper:#FFFFFF; --lx-ivory:#FAF7F2; --lx-sand:#F4EFE6; --lx-line:#E9E1D4; --lx-ink:#1D1A16; --lx-quiet:#7A7166;
  --lx-gold:#9C7A3C; --lx-gold2:#B8975A; --lx-esp:#17130F; --lx-cream:#F5EFE5; --lx-ok:#3F7D4E; --lx-bad:#A8432F;
  --lx-shadow:0 18px 40px -30px rgba(60,40,10,.35);
  /* the tokens every Promus page already uses */
  --bg:var(--lx-ivory); --card:var(--lx-paper); --paper:var(--lx-paper); --line:var(--lx-line); --ink:var(--lx-ink); --quiet:var(--lx-quiet);
  --brass:var(--lx-gold); --ok:var(--lx-ok); --bad:var(--lx-bad); --warn:#8A4B24; --warnbg:#F8EEE3; --field:var(--lx-paper); --cream:var(--lx-sand);
  --sky:#EEF2F4; --hl:#F6E7C1; --sel:#EEF2F4; color-scheme:light;
  background:var(--lx-ivory) !important;
}
html.luxe body { background:var(--lx-ivory) !important; color:var(--lx-ink); -webkit-font-smoothing:antialiased; }
html.luxe ::selection { background:#EADBB9; }

/* 🪙 quiet gold for leftover emojis and for icons */
html.luxe .emo { filter:grayscale(1) sepia(.65) saturate(1.7) hue-rotate(-8deg) brightness(.92) contrast(.95); }
html.luxe .mi { color:var(--lx-gold); }
html.luxe .act:not(.alt) .mi, html.luxe .btn:not(.o):not(.ghost) .mi, html.luxe button.on .mi, html.luxe .on > .mi { color:inherit; }

/* headlines: elegant serif */
html.luxe h1, html.luxe h2, html.luxe .card h3, html.luxe section > h3, html.luxe .cc h3, html.luxe .mod h3 { font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; letter-spacing:-.005em; }
html.luxe h1 em, html.luxe h2 em { color:var(--lx-gold) !important; }

/* cards, inputs, buttons on the public pages */
html.luxe .card, html.luxe .cc, html.luxe .tc, html.luxe .mc, html.luxe .mod, html.luxe .panel, html.luxe .lc, html.luxe .stage, html.luxe .ev, html.luxe .how div, html.luxe .stats div {
  background:var(--lx-paper); border-color:var(--lx-line); box-shadow:var(--lx-shadow); }
html.luxe input:not([type=checkbox]):not([type=radio]), html.luxe textarea, html.luxe select { background:var(--lx-paper); border-color:var(--lx-line); color:var(--lx-ink); }
html.luxe .btn:not(.o):not(.ghost):not(.b), html.luxe .join { background:var(--lx-esp) !important; border-color:var(--lx-esp) !important; color:var(--lx-cream) !important; }
html.luxe .btn.o, html.luxe .btn.ghost, html.luxe .btn.b { background:transparent !important; color:var(--lx-ink) !important; border:1px solid var(--lx-ink) !important; }
html.luxe .cats button.on, html.luxe .tabs button.on, html.luxe nav.top a.on, html.luxe .lhseg button.on, html.luxe .crumb .on { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border-color:var(--lx-esp) !important; }
html.luxe .cats button, html.luxe .tabs button { background:var(--lx-paper); border-color:var(--lx-line); }
html.luxe .tc:hover, html.luxe .cc:hover { border-color:var(--lx-gold2); }
html.luxe .hot { background:var(--lx-esp) !important; color:#E8D3A6 !important; }
html.luxe .bar i { background:var(--lx-gold) !important; }
html.luxe .muted, html.luxe .sub { color:var(--lx-quiet); }
html.luxe footer { color:var(--lx-quiet); }
/* the big dark banners stay dark, now espresso with a soft gold glow */
html.luxe .tsb-in { background:var(--lx-esp) !important; box-shadow:0 30px 60px -40px rgba(40,25,5,.6) !important; }
html.luxe .tsb-eye { color:var(--lx-gold2) !important; } html.luxe .tsb h2 em { color:#D9BC82 !important; }
html.luxe .tsb-p { background:var(--lx-gold2) !important; color:var(--lx-esp) !important; }
html.luxe .tsb-steps li { background:#231D17 !important; } html.luxe .tsb-steps b { background:var(--lx-gold2) !important; color:var(--lx-esp) !important; }

/* ================= the dashboard (owner page, Light look) ================= */
html.luxe body.light:not(.out), html.luxe body.light.light:not(.out) {
  --bg:var(--lx-ivory); --card:var(--lx-paper); --line:var(--lx-line); --ink:var(--lx-ink); --quiet:var(--lx-quiet); --brass:var(--lx-gold); --cyan:var(--lx-gold);
  --field:var(--lx-paper); --bubble:var(--lx-sand); --bubbleInk:var(--lx-ink); --shell:var(--lx-paper); --glow:none;
  background:var(--lx-ivory) !important;
}
html.luxe:has(body.light:not(.out)) { background:var(--lx-ivory) !important; background-image:none !important; }
html.luxe body.light::before { display:none !important; }

/* espresso header, full width, with the tabs on it */
html.luxe body.light:not(.out) header { background:var(--lx-esp); box-shadow:0 0 0 100vmax var(--lx-esp); clip-path:inset(0 -100vmax); padding-top:18px; padding-bottom:0; margin-bottom:34px; }
html.luxe body.light:not(.out) header .wm { font-family:"Instrument Serif", Georgia, serif; font-weight:400; font-size:31px; color:var(--lx-cream); letter-spacing:.01em; }
html.luxe body.light:not(.out) header .wm::after { font-family:Manrope, sans-serif; color:var(--lx-gold2); }
html.luxe body.light:not(.out) header .live { font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--lx-gold2) !important; }
html.luxe body.light:not(.out) header .modesw { background:transparent !important; color:var(--lx-cream) !important; border:1px solid rgba(245,239,229,.2) !important; font-weight:500 !important; letter-spacing:.02em; }
html.luxe body.light:not(.out) header .modesw .mi { color:var(--lx-gold2); }
html.luxe body.light:not(.out) #tabs { border-top:1px solid rgba(245,239,229,.08); margin-top:6px; width:100%; gap:2px; }
html.luxe body.light:not(.out) #tabs button, html.luxe body.light:not(.out) nav button:not(.on) { background:transparent !important; color:#BFB4A3 !important; border:0 !important; border-bottom:1.5px solid transparent !important; border-radius:0 !important; font-weight:500 !important; letter-spacing:.01em; box-shadow:none !important; }
html.luxe body.light:not(.out) #tabs button .mi { color:#BFB4A3; }
html.luxe body.light:not(.out) #tabs button.on, html.luxe body.light:not(.out) #tabmore.on { color:var(--lx-cream) !important; border-bottom-color:var(--lx-gold2) !important; background:transparent !important; }
html.luxe body.light:not(.out) #tabs button.on .mi { color:var(--lx-gold2); }
html.luxe body.light:not(.out) #tabs button:hover { color:var(--lx-cream) !important; }
html.luxe body.light:not(.out) #moremenu { background:var(--lx-paper) !important; border:1px solid var(--lx-line) !important; box-shadow:0 30px 60px -30px rgba(40,25,5,.45) !important; }
html.luxe body.light:not(.out) #moremenu button { color:var(--lx-ink) !important; }

/* paper cards */
html.luxe body.light:not(.out) .card, html.luxe body.light:not(.out) .tdhero { background:var(--lx-paper) !important; border:1px solid var(--lx-line) !important; border-radius:22px !important; box-shadow:var(--lx-shadow) !important; padding:24px 26px; }
html.luxe body.light:not(.out) .card h3 { font-size:25px !important; line-height:1.15; }
html.luxe body.light:not(.out) h2 { font-size:30px; }
html.luxe body.light:not(.out) #td_hi { font-size:44px !important; line-height:1.05; }
html.luxe body.light:not(.out) .tdclock { font-family:"Instrument Serif", Georgia, serif; font-weight:400; }
html.luxe body.light:not(.out) main > section > h2:first-child, html.luxe body.light:not(.out) .sechead h2 { font-size:38px; }

/* buttons: espresso for the main action, a fine ink outline for the rest */
html.luxe body.light:not(.out) button.act:not(.alt) { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border:1px solid var(--lx-esp) !important; border-radius:999px !important; font-weight:600 !important; letter-spacing:.03em; box-shadow:none !important; }
html.luxe body.light:not(.out) button.act:not(.alt):hover { background:#2A221B !important; }
html.luxe body.light:not(.out) .act.alt, html.luxe body.light:not(.out) button.alt { background:transparent !important; color:var(--lx-ink) !important; border:1px solid var(--lx-ink) !important; border-radius:999px !important; font-weight:600 !important; }
html.luxe body.light:not(.out) .tdchips button, html.luxe body.light:not(.out) .mdtabs button, html.luxe body.light:not(.out) .tvch, html.luxe body.light:not(.out) .mditem {
  background:var(--lx-paper) !important; color:var(--lx-ink) !important; border:1px solid var(--lx-line) !important; border-radius:999px !important; box-shadow:none !important; font-weight:600 !important; }
html.luxe body.light:not(.out) .tdchips button .mi { color:var(--lx-gold); }
html.luxe body.light:not(.out) .tdchips .newsflash { background:var(--lx-paper) !important; color:var(--lx-ink) !important; border-color:var(--lx-line) !important; animation:none !important; }
html.luxe body.light:not(.out) .tdchips .newsflash::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:#B4432F; margin-right:8px; vertical-align:middle; box-shadow:0 0 0 3px rgba(180,67,47,.15); }
html.luxe body.light:not(.out) .mdtabs button.on { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border-color:var(--lx-esp) !important; }

/* search: a soft pill */
html.luxe body.light:not(.out) .tdsearch input { border-radius:999px !important; border:1px solid var(--lx-line) !important; background:var(--lx-paper) !important; min-height:56px; padding-left:22px; box-shadow:0 10px 30px -18px rgba(60,40,10,.25); }
html.luxe body.light:not(.out) .tdsearch .srmic { border-radius:999px !important; background:var(--lx-paper) !important; border:1px solid var(--lx-line) !important; }
html.luxe body.light:not(.out) input:not([type=checkbox]):not([type=radio]), html.luxe body.light:not(.out) select, html.luxe body.light:not(.out) textarea { border-width:1px !important; border-color:var(--lx-line) !important; }

/* stock strip: serif numbers with thin dividers, like a fine paper */
html.luxe body.light:not(.out) .mktchip { background:var(--lx-paper) !important; border:1px solid var(--lx-line) !important; }
html.luxe body.light:not(.out) .mktchip .mkq b, html.luxe body.light:not(.out) .mktchip b { font-family:"Instrument Serif", Georgia, serif; font-weight:400; font-size:19px; }
html.luxe body.light:not(.out) .mktchip .up { color:var(--lx-ok) !important; } html.luxe body.light:not(.out) .mktchip .dn { color:var(--lx-bad) !important; }

/* headlines card: the paper's lead story */
html.luxe body.light:not(.out) .tdtick { border-radius:16px !important; border-color:var(--lx-line) !important; background:var(--lx-ivory) !important; }

/* next steps: round gold-line icon frames */
html.luxe body.light:not(.out) .tdstep .i { width:42px; height:42px; border-radius:50%; border:1px solid var(--lx-line); background:var(--lx-ivory); display:inline-grid !important; place-items:center; font-size:19px; flex:none; }
html.luxe body.light:not(.out) .tdstep { border-color:var(--lx-line) !important; }

/* the lottery: a dark velvet strip with a soft gold glow */
html.luxe body.light:not(.out) .lottooff { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border:0 !important; border-radius:22px !important; padding:22px 26px !important; position:relative; overflow:hidden; }
html.luxe body.light:not(.out) .lottooff::after { content:""; position:absolute; right:-70px; top:-90px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(184,151,90,.30), transparent 70%); pointer-events:none; }
html.luxe body.light:not(.out) .lottooff b { font-family:"Instrument Serif", Georgia, serif; font-weight:400; font-size:25px; }
html.luxe body.light:not(.out) .lottooff p { color:#BFB4A3 !important; }
html.luxe body.light:not(.out) .lottooff .act, html.luxe body.light:not(.out) .lottoglow { background:var(--lx-gold2) !important; color:var(--lx-esp) !important; border-color:var(--lx-gold2) !important; opacity:1 !important; animation:none !important; position:relative; z-index:1; }
html.luxe body.light:not(.out) .lottooff .lo-i { width:52px; height:52px; border-radius:50%; border:1px solid rgba(245,239,229,.2); display:grid; place-items:center; font-size:24px !important; }

/* little things */
html.luxe body.light:not(.out) .muted, html.luxe body.light:not(.out) .tdempty { color:var(--lx-quiet) !important; }
html.luxe body.light:not(.out) a { color:var(--lx-gold); }
html.luxe body.light:not(.out) .mdbar, html.luxe body.light:not(.out) .radiobar { background:var(--lx-paper) !important; border-color:var(--lx-line) !important; }
html.luxe body.light:not(.out) .lhseg button, html.luxe body.light:not(.out) .lhseg a { border:1px solid var(--lx-line) !important; background:var(--lx-paper) !important; font-weight:600 !important; }
html.luxe body.light:not(.out) .lhseg button.on { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border-color:var(--lx-esp) !important; }
html.luxe body.light:not(.out) .lhseg button.on .mi { color:var(--lx-gold2); }

html.luxe body.light:not(.out) .tdstep .go { color:var(--lx-gold) !important; font-weight:400 !important; font-size:20px; }
html.luxe body.light:not(.out) .tdstep .skip { color:#B3A999 !important; }
html.luxe body.light:not(.out) .lottooff button.act, html.luxe body.light:not(.out) button.act.lottoglow { background:var(--lx-gold2) !important; color:var(--lx-esp) !important; border-color:var(--lx-gold2) !important; }
html.luxe body.light:not(.out) .lottooff button.act .mi { color:var(--lx-esp) !important; }
/* bookstore: quiet gold instead of bright blue */
html.luxe .bk .pv { background:var(--lx-esp) !important; color:var(--lx-cream) !important; }
html.luxe .tag.prev { background:var(--lx-gold) !important; } html.luxe .tag.sale { background:var(--lx-esp) !important; } html.luxe .tag.gift { background:#8A4B24 !important; }

/* 📈 the stock strip, alive (both looks): tinted change pills, a strength bar, a soft flash when a quote rolls in, a pulsing Live dot */
#td_mkt .mkwin { height:66px !important; }
#td_mkt .mkin { padding-bottom:6px; }
#td_mkt .mkq .up, #td_mkt .mkq .dn { display:inline-block; margin-top:3px; padding:1px 7px; border-radius:999px; font-size:11.5px !important; }
#td_mkt .mkq .up { background:rgba(46,160,90,.13); } #td_mkt .mkq .dn { background:rgba(214,70,50,.12); }
#td_mkt .mkbar { position:absolute; left:18%; right:18%; bottom:2px; height:2px; border-radius:2px; background:rgba(127,127,127,.18); overflow:hidden; font-style:normal; }
#td_mkt .mkbar::after { content:""; position:absolute; left:0; top:0; bottom:0; width:var(--w); border-radius:2px; animation:mkgrow 1.1s cubic-bezier(.2,.8,.2,1) both; }
#td_mkt .mkbar.up::after { background:#2E9F5A; } #td_mkt .mkbar.dn::after { background:#C9452F; }
@keyframes mkgrow { from { width:0; } }
#td_mkt .mkin { animation:mkflash 1.4s ease-out; }
@keyframes mkflash { 0% { background:rgba(201,169,110,.28); } 100% { background:transparent; } }
#td_mkt .mkrow > .mkq { transition:background .2s, transform .2s; }
#td_mkt .mkrow > .mkq:hover { transform:translateY(-1px); }
#td_mkt { position:relative; }
#td_mkt::after { content:""; position:absolute; top:8px; left:9px; z-index:3; width:6px; height:6px; border-radius:50%; background:#2E9F5A; animation:mkpulse 1.8s ease-out infinite; }
@keyframes mkpulse { 0% { box-shadow:0 0 0 0 rgba(46,159,90,.55); } 100% { box-shadow:0 0 0 7px rgba(46,159,90,0); } }
@media (prefers-reduced-motion: reduce) { #td_mkt .mkin, #td_mkt::after, #td_mkt .mkbar::after { animation:none; } }
html.luxe body.light:not(.out) #td_mkt .mkq b { font-size:22px !important; }
html.luxe body.light:not(.out) #td_mkt .mkq small { letter-spacing:.12em; font-weight:700; }
/* quick settings button: gold avatar on the espresso bar */
html.luxe body.light:not(.out) header #hdsettings { border-color:rgba(245,239,229,.25) !important; padding-left:6px !important; }

/* 💳 billing & plans: premium, like a members' club */
html.luxe body.light:not(.out) #account .tag { color:var(--lx-gold) !important; letter-spacing:.18em !important; font-weight:700 !important; font-size:11px !important; }
html.luxe body.light:not(.out) #account .stat, html.luxe body.light:not(.out) #acplans .stat { font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; letter-spacing:-.01em; }
html.luxe body.light:not(.out) #acplan { font-size:52px !important; line-height:1; }
html.luxe body.light:not(.out) #acplans .stat { font-size:46px !important; line-height:1.05; }
html.luxe body.light:not(.out) #acplans .stat .muted { font-family:Manrope, sans-serif; font-size:14px !important; letter-spacing:.02em; }
html.luxe body.light:not(.out) #acplans h3 { font-size:28px !important; }
html.luxe body.light:not(.out) #acplans .card { transition:transform .25s ease, box-shadow .25s ease; }
html.luxe body.light:not(.out) #acplans .card:hover { transform:translateY(-3px); box-shadow:0 30px 50px -32px rgba(60,40,10,.45) !important; }
/* the plan you're on: an espresso card with a gold edge */
html.luxe body.light:not(.out) #acplans .card[style*="border-color"] { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border:1px solid var(--lx-gold2) !important; box-shadow:0 34px 60px -34px rgba(40,25,5,.7) !important; position:relative; overflow:hidden; }
html.luxe body.light:not(.out) #acplans .card[style*="border-color"]::after { content:""; position:absolute; right:-80px; top:-100px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(184,151,90,.28), transparent 70%); pointer-events:none; }
html.luxe body.light:not(.out) #acplans .card[style*="border-color"] .muted { color:#BFB4A3 !important; }
html.luxe body.light:not(.out) #acplans .card[style*="border-color"] .tag { color:var(--lx-gold2) !important; }
/* buttons: upgrade in gold, yearly as a fine outline */
html.luxe body.light:not(.out) #acplans button[data-up]:not([data-yearly]) { background:var(--lx-gold2) !important; color:var(--lx-esp) !important; border-color:var(--lx-gold2) !important; }
html.luxe body.light:not(.out) #acplans button[data-yearly] { background:transparent !important; color:var(--lx-ink) !important; border:1px solid var(--lx-line) !important; }
html.luxe body.light:not(.out) #acmanage { background:var(--lx-esp) !important; color:var(--lx-cream) !important; border-color:var(--lx-esp) !important; }
html.luxe body.light:not(.out) #acterms { font-size:12.5px !important; line-height:1.6; max-width:820px; }
html.luxe body.light:not(.out) #acchats .bar, html.luxe body.light:not(.out) #account .bar { background:var(--lx-sand) !important; } 
html.luxe body.light:not(.out) #account .bar i { background:linear-gradient(90deg, var(--lx-gold2), var(--lx-gold)) !important; }
html.luxe body.light:not(.out) #account > h3 { font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; font-size:40px !important; margin:34px 0 16px !important; }
html.luxe body.light:not(.out) #account > h3::before { content:"MEMBERSHIP"; display:block; font:700 11px Manrope, sans-serif; letter-spacing:.2em; color:var(--lx-gold); margin-bottom:6px; }