.nudge-backdrop{z-index:1100;background:var(--color--surface-overlay);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.nudge-card{background:var(--color--surface-raised);border:1px solid var(--color--border-default);border-radius:var(--radius--xl);width:100%;max-width:28rem;box-shadow:var(--shadow--overlay-lg);flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.nudge-capacity{background:var(--color--surface-sunken);border:1px solid var(--color--border-default);border-radius:var(--radius--md);flex-direction:column;gap:.75rem;padding:1rem 1.125rem;display:flex}.nudge-capacity__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nudge-capacity__label{margin-bottom:0}.nudge-capacity__bar{gap:.3rem;display:flex}.nudge-capacity__segment{border-radius:var(--radius--full);background:var(--color--surface-raised);border:1.5px solid var(--color--border-strong);height:.5rem;transition:var(--transition--default);flex:1}.nudge-capacity__segment.is-filled{background:var(--color--interactive-primary);border-color:var(--color--interactive-primary)}.nudge-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.nudge-comparison__card{border:1px solid var(--color--border-default);border-radius:var(--radius--md);background:var(--color--surface-sunken);flex-direction:column;gap:.3rem;padding:.875rem 1rem;display:flex}.nudge-comparison__card.is-highlight{border-color:var(--color--interactive-primary);background:var(--color--accent-purple-bg)}.nudge-comparison__label{margin-bottom:0}.nudge-comparison__arrow{color:var(--color--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nudge-content{flex-direction:column;gap:.625rem;display:flex}.nudge-body{line-height:1.6}.nudge-actions{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.nudge-secondary-btn{cursor:pointer;transition:var(--transition--default);background:0 0;border:none;padding:0;font-family:inherit}.nudge-secondary-btn:hover{opacity:.75}@media (max-width:480px){.nudge-card{padding:1.375rem}.nudge-comparison{grid-template-columns:1fr;gap:.5rem}.nudge-comparison__arrow{justify-self:center;transform:rotate(90deg)}.nudge-actions,.nudge-actions>button:first-child{width:100%}}