.monthly-report-demo.svelte-u329mr{container-type:inline-size;width:100%;max-width:540px;margin:0 auto;pointer-events:none;-webkit-user-select:none;user-select:none}.demo-frame.svelte-u329mr{overflow:hidden;border:1px solid rgba(239,68,68,.4);border-radius:1.5rem;background:radial-gradient(circle at 82% 45%,rgba(212,22,60,.11),transparent 35%),linear-gradient(145deg,#1b1b26fa,#0d0c17fa);box-shadow:0 0 30px #00000073,0 0 22px #d4163c21;padding:1rem;contain:paint}.demo-header.svelte-u329mr{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(244,245,249,.08);padding-bottom:.75rem}.demo-header.svelte-u329mr>div:where(.svelte-u329mr),.trend-copy.svelte-u329mr{display:flex;min-width:0;flex-direction:column}.eyebrow.svelte-u329mr,.column-label.svelte-u329mr{color:#f4f5f973;font-size:.54rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.demo-header.svelte-u329mr strong:where(.svelte-u329mr){color:#f4f5f9f0;font-size:1rem;line-height:1.2}.packaging-stage.svelte-u329mr{display:grid;grid-template-columns:minmax(0,.95fr) 2.6rem minmax(0,1.05fr);align-items:center;min-height:20.5rem;padding-top:.9rem}.trend-list.svelte-u329mr{display:flex;min-width:0;flex-direction:column;gap:.5rem}.trend-card.svelte-u329mr{display:grid;grid-template-columns:auto 2.6rem 1fr auto;align-items:center;gap:.4rem;border:1px solid rgba(244,245,249,.1);border-radius:.65rem;background:#f4f5f90b;padding:.45rem;opacity:.72;transform:translate(0) scale(1);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.25,1,.5,1),background .35s cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--item-index) * 90ms)}.monthly-report-demo[data-phase="1"].svelte-u329mr .trend-card:where(.svelte-u329mr){border-color:#d4163c61;background:#d4163c14;opacity:1;transform:translate(3px) scale(1.01)}.monthly-report-demo.svelte-u329mr:is([data-phase="2"]:where(.svelte-u329mr),[data-phase="3"]:where(.svelte-u329mr)) .trend-card:where(.svelte-u329mr){opacity:.32;transform:translate(10px) scale(.98)}.trend-card.svelte-u329mr img:where(.svelte-u329mr){width:2.6rem;height:2.6rem;border-radius:.4rem;object-fit:cover}.trend-rank.svelte-u329mr{color:#d4163cc7;font-size:.58rem;font-weight:700}.trend-copy.svelte-u329mr strong:where(.svelte-u329mr),.email-trend.svelte-u329mr strong:where(.svelte-u329mr){overflow:hidden;color:#f4f5f9e6;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.trend-copy.svelte-u329mr span:where(.svelte-u329mr){overflow:hidden;color:#f4f5f973;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.selected-mark.svelte-u329mr{display:grid;width:1rem;height:1rem;place-items:center;border-radius:999px;background:#d4163c24;color:#fecacab8;font-size:.53rem;opacity:0;transform:scale(.7);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--item-index) * 90ms + 80ms)}.monthly-report-demo.svelte-u329mr:not([data-phase="0"]) .selected-mark:where(.svelte-u329mr){opacity:1;transform:scale(1)}.transfer-path.svelte-u329mr{position:relative;height:10.8rem}.transfer-arrow.svelte-u329mr{position:absolute;top:50%;right:.45rem;left:.2rem;height:2px;background:#d4163c;box-shadow:0 0 9px #d4163c80;opacity:0;transform:scaleX(.15);transform-origin:left;will-change:transform,opacity}.transfer-arrow.svelte-u329mr:after{position:absolute;top:50%;right:-.15rem;width:.55rem;height:.55rem;border-top:2px solid #d4163c;border-right:2px solid #d4163c;content:"";transform:translateY(-50%) rotate(45deg)}.monthly-report-demo[data-phase="2"].svelte-u329mr .transfer-arrow:where(.svelte-u329mr){animation:svelte-u329mr-transfer-to-email 1.05s cubic-bezier(.16,1,.3,1) both}@keyframes svelte-u329mr-transfer-to-email{0%{opacity:0;transform:scaleX(.15)}18%{opacity:1}72%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.email-wrap.svelte-u329mr{position:relative;min-width:0}.email-shell.svelte-u329mr{position:relative;margin-top:.55rem}.email-toolbar.svelte-u329mr{display:flex;align-items:center;justify-content:flex-end;border:1px solid rgba(244,245,249,.13);border-bottom:0;border-radius:.75rem .75rem 0 0;background:#343544f5;padding:.38rem .5rem}.email-toolbar.svelte-u329mr>span:where(.svelte-u329mr){color:#f4f5f961;font-size:.43rem;font-weight:700;letter-spacing:.1em}.email-paper.svelte-u329mr{position:relative;z-index:1;min-height:15.3rem;border:1px solid rgba(244,245,249,.13);border-radius:0 0 .75rem .75rem;background:linear-gradient(150deg,#2a2c3afa,#1a1c26fc);padding:.65rem;transition:border-color .4s cubic-bezier(.25,1,.5,1)}.monthly-report-demo[data-phase="2"].svelte-u329mr .email-paper:where(.svelte-u329mr){border-color:#d4163c61}.email-heading.svelte-u329mr{display:flex;align-items:center;gap:.45rem}.report-mark.svelte-u329mr{display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid rgba(212,22,60,.45);border-radius:999px;background:#d4163c1f;color:#fecacae6;font-size:.52rem;font-weight:700}.email-heading.svelte-u329mr strong:where(.svelte-u329mr){color:#f4f5f9eb;font-size:.65rem}.email-rule.svelte-u329mr{height:1px;margin:.55rem 0;background:linear-gradient(90deg,#d4163c80,#f4f5f90a)}.email-intro.svelte-u329mr{width:92%;height:.28rem;border-radius:999px;background:#f4f5f91c}.email-intro.short.svelte-u329mr{width:64%;margin-top:.25rem}.email-trends.svelte-u329mr{display:flex;flex-direction:column;gap:.38rem;margin-top:.7rem}.email-trend.svelte-u329mr{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem;border-top:1px solid rgba(244,245,249,.06);padding-top:.4rem;opacity:.08;transform:translate(-7px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--item-index) * .17s + .22s)}.monthly-report-demo.svelte-u329mr:is([data-phase="2"]:where(.svelte-u329mr),[data-phase="3"]:where(.svelte-u329mr)) .email-trend:where(.svelte-u329mr){opacity:1;transform:translate(0)}.email-trend.svelte-u329mr>span:where(.svelte-u329mr){color:#d4163ccc;font-size:.5rem;font-weight:700}.email-trend.svelte-u329mr>div:where(.svelte-u329mr){display:flex;min-width:0;flex-direction:column;gap:.22rem}.email-trend.svelte-u329mr strong:where(.svelte-u329mr){font-size:.54rem}.email-trend.svelte-u329mr i:where(.svelte-u329mr){display:block;width:78%;height:.22rem;border-radius:999px;background:#f4f5f917}.packaged-overlay.svelte-u329mr{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;border:1px solid rgba(239,68,68,.72);border-radius:.75rem;background:linear-gradient(145deg,#60142bfa,#30101ffc);box-shadow:inset 0 0 28px #d4163c2e,0 0 18px #d4163c2e;opacity:0;transform:scale(.96);transition:opacity .45s cubic-bezier(.25,1,.5,1),transform .55s cubic-bezier(.16,1,.3,1)}.monthly-report-demo[data-phase="3"].svelte-u329mr .packaged-overlay:where(.svelte-u329mr){opacity:1;transform:scale(1)}.packaged-overlay.svelte-u329mr>span:where(.svelte-u329mr){display:grid;width:2.1rem;height:2.1rem;place-items:center;margin-bottom:.35rem;border-radius:999px;background:#45b679;color:#0b0a15;font-size:.9rem;font-weight:700}.packaged-overlay.svelte-u329mr strong:where(.svelte-u329mr){color:#dcfce7e6;font-size:.78rem;line-height:1.15}.packaged-overlay.svelte-u329mr small:where(.svelte-u329mr){color:#dcfce773;font-size:.56rem}@container (max-width: 420px){.packaging-stage.svelte-u329mr{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr)}.trend-card.svelte-u329mr{grid-template-columns:1fr auto}.trend-card.svelte-u329mr img:where(.svelte-u329mr),.trend-rank.svelte-u329mr{display:none}.demo-frame.svelte-u329mr{padding:.75rem}}@media (prefers-reduced-motion: reduce){.monthly-report-demo.svelte-u329mr :where(.svelte-u329mr),.monthly-report-demo.svelte-u329mr :where(.svelte-u329mr):before,.monthly-report-demo.svelte-u329mr :where(.svelte-u329mr):after{animation:none!important;transition:none!important}}