@import url('./src/styles.css?v=v.1.0.1-home');
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid transparent}input,select{padding:10px 14px;border:1px solid var(--factory-border)}header{display:flex;align-items:center}nav{display:flex;flex:1}a.brand{display:flex;align-items:center;font-weight:700;white-space:nowrap}.brandmark{display:grid;place-items:center}footer{display:flex;align-items:center;border-top:1px solid var(--factory-border)}p{line-height:1.8}.skip{position:absolute;left:18px;top:-100px;z-index:30}.skip:focus{top:10px;padding:10px;background:#fff;color:#111}.demo-notice{position:sticky;top:0;z-index:41;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:12px;font-weight:700;line-height:1.4;text-align:center;background:#fff;color:#000;border-bottom:1px solid #e9dfd3}.theme-picker{display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}.theme-picker select{font-size:12px;max-width:130px}.theme-picker span{color:var(--factory-muted)}dialog{border:1px solid var(--factory-border);padding:28px;overscroll-behavior:contain}dialog::backdrop{background:#0009}dialog h2{font-size:24px}dialog button{margin-top:16px}.demo-about{max-width:680px;margin:45px auto;line-height:1.9}.demo-about pre{padding:20px;background:var(--factory-panel);overflow:auto}.demo-about a{text-decoration:underline}.empty{text-align:center}.filters button{display:inline-flex;align-items:center;justify-content:center}[hidden]{display:none!important}@media(max-width:767px){.theme-picker span{display:none}.theme-picker select{max-width:113px;padding:8px;font-size:11px}body.storefront[data-design] .brand{font-size:15px}.demo-notice{height:40px;min-height:40px;padding:4px 14px;text-align:center;font-size:11px;line-height:1.4}}




/* Xiaoman Redeem Navigation */
#redeem-service-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100%;
  margin: 30px 0 28px !important;
  border-bottom: 1px solid #e8e5e0;
}

#redeem-service-tabs .redeem-tab {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 58px;
  padding: 14px 8px;
  margin: 0;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #77736e !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  transform: none !important;
  transition: color .2s, border-color .2s;
}

#redeem-service-tabs .redeem-tab:hover {
  color: #292724 !important;
  background: #faf9f7 !important;
}

#redeem-service-tabs .redeem-tab.active {
  color: #242424 !important;
  background: transparent !important;
  font-weight: 650;
  box-shadow: none !important;
}

#redeem-service-tabs [data-service="chatgpt"].active {
  border-bottom-color: #477966 !important;
}

#redeem-service-tabs [data-service="codex"].active {
  border-bottom-color: #77718e !important;
}

#redeem-service-tabs [data-service="account"].active {
  border-bottom-color: #607d91 !important;
}

#redeem-service-tabs [data-service="other"].active {
  border-bottom-color: #a38b6a !important;
}

#redeem-service-heading {
  margin: 0 0 24px !important;
}

#redeem-service-heading h2 {
  font-size: 24px;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

@media (max-width: 600px) {
  #redeem-service-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #redeem-service-tabs .redeem-tab {
    font-size: 13px;
    min-height: 52px;
    padding: 12px 5px;
  }
}