/* ============================================================
   RAINFLOWER — home page  (Brand Guide v1.1)
   Sky #0192D1 · Teal #25759F · Green #6EB741 · Ink #12303F
   Loaded only by the bespoke homepage + its raw editor preview.
   ============================================================ */

:root{
  --sky:#0192D1; --teal:#25759F; --green:#6EB741;
  --ink:#12303F; --cloud:#6B7B8C; --mist:#E8F4FA;

  --bg:#f5f6fa;
  --bg-soft:#E8F4FA;
  --surface:#FFFFFF;
  --surface-2:#F5FAFD;
  --text:#12303F;
  --text-2:#5C7080;
  --line:rgba(18,48,63,.12);
  --line-strong:rgba(18,48,63,.22);
  --accent:#0192D1;
  --accent-ink:#25759F;
  --grow:#6EB741;
  --mark-rain:#25759F;
  --mark-flower:#6EB741;
  --shadow:0 1px 2px rgba(18,48,63,.05), 0 10px 30px rgba(18,48,63,.07);
  --rain-alpha:.42;
  --gauge-alpha:.30;

  --maxw:1180px;
  --r:14px;
}

html[data-theme="dark"]{
  --bg:#0A0A0B;
  --bg-soft:#0D2431;
  --surface:#102C3A;
  --surface-2:#0B222E;
  --text:#E8F4FA;
  --text-2:#9DB4C2;
  --line:rgba(232,244,250,.14);
  --line-strong:rgba(232,244,250,.26);
  --accent:#2FAEE8;
  --accent-ink:#6ECBF2;
  --grow:#84CB5C;
  --mark-rain:#FFFFFF;
  --mark-flower:#FFFFFF;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 14px 36px rgba(0,0,0,.40);
  --rain-alpha:.55;
  --gauge-alpha:.40;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:Inter,Calibri,"Segoe UI",system-ui,sans-serif;
  font-size:17px; line-height:1.62;
  transition:background-color .35s ease, color .35s ease;
}
img,svg{display:block; max-width:100%}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--accent); outline-offset:3px; border-radius:4px}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}

/* ---------- type ---------- */
h1,h2,h3,h4,.display,.mark-text,.btn,.eyebrow,.stat-num,.leap-letter{
  font-family:Poppins,Calibri,"Segoe UI",system-ui,sans-serif;
}
h1,h2,h3{margin:0 0 .5em; line-height:1.16; letter-spacing:-.015em}
.display{font-size:clamp(40px,6.2vw,60px); font-weight:700; line-height:1.06; letter-spacing:-.03em; margin:0 0 22px}
h2{font-size:clamp(28px,3.5vw,34px); font-weight:700}
h3{font-size:22px; font-weight:600; color:var(--accent-ink)}
p{margin:0 0 18px; max-width:68ch}
.lead{font-size:19px; color:var(--text-2); max-width:60ch}
.eyebrow{
  font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--cloud); margin:0 0 14px;
}
html[data-theme="dark"] .eyebrow{color:var(--text-2)}
.muted{color:var(--text-2)}
.bn{font-family:"Noto Sans Bengali",Inter,sans-serif}

/* ---------- header ---------- */
.hdr{
  position:sticky; top:0; z-index:60;
  background:color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter:saturate(150%) blur(14px);
  border-bottom:1px solid var(--line);
}
.hdr-in{display:flex; align-items:center; gap:22px; height:70px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; flex:none}
.brand:hover{text-decoration:none}
.mark{width:30px; height:34px; flex:none}
.brand__logo{height:48px; width:auto; display:block; flex:none}
.mark-text{font-size:23px; font-weight:600; letter-spacing:.10em; line-height:1}
.mark-text .r{color:var(--mark-rain)}
.mark-text .f{color:var(--mark-flower)}

.nav{display:flex; align-items:center; gap:4px; margin-left:auto}
.nav a{
  color:var(--text); font-size:15px; font-weight:500;
  padding:9px 12px; border-radius:9px; text-decoration:none; white-space:nowrap;
}
.nav a:hover{background:var(--bg-soft); text-decoration:none}
html[data-theme="dark"] .nav a:hover{background:rgba(255,255,255,.07)}

.hdr-actions{display:flex; align-items:center; gap:10px; margin-left:8px}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-size:15.5px; font-weight:600; border-radius:11px; padding:12px 22px;
  border:1.5px solid transparent; cursor:pointer; text-decoration:none; white-space:nowrap; flex:none;
  transition:transform .15s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.btn:hover{text-decoration:none; transform:translateY(-1px)}
