.gsp-club-app-page{
  width:100%;
  min-height:100vh;
  background:var(--gsp-color-background-alt, #f7f7f4);
}

.gsp-club-app-frame{
  width:100%;
  max-width:420px;
  min-height:100vh;
  margin:0 auto;
  overflow-x:hidden;
}

#gsp-club-app-root,
[data-gsp-club-app-root]{
  width:100%;
  min-height:100vh;
  padding:var(--gsp-space-4, 16px) var(--gsp-space-3, 12px) var(--gsp-space-3, 12px);
  background:var(--gsp-color-surface, #ffffff);
  box-sizing:border-box;
  overflow-x:hidden;
  color:var(--gsp-color-text-primary, #222222);
  font-family:var(--gsp-font-family-base, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}
#gsp-club-app-root, #gsp-club-app-root *,
[data-gsp-club-app-root], [data-gsp-club-app-root] *{box-sizing:border-box}
.gsp-club-app__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gsp-space-3,12px);gap:var(--gsp-space-2,8px)}
.gsp-club-app__header-brand{display:flex;align-items:center;gap:var(--gsp-space-2,8px);min-width:0}
.gsp-club-app__header-logo{width:36px;height:36px;object-fit:contain;border-radius:var(--gsp-radius-md,12px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);background:var(--gsp-color-surface,#fff)}
.gsp-club-app__header-logo-fallback{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--gsp-radius-md,12px);background:var(--gsp-color-primary-soft,#e7f1e2);color:var(--gsp-color-primary-active,#3f7432);font-weight:var(--gsp-font-weight-semibold,600)}
.gsp-club-app__title{font-family:var(--gsp-font-family-heading, var(--gsp-font-family-base, Inter, sans-serif));font-size:var(--gsp-font-size-xl,22px);line-height:var(--gsp-line-height-tight,1.2);margin:0}
.gsp-club-app__header-profile{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-pill,999px);background:var(--gsp-color-surface-muted,#f3f4ef);color:var(--gsp-color-text-primary,#222);font-size:var(--gsp-font-size-sm,14px);font-weight:var(--gsp-font-weight-semibold,600);letter-spacing:.02em;text-transform:uppercase}
.gsp-club-app__header-profile-initials{line-height:1}
.gsp-club-app__header-profile-icon{width:18px;height:18px;display:block;fill:currentColor}
.gsp-club-app__card{background:var(--gsp-color-surface,#fff);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-lg,16px);padding:var(--gsp-space-4,16px);box-shadow:var(--gsp-shadow-sm,0 1px 2px rgba(0,0,0,.06));margin-bottom:var(--gsp-space-3,12px);overflow:hidden}
.gsp-club-app__field{display:block;margin-bottom:var(--gsp-space-3,12px)}
.gsp-club-app__field span{display:block;font-size:var(--gsp-font-size-sm,14px);line-height:var(--gsp-line-height-normal,1.4);margin-bottom:var(--gsp-space-1,4px);color:var(--gsp-color-text-secondary,#666666)}
.gsp-club-app__field input,.gsp-club-app__field select{width:100%;min-height:var(--gsp-touch-min,56px);padding:0 var(--gsp-space-3,12px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-md,12px);font-size:var(--gsp-font-size-md,16px);background:var(--gsp-color-surface,#fff);color:var(--gsp-color-text-primary,#222222)}
.gsp-club-app__field textarea,.gsp-club-app__textarea{width:100%;min-height:110px;padding:var(--gsp-space-2,8px) var(--gsp-space-3,12px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-md,12px);font-size:var(--gsp-font-size-md,16px);background:var(--gsp-color-surface,#fff);color:var(--gsp-color-text-primary,#222222)}
.gsp-club-app__consent{display:flex;gap:var(--gsp-space-2,8px);align-items:flex-start;margin:var(--gsp-space-2,8px) 0 var(--gsp-space-3,12px);cursor:pointer;padding:var(--gsp-space-1,4px);border-radius:var(--gsp-radius-sm,8px)}
.gsp-club-app__consent input{width:22px;height:22px;flex:0 0 22px;margin-top:2px}
.gsp-club-app__consent span{font-size:var(--gsp-font-size-sm,14px);line-height:var(--gsp-line-height-normal,1.4);color:var(--gsp-color-text-secondary,#666666)}
.gsp-club-app__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--gsp-touch-min,56px);background:var(--gsp-color-primary,#5e9f4d);color:var(--gsp-color-white,#fff);border:var(--gsp-border-thin,1px) solid var(--gsp-color-primary,#5e9f4d);border-radius:var(--gsp-radius-md,12px);padding:0 var(--gsp-space-4,16px);font-size:var(--gsp-font-size-md,16px);font-weight:var(--gsp-font-weight-semibold,600);text-align:center;text-decoration:none}
.gsp-club-app__btn--secondary{background:var(--gsp-color-surface,#fff);color:var(--gsp-color-text-primary,#222);border-color:var(--gsp-color-border,#e5e5e5)}
.gsp-club-app__btn:disabled{background:var(--gsp-color-surface-muted,#f3f4ef);border-color:var(--gsp-color-border,#e5e5e5);color:var(--gsp-color-text-muted,#8a8a8a)}
.gsp-club-app__link{background:transparent;border:0;color:var(--gsp-color-primary-active,#3f7432);padding:var(--gsp-space-2,8px) 0;font-size:var(--gsp-font-size-sm,14px)}
.gsp-club-app__error{color:var(--gsp-color-danger-text,#7f2f2f);background:var(--gsp-color-danger-soft,#f6dede);padding:var(--gsp-space-3,12px);border-radius:var(--gsp-radius-md,12px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-danger,#c94a4a)}
.gsp-club-app__tabs{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gsp-space-2,8px);background:var(--gsp-color-surface,#fff);padding-top:var(--gsp-space-2,8px);padding-bottom:max(var(--gsp-space-2,8px), env(safe-area-inset-bottom));border-top:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5)}
.gsp-club-app__tab{border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#d6d6d6);background:var(--gsp-color-surface-muted,#f3f4ef);border-radius:var(--gsp-radius-pill,999px);padding:var(--gsp-space-2,8px) var(--gsp-space-1,4px);font-size:var(--gsp-font-size-sm,14px);color:var(--gsp-color-text-secondary,#666666);min-height:calc(var(--gsp-touch-min,56px) * .8)}
.gsp-club-app__tab.is-active{border-color:var(--gsp-color-primary,#5e9f4d);color:var(--gsp-color-primary-active,#3f7432);background:var(--gsp-color-primary-soft,#e7f1e2);font-weight:var(--gsp-font-weight-semibold,600)}
.gsp-club-app__list{display:grid;gap:var(--gsp-space-3,12px)}
.gsp-club-app__reward-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--gsp-space-3,12px);align-items:start}
.gsp-club-app__reward-media{width:88px}
.gsp-club-app__reward-image{display:block;width:88px;max-width:100%;height:88px;object-fit:cover;border-radius:var(--gsp-radius-md,12px);margin:0}
.gsp-club-app__reward-image--fallback{background:var(--gsp-color-surface-muted,#f3f4ef);min-height:72px}
.gsp-club-app__reward-body{min-width:0}
.gsp-club-app__reward-title{margin:0 0 var(--gsp-space-1,4px);font-size:var(--gsp-font-size-md,16px);line-height:var(--gsp-line-height-tight,1.2)}
.gsp-club-app__reward-desc{margin:0 0 var(--gsp-space-2,8px);font-size:var(--gsp-font-size-sm,14px);line-height:var(--gsp-line-height-normal,1.4);color:var(--gsp-color-text-secondary,#666);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gsp-club-app__reward-btn{min-height:44px;font-size:var(--gsp-font-size-sm,14px);margin-top:var(--gsp-space-1,4px)}
.gsp-club-app__reward-card--clickable{cursor:pointer}
.gsp-club-app__reward-detail{display:grid;gap:var(--gsp-space-2,8px)}
.gsp-club-app__reward-back{width:auto;min-height:44px}
.gsp-club-app__reward-detail-hero{padding:0}
.gsp-club-app__reward-detail-image{display:block;width:100%;max-width:100%;height:220px;object-fit:cover;border-radius:var(--gsp-radius-lg,16px)}
.gsp-club-app__voucher-view{text-align:center}
.gsp-club-app__voucher-image{display:block;width:100%;max-width:100%;height:180px;object-fit:cover;border-radius:var(--gsp-radius-md,12px);margin-bottom:var(--gsp-space-2,8px)}
.gsp-club-app__voucher-countdown{margin:var(--gsp-space-2,8px) 0;font-family:var(--gsp-font-family-heading,var(--gsp-font-family-base,Inter,sans-serif));font-size:var(--gsp-font-size-xl,22px);line-height:var(--gsp-line-height-tight,1.2);color:var(--gsp-color-primary,#5e9f4d)}
.gsp-club-app__modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;padding:var(--gsp-space-3,12px);z-index:1000}
.gsp-club-app__modal{width:100%;max-width:420px;background:var(--gsp-color-surface,#fff);border-radius:var(--gsp-radius-lg,16px);padding:var(--gsp-space-4,16px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5)}
.gsp-club-app__member-name{font-weight:700;margin:0 0 8px}
.gsp-club-app__member-panel{text-align:center}
.gsp-club-app__avatar{display:flex;align-items:center;justify-content:center;margin:0 auto var(--gsp-space-2,8px);width:74px;height:74px;border-radius:999px;background:var(--gsp-color-primary-soft,#e7f1e2);color:var(--gsp-color-primary-active,#3f7432);font-weight:var(--gsp-font-weight-bold,700);font-size:var(--gsp-font-size-lg,18px)}
.gsp-club-app__points-main{font-family:var(--gsp-font-family-heading,var(--gsp-font-family-base,Inter,sans-serif));font-size:var(--gsp-font-size-2xl,28px);line-height:var(--gsp-line-height-tight,1.2);margin:0 0 var(--gsp-space-3,12px)}
.gsp-club-app__stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gsp-space-2,8px);margin-bottom:var(--gsp-space-3,12px)}
.gsp-club-app__stat{border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-md,12px);background:var(--gsp-color-surface-muted,#f3f4ef);padding:var(--gsp-space-2,8px)}
.gsp-club-app__stat span{display:block;font-size:var(--gsp-font-size-sm,14px);color:var(--gsp-color-text-secondary,#666)}
.gsp-club-app__stat strong{display:block;font-family:var(--gsp-font-family-heading,var(--gsp-font-family-base,Inter,sans-serif));font-size:var(--gsp-font-size-md,16px);color:var(--gsp-color-text-primary,#222)}
.gsp-club-app__actions-grid{display:grid;grid-template-columns:1fr;gap:var(--gsp-space-2,8px);margin-top:var(--gsp-space-2,8px)}
.gsp-club-app__collect-compact{padding:var(--gsp-space-3,12px)}
.gsp-club-app__points-compact{margin:0;text-align:center;font-size:var(--gsp-font-size-sm,14px);line-height:var(--gsp-line-height-normal,1.4);color:var(--gsp-color-text-secondary,#666666)}
.gsp-club-app__section-title{font-family:var(--gsp-font-family-heading, var(--gsp-font-family-base, Inter, sans-serif));font-size:var(--gsp-font-size-lg,18px);line-height:var(--gsp-line-height-tight,1.2);margin:var(--gsp-space-2,8px) var(--gsp-space-1,4px)}
.gsp-club-app__progress{height:10px;border-radius:var(--gsp-radius-pill,999px);background:var(--gsp-color-surface-muted,#f3f4ef);overflow:hidden;margin:var(--gsp-space-2,8px) 0}
.gsp-club-app__progress-fill{height:100%;background:var(--gsp-color-primary,#5e9f4d)}
.gsp-club-app__meta{margin:var(--gsp-space-1,4px) 0;font-size:var(--gsp-font-size-sm,14px);color:var(--gsp-color-text-secondary,#666666)}
.gsp-club-app__hint{margin:var(--gsp-space-2,8px) 0 0;color:var(--gsp-color-text-secondary,#666666);font-size:var(--gsp-font-size-sm,14px)}
.gsp-club-app__stars{display:flex;gap:var(--gsp-space-1,4px);margin-bottom:var(--gsp-space-2,8px)}
.gsp-club-app__star{min-width:44px;min-height:44px;border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);border-radius:var(--gsp-radius-md,12px);background:var(--gsp-color-surface,#fff);color:var(--gsp-color-text-muted,#8a8a8a);font-size:var(--gsp-font-size-lg,18px)}
.gsp-club-app__star.is-active{border-color:var(--gsp-color-primary,#5e9f4d);color:var(--gsp-color-primary,#5e9f4d);background:var(--gsp-color-primary-soft,#e7f1e2)}
.gsp-club-app__review-result{text-align:center}
.gsp-club-app__review-emoji{font-size:48px;line-height:1;margin-bottom:var(--gsp-space-2,8px)}
.gsp-club-app__review-image-preview{display:grid;gap:var(--gsp-space-2,8px);margin-bottom:var(--gsp-space-3,12px)}
.gsp-club-app__review-image-preview img{display:block;width:100%;max-width:220px;max-height:220px;object-fit:cover;border-radius:var(--gsp-radius-md,12px);border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5)}
.gsp-club-app__logout-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.gsp-club-app__event-card .gsp-club-app__section-title{margin-top:0}
.gsp-club-app__event-image{display:block;width:100%;max-width:100%;height:150px;object-fit:cover;border-radius:var(--gsp-radius-md,12px);margin:var(--gsp-space-2,8px) 0}

@media (min-width: 768px){
  .gsp-club-app-frame{
    margin:16px auto;
    border-radius:22px;
    box-shadow:var(--gsp-shadow-lg, 0 8px 24px rgba(0,0,0,.1));
    border:var(--gsp-border-thin,1px) solid var(--gsp-color-border,#e5e5e5);
    background:var(--gsp-color-surface,#fff);
    min-height:calc(100vh - 32px);
  }
  #gsp-club-app-root,
  [data-gsp-club-app-root]{
    border-radius:22px;
  }
}

@media (max-width: 767px){
  .gsp-club-app-page{
    background:var(--gsp-color-surface,#fff);
  }
  .gsp-club-app-frame{
    max-width:none;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    min-height:100vh;
  }
  #gsp-club-app-root,
  [data-gsp-club-app-root]{
    padding:var(--gsp-space-3,12px) var(--gsp-space-3,12px) var(--gsp-space-2,8px);
  }
  .gsp-club-app__card{
    box-shadow:none;
  }
  .gsp-club-app__reward-card{grid-template-columns:72px minmax(0,1fr);gap:var(--gsp-space-2,8px)}
  .gsp-club-app__reward-media{width:72px}
  .gsp-club-app__reward-image{width:72px;height:72px}
  .gsp-club-app__reward-detail-image{height:180px}
  .gsp-club-app__modal-backdrop{align-items:flex-end;padding:var(--gsp-space-2,8px)}
}