*{box-sizing:border-box}body{margin:0;background:#faf5ef;color:#262128;font:16px/1.55 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;padding:12px 17px;background:#a52520;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#8d221c}h1,h2,h3{line-height:1.2}h1{font-size:clamp(27px,6vw,43px)}.qcp-shell,#publishedQuickCard{max-width:760px;margin:0 auto;padding:24px 14px 60px}.qcp-home{display:inline-block;margin-bottom:28px;text-decoration:none;font-weight:700}.qcp-eyebrow{color:#9a2927;font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.qcp-form,.qcp-context,.qcp-result,.qcp-card{background:#fff;border:1px solid #e6d6ce;border-radius:20px;padding:20px;box-shadow:0 8px 30px #2d1a140a}.qcp-form{display:grid;gap:15px}.qcp-form label{display:grid;gap:6px;font-weight:700}.qcp-form :is(input,textarea,select),.qcp-result input,.qcp-embed input,.qcp-search input{width:100%;border:1px solid #cfc2bb;background:#fff;color:#241d20;border-radius:11px;padding:12px;min-width:0}.qcp-form small,.qcp-small,.qcp-muted{font-size:13px;color:#5a5154}.qcp-context,.qcp-result{margin-top:18px}.qcp-result:empty{display:none}.qcp-share{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.qcp-brand{display:grid;place-items:center;min-height:156px;border-radius:15px;background:linear-gradient(125deg,#ffe9d3,#e9dfd5);font-size:clamp(20px,5vw,32px);font-weight:900;color:#602823;overflow-wrap:anywhere;text-align:center;padding:15px}.qcp-art{display:block;object-fit:cover;max-height:420px;width:100%;border-radius:15px}.qcp-card{display:grid;gap:18px}.qcp-card h1{margin:.1em 0}.qcp-desc{font-size:18px}.qcp-interaction{border:1px solid #eee0d9;border-radius:15px;padding:16px;background:#fffcf9}.qcp-search{display:flex;gap:8px}.qcp-search input{flex:1}.qcp-video{display:block;aspect-ratio:16/9;width:100%;border:0;border-radius:12px}.qcp-official{margin-top:12px}.qcp-request{border-left:4px solid #bb6b57;padding:10px 15px;background:#fff}.qcp-embed{border-top:1px solid #e7d8d0;padding-top:12px}.qcp-embed input{font-size:12px}.qcp-embed button{margin-top:7px} .qcp-error{color:#991e1e}.qcp-actions button{margin:5px}.qcp-actions .qca-search{display:flex;gap:7px;flex-wrap:wrap}.qcp-actions .qca-search-input{flex:1;min-width:130px;border-radius:10px;padding:9px;border:1px solid #ccc}.qcp-actions .qca-toolbar{border:1px solid #eadcd4;padding:10px;border-radius:14px}.qcp-actions .qca-status{font-size:13px}@media(max-width:450px){.qcp-form,.qcp-context,.qcp-result,.qcp-card{padding:15px}.qcp-search{flex-wrap:wrap}.qcp-search input{flex-basis:100%}}
/* High-visibility native share controls for builder and every published card. */
.qcp-page-share,.qcp-share-prominent{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}
.qcp-page-share #qcpPageShareStatus{font-size:13px;color:#66534f}
.qcp-share-button,.qcp-page-share button,.qcp-share #qcpSharePublished{background:#a52520;color:white;border:1px solid #8a1e1c;box-shadow:0 3px 9px #4d1d121c}
.qcp-x-share,.qcp-link-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;background:#fff;color:#92221f;border:1px solid #b76f62;text-decoration:none;font-weight:800}
.qcp-x-share:hover,.qcp-link-button:hover{background:#ffebe7}
.qcp-copy-fallback{display:block;width:100%;margin-top:8px}

/* Published user cards share the standard compact action controls. */
.qcp-actions .qca-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qcp-actions .qca-controls>:is(button,a){margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 7px;text-align:center;border:1px solid #d8bcb6;background:#fff;color:#852d28;font:800 12px/1.3 system-ui,sans-serif;text-decoration:none;border-radius:10px}
.qcp-actions .qca-controls>a.qca-signin{grid-column:span 2;background:#a52520;color:#fff;border-color:#a52520}
.qcp-actions .qca-controls>a.qca-connect{background:#fff8f2;border-color:#c58c67}
.qcp-actions .qca-controls>[aria-pressed="true"]{background:#fff1d5;color:#5f3800}
.qcp-actions .qca-controls>:focus-visible{outline:3px solid #c47936;outline-offset:2px}
@media(min-width:650px){.qcp-actions .qca-controls{grid-template-columns:repeat(5,minmax(0,1fr))}}