/* Helion C8–C14: compact summaries, optional detail, the same semantic colors in both themes. */
.fv-helion-dashboard .helion-section-jumps,
.fv-helion-dashboard .helion-model-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 18px}
.fv-helion-dashboard .helion-model-jumps>span{color:var(--muted);font-size:12px;margin-right:4px}
.fv-helion-dashboard .helion-section-jumps a,
.fv-helion-dashboard .helion-model-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--dashboard-accent,var(--purple)) 9%,var(--card,var(--surface)));color:var(--text);font-size:13px;font-weight:700;text-decoration:none;overflow-wrap:anywhere;max-width:100%}
.fv-helion-dashboard .helion-section-jumps a:hover,
.fv-helion-dashboard .helion-model-jumps a:hover{border-color:var(--dashboard-accent,var(--purple));background:color-mix(in srgb,var(--dashboard-accent,var(--purple)) 17%,var(--card,var(--surface)))}
.fv-helion-dashboard :is(.helion-model-detail,.helion-manual-withdrawal,.helion-cost-month-detail)>summary{cursor:pointer;min-height:44px;align-content:center;padding:12px 16px;color:var(--text);font-size:13px;font-weight:700;line-height:1.4}
.fv-helion-dashboard :is(a,summary):focus-visible{outline:2px solid var(--dashboard-accent,var(--purple));outline-offset:4px}
.fv-helion-dashboard :is(.helion-platform-section,.helion-venuz-section,.helion-cost-report,.helion-platform-model,.helion-cost-model,.helion-profit-model){scroll-margin-top:100px}
.fv-helion-dashboard :is(.helion-platform-model,.helion-cost-model,.helion-profit-model):target{outline:2px solid var(--dashboard-accent,var(--purple));outline-offset:3px}
.fv-helion-dashboard .helion-platform-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fv-helion-dashboard .helion-platform-totals>article{min-width:0}
.fv-helion-dashboard .helion-platform-totals .pending{border-color:color-mix(in srgb,var(--cyan) 45%,var(--line))}
.fv-helion-dashboard .helion-platform-model-grid,
.fv-helion-dashboard .helion-cost-model-grid,
.fv-helion-dashboard .helion-profit-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.fv-helion-dashboard .helion-platform-model-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fv-helion-dashboard .helion-platform-model-values>span{min-width:0;overflow-wrap:anywhere}
.fv-helion-dashboard .helion-platform-model-values small{font-size:10px;line-height:1.4}
.fv-helion-dashboard .helion-platform-model-values b{font-size:18px;line-height:1.25}
.fv-helion-dashboard .helion-model-detail{border-top:1px solid var(--line);margin-top:12px}
.fv-helion-dashboard .helion-model-detail .helion-platform-model-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px}
.fv-helion-dashboard .helion-manual-withdrawal{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--card,var(--surface))}
.fv-helion-dashboard .helion-manual-withdrawal>p{margin:0;padding:0 16px;color:var(--muted);font-size:12px;line-height:1.5}
.fv-helion-dashboard .helion-manual-withdrawal>button{margin:12px 16px;min-height:44px}
.fv-helion-dashboard .helion-venuz-section{margin-block:22px 30px}
.fv-helion-dashboard .niwwi-venuz-source{margin-bottom:28px}
.fv-helion-dashboard .helion-cost-month-detail{margin:16px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card,var(--surface))}
.fv-helion-dashboard .helion-cost-month-detail>section{padding:0 16px 16px}
.fv-helion-dashboard .helion-cost-month-detail>section>header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:10px 0 16px}
.fv-helion-dashboard .helion-cost-month-detail>section>header>span{display:grid;gap:6px;min-width:100px}
.fv-helion-dashboard .helion-cost-month-detail>section>header small{font-size:10px;color:var(--muted)}
.fv-helion-dashboard .helion-cost-month-detail>section>header h3{font-size:16px;margin:6px 0;color:var(--text)}
.fv-helion-dashboard .helion-cost-month-detail>section>header p{font-size:12px;line-height:1.5;color:var(--muted)}
.fv-helion-dashboard .helion-cost-model{padding:0;overflow:hidden;color:var(--text)}
.fv-helion-dashboard .helion-cost-model>header{padding:16px 18px;border-bottom:1px solid var(--line)}
.fv-helion-dashboard .helion-cost-model>header h3{font-size:18px;color:var(--text);white-space:normal;line-height:1.3}
.fv-helion-dashboard .helion-cost-model>header small{font-size:10px;color:var(--muted)}
.fv-helion-dashboard .helion-compact-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.fv-helion-dashboard .helion-compact-metrics>div,
.fv-helion-dashboard .helion-profit-core>div{min-width:0;padding:12px 16px;background:color-mix(in srgb,var(--dashboard-accent,var(--purple)) 5%,var(--card,var(--surface)));color:var(--text)}
.fv-helion-dashboard .helion-compact-metrics small{display:block;font-size:10px;line-height:1.4;color:var(--muted);letter-spacing:.04em}
.fv-helion-dashboard .helion-compact-metrics b{display:block;margin-top:6px;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.fv-helion-dashboard .helion-compact-metrics .positive b{color:var(--green)}
.fv-helion-dashboard .helion-compact-metrics .negative b{color:var(--red,var(--coral))}
.fv-helion-dashboard .helion-model-detail .helion-cost-line{padding:16px;border-top:1px solid var(--line)}
.fv-helion-dashboard .helion-model-detail>footer{display:flex;justify-content:space-between;gap:12px;padding:16px;border-top:1px solid var(--line)}
.fv-helion-dashboard .helion-model-detail>footer>span{display:grid;gap:5px;min-width:0}
.fv-helion-dashboard .helion-model-detail>footer small{font-size:10px;color:var(--muted)}
.fv-helion-dashboard .helion-profit-margins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:12px 16px}
.fv-helion-dashboard .helion-profit-margins>div{min-width:0}
.fv-helion-dashboard .helion-profit-margins dt{color:var(--muted);font-size:11px;line-height:1.4}
.fv-helion-dashboard .helion-profit-margins dd{margin:5px 0 0;color:var(--text);font-size:16px;font-weight:800}
.fv-helion-dashboard .helion-profit-summary .profit .helion-profit-margins{padding:12px 0 0;gap:8px;grid-template-columns:1fr}
.fv-helion-dashboard .helion-profit-model-name h3{white-space:normal;line-height:1.3}
.fv-helion-dashboard .helion-profit-core{grid-template-columns:repeat(3,minmax(0,1fr))}
.fv-helion-dashboard .helion-profit-core small{font-size:10px}
.fv-helion-dashboard .helion-profit-costs p{font-size:13px}
.fv-helion-dashboard .helion-profit-costs p small{font-size:11px;line-height:1.5}
.fv-helion-dashboard .helion-model-detail>.secondary{margin:0 16px 16px;min-height:44px}
@media(max-width:900px){
  .fv-helion-dashboard .helion-platform-model-grid,
  .fv-helion-dashboard .helion-cost-model-grid,
  .fv-helion-dashboard .helion-profit-model-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .fv-helion-dashboard .helion-platform-totals{grid-template-columns:1fr}
  .fv-helion-dashboard .helion-platform-model-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fv-helion-dashboard .helion-platform-model-values>.current{grid-column:1/-1}
  .fv-helion-dashboard .helion-profit-model>header{padding:16px;gap:12px}
  .fv-helion-dashboard .helion-profit-result strong{font-size:20px}
  .fv-helion-dashboard .helion-profit-core{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fv-helion-dashboard .helion-profit-core>div:last-child{grid-column:1/-1}
  .fv-helion-dashboard .helion-compact-metrics b{font-size:18px}
  .fv-helion-dashboard .helion-cost-month-detail>section>header{flex-direction:column}
}

/* Keep the two balance components and the single model heading full width. */
html[data-theme] #page #helion-platform .helion-platform-model-values{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme] #page #helion-model-costs .helion-cost-model>header>div:only-child{max-width:none;flex:1 1 auto;text-align:left}
html[data-theme] #page #helion-model-costs .helion-cost-month-detail{padding:0;gap:0;margin-block:8px 12px}

/* Give the platform's own surface an inset, not just its nested cards. */
html[data-theme] #page #helion-platform{min-width:0;grid-template-columns:minmax(0,1fr);padding:24px;border:1px solid var(--line);border-radius:24px;gap:18px;background:var(--surface)}
html[data-theme] #page #helion-platform>.simple-section-head{gap:16px;flex-wrap:wrap}
html[data-theme] #page #helion-platform>.simple-section-head>div{min-width:0}
@media(max-width:600px){
  html[data-theme] #page #helion-platform{padding:16px;border-radius:20px;gap:16px}
}

/* Compact the annotated desktop sections while retaining mobile type and targets. */
@media(min-width:901px){
  html[data-theme] #page #helion-model-costs{gap:10px}
  html[data-theme] #page :is(#helion-platform,#helion-model-costs) .helion-model-jumps{gap:6px;margin-block:8px 12px}
  html[data-theme] #page :is(#helion-platform,#helion-model-costs) .helion-model-jumps a{padding-inline:12px;font-size:12px}
  html[data-theme] #page #helion-platform .helion-platform-totals>article{padding:19px;gap:8px}
  html[data-theme] #page #helion-platform .helion-platform-totals b{font-size:28px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  html[data-theme] #page #helion-platform .helion-platform-model-grid,
  html[data-theme] #page #helion-model-costs .helion-cost-model-grid{gap:14px}
  html[data-theme] #page #helion-platform .helion-platform-model{padding:17px}
  html[data-theme] #page #helion-platform .helion-platform-model-values{gap:8px}
  html[data-theme] #page #helion-platform .helion-platform-model-values>span{padding:10px;gap:5px}
  html[data-theme] #page #helion-platform .helion-platform-model-values b{font-size:17px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  html[data-theme] #page #helion-platform .helion-platform-model-values .current b{font-size:22px}
  html[data-theme] #page #helion-model-costs .helion-cost-model>header{padding:18px;gap:12px}
  html[data-theme] #page #helion-model-costs .helion-cost-model>header h3{font-size:18px;margin-block:4px 6px}
  html[data-theme] #page #helion-model-costs .helion-compact-metrics>div{padding:10px 14px}
  html[data-theme] #page #helion-model-costs .helion-compact-metrics b{font-size:18px;margin-top:4px}
}

/* Expressive surfaces keep financial colors on values, and space around each section. */
html[data-theme] #page #helion-model-costs{
  display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:18px;
  padding:24px;border:1px solid var(--line);border-radius:24px;
}
html[data-theme] #page :is(#helion-platform,#helion-model-costs){
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 42%),radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--pink,var(--purple)) 13%,transparent),transparent 36%),var(--surface);
  box-shadow:0 10px 30px color-mix(in srgb,var(--purple) 9%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent);
}
html[data-theme] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head{
  align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line);
}
html[data-theme] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head>div{min-width:0}
html[data-theme] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head h2{margin-bottom:8px;line-height:1.3;text-wrap:balance}
html[data-theme] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head p{color:var(--muted);font-size:13px;line-height:1.6;max-width:70ch}
html[data-theme] #page #helion-platform .helion-platform-sync-status{max-width:100%;min-height:32px;padding:6px 10px;font-size:11px;line-height:1.4;white-space:normal;background:var(--surface2)}
html[data-theme] #page .fv-helion-dashboard :is(.helion-section-jumps,.helion-model-jumps) a{
  border-color:color-mix(in srgb,var(--pink,var(--purple)) 35%,var(--line));
  background:linear-gradient(125deg,color-mix(in srgb,var(--pink,var(--purple)) 15%,var(--surface)),color-mix(in srgb,var(--cyan) 9%,var(--surface)));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent);
}
html[data-theme] #page .fv-helion-dashboard :is(.helion-section-jumps,.helion-model-jumps) a:hover{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 16%,var(--surface))}
html[data-theme] #page :is(#helion-platform .helion-platform-model,#helion-model-costs .helion-cost-model){border-color:color-mix(in srgb,var(--purple) 28%,var(--line));box-shadow:0 5px 16px color-mix(in srgb,var(--purple) 8%,transparent)}
html[data-theme] #page #helion-model-costs .helion-cost-model>header{background:linear-gradient(120deg,color-mix(in srgb,var(--pink,var(--purple)) 15%,var(--surface)),color-mix(in srgb,var(--cyan) 10%,var(--surface)))}
html[data-theme] #page #helion-platform .helion-platform-model>header>span{color:var(--purple);background:linear-gradient(135deg,color-mix(in srgb,var(--pink,var(--purple)) 18%,var(--surface)),color-mix(in srgb,var(--cyan) 12%,var(--surface)))}
html[data-theme] #page #helion-platform :is(.helion-platform-model header small,.helion-platform-model-values small,.helion-platform-model-values em){font-size:11px;line-height:1.45;letter-spacing:.02em}
html[data-theme] #page #helion-model-costs :is(.helion-section-kicker,.helion-cost-totals small,.helion-cost-model>header small,.helion-compact-metrics small){font-size:11px;line-height:1.45;letter-spacing:.025em}
html[data-theme] #page #helion-model-costs .helion-cost-head-tools{min-width:0;max-width:100%;flex-wrap:wrap;gap:12px}
html[data-theme] #page #helion-model-costs .helion-cost-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%;min-width:0}
html[data-theme] #page #helion-model-costs .helion-cost-totals>span{min-width:0;padding:12px;border-radius:14px;background:var(--surface2);text-align:left}
html[data-theme] #page #helion-model-costs .helion-cost-totals b{font-size:clamp(18px,1.5vw,22px);line-height:1.3;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme] #page #helion-model-costs .helion-cost-month-detail{background:var(--surface);border-color:color-mix(in srgb,var(--cyan) 28%,var(--line))}
html[data-theme] #page :is(#helion-platform,#helion-model-costs) .helion-model-detail>summary,
html[data-theme] #page #helion-model-costs .helion-cost-month-detail>summary{background:color-mix(in srgb,var(--purple) 6%,var(--surface));min-height:44px;font-size:13px}
html[data-theme] #page #helion-model-costs .helion-cost-month-detail[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
html[data-theme] #page #helion-model-costs .helion-cost-month-detail>section>header>span{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
html[data-theme] #page #helion-model-costs .helion-cost-month-detail>section>header b{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
html[data-theme] #page #helion-model-costs .helion-model-detail>footer{gap:12px;border-top:1px solid var(--line);background:var(--surface2);flex-wrap:wrap}
html[data-theme] #page #helion-model-costs .helion-model-detail>footer small{font-size:11px;line-height:1.45}
html[data-theme] #page #helion-model-costs .helion-model-detail>footer b{font-size:18px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-theme] #page #helion-model-costs .helion-model-detail>footer>.pending b{color:var(--helion-review-pending,var(--yellow))}
html[data-theme] #page #helion-model-costs :is(.helion-cost-register,select){min-height:44px}
/* Light Helion: white reading surfaces, rose/lilac decoration and distinct values.
   Keep the dark palette and all financial states in the existing renderer. */
