.mca-app{--mca-bg:#f5f6f8;--mca-card:#fff;--mca-ink:#18212b;--mca-muted:#667085;--mca-line:#dde2e8;--mca-accent:#b00020;--mca-soft:#fff0f3;--mca-ok:#157347;--mca-oksoft:#eaf7ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mca-ink);max-width:none;width:100%;margin:0}
.mca-app *{box-sizing:border-box}.mca-app button,.mca-app select,.mca-app input{font:inherit}.mca-shell{background:var(--mca-bg);border:1px solid var(--mca-line);border-radius:18px;overflow:hidden}
.mca-head{background:#fff;border-bottom:1px solid var(--mca-line);padding:16px 18px;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.mca-brand{font-weight:850;font-size:20px}.mca-sub{color:var(--mca-muted);font-size:12px}
.mca-lang{display:flex;gap:5px}.mca-lang button{padding:6px 9px;border:1px solid var(--mca-line);background:#fff;border-radius:8px;cursor:pointer}.mca-lang button.active{background:var(--mca-ink);color:#fff}
.mca-tabs{display:flex;gap:4px;background:#fff;padding:0 14px;border-bottom:1px solid var(--mca-line);overflow:auto}.mca-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 10px;font-weight:750;white-space:nowrap;cursor:pointer}.mca-tabs button.active{color:var(--mca-accent);border-bottom-color:var(--mca-accent)}
.mca-content{padding:18px}.mca-panel{background:#fff;border:1px solid var(--mca-line);border-radius:14px;padding:16px}.mca-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mca-between{justify-content:space-between}.mca-muted{color:var(--mca-muted)}.mca-small{font-size:12px}
.mca-button{border:0;border-radius:9px;background:#e9edf2;padding:9px 12px;font-weight:750;cursor:pointer}.mca-button.primary{background:var(--mca-accent);color:#fff}.mca-button.danger{background:#fff0f0;color:#a40000;border:1px solid #efc1c1}.mca-button.ghost{background:#fff;border:1px solid var(--mca-line)}
.mca-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.mca-album{background:#fff;border:1px solid var(--mca-line);border-radius:14px;overflow:hidden}.mca-cover{height:160px;background:#e9edf2;display:grid;place-items:center;font-size:42px}.mca-cover img{width:100%;height:100%;object-fit:cover}.mca-album-body{padding:13px}.mca-album-title{font-weight:850;font-size:17px}.mca-desc{color:var(--mca-muted);font-size:13px;margin:6px 0;min-height:36px}
.mca-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.mca-toolbar select,.mca-toolbar input{border:1px solid #cbd2d9;border-radius:9px;padding:9px 10px;background:#fff}.mca-toolbar select{min-width:230px}.mca-toolbar input{min-width:180px}
.mca-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mca-stat{background:#fff;border:1px solid var(--mca-line);border-radius:12px;padding:12px}.mca-stat strong{font-size:22px;display:block}.mca-stat span{font-size:11px;color:var(--mca-muted)}
.mca-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.mca-sticker{background:#fff;border:1px solid var(--mca-line);border-radius:11px;padding:9px}.mca-sticker.need{border-color:#df9cab;background:#fff7f8}.mca-sticker.offer{box-shadow:inset 0 -3px 0 #65b886}.mca-sticker-id{font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mca-counter{display:grid;grid-template-columns:1fr auto auto auto;gap:4px;align-items:center;margin-top:6px}.mca-counter label{font-size:10px;color:var(--mca-muted);font-weight:750}.mca-counter button{border:0;background:#e9edf2;border-radius:6px;padding:4px 7px;cursor:pointer}.mca-counter b{min-width:22px;text-align:center}
.mca-match{background:#fff;border:1px solid var(--mca-line);border-radius:12px;padding:13px;margin-bottom:10px}.mca-match.mutual{border-color:#86c09e}.mca-match-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mca-chips{display:flex;gap:5px;flex-wrap:wrap}.mca-chip{font-size:11px;font-weight:750;padding:5px 7px;border-radius:7px;background:#eef1f5}.mca-chip.get{background:var(--mca-oksoft);color:var(--mca-ok)}.mca-chip.give{background:var(--mca-soft);color:#97162d}
.mca-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f3f5;padding:5px 7px;border-radius:7px;font-weight:800}.mca-note{background:#edf5ff;border:1px solid #c9ddf4;border-radius:10px;padding:11px 12px;color:#315679;font-size:12px}.mca-empty{text-align:center;border:1px dashed #cbd2d9;border-radius:12px;padding:26px;color:var(--mca-muted);background:#fff}.mca-loading{padding:30px;text-align:center}.mca-save-state{font-size:11px;color:var(--mca-muted)}

/* Full-width WordPress / block-theme integration */
body.mca-shortcode-active{
	overflow-x:hidden !important;
}

/* The actual app must break out of WordPress' constrained content width. */
.mca-app,
.wp-block-shortcode.mca-shortcode-block > .mca-app{
	box-sizing:border-box !important;
	display:block !important;
	position:relative !important;
	left:50% !important;
	width:100vw !important;
	max-width:none !important;
	margin-top:0 !important;
	margin-right:-50vw !important;
	margin-bottom:0 !important;
	margin-left:-50vw !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* WordPress block themes commonly enforce content-size on these ancestors. */
body.mca-shortcode-active .mca-shortcode-block,
body.mca-shortcode-active .mca-shortcode-host,
body.mca-shortcode-active .mca-shortcode-host .entry-content,
body.mca-shortcode-active .mca-shortcode-host .post-content,
body.mca-shortcode-active .mca-shortcode-host .wp-block-post-content,
body.mca-shortcode-active .mca-shortcode-main,
body.mca-shortcode-active .mca-shortcode-main.is-layout-constrained,
body.mca-shortcode-active .mca-shortcode-main > .is-layout-constrained{
	--wp--style--global--content-size:100% !important;
	--wp--style--global--wide-size:100% !important;
	max-width:none !important;
	width:100% !important;
}

/* The post that contains the app should not add its own side margins. */
body.mca-shortcode-active .mca-shortcode-host{
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* Hide the page/post decorations visible around the app. */
body.mca-shortcode-active .mca-shortcode-host > .wp-block-post-title,
body.mca-shortcode-active .mca-shortcode-host .entry-title,
body.mca-shortcode-active .mca-shortcode-host .post-title,
body.mca-shortcode-active .mca-shortcode-host .page-title,
body.mca-shortcode-active .mca-shortcode-host .wp-block-post-date,
body.mca-shortcode-active .mca-shortcode-host .posted-on,
body.mca-shortcode-active .mca-shortcode-host .byline,
body.mca-shortcode-active .mca-shortcode-host .entry-meta,
body.mca-shortcode-active .mca-shortcode-host .post-meta,
body.mca-shortcode-active .mca-shortcode-host .entry-date,
body.mca-shortcode-active .mca-shortcode-host > time,
body.mca-shortcode-active .mca-hide-for-sticker-app{
	display:none !important;
}

/* In the standard WordPress Blog/query template the large "Blog" heading lives
   outside the individual post, therefore it needs a separate scoped class. */
body.mca-shortcode-active .mca-shortcode-main > .wp-block-query-title.mca-hide-for-sticker-app,
body.mca-shortcode-active .mca-shortcode-main .wp-block-query-title.mca-hide-for-sticker-app{
	display:none !important;
}

/* Remove rounded container look at the viewport edges. */
.mca-app .mca-shell{
	border-left:0 !important;
	border-right:0 !important;
	border-radius:0 !important;
}

@media(max-width:680px){
	.mca-stats{grid-template-columns:repeat(2,1fr)}
	.mca-match-cols{grid-template-columns:1fr}
	.mca-stickers{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mca-content{padding:12px}
	.mca-app{width:100%;max-width:100%;margin:16px 0}
}

/* 1.1.0 – official program links, safety information and optimized recommendations */
.mca-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.mca-program-link{display:inline-flex;align-items:center;gap:5px;color:var(--mca-accent);font-weight:750;text-decoration:none;border-bottom:1px solid currentColor}
.mca-program-link:hover{text-decoration:none;opacity:.8}
.mca-program-link.compact{font-size:12px}
.mca-match-safety{margin-bottom:14px}
.mca-recommendation-info{background:#fff;border:1px solid var(--mca-line);border-left:4px solid var(--mca-ok);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.mca-recommendation-info strong{display:block;margin-bottom:4px}
.mca-rank{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border-radius:999px;background:var(--mca-ink);color:#fff;font-size:12px;font-weight:850}
.mca-coverage{margin-top:8px;padding:7px 9px;border-radius:8px;background:#f6f7f9;color:var(--mca-muted);font-size:11px}
.mca-legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mca-panel h4{margin:18px 0 6px;font-size:14px}
.mca-safety-list{margin:8px 0 0;padding-left:20px}
.mca-safety-list li{margin:0 0 9px}
.mca-delete-zone{margin-top:16px;padding-top:16px;border-top:1px solid var(--mca-line)}
@media(max-width:900px){.mca-legal-grid{grid-template-columns:1fr}}

/* 1.2.0 – anonymous exchange workflow */
.mca-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--mca-accent);color:#fff;font-size:10px;margin-left:4px}
.mca-flash{position:sticky;top:8px;z-index:5;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#17202a;color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.mca-swap-intro,.mca-direct-swap,.mca-public-swap{margin-bottom:14px}
.mca-swap-intro h2,.mca-direct-swap h3,.mca-public-swap h3{margin-top:0}
.mca-swap-list{display:grid;gap:12px}
.mca-history{display:grid;gap:12px;margin-top:10px;padding-top:16px;border-top:1px solid var(--mca-line)}
.mca-swap-card{background:#fff;border:1px solid var(--mca-line);border-radius:14px;padding:14px}
.mca-swap-card.incoming{border-left:4px solid var(--mca-accent)}
.mca-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef1f5;color:#3e4955}
.mca-status.proposed{background:#fff7e6;color:#8a5500}.mca-status.accepted{background:#eaf7ef;color:var(--mca-ok)}.mca-status.completed{background:#e8f3ff;color:#205d91}.mca-status.declined,.mca-status.cancelled{background:#f1f2f4;color:#68727d}
.mca-swap-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--mca-line)}
.mca-reserved-note{margin-top:10px;padding:8px 10px;border-radius:9px;background:#eaf7ef;color:#24613d;font-size:11px}
.mca-ok{color:var(--mca-ok);font-weight:750}
.mca-direct-swap .mca-toolbar{margin-bottom:0}.mca-direct-swap input{text-transform:uppercase}
.mca-public-swap{border-style:dashed}
.mca-public-swap .mca-match-cols,.mca-swap-card .mca-match-cols{margin-top:12px}
@media(max-width:680px){.mca-swap-actions .mca-button{width:100%}.mca-direct-swap .mca-toolbar>*{width:100%;min-width:0}.mca-public-swap .mca-match-cols,.mca-swap-card .mca-match-cols{grid-template-columns:1fr}}


/* 1.2.1 – card layout and host-header cleanup */
.mca-album{display:flex;flex-direction:column;min-width:0}
.mca-cover{height:180px;overflow:hidden;flex:0 0 180px;position:relative;line-height:0;align-items:stretch}
.mca-cover img{display:block;width:100%;height:100%;object-fit:cover}
.mca-album-body{display:flex;flex-direction:column;gap:8px;background:#fff;position:relative;z-index:1}
.mca-album-title{display:block;margin:0;line-height:1.25;word-break:break-word;overflow-wrap:anywhere}
.mca-desc{margin:0}
body.mca-shortcode-active .mca-hide-site-header,
body.mca-shortcode-active header.wp-block-template-part,
body.mca-shortcode-active .wp-site-blocks > header,
body.mca-shortcode-active #masthead,
body.mca-shortcode-active .site-header,
body.mca-shortcode-active header.site-header,
body.mca-shortcode-active .site-branding{display:none !important}
body.mca-shortcode-active .mca-shortcode-main .wp-block-query-title,
body.mca-shortcode-active .mca-shortcode-main .archive-title,
body.mca-shortcode-active .mca-shortcode-main .page-header{display:none !important}


/* 1.2.1 – onboarding, translated card titles and stronger host cleanup */
.mca-welcome{margin-bottom:14px;border-left:4px solid var(--mca-accent)}
.mca-welcome-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.mca-welcome-head h3{margin:0;font-size:20px;line-height:1.25}
.mca-welcome-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#fff0f3;color:var(--mca-accent);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.mca-welcome-steps{margin:10px 0 0;padding-left:20px}
.mca-welcome-steps li{margin:0 0 10px}
.mca-welcome-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mca-album-body{padding:14px;border-top:1px solid var(--mca-line)}
.mca-album-title{margin:0;font-size:19px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mca-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:0}
body.mca-shortcode-active .wp-block-query-title,
body.mca-shortcode-active .wp-block-post-title,
body.mca-shortcode-active .wp-block-post-date,
body.mca-shortcode-active .archive-title,
body.mca-shortcode-active .page-header,
body.mca-shortcode-active .entry-title,
body.mca-shortcode-active .entry-meta,
body.mca-shortcode-active .post-meta,
body.mca-shortcode-active .posted-on,
body.mca-shortcode-active .wp-block-site-title,
body.mca-shortcode-active .site-title{display:none !important}
@media(max-width:680px){.mca-welcome-actions .mca-button{width:100%}}


/* 1.2.2 – compact onboarding and translation fix */
.mca-welcome{margin-bottom:14px;border-left:4px solid var(--mca-accent);padding:18px}
.mca-welcome-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.mca-welcome-top h3{margin:8px 0 6px;font-size:22px;line-height:1.2}
.mca-welcome-top p{margin:0;color:var(--mca-muted);max-width:72ch}
.mca-welcome-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:16px 0 0}
.mca-welcome-steps li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;margin:0;padding:12px;border:1px solid var(--mca-line);border-radius:12px;background:#fff}
.mca-welcome-steps li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#17202a;color:#fff;font-weight:800;font-size:12px}
.mca-welcome-steps li div{margin:0;color:var(--mca-ink)}
.mca-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.mca-welcome-steps{grid-template-columns:1fr}.mca-welcome-actions{width:100%}}