:root{--color-primary: #ec0076;--color-secondary: #9333ea;--color-accent: #2dd4bf;--color-highlight: #fbbf24;--color-support: #4f46e5;--color-primary-subtle: rgba(236, 0, 118, .05);--color-secondary-subtle: rgba(147, 51, 234, .05);--color-accent-subtle: rgba(45, 212, 191, .05);--color-support-subtle: rgba(79, 70, 229, .05);--color-success-subtle: rgba(16, 185, 129, .05);--color-warning-subtle: rgba(251, 191, 36, .05);--color-error-subtle: rgba(225, 29, 72, .05);--color-error: #e11d48;--color-warning: #fbbf24;--color-success: #10b981;--color-text-primary: #000000;--color-text-secondary: #64748b;--color-text-on-dark: #FFFFFF;--color-text-on-dark-muted: rgba(255, 255, 255, .6);--color-text-on-dark-subtle: rgba(255, 255, 255, .3);--color-text-muted: #94a3b8;--color-bg-app: #FDFCFB;--color-bg-surface: #FFFFFF;--color-bg-muted: #f1f5f9;--color-border: #e2e8f0;--color-overlay: rgba(0, 0, 0, .4);--font-family-main: "Plus Jakarta Sans", sans-serif;--font-size-h1: 1.25rem;--font-size-h2: 1.125rem;--font-size-h3: 1rem;--font-size-body-lg: 1rem;--font-size-body-md: .9375rem;--font-size-body-sm: .875rem;--font-size-caption: .8125rem;--font-size-label: .75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-xxl: 2rem;--spacing-xxxl: 3rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1);--container-max-width: 800px;--mobile-gutter: 12px}.ds-input{width:100%;border:2px solid transparent;outline:none;transition:all .2s ease;background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-body-md);color:var(--color-text-primary)}.ds-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-surface);box-shadow:0 0 0 4px var(--color-primary-subtle)}.ds-input:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){:root{--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-body-lg: 1.125rem;--font-size-body-md: 1rem;--font-size-body-sm: .9375rem;--font-size-caption: .875rem;--font-size-label: .8125rem;--mobile-gutter: 24px;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem}}body{background-color:var(--color-bg-app);color:var(--color-text-primary);font-family:var(--font-family-main);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}.ds-container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.ds-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.ds-card-dark{background-color:var(--color-text-primary);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-lg);padding:var(--spacing-md)}.ds-section{padding:var(--spacing-sm);border-radius:var(--radius-lg);background-color:var(--color-bg-surface);border:1px solid var(--color-border)}@media(min-width:768px){.ds-section{padding:var(--spacing-xl)}}@media(max-width:640px){.ds-card,.ds-card-dark{padding:var(--spacing-md)}}@media(min-width:768px){.ds-card,.ds-card-dark{padding:var(--spacing-lg)}.ds-card{box-shadow:var(--shadow-md)}}.bg-period{background-color:var(--color-primary)}.bg-period-next{background-color:#ec007666}.bg-fertile{background-color:var(--color-success)}.bg-ovulation{background-color:var(--color-warning)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-highlight{background-color:var(--color-highlight)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-highlight{color:var(--color-highlight)}.text-accent{color:var(--color-accent)}.border-period,.border-primary{border-color:var(--color-primary)}.text-period{color:var(--color-primary)}.text-fertile{color:var(--color-success)}.text-ovulation{color:var(--color-warning)}.ds-card-interactive{transition:all .3s ease;cursor:pointer}.ds-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-base{display:inline-flex;align-items:center;justify-content:center;height:3rem;min-height:3rem;padding:0 var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-black);font-size:var(--font-size-caption);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;gap:var(--spacing-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;width:fit-content;text-transform:none;letter-spacing:.02em}@media(min-width:768px){.btn-base{height:3.5rem;min-height:3.5rem;padding:0 var(--spacing-xl);font-size:var(--font-size-body-sm)}}.btn-primary{background-color:var(--color-text-primary);color:var(--color-text-on-dark);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:#333;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-muted);border-color:var(--color-text-muted)}.btn-tertiary{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-tertiary:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-muted)}.btn-destructive{background-color:var(--color-error-subtle);color:var(--color-error);border-color:var(--color-error-subtle)}.btn-destructive:hover:not(:disabled){background-color:var(--color-error)!important;color:#fff!important;border-color:var(--color-error)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{height:2.5rem;min-height:2.5rem;padding:0 var(--spacing-md);font-size:var(--font-size-label)}.btn-base:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8);box-shadow:none!important;transform:none!important}.btn-center{margin-left:auto!important;margin-right:auto!important}.ds-toggle{display:inline-flex;background-color:var(--color-bg-muted);padding:4px;border-radius:var(--radius-md);gap:4px;width:fit-content;height:3rem;align-items:center}.ds-toggle-item{padding:0 20px;height:calc(3rem - 8px);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--radius-md) - 4px);font-size:var(--font-size-label);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.05em;text-align:center;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted);white-space:nowrap}.ds-toggle-item.active{background-color:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.ds-switch{position:relative;display:inline-block;width:52px;height:28px}.ds-switch input{opacity:0;width:0;height:0}.ds-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.4s;border-radius:34px}.ds-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.ds-switch-slider{background-color:var(--color-primary)}input:checked+.ds-switch-slider:before{transform:translate(24px)}.ds-icon-container{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.ds-icon-container-md{width:var(--spacing-xxl);height:var(--spacing-xxl)}.ds-icon-container-sm{width:var(--spacing-xl);height:var(--spacing-xl)}.h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-tight)}.h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight)}.h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.body-lg{font-size:var(--font-size-body-lg)}.body-md{font-size:var(--font-size-body-md)}.body-sm{font-size:var(--font-size-body-sm)}.label{font-size:var(--font-size-label);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.05em}.caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.99)}}@keyframes celebrate-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes star-burst{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:0}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-shimmer-pulse{animation:shimmer-pulse 1.5s ease-in-out infinite}.animate-celebrate{animation:celebrate-float 3s ease-in-out infinite}.animate-star-burst{animation:star-burst 2s ease-out infinite}@media(max-width:768px){.ds-container{padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter)}.btn-full-mobile{width:100%!important}}.onboarding-active .sidebar,.onboarding-active .mobile-header{display:none!important}.ds-logo-app{height:48px;width:auto;aspect-ratio:355 / 224}.ds-logo-landing{height:75px;width:auto;aspect-ratio:355 / 294}