:root{--twt-modal-page:#0e0c0b;--twt-modal-panel:#1b1716;--twt-modal-panel-border:#2e2724;--twt-modal-field:#241f1c;--twt-modal-hover:#2c2622;--twt-modal-text:#f3f1e7;--twt-modal-muted:#a69c8e;--twt-modal-faint:#948a7c;--twt-modal-label:#a69c8e;--twt-modal-placeholder:#857b6f;--twt-modal-divider:#332b27;--twt-modal-link:#e2906f;--twt-modal-brand-mark:#faf9f5;--twt-modal-brand-mark-text:#141413;--twt-modal-brand-emphasis:#d97757;--twt-modal-provider-tile:#241f1c;--twt-modal-provider-border:#3d342e;--twt-modal-provider-text:#f3f1e7;--twt-modal-provider-hover:#2c2622;--twt-modal-provider-active:#1b1716;--twt-modal-border:#3d342e;--twt-modal-border-hover:#5a4d45;--twt-modal-control-border:#a69c8e;--twt-modal-accent:#b14e43;--twt-modal-accent-text:#d97757;--twt-modal-selected:#2e221e;--twt-modal-primary:#b14e43;--twt-modal-primary-text:#fff;--twt-modal-primary-hover:#c25b4f;--twt-modal-primary-active:#9d443a;--twt-modal-primary-disabled:#6b5650;--twt-modal-error:#f2b8ad;--twt-modal-error-border:#e0705f;--twt-modal-error-background:var(--twt-modal-selected);--twt-modal-success:#cbc4b8;--twt-modal-overlay:rgba(14,12,11,.74);--twt-modal-shadow:rgba(14,12,11,.6);--twt-modal-shadow-soft:rgba(20,20,19,.23);--twt-modal-color-scheme:dark;--twt-modal-discord:#5865f2;--twt-modal-discord-hover:#4752c4;--twt-modal-discord-active:#3c45a5;--twt-modal-service-white:#fff;--twt-modal-google-blue:#4285f4;--twt-modal-google-green:#34a853;--twt-modal-google-yellow:#fbbc05;--twt-modal-google-red:#ea4335}.twt-signin-modal{--twt-modal-heading-font:var(--release-sans), Inter, ui-sans-serif, system-ui, sans-serif}
:root{--ref-color-ivory-50:#faf9f5;--ref-color-ink:#141413;--ref-shadow-card:0 1px 3px rgba(20,20,19,.08)}.reference-segmented button.is-active{background:var(--ref-color-ivory-50);color:var(--ref-color-ink)}.claude-pricing-tabs button.is-active{background:var(--ref-color-ivory-50);color:var(--ref-color-ink);box-shadow:var(--ref-shadow-card)}.claude-pricing-glyph.is-active circle:not(.claude-pricing-glyph__core){fill:#6aa5cf}.whop-login-title a,.whop-oauth-switch{color:#2a5bd7;text-decoration:none}.whop-login-title a:hover,.whop-oauth-switch:hover{text-decoration:underline}.whop-login-divider{background:#e7e7e4;height:1px}.whop-login-subtitle{color:#5b5b57;margin:.75rem 0 .5rem;font-size:.875rem;line-height:1.5}.whop-login-subtitle-hint{color:#8a8a86;margin:0 0 1.25rem;font-size:.8125rem;line-height:1.5}.whop-oauth-resend{text-align:center;color:#6b6257;margin:0;font-size:.8125rem;line-height:1.5}.whop-oauth-resend-btn{color:#2a5bd7;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s}.whop-oauth-resend-btn:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.whop-oauth-resend-btn:disabled{color:#8a8a86;cursor:default}.whop-oauth-resend-ok{color:#2c7a4a;margin-left:.5rem;font-weight:500}.whop-login-account-compare{border-top:1px solid rgba(250,249,245,.12);border-bottom:1px solid rgba(250,249,245,.12);flex-direction:column;gap:.75rem;margin:.5rem 0 .75rem;padding:1rem 0;display:flex}.whop-login-account-compare>div{flex-direction:column;gap:.125rem;display:flex}.whop-login-account-compare dt{color:#8f8e86;font-size:13px;font-weight:500}.whop-login-account-compare dd{color:#faf9f5;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:500}.whop-oauth-form{flex-direction:column;gap:1rem;display:flex}.whop-login-modal>.whop-oauth-form{margin-top:12px}.whop-oauth-account-row{color:#5b5b57;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-size:.875rem;display:flex}.whop-oauth-account-row p{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;overflow:hidden}.whop-oauth-account-row span{color:#141413;font-weight:600}.whop-oauth-code-head{flex-direction:column;gap:.375rem;width:100%;display:flex}.whop-oauth-code-sentto{color:#5b5b57;margin:0;font-size:.875rem;line-height:1.45}.whop-oauth-code-sentto span{color:#141413;word-break:break-word;font-weight:600}.whop-oauth-code-head .whop-oauth-switch{align-self:flex-start;font-size:.8125rem}.whop-oauth-email-row{align-items:center;gap:.5rem;display:flex}.whop-oauth-email-row p{color:#5b5b57;margin:0}.whop-oauth-email-input{color:#141413;background:#fff;border:1px solid #d9d9d4;border-radius:10px;outline:none;width:100%;min-height:44px;padding:0 .75rem;font-size:.875rem}.whop-oauth-email-input::placeholder{color:#9a9a96}.whop-oauth-switch{font:inherit;color:#2a5bd7;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:.875rem}.whop-oauth-actions{justify-content:space-between;gap:1rem;margin-top:.25rem;display:flex}.whop-oauth-cancel,.whop-oauth-approve{cursor:pointer;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;min-height:40px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.whop-oauth-cancel{color:#6b6257;background:#fff;border:1px solid #e4e4e0}.whop-oauth-cancel:hover{color:#1f1f1d;background:#f6f4ef;border-color:#d8d2c7}.whop-oauth-approve{color:#fff;background:#2563eb;border:1px solid #2563eb}.whop-oauth-approve:hover{background:#1d4ed8;border-color:#1d4ed8}.whop-oauth-approve:disabled{color:#8a8a86;cursor:not-allowed;background:#d8d2c7;border-color:#d8d2c7}.whop-oauth-code-wrap{position:relative}.whop-oauth-code-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.whop-oauth-code-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.whop-oauth-code-grid div{aspect-ratio:1;color:#141413;background:#fff;border:1px solid #d9d9d4;border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-size:1.125rem;font-weight:600;display:flex}.whop-oauth-code-grid div.is-active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.whop-oauth-error,.whop-login-modal form .text-red-700{color:#cf2a20;margin:0;font-size:.8125rem;line-height:1.4}.whop-oauth-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.whop-oauth-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.whop-oauth-primary:disabled{color:#8a8a86;cursor:not-allowed;background:#d8d2c7;border-color:#d8d2c7}.whop-oauth-or{color:#9a9a96;text-transform:lowercase;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.whop-oauth-or:before,.whop-oauth-or:after{content:"";background:#e7e7e4;flex:1;height:1px}.whop-oauth-secondary{flex-direction:column;gap:.5rem;display:flex}.whop-oauth-secondary-label{color:#8a8a86;margin:0;font-size:.8125rem}.whop-oauth-email-field{color:#141413;background:#fff;border:1px solid #d9d9d4;border-radius:10px;outline:none;width:100%;min-height:44px;padding:0 .75rem;font-size:.875rem}.whop-oauth-email-field::placeholder{color:#9a9a96}.whop-oauth-email-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.whop-oauth-email-wrap{position:relative}.whop-oauth-email-icon{color:#9a9a96;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.whop-oauth-email-wrap .whop-oauth-email-field{padding-left:40px}.whop-oauth-ghost{color:#5b5b57;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem}.whop-oauth-ghost:hover{color:#141413;text-decoration:underline}.whop-oauth-cancel.whop-oauth-cancel-full{flex:none;width:100%}.whop-oauth-prefill-card{background:#fafaf8;border:1px solid #e7e7e4;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.whop-oauth-prefill-avatar{color:#fff;background:#1f4f73 50%/cover;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.9375rem;font-weight:700;display:inline-flex}.whop-oauth-prefill-avatar.has-image{color:transparent}.whop-oauth-prefill-card .whop-oauth-prefill-name{color:#141413;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.whop-oauth-prefill-card .whop-oauth-prefill-handle{color:#6a6a66;align-items:center;gap:.375rem;margin-top:.2rem;font-size:.78rem;display:flex}