.mb{--mb-line:3px solid var(--hp-ink);background:var(--hp-cream);color:var(--hp-ink);font-family:var(--font-body),system-ui,sans-serif}.mb h1,.mb h2,.mb h3{font-family:var(--font-fun),system-ui,sans-serif;color:var(--hp-ink)}.mb .small-label{font-family:var(--font-hand),cursive;font-size:24px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--hp-pink-deep)}.mb .auth-layout,.mb .members-hero{background:var(--hp-pink-soft);border-bottom:var(--mb-line)}.mb .auth-copy h1,.mb .members-hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1;letter-spacing:-.02em}.mb .member-status{background:#fff;border:var(--mb-line);border-radius:22px;box-shadow:5px 5px 0 var(--hp-ink);color:var(--hp-ink)}.mb .member-status strong{font-family:var(--font-fun),sans-serif;font-size:28px}.mb .buy-button,.mb .primary-action,.mb .secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--mb-line);border-radius:14px;font-family:var(--font-body),sans-serif;font-weight:700;color:var(--hp-ink);box-shadow:3px 3px 0 var(--hp-ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.mb .buy-button,.mb .primary-action{background:var(--hp-ink);color:#fff;box-shadow:3px 3px 0 var(--hp-pink-deep)}.mb .secondary-action{background:#fff}.mb .buy-button:hover,.mb .primary-action:hover,.mb .secondary-action:hover{transform:translate(-1px,-1px)}.mb .buy-button:disabled,.mb .primary-action:disabled{opacity:.6;cursor:wait}.mb .member-tabs a{border:var(--mb-line);border-radius:999px;background:#fff;color:var(--hp-ink);font-weight:700;box-shadow:3px 3px 0 var(--hp-ink)}.mb .member-tabs a.active-tab{background:var(--hp-teal-deep);color:#fff}.mb .auth-card,.mb .claim-access-preview,.mb .member-panel{background:#fff;border:var(--mb-line);border-radius:24px;box-shadow:6px 6px 0 var(--hp-ink)}.mb .member-side-column .member-panel{background:var(--hp-mint-soft)}.mb .member-pattern-row{border:var(--mb-line);border-radius:18px;background:var(--hp-cream)}.mb .member-pattern-row:nth-child(2n){background:var(--hp-mint-soft)}.mb .member-pattern-row img{border:2px solid var(--hp-ink);border-radius:10px}.mb .member-row-badge,.mb .membership-tier-badge{border:2px solid var(--hp-ink);border-radius:999px;background:var(--hp-pink-soft);color:var(--hp-ink);font-weight:700}.mb .member-empty-state{border:3px dashed var(--hp-ink);border-radius:20px;background:var(--hp-cream)}.mb .purchase-list article{border:var(--mb-line);border-radius:18px;background:var(--hp-cream)}.mb .purchase-list strong{font-family:var(--font-fun),sans-serif}.mb input,.mb select,.mb textarea{border:var(--mb-line);border-radius:14px;background:var(--hp-cream);color:var(--hp-ink);font-family:var(--font-body),sans-serif}.mb input:focus,.mb select:focus,.mb textarea:focus{outline:none;box-shadow:3px 3px 0 var(--hp-pink-deep)}.mb input[type=file]{border-style:dashed}.mb .profile-photo-preview{border:var(--mb-line);background:var(--hp-pink-soft)}.mb .auth-error,.mb .picker-error{background:var(--hp-pink-soft);font-weight:600}.mb .auth-error,.mb .auth-note,.mb .auth-success,.mb .picker-error{border:2px solid var(--hp-ink);border-radius:14px;color:var(--hp-ink)}.mb .auth-note,.mb .auth-success{background:var(--hp-mint-soft)}.mb .membership-state-card{border:var(--mb-line);border-radius:20px;background:#fff}.mb .membership-state-card.selected-tier{background:var(--hp-pink-soft)}.mb .membership-state-card strong{font-family:var(--font-fun),sans-serif}.mb .member-lock-note{border-top:var(--mb-line);background:var(--hp-teal-deep);color:#fff}.mb .member-lock-note .buy-button{background:#fff;color:var(--hp-ink);box-shadow:3px 3px 0 var(--hp-ink)}.mb .picker-locked-banner,.mb .picker-prompt{border:var(--mb-line)!important;border-radius:18px;background:var(--hp-mint-soft)!important;color:var(--hp-ink)!important}.mb .picker-locked-banner{background:var(--hp-pink-soft)!important}.mb .picker-card{border:var(--mb-line);border-radius:16px;background:#fff;box-shadow:3px 3px 0 var(--hp-ink);color:var(--hp-ink)}.mb .picker-card.picker-selected{background:var(--hp-mint);box-shadow:3px 3px 0 var(--hp-teal-deep)}.mb .picker-card.picker-disabled{opacity:.45}.mb .picker-card-img{border-bottom:2px solid var(--hp-ink)}.mb .picker-card-check{color:var(--hp-teal-deep)}.mb .picker-search-input-wrap{border:var(--mb-line);border-radius:14px;background:#fff}.mb .picker-search-input-wrap input{border:0;background:transparent;box-shadow:none}.mb .picker-chip{border:2px solid var(--hp-ink);border-radius:999px;background:#fff;color:var(--hp-ink);font-weight:700}.mb .picker-chip.active{background:var(--hp-ink);color:#fff}.mb .picker-remove-btn{border:2px solid var(--hp-ink);background:#fff;color:var(--hp-pink-deep)}.mb .profile-section,.mb .profile-section:nth-of-type(2n){display:grid;grid-gap:12px;gap:12px;padding:20px;border:var(--mb-line);border-radius:20px;background:var(--hp-cream)}.mb .profile-section:nth-of-type(2n){background:var(--hp-mint-soft)}.mb .profile-section h3{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.mb .profile-section p{margin:0}.mb .profile-section button{justify-self:start}.mb .profile-fields label{color:var(--hp-ink);font-weight:700}.mb .purchase-list article,.mb .purchase-list article:nth-child(2n){display:grid;grid-gap:4px;gap:4px;background:var(--hp-cream)}.mb .purchase-list article:nth-child(2n){background:var(--hp-mint-soft)}.mb .purchase-list .secondary-action{justify-self:start;margin-top:8px;padding:7px 14px}.mb .membership-state-card:nth-child(2n){background:#fff}.mb .auth-forgot{justify-self:start;margin-top:-4px;font-size:14px}.mb .my-projects{display:grid;grid-gap:20px;gap:20px;max-width:900px;margin:0 auto 48px;padding:0 16px}.mb .my-project{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:2px solid #22223b}.mb .my-project-info{flex:1 1;min-width:0}.mb .my-project-info h3{margin:0 0 8px;font-size:18px}.mb .my-project-info span{font-size:14px}.mb .my-project-track{height:12px;margin-bottom:6px;overflow:hidden;border:2px solid #22223b;border-radius:999px;background:#dcf4f0}.mb .my-project-track i{display:block;height:100%;background:linear-gradient(90deg,#2bb5ad,#ec5a8a)}.mb .my-yarn-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.mb .my-yarn-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:2px solid #22223b;border-radius:14px;background:#fff}.mb .my-yarn-list span,.mb .my-yarn-list strong{display:block}.mb .my-yarn-list span{font-size:14px}