@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:transparent;color:var(--color-primary-dark);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-alt)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-alt)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--color-accent-light)}.btn--sm{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.btn--md{font-size:var(--font-size-sm);padding:var(--space-md) var(--space-xl);min-height:48px}.btn--lg{font-size:var(--font-size-base);padding:var(--space-lg) var(--space-2xl);min-height:56px}.btn--full{width:100%}.btn--loading{position:relative}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.form-field{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-sm);color:var(--color-text)}.form-required{color:var(--color-error);margin-left:2px}.form-input{width:100%;font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:var(--transition);outline:none;min-height:48px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c908226}.form-input::placeholder{color:var(--color-text-light)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px #c25b5626}.form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-xs)}.form-helper{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.file-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:var(--transition);background:var(--color-bg-card)}.file-upload:hover,.file-upload--active{border-color:var(--color-primary);background:#7c90820d}.file-upload-input{display:none}.file-upload-label{font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.file-upload-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card--padded{padding:var(--space-xl)}.modal{border:none;border-radius:var(--radius-xl);padding:0;max-width:560px;width:90%;box-shadow:var(--shadow-xl);background:var(--color-bg-card)}.modal::backdrop{background:var(--color-overlay)}.modal-content{padding:var(--space-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);line-height:1}.modal-close:hover{color:var(--color-text)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-xl);gap:var(--space-xs)}.tab{padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition)}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.upload-progress{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.upload-progress-bar{flex:1;height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.upload-progress-fill{height:100%;background:var(--color-primary);transition:width var(--transition)}.upload-progress-name{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select{width:100%;font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;min-height:48px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B6B6B' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c908226;outline:none}.celebrate-entry{text-align:center;padding:var(--space-xl) 0}.celebrate-entry-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:500;margin-bottom:var(--space-md)}.celebrate-entry-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:480px;margin:0 auto var(--space-2xl);line-height:var(--line-height)}.celebrate-entry-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.celebrate-option-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);cursor:pointer;transition:var(--transition);text-align:center;font-family:var(--font-body)}.celebrate-option-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.celebrate-option-icon{width:56px;height:56px;border-radius:50%;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--color-primary)}.celebrate-option-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.celebrate-option-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height)}.celebrate-wizard{padding:var(--space-lg) 0}.celebrate-wizard-body{margin-top:var(--space-2xl)}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:0}.wizard-step{display:flex;align-items:center;gap:var(--space-sm)}.wizard-step-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-card);transition:var(--transition);flex-shrink:0}.wizard-step--active .wizard-step-dot{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.wizard-step--done .wizard-step-dot{border-color:var(--color-success);background:var(--color-success);color:#fff}.wizard-step-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.wizard-step--active .wizard-step-label{color:var(--color-primary-dark)}.wizard-step--done .wizard-step-label{color:var(--color-success)}.wizard-step-line{width:40px;height:2px;background:var(--color-border);margin:0 var(--space-sm);flex-shrink:0}.wizard-step--done .wizard-step-line{background:var(--color-success)}.celebrate-step{animation:fadeInUp .3s ease}.celebrate-step-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:500;margin-bottom:var(--space-md)}.celebrate-step-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:var(--line-height)}.celebrate-step-form{margin-bottom:var(--space-xl)}.celebrate-step-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.celebrate-step-actions--multi{flex-wrap:wrap;gap:var(--space-md)}.celebrate-step-actions-right{display:flex;gap:var(--space-md);align-items:center}.celebrate-step--success{text-align:center;padding:var(--space-2xl) 0}.success-icon{color:var(--color-success);margin-bottom:var(--space-xl)}.success-actions{margin-top:var(--space-2xl);display:flex;justify-content:center;gap:var(--space-md)}.bio-options{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.bio-option-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);transition:var(--transition)}.bio-option-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:#7c908214}.audio-recorder{padding:var(--space-lg) 0}.audio-recorder-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl)}.audio-record-btn{width:80px;height:80px;border-radius:50%;border:3px solid var(--color-primary);background:var(--color-bg-card);color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.audio-record-btn:hover{background:#7c908214}.audio-record-btn--active{background:var(--color-error);border-color:var(--color-error);color:#fff;animation:pulse 1.5s ease infinite}.audio-recorder-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.audio-transcript{background:var(--color-bg-alt);border-radius:var(--radius);padding:var(--space-lg);margin:var(--space-lg) 0}.audio-transcript-text{font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text)}.ai-bio-writer{padding:var(--space-lg) 0}.import-divider{display:flex;align-items:center;gap:var(--space-lg);margin:var(--space-xl) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.import-divider:before,.import-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.import-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);gap:var(--space-lg)}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-preview-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.photo-preview-remove:hover{background:#000c}.design-section{margin-bottom:var(--space-xl)}.design-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-top:var(--space-sm)}.design-theme-card{background:var(--color-bg-card);border:2px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-sm);cursor:pointer;transition:var(--transition);text-align:center;font-family:var(--font-body)}.design-theme-card:hover{border-color:var(--color-primary-light)}.design-theme-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c908233}.design-theme-swatch{height:40px;border-radius:var(--radius-sm);margin-bottom:var(--space-xs);position:relative;overflow:hidden}.design-theme-swatch-bar{position:absolute;bottom:0;left:0;right:0;height:6px}.design-theme-name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text)}.design-layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-sm)}.design-layout-card{background:var(--color-bg-card);border:2px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-lg);cursor:pointer;transition:var(--transition);text-align:center;font-family:var(--font-body)}.design-layout-card:hover{border-color:var(--color-primary-light)}.design-layout-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c908233}.design-layout-preview{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.design-layout-card--active .design-layout-preview{color:var(--color-primary)}.design-layout-name{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:2px}.design-layout-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.celebrate-entry-title{font-size:var(--font-size-2xl)}.celebrate-entry-options{grid-template-columns:1fr}.celebrate-step-title{font-size:var(--font-size-xl)}.wizard-step-label{display:none}.wizard-step-line{width:24px}.design-theme-grid{grid-template-columns:repeat(2,1fr)}.design-layout-grid{grid-template-columns:1fr}.bio-options{flex-direction:column}.celebrate-step-actions{flex-direction:column-reverse;gap:var(--space-md)}.celebrate-step-actions .btn{width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #FDFBF7;--color-bg-alt: #F5F0E8;--color-bg-card: #FFFFFF;--color-primary: #7C9082;--color-primary-dark: #5A6E60;--color-primary-light: #A8BCA9;--color-accent: #C4A35A;--color-accent-light: #D4BC82;--color-text: #2D2D2D;--color-text-muted: #6B6B6B;--color-text-light: #9B9B9B;--color-border: #E0D8CC;--color-border-light: #EDE8E0;--color-error: #C25B56;--color-success: #5A8A6C;--color-overlay: rgba(45, 45, 45, .5);--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--line-height: 1.7;--line-height-tight: 1.3;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--max-width: 1200px;--max-width-narrow: 720px;--max-width-content: 960px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--transition: .15s ease;--transition-slow: .3s ease}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-tight);font-weight:500;color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.container--narrow{max-width:var(--max-width-narrow)}.container--content{max-width:var(--max-width-content)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.5rem}.container{padding:0 var(--space-md)}}