html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs){
  position:relative;isolation:isolate;background:#fff;border-color:#dfc9ed;
  box-shadow:0 8px 26px #713b9810;
}
html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs)::before{
  content:"";position:absolute;top:8px;right:18px;width:65px;height:20px;pointer-events:none;
  background:var(--niwwi-star) 0 5px/12px 12px no-repeat,var(--niwwi-star) 30px 0/19px 19px no-repeat;
  opacity:.85;
}
html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head{border-color:#ecdff3}
html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs) :is(h2,h3){color:#48206e}
html[data-theme="light"] #page .fv-helion-dashboard :is(.helion-section-jumps,.helion-model-jumps) a{
  background:#fff5fc;border-color:#dfbce4;color:#682a83;box-shadow:0 2px 5px #70379808;
}
html[data-theme="light"] #page .fv-helion-dashboard :is(.helion-section-jumps,.helion-model-jumps) a:hover{
  background:#f4e7ff;border-color:#ab74ce;
}
html[data-theme="light"] #page :is(#helion-platform .helion-platform-model,#helion-model-costs .helion-cost-model){
  background:#fff;border-color:#dec7ed;box-shadow:0 5px 16px #763c9610;
}
html[data-theme="light"] #page #helion-model-costs .helion-cost-model>header{
  background:#fff9fd;border-top:3px solid #d88abe;border-bottom-color:#ecdff3;
}
html[data-theme="light"] #page #helion-platform .helion-platform-model>header>span{
  color:#873aaa;background:#f9eaff;border-color:#dcbae9;
}
html[data-theme="light"] #page #helion-platform .helion-platform-totals>article{
  background:#fff;border-color:#d8bceb;border-top:3px solid #b88ade;
}
html[data-theme="light"] #page #helion-platform .helion-platform-totals>article:nth-child(2){border-top-color:#d88abe}
html[data-theme="light"] #page #helion-platform .helion-platform-totals>article.pending{border-top-color:#c397d8}
html[data-theme="light"] #page #helion-platform .helion-platform-totals>article::after{opacity:.68}
html[data-theme="light"] #page #helion-platform .helion-platform-model-values>span{background:#fff;border-color:#e4d5ef}
html[data-theme="light"] #page #helion-platform .helion-platform-model-values>.current{background:#faf5ff;border-color:#d7bee9}
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics{background:#ede0f4}
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics>div{background:#fff}
html[data-theme="light"] #page #helion-model-costs .helion-cost-totals>span{background:#fff9fd;border-color:#e8cfe5}
html[data-theme="light"] #page #helion-model-costs .helion-cost-month-detail{background:#fff;border-color:#dec7ed}
html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs) .helion-model-detail>summary,
html[data-theme="light"] #page #helion-model-costs .helion-cost-month-detail>summary{background:#faf5ff;color:#65317f}
/* Beat legacy light-theme rules which flatten distinct amounts to purple. */
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics>:nth-child(2) b,
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics>.positive b,
html[data-theme="light"] #page #helion-model-costs .helion-cost-totals>:nth-child(2) b,
html[data-theme="light"] #page #helion-platform .helion-platform-totals>:nth-child(2) b,
html[data-theme="light"] #page #helion-platform .helion-platform-model-values>.available b{color:#176647 !important}
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics>:nth-child(3) b,
html[data-theme="light"] #page #helion-model-costs .helion-compact-metrics>.negative b{color:#ad355b !important}
html[data-theme="light"] #page #helion-model-costs .helion-cost-totals>:nth-child(3) b,
html[data-theme="light"] #page #helion-platform .helion-platform-totals>.pending b,
html[data-theme="light"] #page #helion-platform .helion-platform-model-values>.pending b{color:#865914 !important}
html[data-theme="light"] #page .fv-helion-dashboard .helion-reality-strip>div{background:#fff;border-color:#dec7ed}
/* Generated income: a drawn stack of coins with a rising line, sitting in the card's top corner
   (it replaced a generic dollar sign). Decorative; empty CSS content adds no accessible text. */
html[data-theme] #page .fv-helion-dashboard .helion-reality-strip>div:first-child{position:relative;isolation:isolate;padding-right:72px}
html[data-theme] #page .fv-helion-dashboard .helion-reality-strip>div:first-child::before{
  content:"";position:absolute;right:14px;top:14px;width:48px;height:48px;pointer-events:none;z-index:-1;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='3' y='6' width='42' height='39' rx='13' fill='%23F4C6DE'/%3E%3Crect x='3' y='3' width='42' height='39' rx='13' fill='%23FFF1F8' stroke='%23FFFFFF' stroke-width='2'/%3E%3Cg fill='%23FFFFFF' stroke='%23CC2C7D' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 30v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='30' rx='8' ry='3.4'/%3E%3Cpath d='M10 24v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='24' rx='8' ry='3.4'/%3E%3Cpath d='M10 18v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='18' rx='8' ry='3.4'/%3E%3C/g%3E%3Cpath d='M27 25.5l5-5 3.5 3 6-7.5' fill='none' stroke='%230E9A72' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 15.5h4.5V20' fill='none' stroke='%230E9A72' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-theme="dark"] #page .fv-helion-dashboard .helion-reality-strip>div:first-child::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='3' y='3' width='42' height='39' rx='13' fill='%23FF8FC9' fill-opacity='.12' stroke='%23FF8FC9' stroke-opacity='.35' stroke-width='1.5'/%3E%3Cg fill='%231B1630' stroke='%23FF8FC9' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 30v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='30' rx='8' ry='3.4'/%3E%3Cpath d='M10 24v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='24' rx='8' ry='3.4'/%3E%3Cpath d='M10 18v4c0 1.9 3.6 3.4 8 3.4s8-1.5 8-3.4v-4'/%3E%3Cellipse cx='18' cy='18' rx='8' ry='3.4'/%3E%3C/g%3E%3Cpath d='M27 25.5l5-5 3.5 3 6-7.5' fill='none' stroke='%237FE3BC' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 15.5h4.5V20' fill='none' stroke='%237FE3BC' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media(prefers-reduced-motion:no-preference){
  html[data-theme="light"] #page :is(#helion-platform,#helion-model-costs)::before{animation:niwwi-audit-stars 6s ease-in-out infinite alternate}
  html[data-theme="light"] #page #helion-platform .helion-platform-totals>article::after{animation:niwwi-audit-stars 7s ease-in-out infinite alternate-reverse}
}
@media(max-width:760px){
  html[data-theme] #page #helion-model-costs .helion-cost-head-tools{width:100%;align-items:stretch}
  html[data-theme] #page #helion-model-costs .helion-cost-totals{width:100%}
}
@media(max-width:600px){
  html[data-theme] #page #helion-model-costs{padding:16px;border-radius:20px;gap:16px}
  html[data-theme] #page :is(#helion-platform,#helion-model-costs)>.simple-section-head{padding-bottom:12px}
  html[data-theme] #page #helion-model-costs .helion-cost-totals{grid-template-columns:minmax(0,1fr)}
  html[data-theme] #page #helion-model-costs .helion-cost-totals>span{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}
  html[data-theme] #page #helion-model-costs .helion-cost-totals b{text-align:right}
}
.fv-helion-dashboard .helion-balance-reservation>p{margin:0;padding:0 16px 12px;color:var(--muted);font-size:12px;line-height:1.55}
.fv-helion-dashboard .helion-balance-reservation>button{margin:0 16px 16px;min-height:44px;max-width:calc(100% - 32px)}
.fv-helion-dashboard .helion-agreement-generation>p{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.55}
.fv-helion-dashboard .helion-agreement-generation>p>b{color:var(--text)}
.fv-helion-dashboard .helion-agreement-generation .helion-model-detail>p{margin:0;padding:0 16px 14px;color:var(--muted);font-size:12px;line-height:1.5}
/* «¿Cuánto te deja?» (22 oct): each model's Helion income as one bar. Every cost takes its part;
   what is left is hers. Colour is never the only cue: the caption and the legend say it in words. */