.btn-primary{background:var(--accent); color:#fff; box-shadow:0 6px 18px rgba(1,146,209,.28)}
.btn-primary:hover{background:var(--accent-ink); color:#fff}
html[data-theme="dark"] .btn-primary{color:#04141C}
html[data-theme="dark"] .btn-primary:hover{color:#04141C}
.btn-ghost{border-color:var(--line-strong); color:var(--text); background:transparent}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent)}
.btn-sm{padding:9px 16px; font-size:14.5px; border-radius:9px}
.btn-grow{background:var(--grow); color:#0B2109}
.btn-grow:hover{background:var(--grow); filter:brightness(1.06)}

.icon-btn{
  width:40px; height:40px; border-radius:10px; border:1.5px solid var(--line);
  background:transparent; color:var(--text); display:grid; place-items:center; cursor:pointer;
  transition:border-color .2s ease, background-color .2s ease;
}
.icon-btn:hover{border-color:var(--accent); color:var(--accent)}
.icon-btn svg{width:19px; height:19px}
.t-moon{display:none}
html[data-theme="dark"] .t-sun{display:none}
html[data-theme="dark"] .t-moon{display:block}

/* signed-in profile menu (kept auth-aware from the old nav) */
.nav__profile{position:relative}
.nav__avatar{width:40px; height:40px; padding:0; border-radius:99px; border:1.5px solid var(--line); background:transparent; cursor:pointer; overflow:hidden}
.nav__avatar img{width:100%; height:100%; object-fit:cover; border-radius:99px}
.nav__dropdown{
  position:absolute; right:0; top:calc(100% + 8px); min-width:190px;
  background:var(--surface); border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow); padding:8px; opacity:0; visibility:hidden;
  transform:translateY(-6px); transition:opacity .16s, transform .16s, visibility .16s; z-index:70;
}
.nav__profile:hover .nav__dropdown, .nav__profile:focus-within .nav__dropdown{opacity:1; visibility:visible; transform:none}
.nav__dropdown-name{font-weight:600; padding:6px 10px 8px; border-bottom:1px solid var(--line); margin-bottom:6px; font-size:14px}
.nav__dropdown a, .nav__dropdown button{
  display:block; width:100%; text-align:left; padding:8px 10px; border-radius:8px;
  font:inherit; font-size:14px; color:var(--text); background:none; border:none; cursor:pointer; text-decoration:none;
}
.nav__dropdown a:hover, .nav__dropdown button:hover{background:var(--bg-soft); text-decoration:none}
html[data-theme="dark"] .nav__dropdown a:hover, html[data-theme="dark"] .nav__dropdown button:hover{background:rgba(255,255,255,.07)}

.burger{display:none}
.mnav{display:none; border-top:1px solid var(--line); background:var(--bg)}
.mnav.open{display:block}
.mnav a{
  display:block; padding:14px 28px; color:var(--text); font-weight:500;
  border-bottom:1px solid var(--line); text-decoration:none;
}

/* ---------- hero ---------- */
.hero{position:relative; overflow:hidden; border-bottom:1px solid var(--line)}
#rainfield{position:absolute; inset:0; width:100%; height:100%; z-index:0}
.hero-in{position:relative; z-index:2; padding-top:88px; padding-bottom:132px}
.hero-grid{display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:center}
.display .accent{color:var(--accent)}
.display .grow{color:var(--grow)}
.hero-cta{display:flex; flex-wrap:wrap; gap:14px; margin:30px 0 0}
.hero-note{font-size:12px; line-height:1.5; color:var(--text-2); margin:16px 0 0; opacity:.85}

/* cohort meter */
.cohort{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:24px 26px; box-shadow:var(--shadow);
}
.cohort-top{display:flex; align-items:baseline; gap:10px; margin-bottom:4px}
.cohort-num{font-family:Poppins,Calibri,sans-serif; font-size:42px; font-weight:700; line-height:1; color:var(--accent)}
.cohort-of{font-size:15px; color:var(--text-2)}
.meter{height:10px; border-radius:99px; background:var(--bg-soft); overflow:hidden; margin:16px 0 12px}
html[data-theme="dark"] .meter{background:rgba(255,255,255,.09)}
.meter-fill{
  height:100%; width:0; border-radius:99px;
  background:linear-gradient(90deg,var(--accent),var(--grow));
  transition:width 1.6s cubic-bezier(.16,.84,.36,1);
}
.cohort p{font-size:14.5px; margin:0; color:var(--text-2)}
.cohort-list{list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--line)}
.cohort-list li{
  font-size:14.5px; color:var(--text-2); padding-left:22px; position:relative; margin-bottom:8px;
}
.cohort-list li::before{
  content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:99px;
  background:var(--grow);
}
.cohort-list li:last-child{margin-bottom:0}

/* ---------- hero carousel (cohort slide + video slides) ---------- */
.hero-carousel{display:flex; flex-direction:column; gap:14px}
.hero-stage{position:relative}
.hero-slide{display:none}
.hero-slide.is-active{display:block; animation:fade .4s ease}
.video-slide{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:14px 14px 16px; box-shadow:var(--shadow);
}
.video-frame{position:relative; aspect-ratio:16/9; border-radius:11px; overflow:hidden; background:#000}
.video-frame > div, .video-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.video-cap{display:flex; align-items:center; gap:8px; margin:12px 2px 0; font-size:14.5px; color:var(--text-2); line-height:1.4}
.video-cap .vc-dot{width:7px; height:7px; border-radius:99px; background:var(--grow); flex:none}
.video-mute{
  position:absolute; right:10px; bottom:10px; z-index:3; width:36px; height:36px; border-radius:9px;
  border:1px solid rgba(255,255,255,.35); background:rgba(8,23,31,.55); color:#fff; cursor:pointer;
  display:grid; place-items:center; backdrop-filter:blur(4px); transition:background .15s;
}
.video-mute:hover{background:rgba(8,23,31,.8)}
.video-mute svg{width:18px; height:18px}
.video-mute .ic-on{display:none}
.video-mute.is-muted .ic-on{display:block}
.video-mute.is-muted .ic-off{display:none}

/* dot / dash indicators */
.hero-dots{display:flex; justify-content:center; gap:9px; padding:2px 0}
.hero-dot{
  position:relative; width:26px; height:6px; border-radius:99px; padding:0; cursor:pointer;
  border:none; background:var(--line-strong); transition:width .25s ease, background-color .25s ease;
}
.hero-dot:hover{background:var(--accent-ink)}
.hero-dot.is-active{width:42px; background:var(--accent)}
.hero-dot .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}

/* ---------- sections ---------- */
.sec{padding:96px 0; border-bottom:1px solid var(--line)}
.sec-soft{background:var(--bg-soft)}
.sec-head{max-width:70ch; margin-bottom:52px}

/* ---------- LEAP rail ---------- */
.leap{display:grid; grid-template-columns:190px 1fr; gap:44px; align-items:start}
.rail{display:flex; flex-direction:column; gap:10px; position:sticky; top:100px}
.leap-tab{
  display:flex; align-items:center; gap:16px; width:100%; text-align:left; cursor:pointer;
  background:transparent; border:1.5px solid var(--line); border-radius:12px;
  padding:12px 14px; color:var(--text-2);
  transition:border-color .2s ease, background-color .2s ease, color .2s ease;
}
.leap-tab:hover{border-color:var(--line-strong)}
.leap-letter{font-size:26px; font-weight:700; line-height:1; width:22px}
.leap-word{font-size:15px; font-weight:600; letter-spacing:.02em; font-family:Poppins,Calibri,sans-serif}
.leap-tab[aria-selected="true"]{background:var(--surface); border-color:var(--accent); color:var(--text); box-shadow:var(--shadow)}
.leap-tab[data-k="L"][aria-selected="true"] .leap-letter{color:var(--sky)}
.leap-tab[data-k="E"][aria-selected="true"] .leap-letter{color:var(--teal)}
.leap-tab[data-k="A"][aria-selected="true"] .leap-letter{color:var(--accent-ink)}
.leap-tab[data-k="P"][aria-selected="true"] .leap-letter{color:var(--grow)}
.rail-cycle{
  margin-top:8px; font-size:13px; line-height:1.5; color:var(--text-2);
  border-left:2px solid var(--grow); padding:4px 0 4px 14px;
}

.panel{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:38px 40px; box-shadow:var(--shadow); min-height:400px;
}
.panel-head{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:6px}
.panel h3{margin:0; font-size:27px; color:var(--text)}
.tag{
  font-family:Poppins,Calibri,sans-serif; font-size:11.5px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; padding:5px 11px; border-radius:99px;
  background:var(--bg-soft); color:var(--accent-ink); border:1px solid var(--line);
}
html[data-theme="dark"] .tag{background:rgba(255,255,255,.07); color:var(--accent-ink)}
.tag-open{background:rgba(110,183,65,.14); color:#4C8A2A; border-color:rgba(110,183,65,.4)}
html[data-theme="dark"] .tag-open{color:var(--grow)}
.panel-purpose{font-size:19px; color:var(--text-2); margin:0 0 30px}
.panel-grid{display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-top:26px; border-top:1px solid var(--line)}
.panel-grid h4{
  font-family:Poppins,Calibri,sans-serif; font-size:12px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--cloud); margin:0 0 12px;
}
html[data-theme="dark"] .panel-grid h4{color:var(--text-2)}
.panel-grid ul{margin:0; padding-left:20px}
.panel-grid li{margin-bottom:9px; font-size:15.5px}
.panel-project{
  display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  font-size:17px; margin:0 0 26px;
}
.panel-project strong{font-weight:600}
.panel-foot{margin:26px 0 0; font-size:15px; color:var(--text-2)}
.fade{animation:fade .35s ease}
@keyframes fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

/* ---------- raindrops ---------- */
.drops{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.drop-card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:30px 28px; box-shadow:var(--shadow);
}
.drop-ic{width:34px; height:38px; margin-bottom:18px}
.drop-card h3{font-size:19px; margin-bottom:8px; color:var(--text)}
.drop-card p{font-size:15.5px; color:var(--text-2); margin:0}
.drop-amt{
  font-family:Poppins,Calibri,sans-serif; font-weight:700; font-size:15px; color:var(--accent);
  display:inline-flex; align-items:center; gap:6px;
}

/* ---------- network / device ---------- */
.two{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.net-card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:34px; box-shadow:var(--shadow);
}
.pulse{animation:pulse 2.6s ease-in-out infinite}
.pulse2{animation:pulse 2.6s ease-in-out infinite .5s}
.pulse3{animation:pulse 2.6s ease-in-out infinite 1s}
@keyframes pulse{0%,100%{opacity:.25; r:6} 50%{opacity:1; r:8}}
.chips{display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0}
.chip{
  font-size:13.5px; font-weight:500; padding:7px 13px; border-radius:99px;
  border:1px solid var(--line); color:var(--text-2); background:var(--surface);
}

/* ---------- roles / join ---------- */
.roles{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:38px}
.role{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:28px 26px; box-shadow:var(--shadow);
}
.role h3{font-size:19px; color:var(--text); margin-bottom:6px}
.role .who{font-size:13px; color:var(--cloud); letter-spacing:.08em; text-transform:uppercase; font-weight:600; margin-bottom:14px; font-family:Poppins,Calibri,sans-serif}
html[data-theme="dark"] .role .who{color:var(--text-2)}
.role p{font-size:15.5px; color:var(--text-2); margin:0}
.safety{
  border-left:3px solid var(--accent); padding:6px 0 6px 20px; margin:34px 0 0;
  font-size:15.5px; color:var(--text-2); max-width:80ch;
}

/* ---------- founder ---------- */
.founder{
  display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:start;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:34px 36px; box-shadow:var(--shadow); margin-top:38px;
}
.avatar{
  width:66px; height:66px; border-radius:99px; flex:none; display:grid; place-items:center;
  background:linear-gradient(140deg,var(--sky),var(--green));
  color:#fff; font-family:Poppins,Calibri,sans-serif; font-weight:700; font-size:23px;
  object-fit:cover; overflow:hidden;
}
/* badge ring: an inner gap the colour of the card, then the badge colour */
.avatar--ring{ box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ring, var(--accent)); }

