:root { --sambr-ink:#242424; --sambr-muted:#6b6b6b; --sambr-line:#dedbd5; --sambr-paper:#fff; --sambr-accent:#1f5e55; }
.sambr-break-page { margin:0; color:var(--sambr-ink); background:#fff; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.sambr-site { width:min(864px,100%); min-height:100vh; margin:0 auto; background:var(--sambr-paper); box-shadow:none; }
.sambr-header { min-height:72px; padding:0 32px; display:flex; align-items:center; justify-content:flex-end; gap:28px; border-bottom:1px solid var(--sambr-line); position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); }
.sambr-brand { color:var(--sambr-ink); font-size:18px; font-weight:750; text-decoration:none; margin-right:auto; }
.sambr-menu { width:100%; display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.sambr-menu a,.sambr-actions a { color:var(--sambr-ink); text-decoration:none; border-radius:999px; padding:9px 13px; font-size:14px; }
.sambr-menu a:hover,.sambr-menu a.is-active,.sambr-actions a:hover { background:#eeece7; }
.sambr-menu .sambr-reform,.sambr-actions .sambr-reform,.sambr-break-button { color:#fff; background:var(--sambr-accent); }
.sambr-menu-toggle { display:none; border:1px solid var(--sambr-line); background:#fff; padding:8px 12px; border-radius:8px; }
.sambr-main { min-height:620px; }
.sambr-panel { display:none; padding:44px 0 56px; animation:sambr-in .22s ease-out; }
.sambr-panel.is-active { display:block; }
.sambr-panel[hidden] { display:none!important; }
.sambr-panel#home,.sambr-panel#back { padding-top:0; padding-bottom:0; }
.sambr-panel-title { margin:0 48px 28px; font-size:clamp(28px,5vw,44px); line-height:1.1; letter-spacing:-.035em; }
.sambr-page-image { display:block; width:100%; height:auto; object-fit:contain; background:transparent; }
.sambr-frame,.sambr-lottie,.sambr-shortcode { --sam-tap-width:100%; --sam-tap-height:auto; --sam-tap-min-height:560px; --sam-tap-overflow:visible; display:block; width:100%; min-height:600px; border:0; background:transparent; }
.sambr-shortcode .sam-cb { width:100%; max-width:none; min-height:560px; height:auto; aspect-ratio:auto; margin:0; padding:12px; overflow:visible; }
.sambr-shortcode .sam-cb-feed { height:auto!important; min-height:420px; overflow:visible!important; }
.sambr-shortcode .sam-cb-items { overflow:visible; }
.sambr-lottie svg { width:100%!important; height:100%!important; }
.sambr-locked,.sambr-empty { min-height:400px; display:grid; place-content:center; text-align:center; color:var(--sambr-muted); }
.sambr-locked.is-unlocked { display:block; min-height:600px; text-align:initial; }
.sambr-lock-icon { display:block; font-size:42px; }
.sambr-unlock-box { width:min(420px,calc(100vw - 40px)); }
.sambr-unlock-box h2 { margin:12px 0 6px; color:var(--sambr-ink); }
.sambr-unlock-box p { margin:6px 0 18px; }
.sambr-unlock-form { display:flex; gap:8px; justify-content:center; }
.sambr-unlock-form label { display:flex; flex:1; }
.sambr-unlock-form input { min-width:0; width:100%; border:1px solid var(--sambr-line); border-radius:10px; padding:11px 12px; text-transform:uppercase; }
.sambr-unlock-form button { border:0; border-radius:10px; padding:11px 17px; color:#fff; background:var(--sambr-accent); cursor:pointer; }
.sambr-unlock-form button:disabled { opacity:.55; cursor:wait; }
.sambr-unlock-message { min-height:1.4em; color:#a3352b; }
.sambr-unlocked-content,.sambr-unlocked-content iframe,.sambr-unlocked-content .sambr-lottie { display:block; width:100%; min-height:600px; border:0; }
.sambr-footer { padding:26px 32px 34px; border-top:1px solid var(--sambr-line); color:var(--sambr-muted); font-size:13px; }
.sambr-footer-guide { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.sambr-footer a { color:var(--sambr-ink); }
.sambr-publisher { margin-top:10px; }
.sambr-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; flex-wrap:wrap; }
.sambr-actions .sammc-send-to-me { position:static; display:inline-flex; width:auto; height:auto; margin:0; transform:none; opacity:1; visibility:visible; background:#eeece7; color:var(--sambr-ink); box-shadow:none; }
.sambr-break-button,.sammc-card-actions .sambr-break-button { display:inline-flex; align-items:center; justify-content:center; color:#fff!important; background:var(--sambr-accent)!important; text-decoration:none; border-radius:999px; padding:8px 14px; font-size:13px; line-height:1; }
.sambr-card-action-host { display:flex; justify-content:center; margin:10px auto; width:var(--sammc-w,440px); max-width:100%; }
@keyframes sambr-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media (max-width:720px) {
  .sambr-site { width:100%; }
  .sambr-header { min-height:62px; padding:0 18px; }
  .sambr-menu-toggle { display:block; }
  .sambr-menu { display:none; position:absolute; top:62px; left:0; right:0; padding:12px 18px 18px; background:#fff; border-bottom:1px solid var(--sambr-line); box-shadow:0 12px 24px rgba(0,0,0,.08); }
  .sambr-menu.is-open { display:flex; }
  .sambr-panel { padding:30px 0 40px; }
  .sambr-panel-title { margin-left:20px; margin-right:20px; }
  .sambr-main { min-height:520px; }
  .sambr-frame,.sambr-lottie,.sambr-shortcode { min-height:500px; }
  .sambr-footer { padding:22px 20px 28px; }
}
@media (max-width:1024px) {
  .sambr-footer { padding-bottom:130px; }
}