.me{gap:var(--space-4);width:100%;min-width:0;max-width:none;margin-inline:auto;padding:0;display:grid}.me__head{gap:var(--space-1);text-align:center;justify-items:center;min-width:0;display:grid}.me__who,.me__unit{color:var(--c-text-dim);font-size:var(--text-sm);margin:0}.me__balance{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-pixel);color:var(--c-accent);font-size:clamp(1.5rem,5vw,2.7rem);line-height:1}.me__pending{color:var(--c-cyan);font-size:var(--text-sm);margin:var(--space-2) 0 0}.me__section{font-size:var(--text-lg);margin:0}.me__ledger{gap:0;margin:0;padding:0;list-style:none;display:grid}.me__row{gap:var(--space-1) var(--space-3);padding:var(--space-4) 0;border-bottom:1px dashed var(--c-border-strong);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,auto);display:grid}.me__delta{font-family:var(--font-pixel)}.me__delta.is-plus{color:var(--state-live)}.me__delta.is-minus{color:var(--c-accent)}.me__when,.me__note{color:var(--c-text-faint);font-size:var(--text-xs);grid-column:1/-1}.me__actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.me__lead,.me__empty,.me__loading{color:var(--c-text-dim);margin:0}.me--guest{text-align:center}.me__rail,.me__content{display:contents}.me__connection-guide{display:none}@media (min-width:1280px){.me--connected,.me--guest{grid-template-columns:var(--rail) minmax(0, 2fr);gap:var(--space-6);align-items:start}.me__rail,.me__content{gap:var(--space-4);min-width:0;display:grid}.me__rail{top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);position:sticky;overflow:auto}.me :where(.me__rail,.me__content,.me__benefits)>*{min-width:0}.me .me__tabs{margin-top:0}.me .membership{width:100%}.me__connection-guide{gap:var(--space-4);padding:var(--space-6);text-align:left;border:1px solid var(--c-border);background:var(--c-surface);display:grid}.me__connection-guide h2{font:var(--text-lg) var(--font-pixel);color:var(--c-cyan);margin:0}.me__connection-guide ol{gap:var(--space-6);padding-left:var(--space-6);margin:0;display:grid}}.connect,.connect__card{gap:var(--space-3);justify-items:center;min-width:0;display:grid}.connect__lead{color:var(--c-text-dim);text-align:center;margin:0}.connect__lead b{color:var(--c-text)}.connect__lead small{font-size:var(--text-sm)}.connect__code{font-family:var(--font-pixel);font-size:var(--text-xl);letter-spacing:.15em;color:var(--c-cyan)}.connect__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.connect__cta,.connect__ghost,.me__ghost,.me__danger{min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font:inherit;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-expo);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.connect__cta{border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 0 var(--space-3) var(--c-accent-glow)}.me-page>.section{animation:me-arrive var(--dur-normal) var(--ease-out-expo) both}.me-page .reveal{opacity:1;animation:none;transform:none}@keyframes me-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.membership{aspect-ratio:1.586;justify-content:space-between;gap:var(--space-3);border:2px solid var(--c-cyan);border-radius:var(--radius);background:linear-gradient(125deg, var(--c-surface) 12%, color-mix(in srgb, var(--c-cyan) 12%, var(--c-surface)) 40%, color-mix(in srgb, var(--c-accent) 15%, var(--c-surface)) 70%, var(--c-surface) 100%);width:min(100%,620px);min-width:0;box-shadow:0 0 28px color-mix(in srgb, var(--c-cyan-glow) 35%, transparent);text-align:left;flex-direction:column;margin-inline:auto;padding:clamp(1rem,4vw,2rem);display:flex}.membership__top,.membership__bottom{justify-content:space-between;gap:var(--space-3);align-items:center;min-width:0;display:flex}.membership__brand{font-family:var(--font-pixel);letter-spacing:.12em;font-size:clamp(.85rem,2.6vw,1.1rem);line-height:1.6}.membership__star{font-family:var(--font-pixel);color:var(--c-cyan);font-size:clamp(2rem,7vw,4rem);line-height:1}.membership__identity{gap:var(--space-1);min-width:0;display:grid}.membership__name{font-family:var(--font-pixel);overflow-wrap:anywhere;font-size:clamp(1.35rem,4.5vw,2.5rem);line-height:1.3}.membership__id{color:var(--c-text-dim);font-size:var(--text-sm);overflow-wrap:anywhere}.membership__bottom{flex-wrap:wrap;align-items:end}.membership__rank{color:var(--c-cyan);font-size:var(--text-sm);overflow-wrap:anywhere}.membership__retry{min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-cyan);font:inherit;cursor:pointer;display:block}.membership__wallet{text-align:right;min-width:0;margin-left:auto;display:grid}.membership__label{color:var(--c-text-dim);font-size:var(--text-xs)}.membership__serial{color:var(--c-cyan);font-family:var(--font-pixel)}.membership .wallet-chip__num{color:var(--c-accent);overflow-wrap:anywhere;max-width:100%;height:1.6em}.membership--preview .membership__name{color:var(--c-cyan);font-size:clamp(2.5rem,8vw,4.5rem)}.me__benefits{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.me__benefits>div{gap:var(--space-3);padding:var(--space-4) var(--space-2);border:1px solid var(--c-border);background:var(--c-surface);align-content:start;justify-items:center;display:grid}.me__benefits span{font-family:var(--font-pixel);color:var(--c-cyan);font-size:var(--text-xl)}.me__benefits strong{font-size:var(--text-sm);word-break:keep-all;font-weight:500}.me__lead{max-width:50ch;font-size:var(--text-sm);margin-inline:auto;line-height:1.8}.me--guest .connect__cta{background:var(--c-accent);min-width:min(100%,280px);min-height:56px;color:var(--c-surface);font-family:var(--font-pixel);font-weight:700}.me__tabs{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.me__tabs button{border:2px solid var(--c-border);background:var(--c-surface);min-height:48px;color:var(--c-text-dim);font-family:var(--font-pixel);font-size:var(--text-base);cursor:pointer}.me__tabs button[aria-pressed=true]{color:var(--c-cyan);border-color:var(--c-cyan);box-shadow:inset 0 -3px var(--c-cyan)}.me__receipt{padding:var(--space-6);background:var(--c-surface);border-block:2px dashed var(--c-border-strong);min-width:0}.me__receipt-head{text-align:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px dashed var(--c-border-strong);display:grid}.me__receipt-head>span,.me__receipt-end{color:var(--c-text-dim);font-family:var(--font-pixel);font-size:var(--text-xs);letter-spacing:.12em}.me__receipt .me__section{font-family:var(--font-pixel);font-size:var(--text-base)}.me__receipt .me__empty{padding-block:var(--space-6);text-align:center}.me__receipt-end{margin:var(--space-6) 0 0;text-align:center}.me__reason{gap:var(--space-2);align-items:baseline;display:flex}.me__reason-icon{font-family:var(--font-pixel);width:1.5em;color:var(--c-cyan);text-align:center;flex-shrink:0}.me__actions .me__ghost,.me__actions .me__danger{font-size:var(--text-xs);color:var(--c-text-dim);background:0 0;border-color:#0000}.me__actions .me__danger{color:var(--c-accent)}:where(.connect,.me) :where(button,a):hover{box-shadow:0 0 16px var(--c-cyan-glow)}@media (max-width:480px){.membership{padding:var(--space-3);gap:var(--space-1)}.membership__brand{font-size:.75rem;line-height:1.4}.membership__bottom{gap:var(--space-2);flex-wrap:nowrap}.membership__rank{max-width:45%}.me__receipt{padding:var(--space-4)}.me__benefits{gap:var(--space-2)}}.me__danger{border-color:var(--c-accent);color:var(--c-accent)}:where(.connect,.me) :where(button,a):hover{transform:translateY(-2px)}:where(.connect,.me) button:disabled{opacity:.5;cursor:default;transform:none}:where(.connect,.me) :where(button,a):focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}.connect__msg,.me__msg{min-height:1.5em;color:var(--c-text-dim);font-size:var(--text-sm);text-align:center;margin:0}@media (prefers-reduced-motion:reduce){.me-page>.section{animation:none}.connect__cta,.connect__ghost,.me__ghost,.me__danger{transition:none}:where(.connect,.me) :where(button,a):hover{transform:none}}