/* rewards section header: text left, big raindrop right */
.rewards-head{ display:flex; align-items:center; justify-content:space-between; gap:44px; max-width:none; }
.rewards-head__text{ max-width:70ch; }
.rewards-head__drop{ width:260px; height:auto; flex:none; will-change:transform; filter:drop-shadow(0 18px 40px rgba(1,146,209,.30)); animation:dropFloat 4.5s ease-in-out infinite; transform-origin:50% 60%; }
@keyframes dropFloat{ 0%,100%{ transform:translateY(0) rotate(-1.5deg); } 50%{ transform:translateY(-18px) rotate(1.5deg); } }
@media (max-width:860px){ .rewards-head{ gap:22px; } .rewards-head__drop{ width:150px; } }
@media (max-width:560px){ .rewards-head__drop{ display:none; } }

/* "Open now" tag rendered as a link to its research section */
a.tag-open{ text-decoration:none; transition:background-color .18s, border-color .18s; }
a.tag-open:hover{ text-decoration:none; background:rgba(110,183,65,.24); border-color:rgba(110,183,65,.6); }
.founder p{margin:0 0 10px}
.founder .sig{font-size:14.5px; color:var(--text-2); margin:0}

/* quote */
.quote{
  font-family:Poppins,Calibri,sans-serif; font-size:clamp(24px,3vw,31px); font-weight:600;
  line-height:1.34; letter-spacing:-.02em; max-width:22ch; margin:0;
}
.quote .grow{color:var(--grow)}

