:root{--color-canvas: #0A0A0A;--color-surface: #141414;--color-surface-raised: #262626;--color-primary: #FFE500;--color-primary-pressed: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: #B4B4B4;--color-divider: #262626;--color-success: #9A9A9A;--color-warning: #B4B4B4;--color-danger: #EF6461;--color-info: #B4B4B4;--color-text-tertiary: #9A9A9A;--color-text-disabled: #9A9A9A;--color-text-on-primary: #0A0A0A;--color-selected-surface: #141414;--color-control-border: #9A9A9A;--color-focus: #FFE500;--color-overlay: #0A0A0AD9;--color-success-surface: #141414;--color-warning-surface: #141414;--color-danger-surface: #141414;--color-info-surface: #141414;--color-skeleton-base: #262626;--color-skeleton-highlight: #383838;--color-zone-exit: #FF4D2E;--color-on-zone-exit: #0A0A0A;--color-zone1: #1C1C1C;--color-zone2: #FFE500;--color-zone3: #232323;--color-zone4: #2E2E2E;--color-zone5: #2E2E2E;--space-1: 8px;--space-2: 8px;--space-3: 16px;--space-4: 16px;--space-5: 24px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-16: 64px;--space-24: 96px;--radius-control: 0px;--radius-card: 0px;--radius-sheet: 0px;--radius-pill: 0px;--size-minimum-touch-target: 44px;--size-primary-control-height: 56px;--size-screen-gutter: 24px;--size-row-min-height: 56px;--size-multiline-row-min-height: 64px;--size-icon-small: 16px;--size-icon: 20px;--size-icon-large: 24px;--size-icon-stroke: 1.6px;--size-avatar: 40px;--size-profile-avatar: 56px;--size-tab-bar-content-height: 64px;--size-primary-image-min-height: 180px;--size-primary-image-max-height: 240px;--size-header-content-height: 52px;--size-primary-image-height: 200px;--type-display: 72px;--leading-display: .92;--tracking-display: -2.88px;--type-heading: 22px;--leading-heading: 1.3;--tracking-heading: -.22px;--type-title: 22px;--leading-title: 1.3;--tracking-title: -.22px;--type-body-strong: 16px;--leading-body-strong: 1.6;--tracking-body-strong: 0px;--type-body: 16px;--leading-body: 1.6;--tracking-body: 0px;--type-label: 14px;--leading-label: 1.4286;--tracking-label: 0px;--type-caption: 12px;--leading-caption: 1.5;--tracking-caption: 0px;--type-overline: 12px;--leading-overline: 1.2;--tracking-overline: 2.4px;--type-race-time: 40px;--leading-race-time: .98;--tracking-race-time: -1.4px;--type-screen-title: 22px;--leading-screen-title: 1.3;--tracking-screen-title: -.22px;--type-brand-headline: 36px;--leading-brand-headline: 1.3;--tracking-brand-headline: -.9px;--font-display: "Archivo Black", "Pretendard Variable", Pretendard, sans-serif;--font-text: "Archivo", "Pretendard Variable", Pretendard, sans-serif;--motion-snap: .12s linear;--motion-async-swap: .12s linear;--motion-async-visibility-delay: .15s;--motion-pulse: 1.6s linear infinite;--motion-shimmer: 1.6s linear infinite}@font-face{font-family:Archivo;src:url(/fonts/zon2/Archivo.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo Black;src:url(/fonts/zon2/ArchivoBlack-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pretendard Variable;src:url(/fonts/zon2/PretendardVariable.ttf) format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;background:var(--color-canvas);font-family:var(--font-text);color:var(--color-text-primary);font-size:16px}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}h1:focus{outline:none}h1,h2,p{margin:0}h1{font-size:28px;font-weight:700;line-height:1.4;letter-spacing:-.7px;white-space:pre-line;word-break:keep-all}h2{font-size:18px;line-height:1.5}p{line-height:1.65;word-break:keep-all}small{display:block}.app-shell{max-width:480px;min-height:100dvh;margin:auto;border-inline:1px solid var(--color-divider)}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 24px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-divider)}.topbar>a{min-height:44px;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}.topbar img{width:128px;height:28px;object-fit:contain}main{padding:32px 24px calc(100px + env(safe-area-inset-bottom))}.page-title{margin-bottom:32px}.page-title>p:last-child:not(.eyebrow){color:var(--color-text-secondary);margin-top:16px}.eyebrow{font-family:Archivo,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.7px;color:var(--color-text-secondary);margin-bottom:16px}.tabbar{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);padding-bottom:env(safe-area-inset-bottom);background:var(--color-canvas);border:1px solid var(--color-divider);display:grid;grid-template-columns:repeat(4,1fr)}.tabbar a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-text-tertiary);font-size:11px}.tabbar a.active{color:var(--color-primary)}.primary,.secondary{width:100%;min-height:56px;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.5;border-radius:0;transition:background var(--motion-snap)}.primary{background:var(--color-primary);color:var(--color-text-on-primary);border:1px solid var(--color-primary)}.primary:not(:disabled):active{background:var(--color-primary-pressed)}.secondary{background:transparent;border:1px solid var(--color-control-border);color:var(--color-text-primary)}.club-panel{padding:24px;background:var(--color-surface);border-top:2px solid var(--color-primary)}.club-word{font-family:Archivo Black,sans-serif;font-size:clamp(26px,8vw,36px);letter-spacing:-1px;line-height:1.05;margin-top:24px}.club-rule{height:1px;background:var(--color-divider);margin:24px 0 16px}.club-panel p{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:32px 0 8px}.section-label h2{font-size:16px}.section-label span{font-family:Archivo,sans-serif;font-size:9px;color:var(--color-text-tertiary);letter-spacing:1px}.link-row{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-divider);padding:16px 0}.link-row strong{font-size:15px;font-weight:600}.link-row small{font-size:12px;line-height:1.6;color:var(--color-text-secondary);margin-top:6px}.link-row svg{flex-shrink:0;color:var(--color-text-secondary)}.empty-state{border-block:1px solid var(--color-divider);padding:32px 0;margin-bottom:32px}.empty-state p{margin-top:24px;color:var(--color-text-secondary)}.status-tag{display:inline-block;border:1px solid var(--color-control-border);padding:8px 12px;font-size:12px}.login-mark{display:flex;justify-content:center;padding:16px 0 48px}.login-mark img{width:80px;height:80px}.email-login{margin-top:24px}summary{min-height:44px;cursor:pointer;line-height:1.7;padding:10px 0;font-size:13px;color:var(--color-text-secondary)}form label:not(.check){display:block;margin:16px 0;font-size:14px}input:not([type=checkbox]),textarea{display:block;margin-top:8px;width:100%;min-height:56px;padding:12px;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:0;color:var(--color-text-primary)}.footnote{font-size:12px;color:var(--color-text-tertiary);margin-top:24px}.notice{padding:16px;margin:16px 0;background:var(--color-surface);border-left:2px solid var(--color-control-border)}.notice .secondary,.notice .primary{margin-top:16px}.status-panel{padding:24px;background:var(--color-surface);margin-bottom:24px}.status-panel p{font-size:14px;color:var(--color-text-secondary);margin:16px 0}.status-panel .eyebrow{display:block}.text-button{color:var(--color-text-secondary);min-height:44px;border:0;background:transparent;padding:8px 0;text-decoration:underline}.logout{margin-top:32px}.skeleton-group{display:grid;gap:16px;padding:24px 0}.skeleton{height:56px;background:linear-gradient(90deg,var(--color-skeleton-base),var(--color-skeleton-highlight),var(--color-skeleton-base));background-size:200% 100%;animation:shimmer var(--motion-shimmer)}@keyframes shimmer{to{background-position:-200% 0}}fieldset{border:0;padding:0;margin:0}.consent-row{border-bottom:1px solid var(--color-divider);padding:16px 0}.check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.6;cursor:pointer}.check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--color-primary)}.document{white-space:pre-wrap;font-size:13px;line-height:1.7;color:var(--color-text-secondary);overflow-wrap:anywhere}.declaration{margin-top:24px}fieldset+.primary{margin-top:32px}.skip{position:fixed;top:-100px;padding:12px;background:var(--color-primary);color:var(--color-canvas);z-index:10}.skip:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:374px){main{padding-inline:20px}.topbar{padding-inline:20px}h1{font-size:26px}.club-panel{padding:20px}}.auth-modes{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.auth-modes button{min-height:48px;background:transparent;color:var(--color-text-secondary);border:0;border-bottom:2px solid var(--color-divider)}.auth-modes button[aria-pressed=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.action-stack{display:grid;gap:16px}.back-link{display:inline-flex;align-items:center;margin-top:24px}.identity-details{border-block:1px solid var(--color-divider);padding:24px 0;margin-bottom:24px}.identity-details dl{margin:16px 0 0}.identity-details dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px}.identity-details dt{color:var(--color-text-secondary);flex-shrink:0}.identity-details dd{margin:0;overflow-wrap:anywhere;text-align:right}.workout-options{margin:24px 0}.workout-options legend{margin-bottom:12px;font-size:14px}textarea{resize:vertical;line-height:1.6}.product-list{display:grid;gap:24px}.product-option{padding:24px 0;border-block:1px solid var(--color-divider)}.product-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.product-price{margin:16px 0;font-family:Archivo,sans-serif;font-size:32px;font-weight:700}.benefits{padding-left:20px;margin:16px 0 24px;color:var(--color-text-secondary);line-height:1.8}.order-terms{margin:24px 0}.order-terms h2{margin-bottom:16px}.order-facts{font-size:13px;line-height:1.6}.order-facts div{display:flex;gap:16px;justify-content:space-between;padding:8px 0}.order-facts dt{color:var(--color-text-secondary);flex-shrink:0}.order-facts dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.payment-actions{margin:24px 0}.order-row{display:block;border-bottom:1px solid var(--color-divider);padding:24px 0}.order-row p{margin-top:12px}.order-row small{margin-top:8px;color:var(--color-text-secondary)}.declaration+.primary{margin-top:24px}.order-terms summary{min-height:44px;padding-block:12px;cursor:pointer}.event-section{padding-block:24px;border-bottom:1px solid var(--color-border-subtle, #333)}.event-section p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.event-image{width:100%;height:auto;margin-block:16px}
