/* dayli-desk-v2.css: A Girl & Her Futures™
 * The Dayli Desk (dashboard.html) and the live market and news pieces
 * from desk-live.js. Brand look: pastel glows, Playfair headlines with an
 * italic accent word, eyebrow pills, illustrated cards. Everything is
 * prefixed dz- so it can't collide with dayli-desk.css. */

.dz{position:relative;--dz-red:var(--ac-d9534f,#D9534F);--dz-red-pale:var(--bg-fcebea,#FCEBEA);--dz-teal-ink:var(--fg-3e9e93,#3E9E93);--dz-gold:var(--ac-c9962e,#C9962E);--dz-gold-pale:var(--bg-fbf5e8,#FBF5E8)}
.dz-glow{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
.dz-glow.a{width:520px;height:420px;left:120px;top:-160px;background:var(--bg-f9c9d4,#F9C9D4);opacity:.6}
.dz-glow.b{width:520px;height:420px;right:-160px;top:-140px;background:var(--bg-bfe6e1,#BFE6E1);opacity:.55}
.dz-glow.c{width:600px;height:460px;right:-220px;bottom:-160px;background:var(--bg-fbddb8,#FBDDB8);opacity:.45}
.dz>*:not(.dz-glow){position:relative;z-index:1}
.dz h1,.dz h2,.dz h3,.dz h4{font-family:var(--font-display);color:var(--dark);margin:0;font-weight:900;letter-spacing:-.01em}
.dz-p{font-style:italic;color:var(--pink)}.dz-t{font-style:italic;color:var(--teal)}.dz-g{font-style:italic;color:var(--peach)}
.dz-eyebrow{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ln-f7c2ce,#F7C2CE);color:var(--pink);background:var(--bg-ffffff,#fff);border-radius:999px;padding:7px 15px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dz-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pink)}
.dz-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:14px 26px;font:700 15px var(--font-body);color:var(--fg-ffffff,#fff);background:linear-gradient(90deg,var(--pink),var(--peach));box-shadow:0 10px 26px rgb(var(--pink-rgb,244 130 154) / .35);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.dz-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgb(var(--pink-rgb,244 130 154) / .42)}
.dz-btn.ghost{background:var(--bg-ffffff,#fff);color:var(--dz-teal-ink);border:2px solid var(--teal);box-shadow:none;padding:12px 22px}
.dz-btn:focus-visible,.dz-tile:focus-visible,.dz-link:focus-visible{outline:2.5px solid var(--pink);outline-offset:3px}

/* hero */
.dz-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:stretch;margin-bottom:24px}
.dz-hero h1{font-size:52px;line-height:1.02;margin:14px 0 10px}
.dz-hero p{font-size:16px;color:var(--muted);margin:0 0 20px;max-width:440px;line-height:1.5}
.dz-actions{display:flex;gap:12px;flex-wrap:wrap}
.dz-note{position:relative;border-radius:24px;overflow:hidden;min-height:240px;box-shadow:0 18px 40px rgba(44,24,16,.12);border:6px solid var(--ln-ffffff,#fff);margin:0}
.dz-note img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.dz-note:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,rgb(var(--ink-rgb,44 24 16) / .74))}
.dz-note figcaption{position:absolute;left:20px;right:20px;bottom:16px;z-index:1;color:var(--fg-ffffff,#fff)}
.dz-note small{font-size:11px;opacity:.9;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.dz-note q{display:block;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:20px;line-height:1.28;margin-top:4px}

/* stats */
.dz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:46px}
.dz-stat{background:var(--bg-ffffff,#fff);border-radius:16px;padding:14px 16px;border-top:4px solid var(--c);box-shadow:0 6px 20px rgba(44,24,16,.05);min-width:0}
.dz-stat small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.dz-stat b{display:block;font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--c);margin:4px 0 0;line-height:1.15}
.dz-stat span{font-size:12px;color:var(--muted)}

/* section heads */
.dz-sec{text-align:center;margin:0 0 22px}
.dz-sec h2{font-size:38px;margin:8px 0 6px}.dz-sec p{margin:0;color:var(--muted)}
.dz-foot{text-align:center;font-size:12.5px;color:var(--muted);margin:10px auto 48px;max-width:620px;line-height:1.5}

/* Read the room (shared/desk-live.js renderLiveMarkets) */
.dz-mkts{display:block}
.dz-mkts.dz-loading{min-height:420px;border-radius:24px;background:linear-gradient(90deg,var(--bg-ffffff,#fff) 0%,var(--bg-fbf3ee,#FBF3EE) 50%,var(--bg-ffffff,#fff) 100%);background-size:200% 100%;animation:dz-shimmer 1.4s linear infinite}
@keyframes dz-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.dz-mkts.dz-loading{animation:none}}
.dz-tag{display:inline-block;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* red folder */
.dz-news{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;align-items:start;margin-bottom:50px}
.dz-handsoff{background:var(--peach-pale);border-radius:24px;padding:22px;text-align:center;border:1px solid var(--ln-f8ddbb,#F8DDBB)}
.dz-handsoff.calm{background:var(--bg-e8f8f6,#E8F8F6);border-color:var(--ln-cdede9,#CDEDE9)}
.dz-handsoff.live{box-shadow:0 0 0 3px rgba(232,106,100,.35)}
.dz-handsoff svg{width:120px;height:auto;margin:0 auto 6px;display:block}
.dz-handsoff h3{font-size:24px;margin:4px 0 6px}
.dz-handsoff p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.dz-win{display:inline-block;margin-top:12px;background:var(--bg-ffffff,#fff);border-radius:999px;padding:8px 16px;font-weight:700;color:var(--dark);font-size:14px}
.dz-events{display:grid;gap:12px}
.dz-ev{display:grid;grid-template-columns:auto 46px 1fr auto;gap:14px;align-items:center;background:var(--bg-ffffff,#fff);border-radius:18px;padding:14px 18px;border:1px solid var(--border);box-shadow:0 6px 18px rgba(44,24,16,.04)}
.dz-ev.past{opacity:.6}
.dz-ev-time{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--dark);min-width:70px}
.dz-ev-time small{display:block;font:700 10px var(--font-body);letter-spacing:.14em;color:var(--muted)}
.dz-ev h4{font-size:18px}.dz-ev p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.dz-cd{background:var(--dz-red-pale);color:var(--dz-red);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.dz-ev.past .dz-cd{background:var(--bg-f2ece8,#F2ECE8);color:var(--muted)}
.dz-ev-off{background:var(--bg-ffffff,#fff);border-radius:18px;padding:20px;border:1px dashed var(--border);text-align:center}
.dz-ev-off h4{font-size:18px}.dz-ev-off p{margin:4px 0 0;color:var(--muted);font-size:13px}
.dz-ev-off a{color:var(--pink);font-weight:700}
.dz-news-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;color:var(--muted)}
.dz-link{background:none;border:0;padding:0;color:var(--pink);font:700 12px var(--font-body);cursor:pointer}

/* tiles */
.dz-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px}
.dz-tile{display:block;background:var(--bg-ffffff,#fff);border-radius:22px;padding:10px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(44,24,16,.05);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease;min-width:0}
.dz-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(44,24,16,.09)}
.dz-art{border-radius:16px;height:130px;display:grid;place-items:center;overflow:hidden}
.dz-art svg{width:74%;height:auto}
.dz-art img{width:100%;height:100%;object-fit:cover}
.dz-tile-body{padding:12px 8px 6px}
.dz-tile h3{font-size:19px;margin:8px 0 3px}.dz-tile p{margin:0;font-size:13px;color:var(--muted)}
.dz-bar{height:6px;border-radius:9px;background:var(--bg-f3ece7,#F3ECE7);margin-top:10px;overflow:hidden}.dz-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--peach))}

/* journey */
.dz-journey{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;background:var(--bg-ffffff,#fff);border-radius:28px;padding:16px;border:1px solid var(--border)}
.dz-journey img{width:100%;height:250px;object-fit:cover;border-radius:20px;display:block}
.dz-jstats{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 12px}
.dz-jstats div{border-left:3px solid var(--c);padding-left:12px}
.dz-jstats b{display:block;font-family:var(--font-display);font-weight:900;font-size:32px;color:var(--dark)}
.dz-jstats small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}

@media (max-width:1100px){.dz-hero h1{font-size:44px}.dz-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .dz-hero,.dz-mkts,.dz-news,.dz-journey{grid-template-columns:1fr}
  .dz-hero h1{font-size:38px}.dz-stats{grid-template-columns:1fr 1fr}.dz-sec h2{font-size:30px}
  .dz-ev{grid-template-columns:auto 40px 1fr;padding:12px 14px;gap:10px}.dz-ev .dz-cd{grid-column:2/4;justify-self:start}.dz-ev-time{font-size:19px;min-width:58px}
  .dz-art{height:104px}.dz-journey img{height:190px}.dz-glow.a{left:-160px}
}
@media (max-width:420px){.dz-tile h3{font-size:17px}.dz-jstats b{font-size:26px}}
.dz-day{font-size:20px;margin:22px 0 10px}
.dz-news.dz-news-off{grid-template-columns:1fr}
.dz-day:first-child{margin-top:0}

/* Dayli Desk: your trading at a glance, Verse for today and Today's mindset (shared/desk-extras.js). */
.dx-pl{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;margin:0 0 18px;min-height:96px}
.dx-c{background:var(--bg-ffffff,#fff);border:1px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:0 8px 22px rgba(44,24,16,.06);position:relative;overflow:hidden;min-width:0}
.dx-c small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dx-c b{display:block;font:900 30px/1.15 var(--font-display);margin-top:4px;color:var(--dark)}
.dx-c b i{font-style:normal;font-size:18px;margin-left:1px}
.dx-c span{font-size:12.5px;color:var(--muted)}
.dx-c strong{font-weight:700}
.dx-up{color:var(--fg-2f8a7f,#2F8A7F)!important}.dx-dn{color:var(--fg-d9534f,#D9534F)!important}
.dx-main{background:linear-gradient(135deg,var(--pink-pale),var(--teal-pale))}
.dx-spark{position:absolute;right:14px;top:14px;width:96px;height:34px}
.dx-ring{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:58px;height:58px}
.dx-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.dx-empty b{font-size:22px}
.dx-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.dz-news + .dx-two{margin-top:40px}
.dx-card{border-radius:24px;padding:20px 22px;position:relative;overflow:hidden;min-width:0}
.dx-card .eb{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-e0607c,#E0607C)}
.dx-verse{background:linear-gradient(150deg,var(--bg-2c1810,#2C1810),var(--bg-4a2a3a,#4A2A3A));color:var(--fg-fbefe9,#FBEFE9);display:flex;flex-direction:column;gap:8px}
.dx-verse .eb{color:var(--fg-f9b8c6,#F9B8C6)}
.dx-verse q{display:block;font:italic 700 22px/1.35 var(--font-display);margin:4px 0 0;quotes:"“" "”"}
.dx-verse cite{font-style:normal;font-weight:700;font-size:13px;color:var(--fg-f9b8c6,#F9B8C6)}
.dx-read{align-self:flex-start;color:var(--fg-fbefe9,#FBEFE9);font-weight:700;font-size:13.5px;text-decoration:none;border:1px solid rgb(var(--lna-fbefe9,251 239 233) / .35);border-radius:999px;padding:7px 14px;margin-top:4px}
.dx-read[hidden],.dx-credit[hidden],.dx-verse q[hidden]{display:none}
.dx-credit{font-size:10px;line-height:1.45;color:rgba(251,239,233,.6);margin-top:auto}
.dx-mind{background:var(--bg-ffffff,#fff);border:1px solid var(--border)}
.dx-mind h3{font:700 22px/1.25 var(--font-display);margin:8px 0 6px;color:var(--dark)}
.dx-mind h3 em{color:var(--pink);font-style:italic}
.dx-mind p{font-size:14.5px;line-height:1.6;color:var(--text);margin:0 0 10px}
.dx-mind .try{background:var(--teal-pale);border-radius:14px;padding:10px 12px;font-size:13.5px;color:var(--text)}
.dx-mind .try b{color:var(--fg-2f8a7f,#2F8A7F)}
@media(max-width:820px){.dx-pl{grid-template-columns:1fr 1fr}.dx-two{grid-template-columns:1fr}.dx-verse q{font-size:19px}.dx-c b{font-size:24px}.dx-spark{display:none}.dx-ring{width:44px;height:44px}}
.dx-c.has-ring{padding-right:84px}
.dx-verse .dx-ref{font:italic 700 26px/1.25 var(--font-display);color:var(--fg-fbefe9,#FBEFE9);margin:6px 0 0}
.dx-verse .dx-ref[hidden]{display:none}
@media(max-width:820px){.dx-c.has-ring{padding-right:62px}}

/* Under the trader journey card: the four numbers in a row of tiles. */
.dz-journey.dz-journey-nums{display:block;background:none;border:0;padding:0;margin-top:14px}
.dz-journey-nums .dz-jstats{grid-template-columns:repeat(4,1fr);padding:0;gap:12px}
.dz-journey-nums .dz-jstats div{background:var(--bg-ffffff,#FFFFFF);border:1px solid var(--border);border-left:1px solid var(--border);border-top:3px solid var(--c);border-radius:18px;padding:12px 14px}
.dz-journey-nums .dz-jstats b{font-size:26px}
@media (max-width:700px){.dz-journey-nums .dz-jstats{grid-template-columns:1fr 1fr}}

/* "Dayli is live now" at the top of the Dayli Desk while she's live */
.dz-live{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 18px;border-radius:20px;text-decoration:none;color:var(--fg-ffffff,#FFFFFF);background:linear-gradient(90deg,var(--bg-e5484d,#E5484D),var(--bg-f4829a,#F4829A));box-shadow:0 12px 28px rgb(229 72 77 / .28)}
.dz-live[hidden]{display:none}
.dz-live-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-ffffff,#FFFFFF);flex:none;box-shadow:0 0 0 0 rgb(255 255 255 / .7);animation:dzLivePulse 1.6s infinite}
@keyframes dzLivePulse{70%{box-shadow:0 0 0 10px rgb(255 255 255 / 0)}100%{box-shadow:0 0 0 0 rgb(255 255 255 / 0)}}
.dz-live-t{display:flex;flex-direction:column;min-width:0;flex:1}
.dz-live-t b{font:900 1.15rem/1.2 var(--font-display)}
.dz-live-t small{font-size:13px;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-live-go{flex:none;border-radius:999px;padding:9px 16px;background:var(--bg-ffffff,#FFFFFF);color:var(--fg-e5484d,#E5484D);font:800 14px var(--font-body);white-space:nowrap}
@media (max-width:560px){.dz-live{padding:12px 14px;gap:10px}.dz-live-t b{font-size:1rem}.dz-live-go{padding:7px 12px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.dz-live-dot{animation:none}}

/* Read the room: a tile per market, then the picked market (the read on the left, both charts on the right) */
.dz-mts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.dz-mt{position:relative;display:grid;gap:4px;text-align:left;border:1.5px solid var(--border);background:var(--bg-ffffff,#FFFFFF);border-radius:18px;padding:12px 14px 11px;cursor:pointer;font-family:inherit;color:var(--dark);overflow:hidden;min-width:0;transition:transform .15s,box-shadow .15s}
.dz-mt::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--fg-f4829a,#F4829A)}
.dz-mt:nth-child(2)::before{background:var(--fg-7ecec4,#7ECEC4)}
.dz-mt:nth-child(3)::before{background:var(--fg-f5a857,#F5A857)}
.dz-mt:nth-child(4)::before{background:var(--fg-7f77dd,#7F77DD)}
.dz-mt:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgb(44 24 16 / .08)}
.dz-mt.on{border-color:var(--ln-f4829a,#F4829A);box-shadow:0 12px 26px rgb(var(--pink-rgb,244 130 154) / .22)}
.dz-mt:focus-visible{outline:3px solid var(--ln-f4829a,#F4829A);outline-offset:2px}
.dz-mt-sym{font-weight:800;font-size:15px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-mt-sym small{font-weight:500;font-size:12px;color:var(--muted);letter-spacing:0;margin-left:7px}
.dz-mt-px{font:700 19px var(--font-display)}
.dz-mt-ar{display:flex;gap:6px;flex-wrap:wrap}
.dz-mt-off{font-size:12px;color:var(--muted)}
.dz-ar{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;white-space:nowrap}
.dz-ar.up{background:var(--bg-e3f4f1,#E3F4F1);color:var(--fg-2f7f75,#2F7F75)}
.dz-ar.down{background:var(--dbg-fde8ed,#FDE8ED);color:var(--dfg-c2475f,#C2475F)}
.dz-ar.range{background:var(--bg-fbf5e8,#FBF5E8);color:var(--fg-9a6f1e,#9A6F1E)}

.dz-spot{position:relative;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:22px;background:var(--bg-ffffff,#FFFFFF);border:1px solid var(--border);border-radius:28px;padding:22px;box-shadow:0 20px 46px rgb(44 24 16 / .07);overflow:hidden}
.dz-spot::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--fg-f4829a,#F4829A),var(--fg-f5a857,#F5A857),var(--fg-7ecec4,#7ECEC4))}
.dz-spot-off{display:block;text-align:center;padding:40px 20px}
.dz-spot-off h3{font-size:22px;margin:0 0 6px}.dz-spot-off p{margin:0;color:var(--muted);font-size:14px}
.dz-spot-read{min-width:0;display:flex;flex-direction:column}
.dz-spot-eye{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.dz-mood{font:900 30px/1.08 var(--font-display);margin:6px 0 0;color:var(--dark)}
.dz-mood em{font-style:italic;color:var(--fg-f4829a,#F4829A)}
.dz-rows{display:grid;gap:8px;margin-top:16px}
.dz-row{display:flex;align-items:center;gap:12px;border-radius:16px;padding:10px 12px;background:var(--bg-fbf3ee,#FBF3EE)}
.dz-row-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:15px;color:var(--fg-ffffff,#FFFFFF)}
.dz-row.up .dz-row-ic{background:var(--fg-7ecec4,#7ECEC4)}
.dz-row.down .dz-row-ic{background:var(--dfg-f4829a,#F4829A)}
.dz-row.range .dz-row-ic{background:var(--fg-f5c77a,#F5C77A)}
.dz-row small{display:block;font-size:11.5px;font-weight:700;color:var(--muted)}
.dz-row b{font-size:15.5px;color:var(--dark)}
.dz-pilt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;border-radius:16px;padding:12px 14px;background:linear-gradient(135deg,var(--bg-fff6e0,#FFF6E0),var(--bg-fcebc4,#FCEBC4));border:1px solid var(--ln-ebcb7e,#EBCB7E)}
.dz-pilt small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-9a7020,#9A7020)}
.dz-pilt b{font:800 22px var(--font-display);color:var(--fg-2c1810,#2C1810)}
.dz-pilt span{font-size:12px;font-weight:700;color:var(--fg-9a7020,#9A7020);text-align:right;line-height:1.45}
.dz-pilt.none{background:var(--bg-fbf3ee,#FBF3EE);border-color:var(--border)}
.dz-pilt.none small,.dz-pilt.none span{color:var(--muted)}
.dz-pilt.none b{color:var(--dark)}

.dz-spot-charts{min-width:0}
.dz-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dz-chart{border-radius:20px;background:var(--bg-fbf3ee,#FBF3EE);padding:10px 10px 8px;min-width:0}
.dz-chart-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px}
.dz-chart-tf{font:900 17px var(--font-display);color:var(--dark)}
.dz-chart-tf small{font:800 10.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:7px}
.dz-chart svg{display:block;width:100%;height:auto}
.dz-chart-wait{padding:60px 10px;text-align:center;font-size:13px;color:var(--muted)}
.dz-say{display:flex;align-items:center;gap:10px;margin-top:12px}
.dz-say-face{flex:none;width:46px;height:46px;border-radius:50%;background:var(--bg-fde8ed,#FDE8ED);overflow:hidden;border:2px solid var(--bg-ffffff,#FFFFFF);box-shadow:0 4px 12px rgb(44 24 16 / .1)}
.dz-say p{margin:0;background:var(--bg-fde8ed,#FDE8ED);border-radius:16px 16px 16px 4px;padding:9px 13px;font-size:14px;line-height:1.45;color:var(--dark)}
.dz-key{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--muted)}
.dz-key span{display:inline-flex;align-items:center;gap:6px}
.dz-key-t{margin-left:auto}
.dz-key i{display:inline-block;width:14px;height:8px;border-radius:3px}
.dz-key i.z{background:var(--bg-f5d689,#F5D689)}
.dz-key i.c{height:0;border-top:2px dotted var(--ln-c9962e,#C9962E)}
.dz-key b.u{color:var(--fg-3e9e93,#3E9E93)}.dz-key b.d{color:var(--dfg-e8708a,#E8708A)}

/* The charts' marks (desk-live.js roomChart) */
.dz-c-paper{fill:var(--chart-paper,#FFFBF9)}
.dz-c-tint{fill:none}
.dz-c-tint.up{fill:var(--fg-7ecec4,#7ECEC4);opacity:.1}
.dz-c-tint.down{fill:var(--dfg-f4829a,#F4829A);opacity:.09}
.dz-c-tint.range{fill:var(--fg-f5c77a,#F5C77A);opacity:.1}
.dz-c-wick{stroke-width:1.3;stroke-linecap:round}
.dz-c-wick.up{stroke:var(--fg-7ecec4,#7ECEC4)}
.dz-c-body.up{fill:var(--fg-7ecec4,#7ECEC4)}
.dz-c-wick.down{stroke:var(--dfg-f4829a,#F4829A)}
.dz-c-body.down{fill:var(--dfg-f4829a,#F4829A)}
.dz-c-tag{font:800 8.5px "DM Sans",sans-serif}
.dz-c-tag.up{fill:var(--fg-3e9e93,#3E9E93)}
.dz-c-tag.down{fill:var(--dfg-e8708a,#E8708A)}
.dz-c-tag.eq{fill:var(--fg-b9862a,#B9862A)}
.dz-c-zone{fill:var(--fg-f5d689,#F5D689);opacity:.6}
.dz-c-pil{stroke:var(--fg-c9962e,#C9962E);stroke-width:1.4}
.dz-c-pilpill{fill:var(--fg-c9962e,#C9962E)}
.dz-c-pilpill-t{fill:var(--fg-ffffff,#FFFFFF);font:800 9px "DM Sans",sans-serif;letter-spacing:.06em}
.dz-c-cleared{stroke:var(--fg-c9962e,#C9962E);stroke-width:1.1;stroke-dasharray:2 4;opacity:.4}
.dz-c-last{stroke:var(--dark);stroke-opacity:.25;stroke-width:1;stroke-dasharray:2 2}
.dz-c-lastpill{fill:var(--ink-bg,var(--fg-2c1810,#2C1810))}
.dz-c-lastpill-t{fill:var(--fg-ffffff,#FFFFFF);font:800 8.5px "DM Sans",sans-serif}
.dz-c-nopil{fill:var(--chart-muted,#9A8079);font:700 9px "DM Sans",sans-serif}

@media (max-width:1000px){.dz-spot{grid-template-columns:1fr}}
@media (max-width:640px){
  .dz-mts{grid-template-columns:1fr 1fr;gap:10px}
  .dz-mt-sym small{display:none}
  .dz-spot{padding:18px 14px;border-radius:24px;gap:16px}
  .dz-mood{font-size:26px}
  .dz-charts{grid-template-columns:1fr}
}