:root{
  --db-card-accent:#88a58e;
  --db-card-accent-2:#d8c4a1;
  --db-card-paper:#fffdf8;
  --db-card-wash:#f6efe4;
  --db-card-wash-2:#f7f1e8;
  --db-card-ink:#241f1b;
  --db-card-soft:#65574a;
  --db-card-panel:#fffdf8;
}
body[data-db-card-site="sanctuary"]{
  --db-card-accent:#8aa88f;
  --db-card-accent-2:#d8c7a0;
  --db-card-paper:#fffdf9;
  --db-card-wash:#eff5ef;
  --db-card-wash-2:#f4f1e8;
}
body[data-db-card-site="gallery"]{
  --db-card-accent:#b08aa7;
  --db-card-accent-2:#e0c79f;
  --db-card-paper:#fffdfb;
  --db-card-wash:#f5edf2;
  --db-card-wash-2:#f6efe7;
}
body[data-db-card-site="reflections"]{
  --db-card-accent:#8ea7d2;
  --db-card-accent-2:#f0dfb4;
  --db-card-paper:#fffdfa;
  --db-card-wash:#eef2fb;
  --db-card-wash-2:#f7efe8;
}
body[data-db-card-site="care"]{
  --db-card-accent:#90ab94;
  --db-card-accent-2:#d8c4a1;
  --db-card-paper:#fffdf8;
  --db-card-wash:#eef4ed;
  --db-card-wash-2:#f7f1e8;
}
.dbShareDock{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:min(92vw,460px)}
.dbSharePill{appearance:none;border:none;border-radius:999px;padding:12px 16px;background:linear-gradient(135deg,var(--db-card-ink),#3a3029);color:#fff;text-decoration:none;font:700 14px/1.1 Arial,sans-serif;box-shadow:0 16px 34px rgba(0,0,0,.24);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.dbSharePill.secondary{background:rgba(255,255,255,.94);color:#201a16;border:1px solid rgba(36,29,24,.10)}
.dbShareGlyph{font-size:15px;line-height:1;color:var(--db-card-accent-2)}
.dbShareOverlay.hidden{display:none}
.dbShareOverlay{position:fixed;inset:0;z-index:120}
.dbShareBackdrop{position:absolute;inset:0;background:rgba(16,12,10,.55);backdrop-filter:blur(3px)}
.dbSharePanel{position:relative;z-index:1;width:min(1120px,calc(100vw - 28px));max-height:min(88vh,900px);overflow:auto;margin:clamp(18px,5vh,52px) auto;background:linear-gradient(180deg,var(--db-card-panel),#fffaf1);border:1px solid rgba(36,29,24,.14);border-radius:30px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:26px 26px 28px}
.dbShareClose{position:absolute;top:14px;right:14px;width:40px;height:40px;border:none;border-radius:999px;background:rgba(41,34,28,.08);font-size:28px;cursor:pointer;color:#231f1c}
.dbShareGrid{display:grid;grid-template-columns:minmax(320px,470px) minmax(320px,1fr);gap:20px;align-items:start}
.dbSharePreview{position:relative;overflow:hidden;min-height:clamp(460px,68vh,620px);border-radius:28px;padding:32px;background:linear-gradient(180deg,var(--db-card-wash) 0%,var(--db-card-paper) 54%,#fff 100%);border:1px solid rgba(36,29,24,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.dbSharePreview::before{content:"";position:absolute;left:22px;right:22px;top:16px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--db-card-accent),var(--db-card-accent-2));opacity:.92}
.dbSharePreview::after{content:"Discover Bunnies • little card";position:absolute;top:36px;right:30px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(36,29,24,.10);font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--db-card-soft)}
.dbSharePreviewInk{position:absolute;inset:auto -30px -30px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb, var(--db-card-accent) 38%, transparent),rgba(173,196,177,0));pointer-events:none}
.dbShareBadge{display:inline-flex;max-width:calc(100% - 180px);margin-top:44px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(36,29,24,.10);font:700 13px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--db-card-soft)}
.dbShareTitle{margin:22px 0 16px;font:700 clamp(2rem,3vw,3.2rem)/1.02 Georgia,serif;color:#211d19}
.dbShareBody{margin:0 0 18px;color:#51453a;font:400 1.02rem/1.65 Georgia,serif}
.dbShareBulletList{display:grid;gap:10px;margin:18px 0 22px;align-content:start}
.dbShareBullet{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(36,29,24,.08);color:#312923;box-shadow:0 12px 20px rgba(36,29,24,.04)}
.dbShareBulletDot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,var(--db-card-accent),var(--db-card-ink));margin-top:8px}
.dbShareFooter{margin-top:auto;padding-top:18px;border-top:1px dashed rgba(36,29,24,.18);display:flex;justify-content:space-between;gap:18px;align-items:flex-end;row-gap:8px}
.dbShareMeta{font:700 12px/1.4 Arial,sans-serif;color:var(--db-card-soft);letter-spacing:.08em;text-transform:uppercase}
.dbShareActionGrid{display:grid;gap:18px}
.dbShareActionGrid h2{margin:0;color:#211d19;font:700 1.55rem/1.15 Georgia,serif}
.dbShareLead{margin:8px 0 0;color:#5b4e41;line-height:1.6}
.dbShareActionRow{display:flex;flex-wrap:wrap;gap:10px}
.dbShareAction{appearance:none;border:none;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,var(--db-card-ink),#3b312a);color:#fff;cursor:pointer;font:700 15px/1.2 Arial,sans-serif;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.dbShareAction.alt{background:#fff;border:1px solid rgba(36,29,24,.16);color:#241f1b;box-shadow:none}
.dbShareStatus{min-height:24px;color:var(--db-card-soft);font:700 13px/1.5 Arial,sans-serif}
.dbSharePhoneNote{margin:-4px 0 0;color:#66584b;font-size:.94rem;line-height:1.55}
.dbShareHintCard,.dbShareMiniHubCard{padding:18px 18px 20px;border-radius:22px;background:linear-gradient(180deg,var(--db-card-wash-2),#fffdf9);border:1px solid rgba(36,29,24,.10)}
.dbShareHintCard h3,.dbShareMiniHubCard h3{margin:0 0 10px;color:#211d19;font:700 1.05rem/1.2 Georgia,serif}
.dbShareHintList{display:grid;gap:10px;color:#56493d;line-height:1.55}
.dbShareMiniHubGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.dbMiniTile{padding:14px;border-radius:18px;background:rgba(255,255,255,.84);border:1px solid rgba(36,29,24,.10)}
.dbMiniTileMeta{font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--db-card-soft);margin-bottom:6px}
.dbMiniTile h4{margin:0 0 6px;font:700 1rem/1.18 Georgia,serif;color:#241f1b}
.dbMiniTile p{margin:0;color:#65574a;font-size:.93rem;line-height:1.45}
.dbMiniTileActions{margin-top:10px}
.dbMiniTileActions a{font:700 13px/1 Arial,sans-serif;color:#241f1b;text-decoration:none}
.dbShareBookmarkNote{font-size:.92rem;color:#66584b;line-height:1.55}
.dbShareQuickActions{display:flex;flex-wrap:wrap;gap:8px}
.dbShareQuickActions a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.90);border:1px solid rgba(36,29,24,.10);text-decoration:none;color:#261f1b;font:700 12px/1 Arial,sans-serif}
@media (max-width: 860px){.dbShareGrid{grid-template-columns:1fr}.dbSharePreview{min-height:unset}.dbShareMiniHubGrid{grid-template-columns:1fr}.dbShareDock{left:12px;right:12px;bottom:12px;max-width:none;padding-bottom:max(0px,env(safe-area-inset-bottom))}.dbSharePreview::after{position:static;display:inline-flex;margin:14px 0 0}.dbShareActionRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

.dbShareMiniHubCard.hidden{display:none}

.dbShareVoice{margin:2px 0 18px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(36,29,24,.08);color:#55483c;font:400 .96rem/1.55 Georgia,serif}
.dbShareVoice.hidden{display:none}

@media (max-width: 560px){.dbShareOverlay{display:grid;align-items:end}.dbSharePanel{width:100vw;max-height:100dvh;margin:0;border-radius:24px 24px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom))}.dbShareActionRow{grid-template-columns:1fr;position:sticky;top:-2px;z-index:2;padding-top:8px;background:linear-gradient(180deg,var(--db-card-panel) 78%,rgba(255,253,248,.72))}.dbShareAction,.dbSharePill{min-height:48px;justify-content:center;width:100%}.dbSharePreview{padding:24px 20px 20px;min-height:clamp(360px,52svh,500px)}.dbShareBadge{max-width:100%}.dbShareFooter{flex-direction:column;align-items:flex-start}.dbShareClose{top:10px;right:10px;width:46px;height:46px}}