/* Postcard share sheet. Link from the page that uses postcard.js. */
.pc-sheet { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px;
  background: rgba(10, 8, 6, .72); backdrop-filter: blur(4px); }
.pc-card { width: min(520px, 100%); max-height: 100%; overflow: auto; padding: 14px; border-radius: 14px;
  background: var(--glass-soft, rgba(24,20,17,.86)); border: 1px solid var(--line, rgba(243,235,221,.16));
  color: #f3ebdd; font-family: var(--font-ui, system-ui, sans-serif); box-shadow: 0 18px 50px rgba(0,0,0,.45); }
.pc-img { display: block; width: 100%; height: auto; border-radius: 8px; background: #15120f; }
.pc-status { min-height: 1.2em; margin: 10px 2px 0; font-size: 13px; color: #e9a23b; }
.pc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.pc-btn { flex: 1 1 110px; min-height: 44px; padding: 0 14px; border-radius: 10px; cursor: pointer;
  border: 1px solid var(--line, rgba(243,235,221,.16)); background: #15120f; color: inherit; font: inherit; font-size: 15px; }
.pc-btn:focus-visible { outline: 2px solid #e9a23b; outline-offset: 2px; }
.pc-primary { background: #e9a23b; color: #15120f; border-color: #e9a23b; font-weight: 600; }
@media (max-width: 420px) { .pc-card { padding: 10px; } .pc-btn { flex-basis: 45%; } }