.ds-open{margin-right:12px;font-weight:700}
.ds-banner{margin:6px 0 14px;padding:10px 14px;border-radius:10px;background:#f1e7d6;color:#5b4a2c;font-size:13px;line-height:1.5}
.ds-banner.is-error{background:#fbeeea;color:#9a382d}.ds-banner a{color:inherit}
.ds-dialog{border:1px solid #d8cbb8;border-radius:16px;padding:0;max-width:440px;width:calc(100% - 32px);background:#fffdf8;color:#211f1b;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.ds-dialog::backdrop{background:rgba(33,31,27,.38)}
.ds-dialog form{padding:24px;display:grid;gap:12px}
.ds-dialog h3{margin:0;font:400 26px/1.2 Georgia,serif}
.ds-intro{margin:0;font-size:13px;line-height:1.55;color:#70675b}
.ds-dialog label{display:grid;gap:6px;font-size:13px;font-weight:700}
.ds-dialog input[type=email],.ds-dialog input:not([type]){padding:11px 13px;border:1px solid #b9ae9d;border-radius:10px;font:15px Arial,sans-serif;background:#fff}
.ds-dialog .ds-check{display:flex;align-items:center;gap:8px;font-weight:400}
.ds-status{margin:0;font-size:13px;line-height:1.5;color:#2f5d3a}.ds-status:empty{display:none}.ds-status.is-error{color:#9a382d}
.ds-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.ds-actions button{padding:11px 18px;border-radius:999px;font:700 14px Arial,sans-serif;cursor:pointer}
.ds-cancel{background:transparent;border:1px solid #b9ae9d;color:#211f1b}.ds-submit{background:#211f1b;border:0;color:#fffaf1}.ds-submit:disabled{opacity:.55;cursor:wait}
.ds-dialog [hidden]{display:none!important}
/* "Liever op je computer afronden?" — only on phones/tablets (the creator's mobile breakpoint). */
.handoff-cta{display:none;margin-top:14px;padding:14px 16px;border:1px dashed #c9b99f;border-radius:14px;background:#fbf6ec}
.handoff-cta p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#5b5246}.handoff-cta b{display:block;color:#211f1b;font-size:14px;margin-bottom:2px}
.handoff-btn{width:100%;padding:12px 16px;border-radius:999px;border:1px solid #211f1b;background:transparent;color:#211f1b;font:700 14px Arial,sans-serif;cursor:pointer}
@media (max-width:900px),(pointer:coarse){.handoff-cta{display:block}}