/* Moodfex Daily Card — in-page responsive preview of the 1080x1920 card */
.mfd-cardwrap{max-width:460px;margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}

.mfd-card-scale{width:100%;max-width:440px;margin:0 auto;aspect-ratio:1080/1920;position:relative;
    overflow:hidden;border-radius:26px;background:#FBF9F3;box-shadow:0 24px 60px rgba(0,61,50,.18);}
.mfd-card-scale__inner{position:absolute;top:0;left:0;width:1080px;height:1920px;transform-origin:top left;}

/* Pure-CSS fallback when JS is off (container query units). JS overrides this. */
@supports (width:1cqw){
    .mfd-card-scale{container-type:inline-size;}
    .mfd-card-scale__inner{transform:scale(calc(100cqw / 1080));}
}

.mfd-share{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px auto 0;}
.mfd-share .mfd-btn{padding:12px 24px;font-size:.98rem;}
.mfd-share__status{flex-basis:100%;text-align:center;font-size:.9rem;color:#8a7f66;min-height:1.2em;}

.mfd-btn{display:inline-block;background:#003D32;color:#fff;border:0;border-radius:999px;
    padding:13px 28px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;
    transition:transform .12s ease,box-shadow .12s ease;}
.mfd-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,61,50,.2);color:#fff;}
.mfd-btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none;}
.mfd-btn--ghost{background:transparent;color:#003D32;border:1.5px solid #003D32;}
.mfd-btn--ghost:hover{color:#003D32;background:rgba(0,61,50,.06);}