.ui-modal-overlay.sub-modal-overlay{background:rgba(var(--black-rgb),.88);padding:var(--space-5)}.ui-modal-container.sub-modal{--sub-modal-surface-top:22,24,30;--sub-modal-surface-bottom:14,15,19;max-width:380px;background:linear-gradient(170deg,rgba(var(--sub-modal-surface-top),.97) 0,rgba(var(--sub-modal-surface-bottom),.99) 100%);border:1px solid rgba(var(--white-rgb),.07);border-radius:var(--radius-xl);padding:0;overflow:visible;box-shadow:0 0 0 1px rgba(var(--white-rgb),.03) inset,0 24px 80px rgba(var(--black-rgb),.6),0 0 1px rgba(var(--white-rgb),.1)}.sub-modal__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);border:1px solid rgba(var(--white-rgb),.06);background:rgba(var(--white-rgb),.04);color:rgba(var(--white-rgb),.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}@media (hover:hover){.sub-modal__close:hover{color:rgba(var(--white-rgb),.8);background:rgba(var(--white-rgb),.08);border-color:rgba(var(--white-rgb),.12)}}.sub-modal__body{position:relative;padding:var(--space-7) var(--space-6) 22px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.sub-modal__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-modal__icon--brand{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.12),rgba(var(--brand-green-rgb),.1));border:1px solid rgba(var(--brand-green-rgb),.15);color:var(--brand-green);box-shadow:0 0 24px rgba(var(--brand-green-rgb),.1)}.sub-modal__icon--warning{background:linear-gradient(135deg,rgba(var(--brand-amber-rgb),.12),rgba(var(--brand-amber-rgb),.08));border:1px solid rgba(var(--brand-amber-rgb),.18);color:var(--brand-amber);box-shadow:0 0 24px rgba(var(--brand-amber-rgb),.08)}.sub-modal__header{text-align:center;max-width:300px}.sub-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.02em;line-height:1.3;margin:0 0 var(--space-1);color:var(--text-primary)}.sub-modal__title--gradient{background:var(--gradient-brand-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-modal__subtitle{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin:0}.sub-modal__info{width:100%;background:rgba(var(--white-rgb),.025);border:1px solid rgba(var(--white-rgb),.06);border-radius:var(--radius-md);padding:2px var(--space-3-5)}.sub-modal__info-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.sub-modal__info-row+.sub-modal__info-row{border-top:1px solid rgba(var(--white-rgb),.05)}.sub-modal__info-label{font-size:var(--text-xs);color:var(--text-muted)}.sub-modal__info-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.01em}.sub-modal__info-value--low{color:var(--brand-red)}.sub-modal__info-value--locked{color:var(--text-secondary)}.sub-modal__benefits{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.sub-modal__benefit{display:flex;align-items:center;gap:var(--space-2-5);font-size:var(--text-sm);color:var(--text-secondary)}.sub-modal__benefit svg{flex-shrink:0;color:var(--brand-green);opacity:.8}.sub-modal__actions{display:flex;gap:var(--space-2-5);width:100%;margin-top:2px}.sub-modal__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;border:none;white-space:nowrap;transition:all .2s cubic-bezier(.22,1,.36,1)}.sub-modal__btn--ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(var(--white-rgb),.08)}@media (hover:hover){.sub-modal__btn--ghost:hover{background:rgba(var(--white-rgb),.04);color:var(--text-primary);border-color:rgba(var(--white-rgb),.14)}}.sub-modal__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}@media (hover:hover){.sub-modal__btn--primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}}.sub-modal__btn--primary:active{transform:translateY(0);box-shadow:var(--btn-primary-shadow)}.sub-modal__divider{display:flex;align-items:center;gap:var(--space-3);width:100%;color:var(--text-disabled);font-size:var(--text-2xs);text-transform:lowercase;margin:-2px 0}.sub-modal__divider:after,.sub-modal__divider:before{content:"";flex:1;height:1px;background:rgba(var(--white-rgb),.05)}.sub-modal__trial{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3-5);background:linear-gradient(145deg,rgba(var(--brand-cyan-rgb),.12) 0,rgba(var(--brand-green-rgb),.08) 100%),rgba(var(--white-rgb),.02);border:1px solid rgba(var(--brand-cyan-rgb),.2);border-radius:var(--radius-lg);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .25s cubic-bezier(.22,1,.36,1),background .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 22px rgba(var(--black-rgb),.22),inset 0 1px 0 rgba(var(--white-rgb),.04)}@media (hover:hover){.sub-modal__trial:hover{border-color:rgba(var(--brand-cyan-rgb),.34);background:linear-gradient(145deg,rgba(var(--brand-cyan-rgb),.16) 0,rgba(var(--brand-green-rgb),.11) 100%),rgba(var(--white-rgb),.03);transform:translateY(-1px);box-shadow:0 12px 28px rgba(var(--black-rgb),.26),0 0 24px rgba(var(--brand-cyan-rgb),.1)}.sub-modal__trial:hover .sub-modal__trial-arrow{transform:translateX(2px);color:var(--brand-cyan)}}.sub-modal__trial-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.15),rgba(var(--brand-green-rgb),.1));display:flex;align-items:center;justify-content:center;color:var(--brand-cyan);flex-shrink:0;box-shadow:0 0 12px rgba(var(--brand-cyan-rgb),.12)}.sub-modal__trial-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sub-modal__trial-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.sub-modal__trial-desc{font-size:var(--text-xs);color:var(--text-muted)}.sub-modal__trial-arrow{color:var(--text-disabled);flex-shrink:0;margin-left:auto;transition:var(--transition-all)}.sub-modal__trial-perks{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center;margin-top:-6px}.sub-modal__trial-perk{font-size:var(--text-2xs);color:var(--text-muted);font-weight:var(--font-medium);padding:3px var(--space-2-5);background:rgba(var(--white-rgb),.03);border-radius:var(--radius-sm);border:1px solid rgba(var(--white-rgb),.05)}.sub-modal__trial-perks-or{font-size:var(--text-2xs);color:var(--text-disabled)}@media (max-width:440px){.ui-modal-overlay.sub-modal-overlay{padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px)}.ui-modal-container.sub-modal{max-width:100%;margin-bottom:env(safe-area-inset-bottom,0)}.sub-modal__body{padding:var(--space-7) var(--space-5) 22px}.sub-modal__actions{flex-direction:column;gap:var(--space-2)}.sub-modal__btn{padding:13px var(--space-4)}}@media (max-width:360px){.sub-modal__body{padding:var(--space-6) var(--space-4) var(--space-5);gap:var(--space-3-5)}.sub-modal__title{font-size:var(--text-base-plus)}.sub-modal__btn{padding:var(--space-3) var(--space-3-5);font-size:var(--text-ms)}}@media (prefers-reduced-motion:reduce){.sub-modal__btn,.sub-modal__close,.sub-modal__trial,.sub-modal__trial-arrow{transition:none}}.tokens-popup-overlay-modal .ui-modal-container.tokens-popup{background:linear-gradient(145deg,rgba(var(--bg-surface-light-rgb),.95) 0,rgba(var(--bg-body-rgb),.98) 100%);max-width:400px}.subscription-popup-overlay,.tokens-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:popupOverlayFadeIn .2s ease;padding:var(--space-5)}@keyframes popupOverlayFadeIn{0%{opacity:0}to{opacity:1}}.subscription-popup,.tokens-popup{background:linear-gradient(145deg,rgba(var(--bg-surface-light-rgb),.98) 0,rgba(var(--bg-body-rgb),.98) 100%);border:1px solid rgba(var(--white-rgb),.1);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:100%;box-shadow:0 25px 80px rgba(var(--black-rgb),.5),0 0 0 1px rgba(var(--white-rgb),.05) inset;animation:popupSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.subscription-popup__icon,.tokens-popup__icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(var(--brand-green-rgb),.15) 0,rgba(var(--brand-cyan-rgb),.15) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--text-success)}.tokens-popup__icon{background:linear-gradient(135deg,rgba(var(--brand-amber-rgb),.15) 0,rgba(var(--color-warning-rgb),.15) 100%);color:var(--brand-amber)}.subscription-popup__title,.tokens-popup__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;margin:0 0 var(--space-3);line-height:1.3}.subscription-popup__description,.tokens-popup__description{font-size:var(--text-sm);color:rgba(var(--white-rgb),.6);text-align:center;margin:0 0 var(--space-6);line-height:1.5}.tokens-popup__info{background:rgba(var(--white-rgb),.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.tokens-popup__info-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid rgba(var(--white-rgb),.05)}.tokens-popup__info-row:last-child{border-bottom:none}.tokens-popup__info-row svg{color:rgba(var(--white-rgb),.4);flex-shrink:0}.tokens-popup__info-label{font-size:var(--text-ms);color:rgba(var(--white-rgb),.5)}.tokens-popup__info-value{font-size:var(--text-ms);color:var(--text-primary);font-weight:var(--font-medium);margin-left:auto}.tokens-popup__info-value--highlight{color:var(--text-success)}.tokens-popup--expanded{max-width:400px;padding:0;position:relative;max-height:none;display:flex;flex-direction:column;overflow:visible}.tokens-popup--expanded>.tokens-popup__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10}.tokens-popup--expanded>.tokens-popup__icon{margin:var(--space-5) auto var(--space-3);width:48px;height:48px;flex-shrink:0}.tokens-popup--expanded>.tokens-popup__title{font-size:var(--text-lg);margin:0 0 var(--space-1-5);padding:0 var(--space-5);flex-shrink:0}.tokens-popup--expanded>.tokens-popup__description{font-size:var(--text-ms);margin:0 0 var(--space-3);padding:0 var(--space-5);flex-shrink:0}.tokens-popup--expanded>.tokens-popup__hint,.tokens-popup--expanded>.tokens-popup__info,.tokens-popup--expanded>.tokens-popup__packages{margin-left:var(--space-4);margin-right:var(--space-4)}.tokens-popup--expanded>.tokens-popup__info{padding:var(--space-3);margin-bottom:var(--space-3);flex-shrink:0}.tokens-popup--expanded .tokens-popup__info-row{padding:var(--space-1-5) 0}.tokens-popup--expanded>.tokens-popup__packages{flex-shrink:0;padding-bottom:var(--space-2);margin-bottom:var(--space-2);overflow:visible}.tokens-popup--expanded>.tokens-popup__hint{padding:var(--space-2-5) var(--space-3);margin-bottom:var(--space-3);flex-shrink:0}.tokens-popup--expanded>.tokens-popup__actions{padding:var(--space-3) var(--space-4) var(--space-4);flex-shrink:0;background:linear-gradient(180deg,transparent 0,rgba(var(--bg-body-rgb),.98) 20%);margin-top:auto}.tokens-popup__close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:rgba(var(--white-rgb),.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}@media (hover:hover){.tokens-popup__close:hover{color:rgba(var(--white-rgb),.9);border-color:rgba(var(--white-rgb),.15);background:var(--bg-glass)}}.tokens-popup__description{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin:0 0 var(--space-5);line-height:1.5}.tokens-popup__info-value--date{color:var(--brand-amber);font-weight:var(--font-semibold)}.tokens-popup__packages{margin-bottom:var(--space-4)}.tokens-popup__packages-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:rgba(var(--white-rgb),.85);margin:0 0 var(--space-3)}.tokens-popup__packages-title svg{color:var(--text-success)}.tokens-popup__packages-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3);line-height:1.4}.tokens-popup__packages-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:var(--space-2)}.tokens-popup__package{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3) var(--space-1-5) var(--space-2-5);background:rgba(var(--white-rgb),.03);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);overflow:hidden;gap:2px}@media (hover:hover){.tokens-popup__package:hover{background:var(--bg-card-hover);border-color:rgba(var(--white-rgb),.15);transform:translateY(-2px)}}.tokens-popup__package-amount{font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.tokens-popup__package-label{font-size:var(--text-xxs);color:rgba(var(--white-rgb),.55);margin-bottom:2px}.tokens-popup__package-divider{width:70%;height:1px;background:var(--border-subtle);margin:var(--space-1) 0}.tokens-popup__package-price{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.tokens-popup__hint{display:flex;align-items:flex-start;gap:var(--space-2-5);background:rgba(var(--brand-green-rgb),.08);border:1px solid rgba(var(--brand-green-rgb),.15);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3-5);margin-bottom:var(--space-5)}.tokens-popup__hint-icon{font-size:var(--text-base);flex-shrink:0}.tokens-popup__hint-text{font-size:var(--text-xs);color:rgba(var(--white-rgb),.7);line-height:1.4}.tokens-popup__hint-text strong{color:var(--text-success);font-weight:var(--font-semibold)}.subscription-popup__actions,.tokens-popup__actions{display:flex;gap:var(--space-3)}.subscription-popup__btn,.tokens-popup__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-ms);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;transition:var(--transition-all);border:none}.subscription-popup__btn--secondary,.tokens-popup__btn--secondary{background:var(--bg-card-hover);color:rgba(var(--white-rgb),.7);border:1px solid rgba(var(--white-rgb),.1)}@media (hover:hover){.subscription-popup__btn--secondary:hover,.tokens-popup__btn--secondary:hover{background:rgba(var(--white-rgb),.1);color:var(--text-primary)}}.subscription-popup__btn--primary,.tokens-popup__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}@media (hover:hover){.subscription-popup__btn--primary:hover,.tokens-popup__btn--primary:hover{transform:translateY(-2px);background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:var(--btn-primary-shadow-hover)}}.subscription-popup__btn--primary:active,.tokens-popup__btn--primary:active{transform:translateY(0)}@media (max-width:440px){.subscription-popup-overlay-premium{padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px)}.subscription-popup-premium,.subscription-popup-premium--minimal{max-width:100%;border-radius:var(--radius-xl);margin-bottom:env(safe-area-inset-bottom,0)}.subscription-popup-premium--minimal .subscription-popup-premium__content,.subscription-popup-premium__content{padding:var(--space-7) var(--space-5) 22px;gap:var(--space-4)}.subscription-popup-premium--minimal .subscription-popup-premium__icon-wrapper,.subscription-popup-premium__icon-wrapper{width:52px;height:52px}.subscription-popup-premium--minimal .subscription-popup-premium__icon,.subscription-popup-premium__icon{width:48px;height:48px;border-radius:var(--radius-md)}.subscription-popup-premium__icon svg{width:22px;height:22px}.subscription-popup-premium--minimal .subscription-popup-premium__title,.subscription-popup-premium__title{font-size:var(--text-lg)}.subscription-popup-premium--minimal .subscription-popup-premium__subtitle,.subscription-popup-premium__subtitle{font-size:var(--text-ms)}.subscription-popup-premium__benefits{gap:var(--space-2)}.subscription-popup-premium__benefit{font-size:var(--text-ms);gap:var(--space-2-5)}.subscription-popup-premium__benefit svg{width:14px;height:14px}.subscription-popup-premium__actions{flex-direction:column;gap:var(--space-2-5)}.subscription-popup-premium__btn{padding:var(--space-3-5) var(--space-4-5);font-size:var(--text-sm);border-radius:var(--radius-md)}.subscription-popup-premium__close{top:var(--space-3);right:var(--space-3);width:32px;height:32px}.subscription-popup-premium__trial-icon{width:28px;height:28px}.subscription-popup-premium__trial-icon svg{width:14px;height:14px}.subscription-popup-premium__trial-title{font-size:var(--text-sm)}.subscription-popup-premium__trial-subtitle{font-size:var(--text-2xs)}.subscription-popup-premium__trial-card-inner{padding:var(--space-2-5) var(--space-3);gap:var(--space-2)}.subscription-popup-premium__trial-perks{gap:var(--space-2)}.subscription-popup-premium__trial-perk{font-size:var(--text-2xs);padding:3px var(--space-2)}.subscription-popup-aurora__layer{filter:blur(60px);opacity:.25}}@media (max-width:360px){.subscription-popup-premium--minimal .subscription-popup-premium__content,.subscription-popup-premium__content{padding:var(--space-6) var(--space-4) var(--space-5);gap:var(--space-3-5)}.subscription-popup-premium--minimal .subscription-popup-premium__title,.subscription-popup-premium__title{font-size:var(--text-base-plus)}.subscription-popup-premium__benefit{font-size:var(--text-xs)}.subscription-popup-premium__btn{padding:13px var(--space-4);font-size:var(--text-ms)}}@media (prefers-reduced-motion:reduce){.subscription-popup-aurora__layer,.subscription-popup-premium__icon,.subscription-popup-premium__title{animation:none}.subscription-popup-premium__icon{box-shadow:0 0 25px rgba(var(--brand-green-rgb),.2),0 0 50px rgba(var(--brand-cyan-rgb),.1),inset 0 1px 0 rgba(var(--white-rgb),.1)}.subscription-popup-premium__title{background-position:0 50%}}@media (max-width:767px){.subscription-popup,.tokens-popup,.ui-modal-container.sub-modal{border-radius:var(--radius-lg)}}@media (max-width:480px){.subscription-popup,.tokens-popup{padding:var(--space-6);border-radius:var(--radius-lg)}.tokens-popup--expanded{max-width:100%;max-height:none;border-radius:var(--radius-lg);overflow:visible}.tokens-popup--expanded>.tokens-popup__icon{margin:var(--space-4) auto var(--space-2-5);width:44px;height:44px}.tokens-popup--expanded>.tokens-popup__title{font-size:var(--text-base);padding:0 var(--space-4)}.tokens-popup--expanded>.tokens-popup__description{font-size:var(--text-xs);padding:0 var(--space-4);margin-bottom:var(--space-2-5)}.tokens-popup--expanded>.tokens-popup__hint,.tokens-popup--expanded>.tokens-popup__info,.tokens-popup--expanded>.tokens-popup__packages{margin-left:var(--space-3);margin-right:var(--space-3)}.tokens-popup--expanded>.tokens-popup__info{padding:var(--space-2-5)}.tokens-popup--expanded .tokens-popup__info-row{padding:5px 0}.tokens-popup--expanded .tokens-popup__info-label,.tokens-popup--expanded .tokens-popup__info-value{font-size:var(--text-xs)}.tokens-popup--expanded>.tokens-popup__actions{padding:var(--space-2-5) var(--space-3) var(--space-3-5)}.subscription-popup__icon,.tokens-popup__icon{width:56px;height:56px}.subscription-popup__title,.tokens-popup__title{font-size:var(--text-lg)}.tokens-popup__description{font-size:var(--text-ms)}.tokens-popup__packages-list{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:var(--space-1-5)}.tokens-popup__package{padding:var(--space-2) var(--space-1) 7px;border-radius:var(--radius-sm)}.tokens-popup__package-amount{font-size:var(--text-sm)}.tokens-popup__package-label{font-size:var(--text-micro)}.tokens-popup__package-price{font-size:var(--text-xxs)}.tokens-popup__package-divider{margin:3px 0}.tokens-popup__packages-title{font-size:var(--text-ms);margin-bottom:var(--space-2-5)}.tokens-popup__packages-subtitle{font-size:var(--text-2xs);margin-bottom:var(--space-2-5)}.tokens-popup__hint{padding:var(--space-2) var(--space-2-5)}.tokens-popup__hint-text{font-size:var(--text-2xs)}.subscription-popup__actions,.tokens-popup__actions{flex-direction:column;gap:var(--space-2)}.subscription-popup__btn,.tokens-popup__btn{padding:var(--space-3);font-size:var(--text-ms)}}@media (max-width:360px){.tokens-popup--expanded{max-height:none;overflow:visible}.tokens-popup__packages-list{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:var(--space-1)}.tokens-popup__package{padding:var(--space-1-5) 2px 5px;border-radius:var(--radius-sm)}.tokens-popup__package-amount{font-size:var(--text-xs)}.tokens-popup__package-label{font-size:7px}.tokens-popup__package-price{font-size:var(--text-xs)}.tokens-popup__package-divider{margin:2px 0}.tokens-popup--expanded>.tokens-popup__title{font-size:var(--text-md)}.tokens-popup--expanded>.tokens-popup__hint,.tokens-popup--expanded>.tokens-popup__info,.tokens-popup--expanded>.tokens-popup__packages{margin-left:var(--space-2-5);margin-right:var(--space-2-5)}}@media (max-width:767px){.ui-modal-overlay.sub-modal-overlay{padding:0;align-items:flex-end}.ui-modal-container.sub-modal{max-width:100%;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0;animation:subModalSlideUp .35s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0)}.sub-modal__body{padding:var(--space-6) var(--space-5) calc(20px + env(safe-area-inset-bottom, 0px))}.sub-modal__actions{flex-direction:column}.sub-modal__btn{padding:var(--space-3-5) var(--space-4);min-height:var(--touch-target-min)}}@keyframes subModalSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}