.upgrade-modal-overlay{--text-primary: #1b2540;--text-secondary: #3d4762;--border-primary: #e0e4ee;--surface-bg: #F9FAFB;--panel-bg: #ffffff;--brand-color: #155EEF;display:none;position:fixed;inset:0;background:#00000080;z-index:1050;align-items:center;justify-content:center}@media(max-width:767px){.upgrade-modal-overlay{align-items:flex-end;padding:0}}@media(min-width:768px){.upgrade-modal-overlay{align-items:center;padding:16px}}[data-theme=warm] .upgrade-modal-overlay{--text-primary: #1e1c18;--text-secondary: #3f3832;--border-primary: #d4c5a8;--surface-bg: #e6d9c4;--panel-bg: #f4ecdb;--brand-color: #063082}[data-theme=dark] .upgrade-modal-overlay{--text-primary: #edf0f8;--text-secondary: #c5cce0;--border-primary: #272d42;--surface-bg: #1c2130;--panel-bg: #13161f;--brand-color: #2C63D1}.upgrade-modal{width:100%;max-height:90vh;overflow-y:auto;background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:0 18px 48px -12px #00000052}@media(max-width:767px){.upgrade-modal{border-radius:20px 20px 0 0;max-height:90dvh;animation:upgradeModalSlideUp .25s cubic-bezier(.25,.46,.45,.94)}}@media(min-width:768px){.upgrade-modal{max-width:760px;border-radius:24px}}@keyframes upgradeModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.upgrade-modal__handle{display:flex;justify-content:center;padding:12px 0 4px}.upgrade-modal__handle span{width:36px;height:4px;background:var(--border-primary);border-radius:2px}@media(min-width:768px){.upgrade-modal__handle{display:none}}.upgrade-modal__header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--panel-bg);border-bottom:1px solid var(--border-primary)}.upgrade-modal__title{flex:1 1 0%;margin:0;font-size:20px;font-weight:500;color:var(--text-primary)}.upgrade-modal__close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:8px;background:var(--panel-bg);color:var(--text-secondary);box-shadow:0 1px 2px #1018280d}.upgrade-modal__close:hover{background:var(--surface-bg)}.upgrade-modal__body{padding:24px;background:var(--panel-bg);display:flex;flex-direction:column;gap:24px}@media(min-width:768px){.upgrade-modal__body{background:var(--surface-bg)}}.upgrade-modal__banner{background:var(--panel-bg);border-radius:20px;padding:16px}.upgrade-modal__banner-heading{margin:0 0 4px;font-size:20px;font-weight:500;color:var(--text-primary)}.upgrade-modal__banner-body{margin:0;font-size:14px;color:var(--text-secondary)}.upgrade-modal__flip-container{perspective:1200px}.upgrade-modal__flip-card{display:grid;transform-style:preserve-3d;transition:transform .6s}.upgrade-modal__flip-card.flipped{transform:rotateY(180deg)}.upgrade-modal__face{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:var(--panel-bg);border-width:2px;border-style:solid;border-color:transparent;border-radius:20px;background-image:linear-gradient(var(--panel-bg),var(--panel-bg)),linear-gradient(180deg,#1d4ed8,#4e5ba6,#e4e7ec);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 24px -10px #0000000f;backface-visibility:hidden}.upgrade-modal__face--front{transform:rotateY(0)}.upgrade-modal__face--back{transform:rotateY(180deg);border-width:2px 2px 5px 2px}.upgrade-modal__back-btn{display:flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:16px;background:none;border:none;padding:0;font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-modal__plan-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upgrade-modal__plan-icon{flex-shrink:0}.upgrade-modal__plan-heading{display:flex;flex-direction:column;gap:2px}.upgrade-modal__plan-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-modal__plan-price{margin:0;font-size:18px;font-weight:700;color:var(--brand-color)}.upgrade-modal__plan-price span{font-size:13px;font-weight:500;color:var(--text-secondary)}.upgrade-modal__plan-desc{margin:0 0 16px;font-size:13px;color:var(--text-secondary);line-height:1.4}.upgrade-modal__cta-primary{width:100%;text-align:center;margin-bottom:16px}.upgrade-modal__cta-secondary{width:100%;text-align:center;background:none;border:none;padding:0;font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-modal__dismiss{display:block;width:100%;text-align:center;background:none;border:none;padding:0;font-size:14px;font-weight:600;color:var(--text-secondary)}