.ui-modal-body.sub-modal__body{display:flex;flex-direction:column;gap:var(--space-3)}.sub-modal__info{padding:calc(var(--space-1) / 2) var(--space-3-5);background:var(--modal-item-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius)}.sub-modal__info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) 0}.sub-modal__info-row+.sub-modal__info-row{border-top:1px solid var(--modal-divider)}.sub-modal__info-label{font-size:var(--text-xs);color:var(--modal-text-muted)}.sub-modal__info-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--modal-text-primary)}.sub-modal__info-value--low{color:var(--brand-red)}.sub-modal__info-value--locked{color:var(--modal-text-secondary)}.sub-modal__benefits{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.sub-modal__benefit{display:flex;align-items:center;gap:var(--space-2-5);font-size:var(--text-sm);color:var(--modal-text-secondary)}.sub-modal__benefit svg{flex-shrink:0;color:var(--modal-accent)}.sub-modal__actions-row>.ui-modal-btn,.ui-modal-footer.sub-modal__actions>.ui-modal-btn{flex:1;text-decoration:none}.ui-modal-footer.sub-modal__actions--stacked{flex-direction:column;align-items:stretch}.sub-modal__actions-row,.sub-modal__divider{display:flex;gap:var(--space-3)}.sub-modal__divider{align-items:center;color:var(--modal-text-muted);font-size:var(--text-2xs);text-transform:lowercase}.sub-modal__divider:after,.sub-modal__divider:before{content:"";flex:1;height:1px;background:var(--modal-divider)}.sub-modal__trial{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-3-5);background:var(--modal-item-bg-selected);border:1px solid var(--modal-item-border-selected);border-radius:var(--modal-item-radius);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}@media (hover:hover){.sub-modal__trial:hover{border-color:var(--modal-item-border-hover)}.sub-modal__trial:hover .sub-modal__trial-arrow{transform:translateX(2px);color:var(--modal-accent)}}.sub-modal__trial:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.sub-modal__trial-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);background:var(--modal-pill-bg-active);color:var(--modal-accent)}.sub-modal__trial-text{display:flex;flex-direction:column;gap:calc(var(--space-1) / 4);min-width:0}.sub-modal__trial-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--modal-text-primary)}.sub-modal__trial-desc{font-size:var(--text-xs);color:var(--modal-text-muted)}.sub-modal__trial-arrow{flex-shrink:0;margin-left:auto;color:var(--modal-text-muted);transition:var(--transition-all)}@media (max-width:768px){.sub-modal__actions-row{flex-direction:column;gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.sub-modal__trial,.sub-modal__trial-arrow{transition:none}}.ui-modal-body.tokens-popup__body{display:flex;flex-direction:column;gap:var(--space-3)}.tokens-popup__info{padding:var(--space-1) var(--space-3);background:var(--modal-item-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius)}.tokens-popup__info-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) 0}.tokens-popup__info-row+.tokens-popup__info-row{border-top:1px solid var(--modal-divider)}.tokens-popup__info-row svg{flex-shrink:0;color:var(--modal-text-muted)}.tokens-popup__info-label{font-size:var(--text-ms);color:var(--modal-text-secondary)}.tokens-popup__info-value{margin-left:auto;font-size:var(--text-ms);font-weight:var(--font-medium);color:var(--modal-text-primary);text-align:right}.tokens-popup__info-value--highlight{color:var(--modal-accent)}.tokens-popup__info-value--date,.tokens-popup__packages-title{color:var(--modal-text-primary);font-weight:var(--font-semibold)}.tokens-popup__packages-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1-5);font-size:var(--text-sm)}.tokens-popup__packages-title svg{color:var(--modal-accent)}.tokens-popup__packages-subtitle{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--modal-text-muted);line-height:var(--leading-snug)}.tokens-popup__packages-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.tokens-popup__package{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--space-1) / 2);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-1-5) var(--space-2-5);background:var(--modal-item-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);font:inherit;color:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}@media (hover:hover){.tokens-popup__package:hover{background:var(--modal-item-bg-selected);border-color:var(--modal-item-border-hover)}}.tokens-popup__package:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.tokens-popup__package-amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--modal-accent);line-height:var(--leading-snug)}.tokens-popup__package-label{font-size:var(--text-xxs);color:var(--modal-text-muted)}.tokens-popup__package-divider{width:70%;height:1px;margin:var(--space-1) 0;background:var(--modal-divider)}.tokens-popup__package-price{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--modal-text-primary);white-space:nowrap}.tokens-popup__hint{display:flex;align-items:flex-start;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);background:var(--modal-item-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius)}.tokens-popup__hint-icon{flex-shrink:0;display:flex;color:var(--modal-accent)}.tokens-popup__hint-text{font-size:var(--text-xs);color:var(--modal-text-secondary);line-height:var(--leading-snug)}.tokens-popup__hint-text strong{color:var(--modal-text-primary);font-weight:var(--font-semibold)}.ui-modal-footer.tokens-popup__actions>.ui-modal-btn{flex:1;text-decoration:none}@media (max-width:480px){.tokens-popup__packages-list{gap:var(--space-1-5)}.tokens-popup__package{padding:var(--space-2) var(--space-1) var(--space-1-5)}.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:calc(var(--space-1) / 2) 0}.tokens-popup__info-label,.tokens-popup__info-value{font-size:var(--text-xs)}.tokens-popup__hint-text{font-size:var(--text-2xs)}}@media (prefers-reduced-motion:reduce){.tokens-popup__package{transition:none}}.tokens-popup__body .tokens-popup__need{margin:0;color:var(--modal-accent);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}