body:has(.waitlist-page:not([hidden])) { background: #101112; }
.wl-program, .wl-qualification, .wl-ranking { padding: 36px max(32px, calc((100% - 1180px) / 2)); border-top: 1px solid #303630; }
.wl-program-heading, .wl-ranking-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.wl-program-heading h2, .wl-qualification h2, .wl-ranking h2 { margin: 12px 0; }
.wl-program-heading p, .wl-rule { color: #9da79a; font-size: 12px; line-height: 1.8; max-width: 780px; }
.wl-program-heading .waitlist-text-link { margin-top: 28px; flex-shrink: 0; }
.wl-scoreboard, .wl-referral-stats { display: grid; grid-template-columns: 1fr 1fr 1.5fr 1.2fr; gap: 24px; margin: 28px 0 22px; padding: 24px 0; border-block: 1px solid #303630; }
.wl-scoreboard dt, .wl-referral-stats dt { color: #9da79a; font-size: 12px; margin-bottom: 12px; }
.wl-scoreboard dd, .wl-referral-stats dd { margin: 0; font-size: 23px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.wl-scoreboard div:first-child dd { color: #d6f652; }
.wl-scoreboard { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.2fr); }
.wl-admin-x { min-width: 180px; max-width: 240px; white-space: normal !important; overflow-wrap: anywhere; }
.wl-admin-x a { color: #d6f652; }
.wl-admin-x small { display: block; margin-top: 6px; color: #a0aaa0; font-size: 11px; line-height: 1.5; }
#wlNextRelease { font-size: 16px; padding-top: 5px; }
.wl-steps { list-style: none; padding: 0; margin: 22px 0 0; }
.wl-steps > li { display: grid; grid-template-columns: 35px minmax(0,1fr) auto; gap: 20px; padding: 26px 0; border-bottom: 1px solid #303630; align-items: start; }
.wl-step-number { color: #d6f652; font-size: 13px; padding-top: 5px; }
.wl-steps h3 { margin: 0 0 10px; font-size: 16px; font-weight: 600; }
.wl-steps p { margin: 0 0 16px; font-size: 12px; line-height: 1.8; color: #a0aaa0; }
.wl-steps blockquote { margin: 18px 0 0; padding: 0 0 0 18px; border-left: 2px solid #4b5b36; white-space: pre-line; font-size: 13px; line-height: 1.8; color: #d7e0d1; overflow-wrap: anywhere; }
.wl-steps button, .wl-invite-link button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 14px; border: 1px solid #4b5844; border-radius: 4px; background: #222923; color: #d9e6ce; font-size: 12px; white-space: nowrap; }
.wl-steps button:hover:not(:disabled), .wl-invite-link button:hover { border-color: #d6f652; color: #d6f652; }
.wl-post-action { display: grid; justify-items: start; gap: 12px; width: 160px; max-width: 100%; min-width: 0; }
#wlComposePost[data-guided="true"] { outline: 2px solid #d6f652; outline-offset: 5px; }
.wl-post-guide { display: flex; align-items: center; gap: 7px; max-width: 190px; color: #d6f652; font-size: 12px; line-height: 1.5; }
.wl-post-guide img { width: 18px; height: 18px; flex-shrink: 0; transform: rotate(-90deg); filter: brightness(0) saturate(100%) invert(91%) sepia(60%) saturate(630%) hue-rotate(26deg); }
.wl-post-guide > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.wl-post-action:focus { outline: none; }
.waitlist-search select { width: auto; flex: 0 1 210px; min-width: 0; min-height: 36px; border: 1px solid #475146; border-radius: 4px; background: #1a1f1b; color: #edf4ea; padding: 8px 12px; }
.wl-admin-wallet { font-family: ui-monospace, monospace; font-size: 12px; overflow-wrap: anywhere; }
.waitlist-table-scroll .wl-admin-wallet { white-space: normal; min-width: 160px; max-width: 210px; }
.wl-admin-invitees { padding: 28px 0; border-top: 1px solid #303630; margin-top: 28px; scroll-margin-top: 130px; }
.wl-admin-invitees h3 { font-size: 20px; }
.wl-admin-invitees > p { color: #a0aaa0; font-size: 13px; line-height: 1.6; }
@media(max-width:760px) { .wl-steps > li > .wl-post-action { grid-column: 2; } .waitlist-search select { max-width: 100%; } }
.wl-steps button img { width: 16px; height: 16px; filter: invert(1); }
.wl-steps label, .wl-referrals label { display: block; font-size: 12px; color: #afb7a9; margin: 16px 0 9px; }
.wl-post-input, .wl-invite-link { display: flex; align-items: stretch; gap: 10px; }
.wl-post-input input, .wl-invite-link input { width: 100%; min-width: 0; padding: 11px 12px; background: #191d19; border: 1px solid #424c3e; border-radius: 4px; color: #edf2e7; font-size: 13px; }
.wl-post-input input.invalid { border-color: #ff6b6b; }
.wl-steps #wlPostFeedback { margin-top: 12px; }
[data-error="true"] { color: #ff9f9f !important; }
.wl-verified { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-size: 13px; color: #b8df91; margin: 22px 0 0; }
.wl-verified a { text-decoration: underline; text-underline-offset: 3px; }
.wl-ranking-heading { align-items: center; }
.waitlist-admin > .wl-ranking { padding: 0 0 24px; margin-bottom: 28px; border-top: 0; border-bottom: 1px solid #303630; }
.wl-ranking-heading > span { color: #a4afa0; font-size: 12px; line-height: 1.8; }
.wl-ranking .waitlist-table-scroll { margin-top: 8px; }
.wl-ranking tbody td:last-child { color: #d6f652; }
.wl-referrals { border-top: 1px solid var(--line); margin-top: 34px; padding-top: 30px; min-width: 0; }
.wl-referrals h2 { margin: 7px 0 0; font-size: 22px; line-height: 1.4; }
.wl-referrals .wl-rule { max-width: 900px; }
.wl-referral-locked { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 20px 0; border-top: 1px solid var(--line); font-size: 13px; color: #b4bfb0; }
.wl-referral-locked img { width: 18px; height: 18px; filter: invert(1); }
.wl-referral-locked p { margin: 0; }
.wl-referral-locked a { margin-left: auto; color: #d6f652; text-decoration: underline; text-underline-offset: 4px; }
.wl-referral-stats { grid-template-columns: repeat(4,minmax(0,1fr)); border-color: var(--line); }
.wl-referrals table { width: 100%; border-collapse: collapse; font-size: 12px; }
.wl-referrals th, .wl-referrals td { text-align: left; padding: 14px 12px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.wl-referrals th { color: #a5b09e; font-weight: 500; }
.wl-referrals .waitlist-pagination button { width: auto; padding: 8px 12px; color: #d5e3ca; background: #222923; border: 1px solid #424c3e; border-radius: 4px; }
#wlReferralStatus, #wlInviteFeedback { color: #9da79a; font-size: 12px; line-height: 1.8; }
@media(max-width:760px) {
  .wl-program, .wl-qualification, .wl-ranking { padding: 28px 20px; }
  .wl-program-heading, .wl-ranking-heading { flex-direction: column; gap: 12px; align-items: flex-start; }
  .wl-program-heading .waitlist-text-link { margin-top: 0; }
  .wl-scoreboard, .wl-referral-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  .wl-scoreboard dd, .wl-referral-stats dd { font-size: 21px; }
  .wl-steps > li { grid-template-columns: 24px minmax(0,1fr); gap: 12px; }
  .wl-steps > li > button { grid-column: 2; justify-self: start; }
  .wl-steps h3 { font-size: 15px; }
  .wl-post-input { flex-wrap: wrap; }
  .wl-post-input input { flex-basis: 100%; }
  .wl-referral-locked a { margin-left: 0; }
  .wl-invite-link { flex-wrap: wrap; }
  .wl-invite-link input { flex-basis: 100%; }
}
body:has(.waitlist-page:not([hidden])) main { max-width: none; padding: 0; }
.waitlist-page { --wl-accent: #d6f652; --wl-muted: #a0a5a1; color: #f2f4ef; background: #101112; letter-spacing: 0; }
.waitlist-page button, .waitlist-page input { border-radius: 4px; letter-spacing: 0; }
.waitlist-preview { padding: 10px 32px; background: #233034; color: #aee8f3; font-size: 11px; border-bottom: 1px solid #3b4f51; }
.waitlist-preview span { margin-left: 16px; color: #b9c6c7; }
.waitlist-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 380px; padding: 64px max(32px, calc((100% - 1180px) / 2)); border-bottom: 1px solid #333633; background: #141615; }
.waitlist-mark { position: absolute; width: 280px; height: 280px; object-fit: contain; top: 50px; right: max(42px, calc((100% - 1100px) / 2)); z-index: -1; }
.waitlist-hero-copy { max-width: 660px; padding-right: 40px; }
.wl-application-status { color: #c7f368; font-size: 13px; line-height: 1.6; margin: 12px 0 0; overflow-wrap: anywhere; }
#wlQualificationTitle { scroll-margin-top: 100px; }
@media (max-width: 680px) { #wlQualificationTitle { scroll-margin-top: 140px; } }
.waitlist-eyebrow { display: flex; align-items: center; gap: 9px; color: var(--wl-accent); font-size: 11px; font-weight: 600; }
.waitlist-eyebrow > span { width: 6px; height: 6px; background: var(--wl-accent); }
.waitlist-page h1 { font-size: 60px; line-height: 1.05; margin: 24px 0 14px; font-weight: 600; letter-spacing: 0; }
.waitlist-tagline { font-size: 22px; line-height: 1.4; margin: 0 0 16px; }
.waitlist-intro { font-size: 14px; line-height: 1.7; color: var(--wl-muted); margin: 0; max-width: 450px; }
.waitlist-hero-actions { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 28px; }
.waitlist-text-link, .waitlist-bottom a { display: inline-flex; align-items: center; gap: 7px; color: #d5dcd4; font-size: 12px; text-decoration: none; }
.waitlist-page img:not(.waitlist-mark) { width: 16px; height: 16px; flex: none; filter: invert(1); }
.waitlist-registration { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,430px); gap: 32px 70px; padding: 40px max(32px, calc((100% - 1180px) / 2)); }
.waitlist-page h2 { font-size: 26px; margin: 12px 0; line-height: 1.2; }
.waitlist-registration-copy p { color: var(--wl-muted); font-size: 13px; line-height: 1.7; }
.waitlist-registration-copy .waitlist-wallet { color: #d0d9d0; font-family: ui-monospace, monospace; font-size: 12px; overflow-wrap: anywhere; }
.waitlist-registration-action { align-self: start; display: grid; grid-template-columns: 1fr; gap: 10px; }
.waitlist-join, .waitlist-connect { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; font-size: 14px; font-weight: 600; }
.waitlist-join { background: var(--wl-accent); color: #172009; }
.waitlist-page .waitlist-join img { filter: brightness(0); }
.waitlist-connect { background: transparent; color: #c8d1c7; border: 1px solid #454d43; }
.waitlist-registration-action p { margin: 0; font-size: 12px; line-height: 1.6; color: #b1bab0; }
.waitlist-registration-action .waitlist-disclaimer { font-size: 11px; color: #7f8980; }
.waitlist-page [data-error=true] { color: #ff9a9a; }
.waitlist-receipt { grid-column: 1 / -1; display: flex; gap: 50px; margin: 0; padding-top: 24px; border-top: 1px solid #303630; }
.waitlist-receipt dt { font-size: 11px; color: var(--wl-muted); }
.waitlist-receipt dd { font-size: 13px; margin: 9px 0 0; color: #d5ef9e; }
.waitlist-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 36px; padding: 20px max(32px, calc((100% - 1180px) / 2)); border-block: 1px solid #303630; font-size: 12px; color: #a0aaa0; }
.waitlist-bottom > span { display: flex; align-items: center; gap: 8px; }
.waitlist-bottom > a { margin-left: auto; }
.waitlist-admin { padding: 36px max(32px, calc((100% - 1180px) / 2)); }
.waitlist-admin-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.waitlist-admin-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.waitlist-admin button { background: #222923; border: 1px solid #465346; color: #d8e7ce; min-height: 36px; padding: 8px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; }
.waitlist-search { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 20px 0 12px; }
.waitlist-search label { font-size: 12px; color: var(--wl-muted); }
.waitlist-search input { width: min(100%,400px); min-width: 0; border: 1px solid #475146; background: #1a1f1b; color: #edf4ea; padding: 9px 12px; font-size: 13px; }
#waitlistAdminFeedback { color: var(--wl-muted); font-size: 12px; }
.waitlist-table-scroll { max-width: 100%; overflow: auto; margin-top: 20px; }
.waitlist-table-scroll table { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }
.waitlist-table-scroll th, .waitlist-table-scroll td { padding: 14px 12px; border-bottom: 1px solid #323b32; white-space: nowrap; }
.waitlist-table-scroll th { font-size: 11px; font-weight: 500; color: var(--wl-muted); }
.waitlist-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin-top: 18px; font-size: 12px; }
.waitlist-pagination button { width: 36px; padding: 0; }
.waitlist-page :focus-visible { outline: 2px solid var(--wl-accent); outline-offset: 4px; }
@media(max-width:1000px) { .waitlist-mark { width: 220px; height: 220px; right: 32px; top: 70px; } .waitlist-hero-copy { max-width: 65%; } .waitlist-page h1 { font-size: 48px; } .waitlist-registration { gap: 32px; } }
@media(max-width:650px) { .waitlist-preview { padding: 10px 20px; } .waitlist-preview span { display: block; margin: 4px 0 0; } .waitlist-hero { padding: 32px 20px; min-height: 390px; } .waitlist-mark { width: 100px; height: 100px; right: 20px; top: 28px; } .waitlist-hero-copy { max-width: none; padding-right: 0; } .waitlist-hero-copy > .waitlist-eyebrow { max-width: calc(100% - 120px); line-height: 1.6; min-height: 70px; } .waitlist-page h1 { font-size: 40px; margin-top: 24px; } .waitlist-tagline { font-size: 19px; max-width: 330px; } .waitlist-hero-actions { gap: 16px 24px; margin-top: 20px; } .waitlist-registration { grid-template-columns: minmax(0,1fr); padding: 28px 20px; gap: 16px; } .waitlist-page h2 { font-size: 23px; } .waitlist-receipt { gap: 24px; flex-wrap: wrap; } .waitlist-bottom { padding: 20px; gap: 16px; } .waitlist-bottom > a { margin-left: 0; } .waitlist-admin { padding: 30px 20px; } .waitlist-admin-heading { align-items: flex-start; flex-direction: column; gap: 12px; } }