/* ---------- footer ---------- */
.ftr{padding:64px 0 40px; background:var(--bg)}
.ftr-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; margin-bottom:44px}
.ftr h4{
  font-family:Poppins,Calibri,sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--cloud); margin:0 0 16px; font-weight:600;
}
html[data-theme="dark"] .ftr h4{color:var(--text-2)}
.ftr ul{list-style:none; margin:0; padding:0}
.ftr li{margin-bottom:10px}
.ftr li a{color:var(--text-2); font-size:15px}
.ftr li a:hover{color:var(--accent)}
.ftr-bot{
  border-top:1px solid var(--line); padding-top:24px;
  display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
  font-size:14px; color:var(--text-2);
}
.tagline{color:var(--grow); font-style:italic}

/* ---------- reveal ---------- */
.rv{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.16,.84,.36,1)}
.rv.in{opacity:1; transform:none}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr; gap:44px}
  .two{grid-template-columns:1fr; gap:40px}
  .leap{grid-template-columns:1fr; gap:26px}
  .rail{position:static; flex-direction:row; flex-wrap:wrap}
  .leap-tab{width:auto; flex:1 1 130px}
  .rail-cycle{flex-basis:100%; margin-top:2px}
  /* brand spans the top row; the two link lists sit side by side below */
  .ftr-grid{grid-template-columns:1fr 1fr}
  .ftr-grid > div:first-child{grid-column:1 / -1}
}
@media (max-width:860px){
  .nav,.hdr-actions .btn{display:none}
  .burger{display:grid}
  .hdr-actions{margin-left:auto}
  .hdr-in{gap:12px; height:62px}
  .drops,.roles{grid-template-columns:1fr}
  .panel-grid{grid-template-columns:1fr; gap:22px}
  .panel{min-height:0; padding:26px 22px}
  .hero-in{padding-top:40px; padding-bottom:64px}
  .hero-grid{gap:30px}
  .sec{padding:58px 0}
  .sec-head{margin-bottom:34px}
  .founder{grid-template-columns:1fr; padding:26px 24px}
  .net-card{padding:22px}
  .ftr{padding:48px 0 36px}
  .ftr-grid{grid-template-columns:1fr 1fr; gap:26px 20px; margin-bottom:32px}
  /* keep the two CTAs side-by-side on one row */
  .hero-cta{gap:10px; flex-wrap:nowrap}
  .hero-cta .btn{flex:1 1 0; min-width:0; padding:13px 10px; font-size:14.5px; white-space:nowrap; text-align:center}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .display{font-size:clamp(30px,8.6vw,40px); margin-bottom:16px}
  .lead{font-size:16.5px}
  h2{font-size:clamp(23px,6.6vw,30px)}
  .panel h3{font-size:21px}
  .mark-text{font-size:20px}
  .hero-in{padding-top:28px; padding-bottom:48px}
  .sec{padding:46px 0}
  .sec-head{margin-bottom:28px}
  .cohort,.video-slide{padding:18px}
  .leap-tab{flex:1 1 44%}
  .quote{max-width:none}
  .founder{padding:22px 20px}
  .ftr-bot{flex-direction:column; gap:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .rv{opacity:1; transform:none}
}

/* ---------- live-rain ticker: match the home palette (overrides the shared
   partial's inline style via higher specificity; only loaded on the home page) ---------- */
html[data-theme] .rain-ticker{ background:var(--bg); border-bottom:1px solid var(--line); }
html[data-theme] .rain-ticker__lead{ color:var(--text-2); }
html[data-theme] .rain-ticker__lead .dot{ background:var(--accent); box-shadow:0 0 7px var(--accent); }
html[data-theme] .rain-ticker .rain-city{ color:var(--text-2); background:var(--surface-2); border-color:var(--line); }
html[data-theme] .rain-ticker .rain-city:hover{ color:var(--text); border-color:var(--accent); }
html[data-theme] .rain-ticker .rain-all{ color:var(--text); border-color:var(--line-strong); background:transparent; }
html[data-theme] .rain-ticker .rain-all:hover{ border-color:var(--accent); color:var(--accent); }