.demo-toast{position:fixed;left:50%;bottom:20px;z-index:2147483000;transform:translate(-50%,20px);opacity:0;max-width:min(92vw,420px);padding:12px 16px;border-radius:14px;background:#1f2420;color:#f4f0e8;font:500 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 14px 34px -12px rgba(0,0,0,.5);transition:opacity .25s,transform .25s;pointer-events:none}
.demo-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.demo-toast a{color:#e9e4da;text-decoration:underline;text-underline-offset:3px;margin-left:6px;white-space:nowrap}
/* static look-alike of the Cal.com month view */
.dcal{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;grid-template-columns:240px 1fr 200px;min-height:520px;overflow:hidden;text-align:left}
.dcal *{box-sizing:border-box}
.dcal .info{padding:20px;border-right:1px solid #e5e7eb}
.dcal .av{width:24px;height:24px;border-radius:50%;background:#6b7280 radial-gradient(circle at 50% 38%,#d1d5db 28%,transparent 30%);margin-bottom:10px}
.dcal .who{font-size:14px;color:#6b7280;font-weight:600}
.dcal .ev{font-size:20px;font-weight:600;margin:4px 0 12px;line-height:1.3}
.dcal .desc{font-size:13.5px;color:#374151;line-height:1.5;margin-bottom:16px}
.dcal .row{display:flex;gap:8px;align-items:center;font-size:14px;color:#374151;margin:8px 0}
.dcal .row svg{width:16px;height:16px;flex:none}
.dcal .month{padding:20px}
.dcal .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;font-size:16px}
.dcal .mh span{color:#6b7280;font-weight:500}
.dcal .nav{display:flex;gap:6px}.dcal .nav button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;font-size:16px}
.dcal .nav button:hover{background:#f3f4f6}
.dcal .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.dcal .dow{font-size:12px;font-weight:600;color:#374151;letter-spacing:.04em;padding:6px 0}
.dcal .day{aspect-ratio:1;border:0;border-radius:6px;background:transparent;color:#9ca3af;font:500 14px Inter,system-ui,sans-serif;cursor:default}
.dcal .day.av1{background:#e5e7eb;color:#111827;cursor:pointer}
.dcal .day.av1:hover{outline:2px solid #111827}
.dcal .day.sel{background:#111827;color:#fff}
.dcal .slots{padding:20px 16px;border-left:1px solid #e5e7eb;overflow:auto;max-height:560px}
.dcal .sh{font-weight:600;margin-bottom:12px;font-size:15px}.dcal .sh span{color:#6b7280;font-weight:500}
.dcal .slot{display:block;width:100%;height:38px;margin-bottom:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font:500 14px Inter,system-ui,sans-serif;color:#111827;cursor:pointer}
.dcal .slot:hover{border-color:#111827}
.dcal .slot.sel{background:#111827;color:#fff;border-color:#111827}
.dcal .done{grid-column:1/-1;display:none;padding:40px 24px;text-align:center}
.dcal.is-done>.info,.dcal.is-done>.month,.dcal.is-done>.slots{display:none}
.dcal.is-done .done{display:block}
.dcal .done .ok{width:48px;height:48px;border-radius:50%;background:#f3f4f6;margin:0 auto 14px;display:grid;place-items:center}
.dcal .done h3{font:600 20px Inter,system-ui,sans-serif;margin:0 0 8px}
.dcal .done p{color:#6b7280;font-size:14px;margin:0 0 16px}
.dcal .done a,.dcal .done button{display:inline-block;margin:4px;padding:10px 16px;border-radius:6px;font:500 14px Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.dcal .done a{background:#111827;color:#fff}.dcal .done button{background:#fff;border:1px solid #e5e7eb;color:#111827}
.dcal-brand{text-align:center;font:700 14px Inter,system-ui,sans-serif;color:#111827;margin-top:14px}
@media (max-width:820px){.dcal{grid-template-columns:1fr}.dcal .info{border-right:0;border-bottom:1px solid #e5e7eb}.dcal .slots{border-left:0;border-top:1px solid #e5e7eb;max-height:none}}