.onboarding-modal{display:none}.onboarding-modal.open{display:grid}.role-card{text-align:center}.role-card>img{width:min(230px,75%);height:auto;border-radius:20px}.role-card>p:not(.eyebrow){font-size:10px;color:var(--muted)}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.role-options button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:left;display:flex;gap:11px;align-items:center}.role-options button>span{width:44px;height:44px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900}.role-options button div{display:flex;flex-direction:column}.role-options strong{font-size:11px}.role-options small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.4}.subscription-hero{background:linear-gradient(120deg,#18233f,#4d5f92);color:#fff}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.price-card h3{font-size:28px;margin:8px 0}.price-card h3 small{font-size:10px;color:var(--muted)}.price-card>p:not(.eyebrow){font-size:9px;color:var(--muted);line-height:1.5}.price-card button{width:100%}.price-card.featured{border:2px solid var(--blue)}.subscription-features{margin-top:14px}.subscription-features>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.subscription-features span{font-size:9px;color:#526077}.billing-card{display:flex;align-items:center;gap:15px;margin-top:14px}.billing-card div{display:flex;flex-direction:column;flex:1}.billing-card strong{font-size:11px}.billing-card small{font-size:8px;color:var(--muted);margin-top:4px}.child-mode .guardian-only,.child-mode [data-screen="permissions"] .primary-button,.child-mode [data-screen="plans"] .primary-button,.child-mode [data-screen="events"] .primary-button{display:none!important}.mode-badge{font-size:8px;font-weight:900;padding:6px 8px;border-radius:99px;background:var(--blue-soft);color:var(--blue)}@media(max-width:800px){.role-options,.pricing-grid,.subscription-features>div{grid-template-columns:1fr}.billing-card{align-items:flex-start;flex-direction:column}.billing-card button{width:100%}}

.billing-cycle{display:flex;justify-content:center;gap:6px;margin:14px auto 0;padding:5px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:14px;background:#fff}.billing-cycle button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}.billing-cycle button.active{background:var(--blue);color:#fff}.billing-cycle button span{margin-left:5px;padding:3px 6px;border-radius:99px;background:#e7f8ef;color:#12814c;font-size:8px}.billing-cycle button.active span{background:rgba(255,255,255,.18);color:#fff}.annual-saving-note{text-align:center;margin:8px 0 0;color:#12814c;font-size:9px;font-weight:700}.plan-saving{display:block;min-height:15px;margin:8px 0;color:#12814c;font-size:8px;font-weight:800}.pricing-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.billing-cycle{width:100%}.billing-cycle button{flex:1}.pricing-grid{grid-template-columns:1fr}}

/* Freemium v2.3 */
.freemium-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.free-card{border:2px solid #32b77c;background:linear-gradient(180deg,#f5fff9,#fff)}
.free-card .plan-type{background:#dff8ea;color:#146c44}
@media(max-width:1050px){.freemium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.freemium-grid{grid-template-columns:1fr}}