.csm{--csm-unit:4px;--csm-font:10px;--csm-radius:8px;--csm-bg:#fff;--csm-surface:#f8fafc;--csm-border:#e2e8f0;--csm-text:#0f172a;--csm-muted:#64748b;--csm-primary:#7c3aed;--csm-primary-soft:#ede9fe;--csm-success:#059669;--csm-success-soft:#d1fae5;--csm-warning:#d97706;--csm-warning-soft:#fef3c7;--csm-info:#2563eb;--csm-info-soft:#dbeafe;justify-content:center;width:100%;margin:0 auto 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:relative}.csm[data-size=showcase]{--csm-unit:5px;--csm-font:12px;--csm-radius:10px;max-width:420px}.csm[data-size=compact]{max-width:280px}.dark .csm{--csm-bg:#1e293b;--csm-surface:#0f172a;--csm-border:#334155;--csm-text:#f1f5f9;--csm-muted:#94a3b8;--csm-primary-soft:#4c1d95;--csm-success-soft:#064e3b;--csm-warning-soft:#78350f;--csm-info-soft:#1e3a8a}.csm-lock-chip{top:calc(var(--csm-unit) * 2);right:calc(var(--csm-unit) * 2);z-index:2;width:calc(var(--csm-unit) * 6);height:calc(var(--csm-unit) * 6);background:var(--csm-primary-soft);color:var(--csm-primary);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute}.csm-lock-chip svg{width:calc(var(--csm-unit) * 3);height:calc(var(--csm-unit) * 3)}.csm-stage{width:100%;padding:calc(var(--csm-unit) * 4);border-radius:var(--csm-radius);background:var(--csm-surface);border:1px solid var(--csm-border);overflow:hidden}.csm-avatar{width:calc(var(--csm-unit) * 7);height:calc(var(--csm-unit) * 7);background:var(--csm-primary-soft);color:var(--csm-primary);font-size:calc(var(--csm-font) * .85);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.csm-chip{padding:calc(var(--csm-unit) * .5) calc(var(--csm-unit) * 1.5);background:var(--csm-primary-soft);color:var(--csm-primary);font-size:calc(var(--csm-font) * .8);border-radius:999px;font-weight:500;display:inline-block}.csm-status{padding:calc(var(--csm-unit) * .5) calc(var(--csm-unit) * 1.5);font-size:calc(var(--csm-font) * .75);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex-shrink:0;font-weight:600}.csm-status--waiting{background:var(--csm-warning-soft);color:var(--csm-warning)}.csm-status--claimed,.csm-status--confirmed,.csm-status--invited{background:var(--csm-success-soft);color:var(--csm-success)}.csm-status--new{background:var(--csm-info-soft);color:var(--csm-info)}.csm-programs-header{margin-bottom:calc(var(--csm-unit) * 3);font-size:calc(var(--csm-font) * 1.1);color:var(--csm-text);font-weight:600}.csm-programs-ladder{gap:calc(var(--csm-unit) * 1);margin-bottom:calc(var(--csm-unit) * 3);flex-direction:column;display:flex}.csm-programs-stage{align-items:center;gap:calc(var(--csm-unit) * 2);opacity:0;animation:9s ease-in-out infinite csm-programs-stage-in;display:flex;transform:translate(-8px)}.csm-programs-stage--1{animation-delay:0s}.csm-programs-stage--2{animation-delay:.6s}.csm-programs-stage--3{animation-delay:1.2s}.csm-programs-stage--4{animation-delay:1.8s}.csm-programs-dot{width:calc(var(--csm-unit) * 2.5);height:calc(var(--csm-unit) * 2.5);background:var(--csm-primary);border-radius:999px;flex-shrink:0}.csm-programs-label{font-size:var(--csm-font);color:var(--csm-text);min-width:calc(var(--csm-unit) * 14);font-weight:600}.csm-programs-skills{gap:calc(var(--csm-unit) * 1);flex-wrap:wrap;display:flex}.csm-programs-connector{width:2px;height:calc(var(--csm-unit) * 2);margin-left:calc(var(--csm-unit) * 1.1);background:var(--csm-border);transform-origin:top;animation:9s ease-in-out infinite csm-programs-connector;transform:scaleY(0)}.csm-programs-connector--1{animation-delay:.4s}.csm-programs-connector--2{animation-delay:1s}.csm-programs-connector--3{animation-delay:1.6s}.csm-programs-prefill{padding:calc(var(--csm-unit) * 2.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-bg);border:1px solid var(--csm-border);opacity:0;animation:9s ease-in-out 2.4s infinite csm-programs-prefill;transform:translateY(8px)}.csm-prefill-title{margin-bottom:calc(var(--csm-unit) * 2);font-size:calc(var(--csm-font) * .95);color:var(--csm-text);font-weight:600}.csm-prefill-row{justify-content:space-between;gap:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * .75) 0;font-size:calc(var(--csm-font) * .85);color:var(--csm-muted);border-bottom:1px solid var(--csm-border);display:flex}.csm-prefill-row:last-child{border-bottom:none}.csm-prefill-value{color:var(--csm-primary);font-weight:500}@keyframes csm-programs-stage-in{0%,5%{opacity:0;transform:translate(-8px)}10%,85%{opacity:1;transform:translate(0)}95%,to{opacity:0;transform:translate(-8px)}}@keyframes csm-programs-connector{0%,8%{transform:scaleY(0)}14%,85%{transform:scaleY(1)}95%,to{transform:scaleY(0)}}@keyframes csm-programs-prefill{0%,26%{opacity:0;transform:translateY(8px)}32%,85%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(8px)}}.csm-waitlist-lesson{margin-bottom:calc(var(--csm-unit) * 2);padding-bottom:calc(var(--csm-unit) * 2);border-bottom:1px solid var(--csm-border);justify-content:space-between;align-items:center;display:flex}.csm-waitlist-lesson-name{font-size:var(--csm-font);color:var(--csm-text);font-weight:600}.csm-waitlist-capacity{font-size:calc(var(--csm-font) * .85);padding:calc(var(--csm-unit) * .5) calc(var(--csm-unit) * 1.5);border-radius:999px;font-weight:600}.csm-waitlist-capacity--full{color:#dc2626;background:#fee2e2}.dark .csm-waitlist-capacity--full{color:#fca5a5;background:#7f1d1d}.csm-waitlist-capacity--open{background:var(--csm-warning-soft);color:var(--csm-warning);margin-bottom:calc(var(--csm-unit) * 2);animation:9s ease-in-out infinite csm-waitlist-cap-open;display:none}.csm-waitlist-capacity--restored{margin-top:calc(var(--csm-unit) * 2);color:#dc2626;background:#fee2e2;animation:9s ease-in-out infinite csm-waitlist-cap-restored;display:none}.dark .csm-waitlist-capacity--restored{color:#fca5a5;background:#7f1d1d}.csm-waitlist-cancellation{align-items:center;gap:calc(var(--csm-unit) * 1.5);margin-bottom:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-warning-soft);font-size:calc(var(--csm-font) * .85);color:var(--csm-warning);opacity:0;animation:9s ease-in-out infinite csm-waitlist-cancel;display:flex}.csm-waitlist-cancel-icon{font-size:calc(var(--csm-font) * 1.2);font-weight:700}.csm-waitlist-queue{gap:calc(var(--csm-unit) * 1.5);flex-direction:column;display:flex}.csm-waitlist-row,.csm-waitlist-claimed{align-items:center;gap:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-bg);border:1px solid var(--csm-border);display:flex}.csm-waitlist-name{font-size:var(--csm-font);color:var(--csm-text);flex:1;font-weight:500}.csm-waitlist-row--1{animation:9s ease-in-out infinite csm-waitlist-promote}.csm-waitlist-notify{margin:calc(var(--csm-unit) * 2) 0;padding:calc(var(--csm-unit) * 2);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-info-soft);justify-content:space-between;align-items:center;animation:9s ease-in-out infinite csm-waitlist-notify;display:none}.csm-waitlist-notify-label{font-size:var(--csm-font);color:var(--csm-info);font-weight:600}.csm-waitlist-claim-chip{font-size:calc(var(--csm-font) * .85);color:var(--csm-info);font-weight:600;animation:9s ease-in-out infinite csm-waitlist-claim-slide}.csm-waitlist-claimed{animation:9s ease-in-out infinite csm-waitlist-claimed;display:none}@keyframes csm-waitlist-cancel{0%,12%{opacity:0;transform:translateY(-4px)}18%,30%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-4px)}}@keyframes csm-waitlist-cap-open{0%,16%{opacity:0;display:none}18%,30%{opacity:1;display:inline-block}36%,to{opacity:0;display:none}}@keyframes csm-waitlist-promote{0%,38%{box-shadow:none;transform:translateY(0)}44%,58%{border-color:var(--csm-primary);transform:translateY(-4px);box-shadow:0 4px 12px #7c3aed33}64%,to{box-shadow:none;transform:translateY(0)}}@keyframes csm-waitlist-notify{0%,40%{opacity:0;display:none}44%,58%{opacity:1;display:flex}64%,to{opacity:0;display:none}}@keyframes csm-waitlist-claim-slide{0%,44%{opacity:0;transform:translate(12px)}50%,58%{opacity:1;transform:translate(0)}64%,to{opacity:0;transform:translate(12px)}}@keyframes csm-waitlist-claimed{0%,58%{opacity:0;display:none}62%,78%{opacity:1;display:flex}84%,to{opacity:0;display:none}}@keyframes csm-waitlist-cap-restored{0%,72%{opacity:0;display:none}76%,88%{opacity:1;display:inline-block}94%,to{opacity:0;display:none}}.csm-eoi-header{margin-bottom:calc(var(--csm-unit) * 3);justify-content:space-between;align-items:center;display:flex}.csm-eoi-title{font-size:var(--csm-font);color:var(--csm-text);font-weight:600}.csm-eoi-badge{font-size:calc(var(--csm-font) * .75);padding:calc(var(--csm-unit) * .5) calc(var(--csm-unit) * 1.5);background:var(--csm-primary-soft);color:var(--csm-primary);border-radius:999px;font-weight:600}.csm-eoi-inbox{gap:calc(var(--csm-unit) * 1.5);margin-bottom:calc(var(--csm-unit) * 2);flex-direction:column;display:flex}.csm-eoi-row{align-items:center;gap:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-bg);border:1px solid var(--csm-border);opacity:0;display:flex;transform:translateY(8px)}.csm-eoi-row--1{animation:9s ease-in-out infinite csm-eoi-row-in}.csm-eoi-row--2{animation:9s ease-in-out .4s infinite csm-eoi-row-in}.csm-eoi-row--selected{animation:9s ease-in-out 1.2s infinite csm-eoi-select}.csm-eoi-row--invited{animation:9s ease-in-out infinite csm-eoi-invited;display:none}.csm-eoi-details{gap:calc(var(--csm-unit) * .25);flex-direction:column;flex:1;display:flex}.csm-eoi-name{font-size:var(--csm-font);color:var(--csm-text);font-weight:600}.csm-eoi-meta{font-size:calc(var(--csm-font) * .8);color:var(--csm-muted)}.csm-eoi-action{margin-bottom:calc(var(--csm-unit) * 2);opacity:0;animation:9s ease-in-out 2s infinite csm-eoi-action}.csm-eoi-btn{padding:calc(var(--csm-unit) * 1.5) calc(var(--csm-unit) * 3);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-primary);color:#fff;font-size:calc(var(--csm-font) * .9);font-weight:600;animation:9s ease-in-out 2.8s infinite csm-eoi-btn-press;display:inline-block}.csm-eoi-invite-chip{margin-bottom:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-success-soft);color:var(--csm-success);font-size:calc(var(--csm-font) * .85);text-align:center;font-weight:600;animation:9s ease-in-out infinite csm-eoi-chip;display:none}@keyframes csm-eoi-row-in{0%,4%{opacity:0;transform:translateY(8px)}10%,85%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(8px)}}@keyframes csm-eoi-select{0%,12%{opacity:0;border-color:var(--csm-border);transform:translateY(8px)}18%,22%{opacity:1;border-color:var(--csm-border);transform:translateY(0)}26%,70%{opacity:1;border-color:var(--csm-primary);box-shadow:0 0 0 2px var(--csm-primary-soft);transform:translateY(0)}80%,to{opacity:0;transform:translateY(8px)}}@keyframes csm-eoi-action{0%,20%{opacity:0}26%,70%{opacity:1}80%,to{opacity:0}}@keyframes csm-eoi-btn-press{0%,30%{transform:scale(1)}34%{transform:scale(.96)}38%,70%{transform:scale(1)}80%,to{transform:scale(1)}}@keyframes csm-eoi-chip{0%,36%{opacity:0;display:none;transform:translate(16px)}40%,54%{opacity:1;display:block;transform:translate(0)}60%,to{opacity:0;display:none;transform:translate(16px)}}@keyframes csm-eoi-invited{0%,54%{opacity:0;display:none}58%,78%{opacity:1;display:flex}84%,to{opacity:0;display:none}}.csm-private-header{margin-bottom:calc(var(--csm-unit) * 3);font-size:calc(var(--csm-font) * 1.1);color:var(--csm-text);font-weight:600}.csm-private-incoming{margin-bottom:calc(var(--csm-unit) * 2);opacity:0;animation:9s ease-in-out infinite csm-private-incoming;transform:translate(-24px)}.csm-private-incoming-label{margin-bottom:calc(var(--csm-unit) * 1);font-size:calc(var(--csm-font) * .75);text-transform:uppercase;letter-spacing:.05em;color:var(--csm-muted);font-weight:600;display:block}.csm-private-request-card{align-items:center;gap:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 2);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-bg);border:1px dashed var(--csm-primary);display:flex}.csm-private-details{gap:calc(var(--csm-unit) * .25);flex-direction:column;flex:1;display:flex}.csm-private-name{font-size:var(--csm-font);color:var(--csm-text);font-weight:600}.csm-private-meta{font-size:calc(var(--csm-font) * .8);color:var(--csm-muted)}.csm-private-price{font-size:calc(var(--csm-font) * .85);color:var(--csm-primary);font-weight:600}.csm-private-inbox{margin-bottom:calc(var(--csm-unit) * 2)}.csm-private-row{align-items:center;gap:calc(var(--csm-unit) * 2);padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-bg);border:1px solid var(--csm-border);display:flex}.csm-private-row--pending{animation:9s ease-in-out infinite csm-private-pending}.csm-private-row--confirmed{animation:9s ease-in-out infinite csm-private-confirmed;display:none}.csm-private-btn{padding:calc(var(--csm-unit) * 1) calc(var(--csm-unit) * 2);border-radius:calc(var(--csm-radius) * .5);background:var(--csm-primary);color:#fff;font-size:calc(var(--csm-font) * .8);flex-shrink:0;font-weight:600;animation:9s ease-in-out 3.2s infinite csm-private-btn-press}.csm-private-payment-chip{padding:calc(var(--csm-unit) * 1.5);border-radius:calc(var(--csm-radius) * .75);background:var(--csm-success-soft);color:var(--csm-success);font-size:calc(var(--csm-font) * .85);text-align:center;font-weight:600;animation:9s ease-in-out infinite csm-private-payment;display:none}@keyframes csm-private-incoming{0%,4%{opacity:0;transform:translate(-24px)}12%,28%{opacity:1;transform:translate(0)}34%,to{opacity:0;transform:translate(24px)}}@keyframes csm-private-pending{0%,28%{opacity:0}34%,58%{opacity:1}64%,to{opacity:0}}@keyframes csm-private-btn-press{0%,34%{transform:scale(1)}38%{transform:scale(.94)}42%,58%{transform:scale(1)}64%,to{transform:scale(1)}}@keyframes csm-private-confirmed{0%,44%{opacity:0;display:none}48%,72%{opacity:1;display:flex}78%,to{opacity:0;display:none}}@keyframes csm-private-payment{0%,50%{opacity:0;display:none;transform:translateY(6px)}54%,72%{opacity:1;display:block;transform:translateY(0)}78%,to{opacity:0;display:none;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.csm *,.csm :before,.csm :after{transition:none!important;animation:none!important}.csm-programs-stage,.csm-programs-connector,.csm-programs-prefill,.csm-eoi-row,.csm-eoi-action,.csm-private-incoming,.csm-private-row--pending{opacity:1;transform:none}.csm-programs-connector{transform:scaleY(1)}.csm-waitlist-cancellation,.csm-waitlist-notify,.csm-waitlist-claimed,.csm-waitlist-capacity--open,.csm-waitlist-capacity--restored,.csm-eoi-invite-chip,.csm-eoi-row--invited,.csm-private-row--confirmed,.csm-private-payment-chip{opacity:1;display:flex;transform:none}.csm-eoi-invite-chip,.csm-private-payment-chip{display:block}.csm-waitlist-capacity--open,.csm-waitlist-capacity--restored{display:inline-block}}