.membership-shell{display:grid;gap:16px}.membership-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.membership-status,.usage-card,.credit-breakdown,.access-after-credit,.credit-packs{border:1px solid var(--line);border-radius:18px;padding:16px;background:#f8fbff}.membership-status h3,.usage-card h3,.credit-breakdown h3,.access-after-credit h3,.credit-packs h3{margin:7px 0}.membership-status p,.usage-card p,.access-after-credit p,.credit-packs p{color:var(--muted);line-height:1.5}.usage-track{height:12px;background:#dfe8f5;border-radius:99px;overflow:hidden;margin:12px 0}.usage-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2fc1a2,#1769e0)}.usage-numbers{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.usage-help{font-size:.78rem}.credit-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.credit-breakdown h3{grid-column:1/-1}.credit-breakdown div{border-radius:12px;background:#fff;padding:12px;display:grid;gap:6px;font-size:.82rem}.credit-breakdown strong{font-size:1.1rem;color:var(--blue)}.access-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.access-columns>div{background:#fff;border-radius:12px;padding:13px}.access-columns strong{color:var(--blue)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.membership-plan{border:2px solid var(--line);border-radius:18px;padding:17px;display:flex;flex-direction:column;background:#fff}.membership-plan.current{border-color:#1769e0;box-shadow:0 10px 25px rgba(23,105,224,.1)}.membership-plan h3{font-size:1.55rem;margin:10px 0 4px}.membership-plan h3 small{font-size:.78rem;color:var(--muted)}.membership-plan ul{padding-left:20px;color:var(--muted);line-height:1.6;font-size:.86rem;flex:1}.membership-plan button{border:0;border-radius:11px;padding:11px;font-weight:850;background:#1769e0;color:#fff}.membership-plan button[disabled]{background:#dce5f2;color:#64748b}.credit-packs{display:grid;gap:12px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pack-grid button{border:1px solid #bdd5fb;border-radius:13px;background:#fff;padding:12px;color:var(--ink);display:grid;gap:4px}.pack-grid button span{color:var(--blue);font-weight:850}.credit-packs small{color:var(--muted)}.membership-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.membership-principles div{border-radius:14px;background:#eef7ff;padding:13px;font-size:.82rem;line-height:1.45}.membership-principles strong{display:block;margin-bottom:3px}.membership-note{font-size:.78rem;color:var(--muted);line-height:1.55}@media(max-width:760px){.membership-summary,.plan-grid,.membership-principles,.credit-breakdown,.access-columns,.pack-grid{grid-template-columns:1fr}.credit-breakdown h3{grid-column:auto}}