.btn-default{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:none;font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);letter-spacing:var(--typo-headline-letter-spacing);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn-default--full{width:100%}.btn-default__icon{width:20px;height:20px;flex-shrink:0}.btn-default--primary,.btn-default--secondary{height:48px;border-radius:8px;padding:11px 16px}.btn-default--primary.btn-default--icon-left{padding-left:8px;padding-right:16px}.btn-default--primary.btn-default--icon-right{padding-left:16px;padding-right:8px}.btn-default--primary.btn-default--icon-left.btn-default--icon-right{padding:8px}.btn-default--secondary.btn-default--icon-left{padding-left:8px;padding-right:16px}.btn-default--secondary.btn-default--icon-right{padding-left:16px;padding-right:8px}.btn-default--tertiary{height:30px;border-radius:4px;padding:4px 8px;font-size:14px}.btn-default--loading{height:48px;padding:14px 16px;cursor:not-allowed}.btn-default--primary{background-color:var(--fill-positive-primary);color:var(--text-action)}.btn-default--primary:hover:not(:disabled),.btn-default--primary[data-state=hover]{background-color:var(--fill-positive-primary-hover)}.btn-default--primary:active:not(:disabled),.btn-default--primary[data-state=active]{background-color:var(--fill-positive-primary-hover)}.btn-default--primary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);cursor:not-allowed}.btn-default--secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-positive-primary)}.btn-default--secondary:hover:not(:disabled),.btn-default--secondary[data-state=hover]{background-color:var(--fill-hover);border-color:var(--border-positive-primary)}.btn-default--secondary:active:not(:disabled),.btn-default--secondary[data-state=active]{background-color:var(--fill-hover)}.btn-default--secondary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);border-color:transparent;cursor:not-allowed}.btn-default--tertiary{background-color:transparent;color:var(--text-primary)}.btn-default--tertiary:hover:not(:disabled),.btn-default--tertiary[data-state=hover]{background-color:var(--fill-hover)}.btn-default--tertiary:disabled{background-color:transparent;color:var(--text-disabled);cursor:not-allowed}.btn-default--inverted.btn-default--primary{background-color:var(--fill-invert-positive-primary);color:var(--text-invert-action);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--primary:hover:not(:disabled),.btn-default--inverted.btn-default--primary[data-state=hover]{background-color:var(--fill-invert-positive-primary-hover)}.btn-default--inverted.btn-default--primary:disabled{background-color:var(--fill-invert-disabled);color:var(--text-invert-disabled);border-color:transparent;cursor:not-allowed}.btn-default--inverted.btn-default--secondary{background-color:transparent;color:var(--text-positive-primary);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--secondary:hover:not(:disabled),.btn-default--inverted.btn-default--secondary[data-state=hover]{background-color:var(--fill-invert-hover);border-color:var(--border-positive-secondary);color:var(--text-positive-primary)}.btn-default--inverted.btn-default--secondary:disabled{background-color:var(--fill-invert-disabled);color:var(--text-invert-disabled);border-color:transparent;cursor:not-allowed}.btn-default--inverted.btn-default--tertiary{background-color:transparent;color:var(--text-positive-primary);border:none}.btn-default--inverted.btn-default--tertiary:hover:not(:disabled),.btn-default--inverted.btn-default--tertiary[data-state=hover]{background-color:var(--fill-invert-hover);color:var(--text-positive-primary);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--tertiary:disabled{background-color:transparent;color:var(--text-invert-disabled);border:none;cursor:not-allowed}.btn-default--on-color.btn-default--primary{background-color:var(--fill-invert-primary);color:var(--text-invert-primary)}.btn-default--on-color.btn-default--secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-positive-primary)}.btn-default--on-color.btn-default--secondary:hover:not(:disabled),.btn-default--on-color.btn-default--secondary[data-state=hover]{background-color:var(--fill-hover);border-color:var(--border-positive-primary);color:var(--text-primary)}.btn-default--on-color.btn-default--tertiary{background-color:transparent;color:var(--text-primary)}.btn-default--on-color.btn-default--tertiary:disabled{opacity:.5;background-color:transparent;cursor:not-allowed}.btn-default--destructive.btn-default--primary{background-color:var(--fill-destructive-primary);color:var(--text-action)}.btn-default--destructive.btn-default--primary:hover:not(:disabled),.btn-default--destructive.btn-default--primary[data-state=hover]{background-color:var(--fill-destructive-primary-hover);color:var(--text-action)}.btn-default--destructive.btn-default--primary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);cursor:not-allowed}.btn-default__spinner{width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-default-spin .6s linear infinite}@keyframes btn-default-spin{to{transform:rotate(360deg)}}.section-divider{display:flex;align-items:center;width:328px;height:32px;padding:var(--spacing-0) var(--spacing-8);box-sizing:border-box}.section-divider__label{font-family:var(--typo-footnote-family);font-weight:var(--typo-footnote-weight);font-size:var(--typo-footnote-size);line-height:var(--typo-footnote-line-height);letter-spacing:var(--typo-footnote-letter-spacing);color:var(--text-secondary);flex:1}.section-divider--inverted .section-divider__label{color:var(--text-invert-secondary)}.section-divider__icon-left,.section-divider__icon-right{flex-shrink:0;display:flex;align-items:center}.typography-pair{display:flex;flex-direction:column;gap:4px}.typography-pair__title{color:var(--text-primary)}.typography-pair__subtitle{color:var(--text-secondary)}.typography-pair--xxl .typography-pair__title{font-family:var(--typo-title-family);font-weight:var(--typo-title-weight);font-size:var(--typo-title-size);line-height:var(--typo-title-line-height);letter-spacing:var(--typo-title-letter-spacing)}.typography-pair--xxl .typography-pair__subtitle{font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);letter-spacing:var(--typo-headline-letter-spacing)}.typography-pair--xl .typography-pair__title{font-family:var(--typo-subtitle-family);font-weight:var(--typo-subtitle-weight);font-size:var(--typo-subtitle-size);line-height:var(--typo-subtitle-line-height);letter-spacing:var(--typo-subtitle-letter-spacing)}.typography-pair--xl .typography-pair__subtitle{font-family:var(--typo-body-family);font-weight:var(--typo-body-weight);font-size:var(--typo-body-size);line-height:var(--typo-body-line-height);letter-spacing:var(--typo-body-letter-spacing)}.typography-pair--l .typography-pair__title{font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);letter-spacing:var(--typo-headline-letter-spacing)}.typography-pair--l .typography-pair__subtitle{font-family:var(--typo-callout-family);font-weight:var(--typo-callout-weight);font-size:var(--typo-callout-size);line-height:var(--typo-callout-line-height);letter-spacing:var(--typo-callout-letter-spacing)}.typography-pair--m .typography-pair__title{font-family:var(--typo-body-family);font-weight:var(--typo-body-emphasized-weight);font-size:var(--typo-body-size);line-height:var(--typo-body-line-height);letter-spacing:var(--typo-body-letter-spacing)}.typography-pair--m .typography-pair__subtitle{font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);letter-spacing:var(--typo-subhead-letter-spacing)}.typography-pair--s .typography-pair__title{font-family:var(--typo-callout-family);font-weight:var(--typo-callout-emphasized-weight);font-size:var(--typo-callout-size);line-height:var(--typo-callout-line-height);letter-spacing:var(--typo-callout-letter-spacing)}.typography-pair--s .typography-pair__subtitle{font-family:var(--typo-footnote-family);font-weight:var(--typo-footnote-weight);font-size:var(--typo-footnote-size);line-height:var(--typo-footnote-line-height);letter-spacing:var(--typo-footnote-letter-spacing)}.bottom-nav{display:flex;flex-direction:column;width:100%}.bottom-nav--iOS{height:88px;background-color:var(--background-opacity)}.bottom-nav--Android{height:70px;background-color:var(--background-primary)}.bottom-nav__tabs{flex:1;display:flex;align-items:center;justify-content:center}.bottom-nav--iOS .bottom-nav__tabs{padding:2px 8px 8px}.bottom-nav--Android .bottom-nav__tabs{padding:2px 8px 16px}.bottom-nav__tab{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:90px;height:52px;padding:0;border:none;background:none;cursor:pointer}.bottom-nav__icon{color:var(--icons-secondary)}.bottom-nav__icon--active{color:var(--icons-primary)}.bottom-nav__label{width:90px;height:20px;font-family:var(--typo-caption-family);font-weight:var(--typo-caption-weight);font-size:12px;line-height:20px;letter-spacing:0;text-align:center;color:var(--text-secondary)}.bottom-nav__label--active{color:var(--text-primary)}.bottom-nav__home-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:26px;padding:21px 0 8px;box-sizing:border-box}.bottom-nav__home-indicator-bar{width:135px;height:5px;background-color:var(--icons-primary);border-radius:100px}@property --blob-a-strength{syntax: "<percentage>"; inherits: true; initial-value: 70%;}@property --blob-b-strength{syntax: "<percentage>"; inherits: true; initial-value: 55%;}@property --blob-c-strength{syntax: "<percentage>"; inherits: true; initial-value: 40%;}@property --shimmer-a{syntax: "<percentage>"; inherits: true; initial-value: 28%;}@property --shimmer-b{syntax: "<percentage>"; inherits: true; initial-value: 22%;}@property --shimmer-c{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --veil-strength{syntax: "<percentage>"; inherits: true; initial-value: 42%;}@property --bg-saturate{syntax: "<number>"; inherits: true; initial-value: 1;}@property --bg-brightness{syntax: "<number>"; inherits: true; initial-value: 1;}.plan-upsell{position:relative;height:100%;width:100%;display:flex;flex-direction:column;background:var(--background-primary);color:var(--text-primary);font-family:var(--typo-body-family);overflow:hidden}.plan-upsell__bg{--blob-a-strength: 70%;--blob-b-strength: 55%;--blob-c-strength: 40%;--shimmer-a: 28%;--shimmer-b: 22%;--shimmer-c: 0%;--shimmer-color-a: var(--fill-positive-secondary);--shimmer-color-b: var(--blue-200);--shimmer-color-c: var(--yellow-300);--veil-strength: 42%;--bg-saturate: 1;--bg-brightness: 1;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;filter:saturate(var(--bg-saturate)) brightness(var(--bg-brightness));transition:--blob-a-strength .7s ease,--blob-b-strength .7s ease,--blob-c-strength .7s ease,--shimmer-a .7s ease,--shimmer-b .7s ease,--shimmer-c .7s ease,--veil-strength .7s ease,--bg-saturate .7s ease,--bg-brightness .7s ease,filter .7s ease}.plan-upsell--one .plan-upsell__bg{--blob-a-strength: 78%;--blob-b-strength: 72%;--blob-c-strength: 58%;--shimmer-a: 48%;--shimmer-b: 52%;--shimmer-c: 36%;--shimmer-color-a: var(--azul-100);--shimmer-color-b: var(--blue-200);--shimmer-color-c: var(--yellow-300);--veil-strength: 30%;--bg-saturate: 1.2;--bg-brightness: 1.03}.plan-upsell__bg-blob{position:absolute;border-radius:50%;filter:blur(56px);opacity:.55;will-change:transform,opacity;transition:background .7s ease,opacity .7s ease}.plan-upsell__bg-blob--a{width:280px;height:280px;top:-80px;left:-90px;background:color-mix(in srgb,var(--fill-positive-secondary) var(--blob-a-strength),transparent);animation:plan-upsell-blob-a 10s ease-in-out infinite}.plan-upsell__bg-blob--b{width:320px;height:320px;top:28%;right:-140px;background:color-mix(in srgb,var(--blue-200) var(--blob-b-strength),transparent);animation:plan-upsell-blob-b 12s ease-in-out infinite}.plan-upsell__bg-blob--c{width:260px;height:260px;bottom:8%;left:10%;background:color-mix(in srgb,var(--green-200) var(--blob-c-strength),transparent);animation:plan-upsell-blob-c 11s ease-in-out infinite}.plan-upsell--one .plan-upsell__bg-blob{opacity:.68}.plan-upsell--one .plan-upsell__bg-blob--a{background:color-mix(in srgb,var(--azul-100) var(--blob-a-strength),transparent)}.plan-upsell--one .plan-upsell__bg-blob--b{background:color-mix(in srgb,var(--blue-200) var(--blob-b-strength),transparent)}.plan-upsell--one .plan-upsell__bg-blob--c{background:color-mix(in srgb,var(--yellow-300) var(--blob-c-strength),transparent)}.plan-upsell__bg-shimmer{position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 26%,color-mix(in srgb,var(--shimmer-color-a) var(--shimmer-a),transparent) 42%,color-mix(in srgb,var(--shimmer-color-b) var(--shimmer-b),transparent) 52%,color-mix(in srgb,var(--shimmer-color-c) var(--shimmer-c),transparent) 62%,transparent 76%);filter:blur(28px);mix-blend-mode:soft-light;animation:plan-upsell-shimmer 7s linear infinite;transition:filter .7s ease,background .7s ease}.plan-upsell--one .plan-upsell__bg-shimmer{mix-blend-mode:plus-lighter;filter:blur(24px) saturate(1.25) brightness(1.05);animation-duration:5.5s}.plan-upsell__bg-veil{position:absolute;inset:0;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);background:color-mix(in srgb,var(--background-primary) var(--veil-strength),transparent);transition:background .7s ease,backdrop-filter .7s ease}.plan-upsell--one .plan-upsell__bg-veil{backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.plan-upsell__foreground{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column}@keyframes plan-upsell-blob-a{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(36px,48px) scale(1.12);opacity:.72}}@keyframes plan-upsell-blob-b{0%,to{transform:translate(0) scale(1);opacity:.45}50%{transform:translate(-40px,-28px) scale(1.18);opacity:.68}}@keyframes plan-upsell-blob-c{0%,to{transform:translate(0) scale(1.05);opacity:.4}50%{transform:translate(24px,-36px) scale(.92);opacity:.62}}@keyframes plan-upsell-shimmer{0%{transform:translate(-55%) rotate(8deg);opacity:0}12%{opacity:.65}88%{opacity:.65}to{transform:translate(55%) rotate(8deg);opacity:0}}@media(prefers-reduced-motion:reduce){.plan-upsell__bg-blob,.plan-upsell__bg-shimmer{animation:none}}.plan-upsell__statusbar{height:47px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);color:var(--text-primary)}.plan-upsell__statusbar-icons{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary)}.plan-upsell__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:4px 12px 10px;flex-shrink:0}.plan-upsell__close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--icons-primary);cursor:pointer;border-radius:var(--radius-sm, 16px)}.plan-upsell__title{margin:0;text-align:center;font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);letter-spacing:var(--typo-headline-letter-spacing);color:var(--text-primary)}.plan-upsell__header-spacer{width:40px;height:40px}.plan-upsell__segments{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:12px 16px 8px;padding:2px;background:color-mix(in srgb,var(--fill-secondary) 50%,transparent);border-radius:9px;flex-shrink:0}.plan-upsell__segment{appearance:none;border:0;background:transparent;color:var(--text-secondary);font-family:var(--typo-footnote-family);font-weight:600;font-size:var(--typo-footnote-size);line-height:var(--typo-footnote-line-height);letter-spacing:var(--typo-footnote-letter-spacing);padding:7px 8px;border-radius:7px;cursor:pointer}.plan-upsell__segment--selected{background:color-mix(in srgb,var(--background-primary) 50%,transparent);color:var(--text-primary);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000a}.plan-upsell__body{position:relative;flex:1;min-height:0;overflow:hidden}.plan-upsell__slide{position:absolute;inset:0;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease;transform:translate(0);opacity:1}.plan-upsell__slide--exit-left{transform:translate(-28px);opacity:0}.plan-upsell__slide--exit-right{transform:translate(28px);opacity:0}.plan-upsell__slide--enter-right{transition:none;transform:translate(28px);opacity:0}.plan-upsell__slide--enter-left{transition:none;transform:translate(-28px);opacity:0}@media(prefers-reduced-motion:reduce){.plan-upsell__slide{transition:none}}.plan-upsell__scroll{position:absolute;inset:0;overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.plan-upsell__scroll::-webkit-scrollbar{display:none}.plan-upsell__scroll--with-cta{padding-bottom:128px}.plan-upsell__scroll--with-cta-one{padding-bottom:148px}.plan-upsell__plan-card{display:flex;flex-direction:column;gap:12px;padding:20px 16px;background:color-mix(in srgb,var(--fill-secondary) 50%,transparent);border-radius:16px}.plan-upsell__plan-title{margin:0;font-family:var(--typo-title-family);font-weight:var(--typo-title-weight);font-size:var(--typo-title-size);line-height:var(--typo-title-line-height);letter-spacing:var(--typo-title-letter-spacing);color:var(--text-primary)}.plan-upsell__plan-subtitle{margin:-4px 0 0;font-family:var(--typo-callout-family);font-weight:var(--typo-callout-weight);font-size:var(--typo-callout-size);line-height:var(--typo-callout-line-height);letter-spacing:var(--typo-callout-letter-spacing);color:var(--text-secondary)}.plan-upsell__price{margin-top:-4px}.plan-upsell__highlights{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.plan-upsell__highlights--checks li{display:flex;align-items:flex-start;gap:8px;font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);letter-spacing:var(--typo-subhead-letter-spacing);color:var(--text-primary)}.plan-upsell__highlight-icon{flex-shrink:0;margin-top:1px;color:var(--icons-success)}.plan-upsell__matrix{display:flex;flex-direction:column;gap:16px}.plan-upsell__section{display:flex;flex-direction:column;gap:4px;padding:20px 16px;background:color-mix(in srgb,var(--fill-secondary) 50%,transparent);border-radius:16px}.plan-upsell__section .section-divider{width:100%;height:auto;min-height:32px;padding-left:0;padding-right:0}.plan-upsell__section .section-divider__label{font-family:var(--typo-body-family);font-weight:var(--typo-body-emphasized-weight);font-size:var(--typo-body-size);line-height:var(--typo-body-line-height);letter-spacing:var(--typo-body-letter-spacing);color:var(--text-primary)}.plan-upsell__feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.plan-upsell__feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 0;border-bottom:1px solid var(--border-default)}.plan-upsell__feature-row:last-child{border-bottom:0}.plan-upsell__feature-label{font-family:var(--typo-footnote-family);font-weight:var(--typo-footnote-weight);font-size:var(--typo-footnote-size);line-height:var(--typo-footnote-line-height);letter-spacing:var(--typo-footnote-letter-spacing);color:var(--text-secondary)}.plan-upsell__status{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.plan-upsell__status--in{color:var(--icons-success)}.plan-upsell__status--out{color:var(--icons-destructive)}.plan-upsell__addons{display:flex;flex-direction:column;gap:12px;padding-top:8px}.plan-upsell__addon-card{padding:20px 16px;background:color-mix(in srgb,var(--fill-secondary) 50%,transparent);border-radius:16px}.plan-upsell__cta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent 0%,var(--background-primary) 28%,var(--background-primary) 100%)}.plan-upsell__cta--overlay{background:transparent;padding-top:40px}.plan-upsell__cta--one{display:flex;flex-direction:column;align-items:stretch;gap:10px}.plan-upsell__cta-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--background-primary) 55%,transparent) 36%,var(--background-primary) 68%,var(--background-primary) 100%)}.plan-upsell__see-all{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-emphasized-weight, 600);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);letter-spacing:var(--typo-subhead-letter-spacing);color:var(--text-secondary);transition:opacity 80ms linear;pointer-events:none}.plan-upsell__see-all-chevron{color:var(--icons-secondary);animation:plan-upsell-chevron-bounce 1.2s ease-in-out infinite}@keyframes plan-upsell-chevron-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.plan-upsell-flow{position:relative;height:100%;width:100%;overflow:hidden}.plan-upsell-flow__sheet{position:absolute;inset:0;z-index:10;transform:translateY(100%);transition:transform .48s cubic-bezier(.22,1,.36,1);will-change:transform}.plan-upsell-flow__sheet--open{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.plan-upsell-flow__sheet{transition:none}}.products-screen{height:100%;width:100%;display:flex;flex-direction:column;background:var(--background-primary);color:var(--text-primary);font-family:var(--typo-body-family);overflow:hidden}.products-screen__main{position:relative;flex:1;min-height:0}.products-screen__scroll{position:absolute;inset:0;overflow-y:auto;padding:8px 16px 112px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.products-screen__scroll::-webkit-scrollbar{display:none}.products-screen__title{margin:0;padding:4px 0 0;font-family:var(--typo-title-family);font-weight:var(--typo-title-weight);font-size:var(--typo-title-size);line-height:var(--typo-title-line-height);letter-spacing:var(--typo-title-letter-spacing);color:var(--text-primary)}.products-screen__upsell{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 16px;background:var(--fill-secondary);border-radius:16px}.products-screen__upsell-icon{color:var(--icons-positive)}.products-screen__upsell .typography-pair{width:100%}.products-screen__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.products-screen__row{width:100%;display:flex;align-items:center;gap:12px;padding:16px 0;border:0;border-bottom:1px solid var(--border-default);background:transparent;text-align:left;cursor:pointer;color:inherit}.products-screen__list li:last-child .products-screen__row{border-bottom:0}.products-screen__row-icon{flex-shrink:0;display:inline-flex;color:var(--icons-primary)}.products-screen__row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.products-screen__row-title{font-family:var(--typo-body-family);font-weight:var(--typo-body-emphasized-weight);font-size:var(--typo-body-size);line-height:var(--typo-body-line-height);letter-spacing:var(--typo-body-letter-spacing);color:var(--text-primary)}.products-screen__row-sub{font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);letter-spacing:var(--typo-subhead-letter-spacing);color:var(--text-secondary)}.products-screen__row-chevron{flex-shrink:0;color:var(--icons-secondary)}.products-screen__footer{position:absolute;left:0;right:0;bottom:0;z-index:3}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-disabled: var(--gray-400);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-500);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-300);--text-invert-info: var(--blue-200);--text-invert-attention: var(--yellow-300);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-100);--divider-primary: var(--white-400);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-500);--icons-success: var(--green-500);--icons-info: var(--blue-500);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #eeeef0;--utilities-topbar-mac-border: #e9e9e8;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(30, 35, 39, .15)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-disabled: var(--gray-300);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-500);--text-invert-info: var(--blue-600);--text-invert-attention: var(--yellow-550);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-600);--divider-primary: var(--black-100);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-600);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-200);--icons-success: var(--green-200);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #30302f;--utilities-topbar-mac-border: #0f0f10;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(57, 62, 65, .15)}[data-platform=macOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 25px;--typo-title-line-height: 32px;--typo-title-letter-spacing: .15px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 16px;--typo-headline-line-height: 24px;--typo-headline-letter-spacing: -.31px;--typo-headline-emphasized-weight: 800;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 16px;--typo-body-line-height: 24px;--typo-body-letter-spacing: -.31px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 15px;--typo-callout-line-height: 22px;--typo-callout-letter-spacing: -.23px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 14px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.15px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}[data-platform=iOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 28px;--typo-title-line-height: 34px;--typo-title-letter-spacing: .38px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 17px;--typo-headline-line-height: 25px;--typo-headline-letter-spacing: -.43px;--typo-headline-emphasized-weight: 900;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 17px;--typo-body-line-height: 25px;--typo-body-letter-spacing: -.43px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 16px;--typo-callout-line-height: 24px;--typo-callout-letter-spacing: -.31px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 15px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.23px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}:root{font-family:var(--typo-body-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--typo-body-size, 16px);line-height:var(--typo-body-line-height, 24px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white-100: #ffffff;--white-200: #f5f5f6;--white-300: #f1f1f1;--white-400: #eeeeee;--white-500: #e4e4e4;--white-600: #dadada;--gray-100: #bfbfc0;--gray-200: #a5a8ab;--gray-300: #939597;--gray-400: #7d8185;--gray-500: #616568;--gray-600: #5b6065;--black-100: #393e41;--black-200: #2a3035;--black-300: #262b2f;--black-400: #1e2327;--black-500: #16191c;--black-600: #111518;--azul-100: #1ebfbf;--azul-200: #1ab2b3;--azul-300: #0ea6a7;--azul-350: #129899;--azul-400: #0c8c8d;--azul-500: #0a7576;--azul-600: #064647;--green-100: #e6f7ed;--green-150: #abddc2;--green-200: #5be19d;--green-300: #47cd89;--green-400: #079455;--green-450: #558371;--green-500: #007637;--green-600: #053321;--red-100: #ffedee;--red-200: #ff858f;--red-300: #ff4c5b;--red-400: #d83b48;--red-500: #c91d2b;--red-550: #a01420;--red-600: #380106;--yellow-100: #fff8d2;--yellow-200: #ffee84;--yellow-300: #ffd83f;--yellow-400: #e6ad2a;--yellow-450: #e4b92c;--yellow-500: #ad821f;--yellow-550: #936806;--yellow-600: #472a06;--blue-100: #dcf2fd;--blue-150: #a5d5ed;--blue-200: #51c5ff;--blue-300: #33a7e8;--blue-400: #22a6e8;--blue-500: #0488ca;--blue-550: #5a7591;--blue-600: #013955}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-400);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-destructive: var(--red-500);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--divider-primary: var(--white-400);--divider-positive: var(--azul-200);--divider-inverted: var(--black-100);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-550);--icons-success: var(--green-500);--icons-info: var(--blue-600);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--shadow-base: 0 1px 4px 0 rgba(30, 35, 39, .15);--shadow-elevated: 0 4px 12px 0 rgba(30, 35, 39, .12)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-destructive: var(--red-300);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--divider-primary: var(--black-100);--divider-positive: var(--azul-200);--divider-inverted: var(--white-400);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-500);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-300);--icons-success: var(--green-300);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--shadow-base: 0 1px 4px 0 rgba(56, 62, 65, .15);--shadow-elevated: 0 4px 12px 0 rgba(56, 62, 65, .2)}:root{--webapp-typo-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--webapp-typo-display-size: 42px;--webapp-typo-display-line-height: 50px;--webapp-typo-display-letter-spacing: -.32px;--webapp-typo-display-weight: 700;--webapp-typo-headline1-size: 28px;--webapp-typo-headline1-line-height: 36px;--webapp-typo-headline1-letter-spacing: 0;--webapp-typo-headline1-weight: 700;--webapp-typo-headline2-size: 20px;--webapp-typo-headline2-line-height: 28px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline2-weight: 700;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-headline3-letter-spacing: 0;--webapp-typo-headline3-weight: 600;--webapp-typo-body-family: var(--webapp-typo-family-sans);--webapp-typo-body-size: 14px;--webapp-typo-body-line-height: 22px;--webapp-typo-body-letter-spacing: .15px;--webapp-typo-body-weight: 400;--webapp-typo-body-large-size: 16px;--webapp-typo-body-large-line-height: 24px;--webapp-typo-lead-size: 22px;--webapp-typo-lead-line-height: 32px;--webapp-typo-lead-letter-spacing: -.1px;--webapp-typo-lead-weight: 400;--webapp-typo-caption-size: 13px;--webapp-typo-caption-line-height: 21px;--webapp-typo-caption-letter-spacing: .15px;--webapp-typo-caption-weight: 400;--webapp-typo-overline-size: 10px;--webapp-typo-overline-line-height: 16px;--webapp-typo-overline-letter-spacing: .25px;--webapp-typo-overline-weight: 700;--webapp-typo-button-size: 16px;--webapp-typo-button-line-height: 16px;--webapp-typo-button-letter-spacing: 0;--webapp-typo-button-weight: 700;--webapp-typo-button-small-size: 14px;--webapp-typo-button-small-line-height: 16px}[data-viewport=mobile]{--webapp-typo-display-size: 28px;--webapp-typo-display-line-height: 34px;--webapp-typo-display-letter-spacing: -.5px;--webapp-typo-headline1-size: 22px;--webapp-typo-headline1-line-height: 28px;--webapp-typo-headline1-letter-spacing: -.25px;--webapp-typo-headline2-size: 18px;--webapp-typo-headline2-line-height: 24px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-body-size: 15px;--webapp-typo-body-line-height: 22px}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px}:root{--dimension-button-default-height: 48px;--dimension-input-field-height: 56px;--dimension-input-field-small-height: 32px;--dimension-search-field-height: 56px;--dimension-search-field-small-height: 40px;--dimension-dropdown-height: 56px;--dimension-selection-item-height: 52px;--dimension-icon-size: 32px}:root{--radius-none: 0px;--radius-xxs: 4px;--radius-xs: 8px;--radius-s: 12px;--radius-sm: 16px;--radius-m: 20px;--radius-ml: 24px;--radius-l: 32px;--radius-xl: 40px;--radius-xxl: 48px;--radius-full: 9999px}:root{--app-footer-height: 57px;--card-border-radius: var(--radius-s);--card-border-radius-large: var(--radius-sm)}:root{--canvas-radius: 6px;--canvas-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--canvas-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--canvas-transition: .12s ease;--canvas-bg: #fafafa;--canvas-border: #e4e4e7;--canvas-border-subtle: #f4f4f5;--canvas-text-dim: #71717a;--canvas-shadow-card: rgba(0, 0, 0, .04);--canvas-shadow-heavy: rgba(0, 0, 0, .12);--canvas-pattern-opacity: 0}#publish-root{font-family:var(--canvas-font-sans);margin:0;min-height:100vh}.publish-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-bg);overflow:auto;position:relative}.publish-shell:before{content:"";position:absolute;inset:0;opacity:var(--canvas-pattern-opacity);background-image:linear-gradient(45deg,var(--canvas-text-dim) 1px,transparent 1px),linear-gradient(-45deg,var(--canvas-text-dim) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.idea-frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:12px}.idea-frame{overflow:auto;border-radius:6px;border:1px solid var(--canvas-border);position:relative;box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy);background:var(--background-primary, #ffffff);color:var(--text-primary, #16191c);font-family:var(--typo-body-family, system-ui, sans-serif);font-size:var(--typo-body-size, 14px);line-height:var(--typo-body-line-height, 20px);animation:frameAppear .5s ease both .15s}.idea-frame--ios{border-radius:32px}.frame-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;opacity:.5}.idea-frame::-webkit-scrollbar{width:6px}.idea-frame::-webkit-scrollbar-track{background:transparent}.idea-frame::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@keyframes frameAppear{0%{opacity:0;transform:scale(.97);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 4px 20px var(--canvas-shadow-card),0 0 0 transparent}to{opacity:1;transform:scale(1);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy)}}