.billing-upgrade-trigger,.plan-limit-meter{--upgrade-cta-from:#f98e1d;--upgrade-cta-to:#ffac3b;--upgrade-inverse:#fff}.billing-upgrade-trigger{background-image:linear-gradient(90deg, var(--upgrade-cta-from), var(--upgrade-cta-to));color:var(--upgrade-inverse);transition:scale .2s}.billing-upgrade-trigger:hover:not(:disabled){box-shadow:none;scale:1.05}.billing-upgrade-trigger:active:not(:disabled){scale:.95}.billing-upgrade-trigger--shimmer{isolation:isolate;position:relative;overflow:hidden}@keyframes billing-upgrade-shimmer{0%,20%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.plan-limit-meter{background:color-mix(in srgb, var(--foreground) 8%, transparent);height:10px}.plan-limit-meter__fill{isolation:isolate;border-radius:inherit;background-image:linear-gradient(90deg, var(--upgrade-cta-from), var(--upgrade-cta-to));position:relative;overflow:hidden}@keyframes plan-limit-meter-fill{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:no-preference){.billing-upgrade-trigger--shimmer:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):before,.plan-limit-meter__fill:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--upgrade-inverse) 45%, transparent) 50%, transparent 70%);animation:3.4s ease-in-out infinite billing-upgrade-shimmer;position:absolute;inset:0}.plan-limit-meter__fill{animation:.7s cubic-bezier(.2,.8,.2,1) .15s both plan-limit-meter-fill}}.upgrade-dialog{--upgrade-deep:color-mix(in srgb, var(--brand) 52%, black);--upgrade-tint:color-mix(in srgb, var(--brand) 8%, var(--card));--upgrade-lift:0 1px 2px #0000000d, 0 8px 20px -6px #0000001a, 0 20px 44px -16px color-mix(in srgb, var(--brand) 24%, transparent)}.upgrade-plan-icon{background:color-mix(in srgb, var(--foreground) 7%, transparent);width:34px;height:34px;color:var(--foreground);border-radius:10px;place-items:center;font:400 16px/16px ChatSuite Upgrade Icons;display:grid}.upgrade-plan-icon--brand{background:linear-gradient(135deg, var(--brand), var(--upgrade-deep));color:#fff}.upgrade-note{text-align:center;color:var(--muted-foreground);margin-top:18px;font-size:12px}.upgrade-picker{grid-template-columns:minmax(0,1fr);gap:20px 16px;padding:24px 0 16px;display:grid}@media (width>=768px){.upgrade-picker{grid-template-columns:repeat(var(--upgrade-count,3), minmax(0, 320px));justify-content:center;row-gap:0}}.upgrade-choice{isolation:isolate;grid-row:span var(--upgrade-rows);grid-template-rows:subgrid;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;text-align:left;border-radius:18px;grid-template-columns:minmax(0,1fr);row-gap:0;padding-bottom:6px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.upgrade-choice:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.upgrade-choice[aria-disabled=true]{cursor:wait}.upgrade-choice:not(.upgrade-choice--recommended):not(.upgrade-choice--current):not([aria-disabled=true]):hover{transform:translateY(-2px)}.upgrade-choice:after{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 18%, transparent), color-mix(in srgb, var(--brand) 7%, transparent) 55%, color-mix(in srgb, var(--brand) 4%, transparent));opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.upgrade-choice[aria-checked=true]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.upgrade-choice[aria-checked=true]:after{opacity:1}.upgrade-choice--recommended{z-index:1;background:linear-gradient(180deg, var(--upgrade-tint), var(--card) 38%);box-shadow:var(--upgrade-lift)}@media (width>=768px){.upgrade-choice--recommended{margin:-18px -8px;padding-block:18px}}.upgrade-choice--recommended[aria-checked=true]{box-shadow:0 0 0 2px var(--brand), var(--upgrade-lift)}.upgrade-choice.upgrade-choice--current{cursor:default;box-shadow:none;opacity:.7;background:0 0;border-color:#0000;order:1}@media (width>=768px){.upgrade-choice.upgrade-choice--current{order:0}}.upgrade-choice--current .upgrade-choice__name,.upgrade-choice--current .upgrade-choice__price,.upgrade-choice--current .upgrade-row__value,.upgrade-choice--current .upgrade-yes{color:var(--muted-foreground)}.upgrade-choice--current .upgrade-plan-icon{opacity:.6}.upgrade-current-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted-foreground);font-size:11px;font-weight:700;line-height:14px}.upgrade-choice__top{grid-row:span 4;grid-template-rows:subgrid;row-gap:0;display:grid}.upgrade-choice__cell{padding-left:20px;padding-right:20px}.upgrade-choice__head{flex-wrap:wrap;place-content:flex-start space-between;align-items:center;gap:10px;padding:18px 20px 0;display:flex;position:relative}.upgrade-choice__head:has(.upgrade-radio){padding-right:52px}.upgrade-choice__end{display:contents}.upgrade-choice__head .upgrade-radio{position:absolute;top:24px;right:20px}.upgrade-choice__name{align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.upgrade-pill{background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 64%, black), color-mix(in srgb, var(--brand) 82%, black));color:#fff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;line-height:14px}.upgrade-radio{border:1.5px solid var(--input-border,var(--border));background:var(--card);color:#0000;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}[aria-checked=true] .upgrade-radio{border-color:var(--brand);background:var(--brand);color:var(--brand-foreground)}.upgrade-choice__desc{color:var(--muted-foreground);padding-top:8px;font-size:13px;line-height:1.5}.upgrade-choice__price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding-top:16px;font-size:30px;font-weight:700;line-height:1.1}.upgrade-choice--recommended .upgrade-choice__price{color:var(--upgrade-deep)}.dark .upgrade-choice--recommended .upgrade-choice__price{color:var(--brand)}.upgrade-choice__price small{letter-spacing:0;color:var(--muted-foreground);margin-left:4px;font-size:13px;font-weight:500}.upgrade-choice__billing{color:var(--muted-foreground);padding-top:4px;padding-bottom:14px;font-size:12px}.upgrade-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:38px;font-size:13px;display:flex}.upgrade-choice--recommended .upgrade-row{border-top-color:color-mix(in srgb, var(--brand) 22%, var(--border))}.upgrade-row__label{min-width:0;color:var(--muted-foreground);align-items:center;gap:8px;display:flex}.upgrade-row__label>span{hyphens:auto;overflow-wrap:break-word;min-width:0}.upgrade-row__label svg{color:color-mix(in srgb, var(--foreground) 45%, transparent);flex:none}.upgrade-choice--recommended .upgrade-row__label svg{color:var(--brand)}.upgrade-row__value{color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:650}.upgrade-row.upgrade-row--focus{min-height:50px}.upgrade-row--focus .upgrade-row__label{color:var(--foreground);font-weight:600}.upgrade-choice .upgrade-row--focus .upgrade-row__label svg{color:var(--brand)}.upgrade-row--focus .upgrade-row__value:not(.upgrade-row__value--none){background:color-mix(in srgb, var(--brand) 16%, transparent);min-height:28px;color:var(--upgrade-deep);border-radius:999px;align-items:center;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.dark .upgrade-row--focus .upgrade-row__value:not(.upgrade-row__value--none){color:var(--brand)}.upgrade-row--focus .upgrade-row__value .upgrade-yes{color:inherit}.upgrade-choice--current .upgrade-row--focus .upgrade-row__label,.upgrade-choice.upgrade-choice--current .upgrade-row--focus .upgrade-row__label svg{color:var(--muted-foreground)}.upgrade-choice--current .upgrade-row--focus .upgrade-row__value:not(.upgrade-row__value--none){color:var(--muted-foreground);background:0 0;padding:0}.upgrade-yes{color:var(--brand)}.upgrade-no{color:color-mix(in srgb, var(--foreground) 25%, transparent)}.upgrade-review{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding:8px 0;display:grid}@media (width>=768px){.upgrade-review{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}}.upgrade-review__main{gap:16px;padding-top:6px;display:grid}.upgrade-review__change{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upgrade-review__old{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--muted-foreground);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--foreground) 30%, transparent);border-radius:10px;padding:6px 12px;font-size:15px;font-weight:650}.upgrade-review__arrow{color:var(--brand)}.upgrade-review__new{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:10px;font-size:26px;font-weight:650;display:inline-flex}.upgrade-review__new .upgrade-plan-icon{border-radius:12px;width:40px;height:40px;font-size:18px}.upgrade-review__effective{color:var(--muted-foreground);font-size:14px}.upgrade-review__next{border:1px solid var(--border);color:var(--foreground);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.upgrade-review__next-icon{background:color-mix(in srgb, var(--brand) 12%, transparent);width:32px;height:32px;color:var(--success-text);border-radius:999px;flex:none;place-items:center;display:grid}.upgrade-review__next-text{color:var(--muted-foreground);margin-top:2px;display:block}.upgrade-review__foot{color:var(--muted-foreground);font-size:12px;line-height:1.5}.upgrade-receipt{border:1px solid var(--border);background:var(--card);box-shadow:0 18px 40px -26px color-mix(in srgb, var(--foreground) 45%, transparent);border-radius:18px;overflow:hidden}.upgrade-receipt__head{color:var(--foreground);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding:18px 20px 6px;font-size:14px;display:flex}.upgrade-receipt__head span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.upgrade-receipt__lines{gap:10px;margin:0;padding:10px 20px 16px;font-size:14px;display:grid}.upgrade-receipt__lines div{justify-content:space-between;gap:16px;display:flex}.upgrade-receipt__lines dt{color:var(--muted-foreground)}.upgrade-receipt__lines dd{color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:600}.upgrade-receipt__lines .upgrade-receipt__credit{color:var(--success-text)}.upgrade-receipt__total{border-top:1px solid color-mix(in srgb, var(--brand) 25%, var(--border));background:linear-gradient(110deg, color-mix(in srgb, var(--brand) 12%, var(--card)), color-mix(in srgb, var(--brand) 4%, var(--card)));color:var(--foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.upgrade-receipt__total strong{letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.upgrade-receipt__hints{color:var(--muted-foreground);gap:8px;margin:0;padding:14px 20px 18px;font-size:12px;line-height:1.5;list-style:none;display:grid}.upgrade-receipt__hints li{align-items:flex-start;gap:8px;display:flex}.upgrade-receipt__hints svg{color:color-mix(in srgb, var(--foreground) 45%, transparent);flex:none;margin-top:1px}.upgrade-success{--upgrade-orange:#f98e1d;--upgrade-amber:#ffac3b;--upgrade-sky:#7dd3fc;isolation:isolate;text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:40px 0 32px;display:flex;position:relative}.upgrade-success:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand) 22%, transparent), transparent);width:320px;height:220px;position:absolute;top:0;left:50%;transform:translate(-50%)}.upgrade-success__tile{width:84px;height:84px;box-shadow:0 18px 36px -16px color-mix(in srgb, var(--brand) 80%, transparent);border-radius:24px;font-size:36px;line-height:36px}.upgrade-success__title{letter-spacing:-.02em;color:var(--foreground);margin-top:28px;font-size:30px;font-weight:700}.upgrade-success__text{max-width:26rem;color:var(--muted-foreground);margin-top:10px;font-size:15px;line-height:1.55}.upgrade-confetti{z-index:-1;pointer-events:none;width:0;height:0;position:absolute;top:82px;left:50%}.upgrade-confetti span{width:var(--w);height:calc(var(--w) * .45);background:var(--c);opacity:0;border-radius:2px;position:absolute;top:0;left:0}@keyframes upgrade-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}}@keyframes upgrade-confetti-fly{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) - 50%), calc(var(--y) + 60px)) rotate(calc(var(--r) + 540deg)) scale(1)}}@media (prefers-reduced-motion:no-preference){.upgrade-success__tile{animation:.52s cubic-bezier(.2,.9,.3,1.2) 80ms both upgrade-pop}.upgrade-confetti span{animation:upgrade-confetti-fly 1.5s cubic-bezier(.15, .7, .3, 1) calc(var(--d) + .42s) both}}.upgrade-blocked{text-align:center;flex-direction:column;align-items:center;padding:32px 8px 8px;display:flex}.upgrade-blocked__icon{isolation:isolate;color:#fff;border-radius:24px;place-items:center;width:84px;height:84px;margin-bottom:24px;display:grid;position:relative}.upgrade-blocked__icon:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--upgrade-blocked-glow), transparent);border-radius:50%;position:absolute;inset:-56px}.upgrade-blocked__icon--brand{--upgrade-blocked-glow:color-mix(in srgb, var(--brand) 24%, transparent);background:linear-gradient(135deg, var(--brand), var(--upgrade-deep))}.upgrade-blocked__icon--warning{--upgrade-blocked-glow:color-mix(in srgb, var(--warning) 26%, transparent);background:linear-gradient(135deg, var(--warning), color-mix(in srgb, var(--warning) 62%, black))}.upgrade-blocked__icon--neutral{--upgrade-blocked-glow:color-mix(in srgb, var(--foreground) 10%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--foreground) 50%, var(--card)), color-mix(in srgb, var(--foreground) 85%, var(--card)))}.upgrade-blocked__title{color:var(--foreground);font-size:var(--text-2xl);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.upgrade-blocked__text{max-width:30rem;color:var(--muted-foreground);font-size:var(--text-sm);margin:10px auto 0;line-height:1.6}.upgrade-blocked__plan{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 14px;width:100%;max-width:34rem;margin-top:28px;padding:16px 18px;display:grid}.upgrade-blocked__name{min-width:0;color:var(--foreground);flex-direction:column;font-weight:600;display:flex}.upgrade-blocked__name small,.upgrade-blocked__price small{color:var(--muted-foreground);font-size:12px;font-weight:400}.upgrade-blocked__price{color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.upgrade-blocked__facts{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:0;padding:12px 0 0;list-style:none;display:flex}.upgrade-blocked__facts li{background:color-mix(in srgb, var(--foreground) 5%, transparent);color:var(--muted-foreground);border-radius:999px;padding:3px 10px;font-size:12px}.upgrade-blocked__facts strong{color:var(--foreground);font-weight:600}@media (prefers-reduced-motion:reduce){.billing-upgrade-trigger,.upgrade-choice,.upgrade-choice:after{transition:none}}.upgrade-footer{flex-shrink:0}@media (width<=480px){.upgrade-footer>div{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:12px}.upgrade-footer>div>div:last-child{width:100%}.upgrade-footer>div>div:last-child>button:last-child{flex:1}}