.fv-helion-dashboard .helion-profit-bar{margin:0;padding:2px 16px 14px;display:grid;gap:8px}
.fv-helion-dashboard .helion-profit-bar figcaption{color:var(--nw-ink,var(--text));font-size:13.5px;font-weight:750;line-height:1.35}
.fv-helion-dashboard .helion-profit-bar.is-loss figcaption{color:var(--nw-neg,#CF2F5E)}
.fv-helion-dashboard .helion-profit-bar-track{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--nw-surface-3,#EEE6F6)}
.fv-helion-dashboard .helion-profit-bar-track>i{flex:0 0 var(--lz-w);min-width:3px;background:var(--seg);box-shadow:inset -2px 0 0 var(--nw-surface,#fff)}
.fv-helion-dashboard .helion-profit-bar-track>i:last-child{box-shadow:none}
.fv-helion-dashboard .helion-profit-bar ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;color:var(--nw-muted,var(--muted));font-size:12px;font-variant-numeric:tabular-nums}
.fv-helion-dashboard .helion-profit-bar li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fv-helion-dashboard .helion-profit-bar li::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--seg)}
.fv-helion-dashboard .helion-profit-bar .venuz{--seg:#9A7BFF}
.fv-helion-dashboard .helion-profit-bar .chatters{--seg:#F0788E}
.fv-helion-dashboard .helion-profit-bar .reddit{--seg:#E5A03A}
.fv-helion-dashboard .helion-profit-bar :is(.direct,.other){--seg:#8C82A8}
.fv-helion-dashboard .helion-profit-bar .shared{--seg:#5AA6E6}
.fv-helion-dashboard .helion-profit-bar .keep{--seg:var(--nw-pos,#12A57B)}
.fv-helion-dashboard .helion-profit-bar li.keep{color:var(--nw-pos,#0B8461);font-weight:750}
.fv-helion-dashboard .helion-profit-bar .unknown{--seg:repeating-linear-gradient(135deg,var(--nw-line-strong,#DCC7EC) 0 4px,transparent 4px 8px)}
/* Each model keeps its own colour on its initial, so the cards are easy to tell apart. */
.fv-helion-dashboard .helion-profit-model[data-lz-hue="0"]{--lz-model:#E63A93}
.fv-helion-dashboard .helion-profit-model[data-lz-hue="1"]{--lz-model:#7A45FF}
.fv-helion-dashboard .helion-profit-model[data-lz-hue="2"]{--lz-model:#2F7BF0}
.fv-helion-dashboard .helion-profit-model[data-lz-hue="3"]{--lz-model:#0E9A72}
.fv-helion-dashboard .helion-profit-model[data-lz-hue="4"]{--lz-model:#D88100}
.fv-helion-dashboard .helion-profit-model[data-lz-hue="5"]{--lz-model:#1C9AE0}
html[data-theme] #page .fv-helion-dashboard .helion-profit-model[data-lz-hue] .helion-profit-model-name>span{color:var(--lz-model);background:color-mix(in srgb,var(--lz-model) 13%,var(--nw-surface,#fff));border-color:color-mix(in srgb,var(--lz-model) 40%,transparent)}