@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
:root{ --red:#dc2626; --dark:#0f172a; --muted:#6b7280; --card:#ffffff; --bg:#f3f4f6; }
body{background:var(--bg); font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
.app-card{background:var(--card); border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.08);}
.btn-red{background:var(--red); color:#fff; border:none;}
.btn-red:hover{background:#b91c1c; color:#fff;}
.tag{display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .6rem; border-radius:999px; background:#fee2e2; color:#991b1b; font-weight:700;}
.result-card{background:#fff5f5; border-radius:16px; border:1px solid #fdd3d3;}
pre.result{white-space:pre-wrap; font-family: 'Montserrat', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
.divider{height:1px; background:#f1f5f9; margin:1rem 0;}
.footer{color:#64748b;}
.w-1080{width:100%; max-width:420px;}
.share-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:.5rem;}
@media (min-width: 576px){ .share-grid{grid-template-columns:repeat(5,1fr);} }