@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap";:root{--color-primary: #1A1A1A;--color-primary-hover: #2D2335;--color-accent-pink: #FFC6D0;--color-accent-pink-hover: #FFB3C1;--color-accent-pink-subtle: #FFF4F6;--color-accent-green: #A8DF8E;--color-accent-green-hover: #97D67B;--color-accent-green-subtle: #F0FFDF;--bg-primary: #FAF9F5;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-subtle-grey: #EAECEF;--bg-pink-card: #FFF4F6;--bg-green-card: #F0FFDF;--bg-overlay: rgba(0, 0, 0, .45);--text-primary: #1A1A1A;--text-secondary: #555555;--text-muted: #8C96A0;--text-on-primary: #FFFFFF;--text-green-dark: #1A340D;--border-color: #E2E8F0;--border-subtle: #F1F5F9;--border-pink: #FFE3E8;--border-green: #C5EAAC;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--primary-green: var(--color-accent-green);--background-green: var(--color-accent-green-subtle);--soft-pink: var(--color-accent-pink-subtle);--accent-pink: var(--color-accent-pink);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Dancing Script", cursive;--font-size-display: 3rem;--font-size-h1: 2.25rem;--font-size-h2: 1.75rem;--font-size-h3: 1.25rem;--font-size-h4: 1.125rem;--font-size-body-lg: 1.0625rem;--font-size-body: .9375rem;--font-size-small: .8125rem;--font-size-caption: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 50px;--radius-arch: 200px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 6px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-pink: 0 8px 24px rgba(255, 198, 208, .35);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 2000;--container-sm: 480px;--container-md: 800px;--container-lg: 1100px;--container-xl: 1280px}[data-theme=dark]{--color-primary: #F8F9FA;--color-primary-hover: #EAECEF;--bg-primary: #121814;--bg-surface: #1C241D;--bg-card: #1C241D;--bg-subtle-grey: #2A362B;--bg-pink-card: #3A232A;--bg-green-card: #253620;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #F8F9FA;--text-secondary: #C0C9C0;--text-muted: #889488;--text-on-primary: #121814;--text-green-dark: #A8DF8E;--border-color: #2F3E31;--border-subtle: #243126;--border-pink: #4A2F37;--border-green: #374E32;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-pink: 0 8px 24px rgba(74, 47, 55, .5);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .5);--color-success-bg: #064E3B;--color-warning-bg: #78350F;--color-error-bg: #7F1D1D;--color-info-bg: #1E3A8A}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html,body{overscroll-behavior-y:none;-ms-overflow-style:none;scrollbar-width:none}html.route-login,body.route-login{overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-dancing{font-family:var(--font-display)}.eyebrow-badge{font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:2px;text-transform:uppercase;color:var(--color-accent-pink);margin-bottom:var(--space-xs);display:inline-block}.heading-display{font-family:var(--font-sans);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.5px}.heading-1{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.5px}.heading-2{font-family:var(--font-sans);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.3px}.heading-3{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--text-primary)}.heading-4{font-family:var(--font-sans);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary)}.text-body-lg{font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-small{font-size:var(--font-size-small);line-height:var(--line-height-normal);color:var(--text-muted)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-normal);color:var(--text-muted)}.container-sm{max-width:var(--container-sm);margin:0 auto;width:100%}.container-md{max-width:var(--container-md);margin:0 auto;width:100%}.container-lg{max-width:var(--container-lg);margin:0 auto;width:100%}.container-xl{max-width:var(--container-xl);margin:0 auto;width:100%}.ds-input,.ds-select,.ds-textarea{width:100%;font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--color-accent-pink);box-shadow:0 0 0 3px #ffc6d066}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--text-muted)}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-subtle-grey)}.btn-primary{background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-pill);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-pill);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle-grey);border-color:var(--text-muted)}.btn-pink{background:var(--color-accent-pink);color:var(--color-primary);border:none;border-radius:var(--radius-pill);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-pink);transition:transform var(--transition-fast),background var(--transition-fast)}.btn-pink:hover:not(:disabled){transform:translateY(-2px);background:var(--color-accent-pink-hover)}.btn-green{background:var(--color-accent-green);color:var(--text-green-dark);border:1px solid var(--border-green);border-radius:var(--radius-pill);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background var(--transition-fast)}.btn-green:hover:not(:disabled){transform:translateY(-2px);background:var(--color-accent-green-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:background var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle-grey);color:var(--text-primary)}.pastel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.pastel-card:hover{box-shadow:var(--shadow-md)}.pastel-card-pink{background:var(--bg-pink-card);border:1px solid var(--border-pink);border-radius:var(--radius-xl);color:var(--text-primary)}.pastel-card-green{background:var(--bg-green-card);border:1px solid var(--border-green);border-radius:var(--radius-xl);color:var(--text-green-dark)}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);white-space:nowrap}.ds-badge-pink{background:var(--color-accent-pink-subtle);color:var(--text-primary);border:1px solid var(--border-pink)}.ds-badge-green{background:var(--color-accent-green-subtle);color:var(--text-green-dark);border:1px solid var(--border-green)}.ds-badge-neutral{background:var(--bg-subtle-grey);color:var(--text-secondary);border:1px solid var(--border-color)}.ds-badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.ds-badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.pill-arch-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-arch);image-rendering:-webkit-optimize-contrast;transition:transform var(--transition-slow),filter var(--transition-slow)}.pill-arch-container{position:relative;border-radius:var(--radius-arch);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.pill-arch-container:hover{transform:translateY(-8px)}.pill-arch-container:hover .pill-arch-img{transform:scale(1.06)}@keyframes spinBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-badge{animation:spinBadge 18s linear infinite}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.animate-heartbeat{animation:heartPulse 1.8s infinite ease-in-out}.milestone-card .milestone-actions{opacity:0;transition:opacity .2s ease}.milestone-card:hover .milestone-actions{opacity:1}