@layer tokens,base;@layer legacy{.mb-upgrade-modal-body{flex-direction:column;gap:24px;padding:0;display:flex}.mb-upgrade-status-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 8%, transparent) 0%, color-mix(in srgb, var(--color-success-strong) 4%, transparent) 100%);border:1px solid var(--color-accent-a20);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mb-upgrade-status-left{flex-direction:column;gap:4px;display:flex}.mb-upgrade-status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-success-strong);font-size:.8rem;font-weight:700}.mb-upgrade-status-val{font-size:1.15rem;font-weight:800}.mb-upgrade-status-badge{background:var(--color-surface-brand);color:var(--color-success-strong);border:1px solid var(--color-accent-a30);border-radius:9999px;padding:6px 14px;font-size:.85rem;font-weight:700}.mb-upgrade-category-tabs{background:var(--color-surface-sunken);border-radius:14px;gap:4px;padding:4px;display:flex}.mb-upgrade-cat-tab-btn{cursor:pointer;color:var(--color-text-subtle);background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:.92rem;font-weight:700;transition:all .2s}.mb-upgrade-cat-tab-btn.active{background:var(--color-surface);color:var(--color-on-surface-brand);box-shadow:0 2px 8px #00000014}.mb-upgrade-cycle-row{justify-content:center;align-items:center;gap:12px;margin:4px 0;display:flex}.mb-upgrade-cycle-label{color:var(--color-text-subtle);cursor:pointer;font-size:.9rem;font-weight:600}.mb-upgrade-cycle-label.active{color:var(--color-text);font-weight:800}.mb-upgrade-cycle-toggle{background:var(--color-neutral-300);cursor:pointer;border:none;border-radius:9999px;width:48px;height:26px;padding:3px;transition:background .2s;position:relative}.mb-upgrade-cycle-toggle.yearly{background:var(--color-accent)}.mb-upgrade-cycle-knob{background:var(--color-surface);border-radius:9999px;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 2px 4px #0003}.mb-upgrade-cycle-toggle.yearly .mb-upgrade-cycle-knob{transform:translate(22px)}.mb-upgrade-discount-badge{color:#854d0e;letter-spacing:.02em;background:#fef08a;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800}.mb-upgrade-plans-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.mb-upgrade-plans-grid{grid-template-columns:1fr}}.mb-upgrade-plan-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;flex-direction:column;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.mb-upgrade-plan-card.highlight{border-color:var(--color-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, color-mix(in srgb, var(--color-accent) 1%, transparent) 100%);box-shadow:0 10px 30px -8px color-mix(in srgb, var(--color-accent) 25%, transparent)}.mb-upgrade-plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px -10px #0000001f}.mb-upgrade-popular-badge{background:linear-gradient(135deg, var(--color-accent), var(--color-success-strong));color:var(--color-on-primary);letter-spacing:.05em;box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:9999px;padding:4px 12px;font-size:.72rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.mb-upgrade-plan-header h3{margin:0;font-size:1.15rem;font-weight:800}.mb-upgrade-plan-credits{color:var(--color-success-strong);margin-top:4px;font-size:.85rem;font-weight:700}.mb-upgrade-plan-price-wrap{align-items:baseline;gap:4px;margin:16px 0;display:flex}.mb-upgrade-plan-price{letter-spacing:-.03em;font-size:1.85rem;font-weight:900}.mb-upgrade-plan-period{color:var(--color-text-subtle);font-size:.82rem;font-weight:600}.mb-upgrade-plan-features{flex-direction:column;flex-grow:1;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.mb-upgrade-plan-features li{color:var(--color-neutral-700);align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.35;display:flex}.mb-upgrade-feature-check{color:var(--color-text-accent);flex-shrink:0;font-weight:800}.mb-upgrade-plan-btn{cursor:pointer;background:var(--color-surface-sunken);width:100%;color:var(--color-text);border:none;border-radius:14px;padding:12px;font-size:.9rem;font-weight:700;transition:all .18s}.mb-upgrade-plan-btn.primary{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-success-strong) 100%);color:var(--color-on-primary);box-shadow:0 4px 16px color-mix(in srgb, var(--color-accent) 35%, transparent)}.mb-upgrade-plan-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.mb-upgrade-plan-btn:disabled{opacity:.55;cursor:not-allowed}.mb-upgrade-packs-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.mb-upgrade-packs-grid{grid-template-columns:1fr}}.mb-upgrade-pack-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;flex-direction:column;padding:22px;transition:all .2s;display:flex;position:relative}.mb-upgrade-pack-card.popular{border-color:var(--color-accent);box-shadow:0 8px 24px -8px color-mix(in srgb, var(--color-accent) 25%, transparent)}.mb-upgrade-pack-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mb-upgrade-pack-title{font-size:1.1rem;font-weight:800}.mb-upgrade-pack-amount{color:var(--color-success-strong);letter-spacing:-.02em;font-size:1.6rem;font-weight:900}.mb-upgrade-pack-desc{color:var(--color-text-subtle);flex-grow:1;margin-bottom:16px;font-size:.8rem}.mb-upgrade-pack-price{margin-bottom:16px;font-size:1.45rem;font-weight:900}.mb-upgrade-footer-note{color:var(--color-text-subtle);text-align:center;margin:0;font-size:.78rem}.mb-upgrade-alert{background:var(--color-danger-bg);color:#991b1b;border-radius:12px;padding:12px 16px;font-size:.85rem;font-weight:600}}@layer chrome,pages,primitives;