.pro-features{display:flex;flex-direction:column;gap:14px}.pro-feature{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-primary);font-weight:450;text-align:left}.pro-feature svg{flex-shrink:0;width:22px;height:22px;padding:4px;background:color-mix(in srgb,var(--success) 15%,transparent);border-radius:var(--radius-full);color:var(--success);align-self:flex-start;margin-top:2px}.pro-feature-text{display:flex;flex-direction:column;gap:2px;text-align:left}.pro-feature-text strong{font-weight:600;color:var(--text-primary)}.pro-feature-detail{font-size:14px;font-weight:400;line-height:1.4}.price-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary, #8b5cf6),var(--accent-secondary, #38bdf8));color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 14px;border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase}.price-main{display:flex;align-items:baseline;gap:4px}.price-amount-original{font-size:20px;font-weight:600;color:var(--text-tertiary);text-decoration:line-through;line-height:1}.price-amount{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-1.5px;line-height:1}.price-period{font-size:14px;color:var(--text-primary)}.auth-modal{padding:32px}.auth-modal-close{position:absolute;top:16px;right:16px;padding:8px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:10}@media(hover:hover){.auth-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}}.auth-modal-header{text-align:center;margin-bottom:28px}.auth-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.3px}.auth-modal-subtitle-emphasized{font-weight:500}.auth-modal .auth-form{display:flex;flex-direction:column;gap:18px}.auth-modal .auth-field{display:flex;flex-direction:column;gap:6px}.auth-modal .auth-label{font-size:14px;font-weight:600;color:var(--text-primary)}.auth-modal .auth-input{padding:12px 14px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-modal .auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.auth-modal .auth-input::placeholder{color:var(--text-tertiary)}.auth-modal .auth-button{padding:12px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:10px}.auth-modal .auth-button-primary{background:var(--accent);color:var(--bg-primary)}@media(hover:hover){.auth-modal .auth-button-primary:hover:not(:disabled){background:var(--accent-subtle)}}.auth-modal .auth-button-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}@media(hover:hover){.auth-modal .auth-button-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary)}}.auth-modal .auth-button-ghost{background:transparent;color:var(--text-secondary);padding:6px 10px;font-weight:500;font-size:14px}@media(hover:hover){.auth-modal .auth-button-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}}.auth-modal .auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-modal .auth-divider{display:flex;align-items:center;gap:14px;margin:4px 0}.auth-modal .auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-modal .auth-divider-text{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-modal .auth-footer{margin-top:24px;text-align:center}.auth-modal .auth-footer-text{font-size:14px;color:var(--text-secondary)}.auth-modal .auth-footer-link{font-weight:600;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast)}@media(hover:hover){.auth-modal .auth-footer-link:hover{color:var(--accent-subtle)}}.auth-modal .auth-error{padding:10px 12px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:14px;display:flex;align-items:flex-start;gap:8px}.auth-modal .auth-error-icon{flex-shrink:0;margin-top:1px}.auth-modal .auth-success{padding:10px 12px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--success);font-size:14px}.auth-modal .auth-google-icon{width:18px;height:18px}.auth-modal .auth-back-button{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-bottom:12px}@media(hover:hover){.auth-modal .auth-back-button:hover{color:var(--text-primary);background:var(--bg-tertiary)}}.auth-modal .auth-loading{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.addon-wall-header{padding:32px 24px 24px;text-align:center;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.addon-wall-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.5px}.addon-wall-body{padding:20px 24px 28px;overflow-y:auto;flex:1;min-height:0}.addon-wall-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.addon-pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center}.addon-pack-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary, #8b5cf6),var(--accent-secondary, #38bdf8));color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:var(--shadow-sm)}.addon-pack-card.selected{background:color-mix(in srgb,var(--accent) 8%,var(--bg-tertiary))}.addon-pack-buy{margin-top:8px;width:100%;padding:8px 0;font-size:14px;font-weight:600;color:var(--bg-primary);background:var(--accent);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;min-height:40px}@media(hover:hover){.addon-pack-buy:hover:not(:disabled){opacity:.85}}.addon-pack-buy:disabled{opacity:.5;cursor:not-allowed}.addon-pack-credits{font-size:18px;font-weight:700;color:var(--text-primary)}.addon-pack-price{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.addon-wall-note{margin-top:20px;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.5}@media(max-width:480px){.addon-wall-header,.addon-wall-body{padding-left:16px;padding-right:16px}.addon-wall-packs{gap:10px}.addon-pack-card{padding:16px}.addon-pack-credits{font-size:16px}.addon-pack-price{font-size:24px}}.pricing-main{flex:1;max-width:1080px;width:100%;margin:0 auto;padding:112px 48px 80px;text-align:center}.pricing-title{font-family:Archivo Black,sans-serif;font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1.05;color:var(--text-primary);margin:0 0 16px}.pricing-subtitle{font-size:18px;margin:0 0 56px}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}.pricing-cards:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.pricing-cards:not(:has(>:nth-child(3))){grid-template-columns:repeat(2,1fr);max-width:640px;text-align:left}.pricing-card{position:relative;background:transparent;border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover){.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:transparent}}.pricing-card-featured{position:relative;overflow:visible}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary, #8b5cf6),var(--accent-secondary, #38bdf8));color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:var(--shadow-sm);z-index:1}.pricing-card-featured .pricing-tier{background:linear-gradient(135deg,var(--accent-primary, #8b5cf6),var(--accent-secondary, #38bdf8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card-header{padding:32px 28px 24px;text-align:center;border-bottom:1px solid var(--border-subtle)}.pricing-card-featured .pricing-card-header{background:transparent}.pricing-tier{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:10px}.pricing-card-header .price-amount{font-size:44px;letter-spacing:-2px}.pricing-card-header .price-period{font-size:14px}.pricing-placeholder{height:44px;display:flex;align-items:center;justify-content:center}.pricing-shimmer{width:80px;height:32px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:pricing-shimmer 1.5s infinite}@keyframes pricing-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pricing-card-body{padding:24px 28px 32px;flex:1;display:flex;flex-direction:column;gap:24px}.pricing-actions{--pricing-action-height: 50px}.pricing-cta{display:block;min-height:var(--pricing-action-height);padding:12px 24px;text-align:center;font-size:16px;font-weight:600;line-height:24px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all .2s ease}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-subscribed{margin:0;min-height:var(--pricing-action-height);display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:var(--text-secondary)}.pricing-cta-loading{min-height:var(--pricing-action-height);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:pricing-shimmer 1.5s infinite}@media(hover:hover){.pricing-cta:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}}.pricing-cta-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}@media(hover:hover){.pricing-cta-primary:hover{opacity:.9;background:var(--text-primary);border-color:var(--text-primary)}}@media(max-width:1024px){.pricing-title{font-size:40px;letter-spacing:-1.5px}.pricing-cards{gap:16px}.pricing-card-header .price-amount{font-size:36px}.pricing-card-header{padding:28px 20px 20px}.pricing-card-body{padding:20px 20px 28px}}@media(max-width:768px){.pricing-main{padding:96px 24px 64px}.pricing-cards,.pricing-cards:has(>:nth-child(3)),.pricing-cards:not(:has(>:nth-child(3))){grid-template-columns:1fr;max-width:400px}.pricing-title{font-size:32px;letter-spacing:-1px}}.pricing-actions{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}.pricing-addon-note{margin:32px auto 0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:480px}@media(max-width:480px){.pricing-main{padding:88px 20px 56px}.pricing-title{font-size:28px}.pricing-card-header{padding:24px 20px 20px}.pricing-card-body{padding:20px 20px 24px}.pricing-card-header .price-amount{font-size:36px}}
