.scrollToTopBtn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, #3a7050 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #2d5a3d4d}.scrollToTopBtn:hover{filter:brightness(1.06);transform:scale(1.1);box-shadow:0 4px 16px #2d5a3d66}.imageDeleteOverlayBtn{top:var(--space-2);right:var(--space-2);padding:var(--space-1);color:#fff;border-radius:var(--radius-full);cursor:pointer;z-index:10;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border:none;justify-content:center;align-items:center;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.imageDeleteOverlayBtn:hover{transform:scale(1.15);box-shadow:0 2px 8px #dc26264d}.carouselNavBtn{border-radius:var(--radius-full);border:1.5px solid var(--color-primary);width:48px;height:48px;color:var(--color-primary);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.carouselNavBtn:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}.menuItemBtn{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;font-size:inherit;color:inherit;background-color:#0000;border:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.menuItemBtn:hover{background-color:#d1fae5}.menuItemBtn--danger:hover{background-color:#fee2e2}.segmentedControl{border:2px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;overflow:hidden}.segmentedControl .btn{box-shadow:none;border:none;border-right:1px solid #16a34a33;border-radius:0}.segmentedControl .btn:last-child{border-right:none}.segmentedControl .btn:hover,.segmentedControl .btn:active{box-shadow:none;transform:none}.completionModal{border-radius:var(--radius-xl);width:100%;max-width:500px;padding:var(--space-6);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 50%,#fde68a 100%);border:1px solid #fcd34d;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.completionModalHeader{text-align:center;margin-bottom:var(--space-5)}.completionModalIcon{width:64px;height:64px;margin-bottom:var(--space-3);color:#fff;background:linear-gradient(135deg,#16a34a 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 14px #16a34a66}.completionModalIcon svg{width:32px;height:32px}.completionModalTitle{font-size:var(--font-size-2xl);color:#15803d;margin:0 0 var(--space-2) 0;font-weight:700}.completionModalSubtitle{font-size:var(--font-size-base);color:#374151;margin:0;line-height:1.6}.completionModalSection{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fffc;border:1px solid #fbbf2480}.completionModalSectionHeader{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.completionModalSectionIcon{flex-shrink:0;width:18px;height:18px}.completionModalSectionIcon.scripture{color:#d97706}.completionModalSectionIcon.heart{color:#dc2626}.completionModalSectionIcon.sun{color:#f59e0b}.completionModalSectionTitle{font-size:var(--font-size-sm);color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600}.completionModalReflection{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf2499}.completionModalReflectionText{font-size:var(--font-size-sm);color:#78350f;margin:0;font-style:italic;line-height:1.7}.completionModalTomorrow{align-items:flex-start;gap:var(--space-3);background-color:#ffffffb3;border:1px solid #bbf7d0;display:flex}.completionModalTomorrowTitle{font-size:var(--font-size-sm);color:#15803d;margin:0 0 var(--space-1) 0;font-weight:600}.completionModalTomorrowText{font-size:var(--font-size-sm);color:#374151;margin:0;line-height:1.6}.completionModalStudyComplete{text-align:center;background-color:#ffffffb3;border:1px solid #bbf7d0}.completionModalStudyCompleteTitle{font-size:var(--font-size-base);color:#15803d;margin:0 0 var(--space-2) 0;font-weight:600}.completionModalStudyCompleteText{font-size:var(--font-size-sm);color:#374151;margin:0;line-height:1.6}.completionModalActions{gap:var(--space-2);flex-direction:column;display:flex}.completionModalBtn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:flex}.completionModalBtn.primary{color:#fff;background:linear-gradient(90deg,#16a34a,#059669)}.completionModalBtn.primary:hover{background:linear-gradient(90deg,#15803d,#047857)}.completionModalBtn.secondary{color:#fff;background:linear-gradient(90deg,#3b82f6,#2563eb)}.completionModalBtn.secondary:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.completionModalBtn svg{width:18px;height:18px}.generationModal{width:100%;max-width:800px;max-height:90vh;margin:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-6);overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.generationModal--generating{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fcd34d}.generationModal--success{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:1px solid #86efac}.generationModal--failed{background:linear-gradient(to bottom right,#fef2f2,#fee2e2);border:1px solid #fca5a5}.generationModal--paused{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fbbf24}.generationModalHeader{margin-bottom:var(--space-4);position:relative}.generationModalTitle{font-size:var(--font-size-xl);align-items:center;font-weight:600;display:flex}.generationModalTitle--generating{color:#b45309}.generationModalTitle--success{color:#15803d}.generationModalTitle--failed{color:#991b1b}.generationModalTitle--paused{color:#b45309}.generationModalSubtitle{font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2)}.generationModalIcon{margin-right:var(--space-3);position:relative}.generationModalIconPulse{opacity:.2;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.generationModalContent{gap:var(--space-4);flex-direction:column;display:flex}.generationModalSection{border-radius:var(--radius-lg);padding:var(--space-4);background-color:#ffffffb3}.generationModalSection--success{border:1px solid #86efac}.generationModalSection--failed{border:1px solid #fca5a5}.generationModalSection--paused{background-color:#fffbeb;border:1px solid #fbbf24}.generationPausedInfo{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.generationPausedDetails{flex:1}.generationPausedProgress{font-size:var(--font-size-lg);color:#92400e;margin:0;font-weight:600}.generationPausedHint{font-size:var(--font-size-sm);color:#78716c;margin:var(--space-1) 0 0 0}.generationProgressBar--paused{background-color:#fef3c7}.generationProgressFill--paused{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.generationIconLarge{width:48px;height:48px}.generationProgressWrapper{gap:var(--space-2);flex-direction:column;display:flex}.generationProgressBar{background-color:#ffffffb3;border-radius:9999px;height:24px;position:relative;overflow:hidden}.generationProgressFill{background:linear-gradient(90deg,#f59e0b,#fbbf24);justify-content:center;align-items:center;min-width:40px;height:100%;transition:width .5s ease-out;display:flex}.generationProgressText{font-size:var(--font-size-xs);color:#fff;font-weight:600}.generationProgressLabel{font-size:var(--font-size-sm);color:#b45309;font-weight:500}.generationDayTimeline{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.generationDay{padding:var(--space-2);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:48px;display:flex}.generationDay--pending{background-color:#ffffff80;border:1px solid #e5e7eb}.generationDay--current{background-color:#f59e0b33;border:2px solid #f59e0b}.generationDay--completed{background-color:#16a34a1a;border:1px solid #86efac}.generationDayIcon{font-size:var(--font-size-xs);font-weight:600}.generationDayIcon--pending{color:#9ca3af}.generationDayIcon--current{color:#f59e0b}.generationDayIcon--completed{color:#16a34a}.generationDayTime{color:#6b7280;margin-top:2px;font-size:10px}.generationTimeInfo{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#ffffff80;justify-content:space-between;align-items:center;display:flex}.generationTimeLabel{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;display:flex}.generationTimeValue{font-family:monospace;font-weight:500}.generationTimeRemaining{font-size:var(--font-size-sm);color:#6b7280}.generationStatsList{gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;flex-direction:column;display:flex}.generationStatItem{align-items:center;gap:var(--space-2);display:flex}.generationSectionHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.generationSectionLabel{font-size:var(--font-size-sm);font-weight:500}.generationSectionLabel--success{color:#15803d}.generationSectionMeta{font-size:var(--font-size-xs);color:#6b7280}.generationErrorText{font-size:var(--font-size-sm);color:#991b1b;margin-bottom:var(--space-2)}.generationErrorProgress{font-size:var(--font-size-xs);color:#6b7280}.generationModalActions{justify-content:flex-end;gap:var(--space-3);display:flex}.generationModalActions--center{justify-content:center}.btn-success{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border:none;padding:9px 22px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #16a34a33}.btn-success:hover{filter:brightness(1.06);transform:scale(1.03);box-shadow:0 4px 16px #16a34a4d}.btn-success:active{transform:scale(.97)}.btn-warning{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);border:none;padding:9px 22px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #f59e0b33}.btn-warning:hover{filter:brightness(1.06);transform:scale(1.03);box-shadow:0 4px 16px #f59e0b4d}.btn-warning:active{transform:scale(.97)}.btn-outline-success{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-dark);border:1.5px solid var(--color-brand-dark);border-radius:var(--radius-full);cursor:pointer;background-color:#0000;padding:9px 22px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-success:hover{background-color:#f0fdf4;transform:scale(1.03)}.btn-outline-success:active{transform:scale(.97)}.btn-outline-danger{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#dc2626;border-radius:var(--radius-full);cursor:pointer;background-color:#0000;border:1.5px solid #fca5a5;padding:9px 22px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-danger:hover{background-color:#fef2f2;border-color:#dc2626;transform:scale(1.03)}.btn-outline-danger:active{transform:scale(.97)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border:none}.btn-ghost:hover{color:var(--color-primary);background-color:#f0fdf4;transform:scale(1.03)}.btn-ghost:active{transform:scale(.97)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;background-color:#0000;transform:none!important}.btn-outline-warning{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#b45309;border-radius:var(--radius-full);cursor:pointer;background-color:#0000;border:1.5px solid #fcd34d;padding:9px 22px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-warning:hover{background-color:#fffbeb;border-color:#f59e0b;transform:scale(1.03)}.btn-outline-warning:active{transform:scale(.97)}.btn-outline-warning:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.generationCancelLink{font-size:var(--font-size-sm);color:#6b7280;cursor:pointer;background:0 0;border:none;text-decoration:underline}.generationCancelLink:hover{color:#374151}.generationJobsModal{flex-direction:column;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.generationJobsModal .modalContent{flex:1;overflow-y:auto}.generationJobsLoading,.generationJobsError,.generationJobsEmpty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:#6b7280;flex-direction:column;display:flex}.generationJobsEmptyHint{font-size:var(--font-size-sm);color:#9ca3af}.generationJobsList{gap:var(--space-3);flex-direction:column;display:flex}.generationJobCard{border-radius:var(--radius-lg);padding:var(--space-4);background-color:#fff;border:1px solid #e5e7eb;transition:border-color .2s}.generationJobCard:hover{border-color:#d1d5db}.generationJobHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.generationJobStatus{align-items:center;gap:var(--space-2);font-weight:500;display:flex}.generationJobStatusIcon{width:16px;height:16px}.generationJobStatusIcon--success{color:#16a34a}.generationJobStatusIcon--error{color:#dc2626}.generationJobStatusIcon--warning{color:#f59e0b}.generationJobStatusIcon--info{color:#3b82f6}.generationJobDate{font-size:var(--font-size-sm);color:#9ca3af}.generationJobProgress{margin-bottom:var(--space-3)}.generationJobProgressBar{border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);background-color:#e5e7eb;overflow:hidden}.generationJobProgressFill{border-radius:var(--radius-full);background:linear-gradient(90deg,#16a34a,#22c55e);height:100%;transition:width .3s}.generationJobProgressText{font-size:var(--font-size-sm);color:#6b7280}.generationJobError{font-size:var(--font-size-sm);color:#dc2626;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background-color:#fef2f2}.generationJobActions{gap:var(--space-2);justify-content:flex-end;display:flex}.generationJobStatus--completed .generationJobProgressFill{background:linear-gradient(90deg,#16a34a,#22c55e)}.generationJobStatus--failed .generationJobProgressFill{background:linear-gradient(90deg,#dc2626,#ef4444)}.generationJobStatus--paused .generationJobProgressFill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.generationJobStatus--progress .generationJobProgressFill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.generationIcon{width:24px;height:24px;margin-right:var(--space-3)}.generationIcon--success{color:#16a34a}.generationIcon--error{color:#dc2626}.generationIcon--warning{color:#d97706}.generationIcon--spin{animation:1s linear infinite spin}.generationIconSmall{width:16px;height:16px}.generationIconTiny{width:14px;height:14px}.pageContainer{min-height:100vh;padding-bottom:var(--space-16);background:linear-gradient(to bottom right,#fff 0%,#fffbf0 50%,#fef9e7 100%)}.pageContainerLight{background-color:var(--color-bg-light);min-height:100vh}.pageContainerAmber{min-height:100vh;padding-bottom:var(--space-16);background-color:#fef3e2}.heroSection{background-color:var(--color-bg-dark);background:linear-gradient(135deg, var(--color-bg-dark) 0%, #014d2f 100%);color:#fff;padding:var(--space-3) 0 var(--space-8)}.heroSection .container{padding-top:32px}.heroContent{text-align:center;max-width:800px;margin:0 auto}.heroTitle{font-size:var(--font-size-6xl);margin-bottom:var(--space-6);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.heroSubtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-8);opacity:.95;line-height:var(--line-height-relaxed)}.contentSection{padding:var(--space-16) 0}.contentSectionCompact{padding:var(--space-8) 0}.contentWrapper{max-width:900px;margin:0 auto}.contentWrapperWide{max-width:1200px;margin:0 auto}.innerContainer{max-width:800px;margin:0 auto}.formGroup{margin-bottom:var(--space-6)}.formLabel{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.formInput{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast);background-color:#fff;outline:none}.formInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.formInput:disabled{background-color:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.formInputFlex{flex:1;min-width:150px}.formTextarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast);resize:vertical;min-height:120px;font-family:inherit;line-height:var(--line-height-relaxed);background-color:#fff;outline:none}.formTextarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.formTextarea::placeholder{font-size:var(--font-size-sm);color:#9ca3af}.formSelect{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;background-color:#fff;outline:none}.formSelect:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.formError{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-sm);color:#dc2626;display:flex}.formHelperText{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.helpMessage{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.formLabelDescription{font-size:var(--font-size-xs);color:#6b7280;margin-bottom:var(--space-2)}.settingsOptions{gap:var(--space-2);flex-direction:column;display:flex}.settingsCheckboxOption{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);cursor:pointer;display:flex}.settingsCheckboxOption input[type=checkbox]{accent-color:var(--color-primary);margin-top:2px}.settingsCheckboxOption .settingsOptionTitle{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.settingsCheckboxOption .settingsOptionDescription{font-size:var(--font-size-xs);color:#6b7280;margin:0}.privacyOptionCompact{padding:var(--space-2);margin:0}.privacyOptionCompact .privacyContent{margin-left:var(--space-2)}.privacyOptionCompact .privacyTitle{font-size:var(--font-size-sm)}.privacyOptionCompact .privacyHeader{align-items:center;gap:var(--space-1);display:flex}.twoColumnGrid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.twoColumnGrid{grid-template-columns:1fr}}.formGroupCompact{margin-bottom:0}.scrollableList{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:250px;overflow-y:auto}.memberListItemCompact{padding:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.memberListItemCompact:last-child{border-bottom:none}.memberListItemCompact .memberInfo{align-items:center;gap:var(--space-2);display:flex}.memberListItemCompact .memberDetails .memberName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.memberListItemCompact .memberDetails .memberEmail{font-size:var(--font-size-xs);color:#6b7280}.memberListItemCompact .memberActions{align-items:center;gap:var(--space-2);display:flex}.avatarInitialsSmall{color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:#16a34a;border-radius:50%;justify-content:center;align-items:center;display:flex}.btnIcon{align-items:center;gap:var(--space-1);display:flex}.btnDanger{color:var(--color-danger)}.formSelectCompact{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.loadingCenter{text-align:center;padding:var(--space-4)}.formSection{margin-bottom:var(--space-6)}.errorCardMargin{margin-top:var(--space-4)}.privacyOptions{gap:var(--space-3);flex-direction:column;display:flex}.privacyOption{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;display:flex}.privacyOption:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-secondary)}.privacyOption:has(input:checked){border-color:var(--color-primary);background-color:#16a34a0d}.privacyOption input[type=radio],.privacyOption input[type=checkbox]{margin-top:var(--space-1);accent-color:var(--color-primary);flex-shrink:0;width:18px;height:18px}.privacyContent{flex:1;min-width:0}.privacyHeader{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--color-text-primary);display:flex}.privacyTitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.privacyDescription{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.formHeader{margin-bottom:var(--space-6)}.formTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-primary-dark)}.formDescription{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.checkboxContainer{align-items:center;gap:var(--space-3);display:flex}.checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.checkboxLabel{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}.formRow{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.formRow{grid-template-columns:1fr}}.formRowFlex{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.formInputError:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.required{color:#dc2626;margin-left:2px}.radioOption{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;display:flex}.radioOption:hover{border-color:var(--color-primary);background-color:#16a34a0d}.radioOption input[type=radio]{cursor:pointer;accent-color:var(--color-primary);width:18px;height:18px}.radioOption:has(input[type=radio]:checked){border-color:var(--color-primary);background-color:#16a34a1a}.fullWidthButton{width:100%}.requestList{gap:var(--space-6);flex-direction:column;display:flex}.requestFormContainer{max-width:800px;margin:0 auto}.prayerForm{gap:var(--space-6);flex-direction:column;display:flex}.buttonContainer{margin-top:var(--space-8);justify-content:flex-end;display:flex}.completeButton{color:#fff;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);background-color:#16a34a;transition:background-color .2s;display:flex}.completeButton:hover:not(:disabled){background-color:#15803d}.completeButton:disabled{cursor:not-allowed;opacity:.5}.icon{width:16px;height:16px}.title{font-size:var(--font-size-xl);color:#15803d;margin:0;margin-bottom:var(--space-1);font-weight:700}.subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.completedBadge{color:#fff;align-items:center;gap:var(--space-1);background-color:#16a34a;display:flex}.header{padding:var(--space-6)}.tabsContainer{padding:0 var(--space-6) var(--space-6)}.tabContainer{margin-bottom:var(--space-6)}.tabList{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-6);scrollbar-width:none;-ms-overflow-style:none;gap:0;display:flex;overflow-x:auto}.tabList::-webkit-scrollbar{display:none}.tabButton{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;letter-spacing:.01em;background-color:#0000;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;position:relative}.tabButton:hover{color:var(--color-text-primary)}.tabButtonActive{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tabPanel{animation:.2s ease-out fadeIn}.dayNavigationTabs{margin-top:var(--space-4);margin-bottom:var(--space-6)}.dayTab{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.dayTabViewed{opacity:.6;color:var(--color-text-secondary)!important}.dayTabNewActivity{animation:2s cubic-bezier(.4,0,.6,1) infinite tabPulse;border-bottom-color:#ef4444!important}.dayTabBadge{color:#fff;text-align:center;background-color:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.2;position:absolute;top:-8px;right:-12px;box-shadow:0 2px 4px #0003}.dayTabBadgeDot{background-color:#16a34a;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #fff,0 2px 4px #0003}@keyframes tabPulse{0%,to{opacity:1}50%{opacity:.8}}.cardHeader{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.cardBody{flex:1}.cardContent{padding:var(--space-6)}.cardFooter{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cardMeta{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.metaItem{align-items:center;gap:var(--space-1);display:flex}.cardTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.cardExcerpt{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.infoCard{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.infoCard .icon{color:var(--color-secondary);vertical-align:middle;width:20px;height:20px;margin-right:var(--space-2)}.infoCard h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);align-items:center;display:flex}.infoCard ul{padding-left:var(--space-5);color:var(--color-text-muted);margin:0}.infoCard li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.warningCard{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fef3c7;border:1px solid #fcd34d}.errorCard{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fef2f2;border:1px solid #fecaca}.errorMessage{padding:var(--space-4);margin:var(--space-2);border-radius:var(--radius-md);color:#991b1b;text-align:center;font-size:var(--font-size-sm);background-color:#fee2e2;border:1px solid #ef4444}.successCard{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#f0fdf4;border:1px solid #86efac}.prayerCard{cursor:pointer;transition:all var(--transition-base)}.prayerCard:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.prayerButton{align-items:center;gap:var(--space-2);display:flex}.frostGlassCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border-color:#fcd34d;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sectionHeader{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.sectionTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sectionDescription{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--space-2)}.progressSection{margin-top:var(--space-4)}.studyCoverImageWrapper{margin-top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden}.studyCoverImage{object-fit:cover;width:100%;height:auto;max-height:400px;display:block}.progressBadgeWrapper{margin-bottom:var(--space-3)}.progressBadge{border-radius:var(--radius-full);font-size:var(--font-size-sm);padding:6px 16px;font-weight:600;display:inline-block}.progressBadgeActive{color:#fff;background-color:#16a34a}.progressBadgeCompleted{color:#fff;background-color:#d97706}.progressBar{border-radius:var(--radius-full);height:12px;margin-top:var(--space-2);background-color:#e5e7eb;overflow:hidden}.progressFill{border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:0 1px 3px #0000001a}.progressFillActive{background-color:#16a34a}.progressFillCompleted{background-color:#d97706}.progressText{margin-top:var(--space-1);font-size:var(--font-size-xs);color:#6b7280;justify-content:space-between;display:flex}.communityCard{box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);margin-top:var(--space-6);background-color:#fff;border:1px solid #86efac}.communityContent{padding:var(--space-6)}.communityHeader{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);text-align:center;display:flex}.communityIconWrapper{border-radius:var(--radius-lg);padding:var(--space-3);background-color:#f0fdf4;justify-content:center;align-items:center;display:flex}.communityTextWrapper{flex:1}.communityTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#15803d;margin-bottom:var(--space-2)}.communityDescription{color:#6b7280;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.communityButton{color:#fff;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;background-color:#16a34a;border:2px solid #16a34a;font-weight:500;display:inline-flex}.communityButton:hover{background-color:#15803d;border-color:#15803d}.actionButtonWrapper{justify-content:center;display:flex}.actionButton{min-width:200px;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;font-weight:600;display:inline-flex}.actionButtonPrimary{color:#fff;background-color:#16a34a;border:2px solid #16a34a}.actionButtonPrimary:hover{background-color:#15803d;border-color:#15803d}.actionButtonCompleted{color:#fff;background-color:#d97706;border:2px solid #d97706}.actionButtonCompleted:hover{background-color:#b45309;border-color:#b45309}.loadingContainer{text-align:center;justify-content:center;align-items:center;min-height:400px;display:flex}.loadingSpinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:48px;height:48px;margin:0 auto var(--space-4);border-radius:50%;animation:1s linear infinite spin}.loadingText{color:var(--color-text-secondary);font-size:var(--font-size-base)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f3f4f6 0%,#e5e7eb 50%,#f3f4f6 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmerBg}@keyframes shimmerBg{0%{background-position:-200% 0}to{background-position:200% 0}}.skeletonCard{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeletonTitle{border-radius:var(--radius-md);height:24px;margin-bottom:var(--space-3);background-color:#e5e7eb}.skeletonText{border-radius:var(--radius-md);height:20px;margin-bottom:var(--space-2);background-color:#e5e7eb}.skeletonTextShort{border-radius:var(--radius-md);background-color:#e5e7eb;width:75%;height:16px}.statusBadge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.statusBadgeActive{color:#166534;background-color:#dcfce7}.statusBadgeCompleted{color:#92400e;background-color:#fef3c7}.statusBadgePending{color:#1e40af;background-color:#dbeafe}.statsGrid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.filterGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;display:grid}.statValue{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.statLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.statIcon{color:#16a34a;width:24px;height:24px;margin:0 auto var(--space-2)}.statValueCapitalized{text-transform:capitalize}.studyStatCard{padding:var(--space-3);color:#166534;align-items:center;gap:var(--space-2);text-align:left;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac;flex-direction:row;display:flex}.studyStatIcon{color:#166534;flex-shrink:0;width:20px;height:20px;margin:0}.studyStatCard .statValue,.studyStatValue{font-size:var(--font-size-lg);margin-bottom:0;font-weight:600;color:#166534!important}.studyStatCard .statLabel{color:#166534}.statsSection{padding:0 var(--space-6) var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.infoSection{border-radius:var(--radius-lg);padding:var(--space-4);background-color:#f0fdf4;border:1px solid #bbf7d0}.infoTitle{color:#15803d;margin-bottom:var(--space-2);font-weight:500}.infoText{color:#166534;font-size:var(--font-size-sm)}.studyCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);cursor:pointer;background-color:#ffffffe6;border:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.studyCardBody{padding:var(--space-6);flex-grow:1}.studyCardHeader{justify-content:space-between;align-items:flex-start;display:flex}.studyCardHeaderContent{flex-grow:1}.studyCardFooter{padding:0 var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.studyCardFooterContent{flex-grow:1}.studyTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d}.studyLanguageSwitcher{align-items:center;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-2);display:flex}.studyLanguageSwitcherIcon{color:var(--color-text-muted);flex-shrink:0}.studyLanguageSwitcher .form-select-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);width:auto}.studyDescription{color:#6b7280;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.featuredBadge{color:#1e40af;background-color:#dbeafe;align-items:center;width:fit-content;display:inline-flex}.headerContent{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.notFoundCard{background:#fff;border:1px solid #e5e7eb}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);display:flex}.breadcrumbLink{color:var(--color-primary);transition:color var(--transition-fast);align-items:center;gap:var(--space-1);text-decoration:none;display:flex}.breadcrumbLink:hover{color:#15803d;text-decoration:underline}.breadcrumbSeparator{color:var(--color-border)}.studyBreadcrumb{margin-bottom:var(--space-4);font-size:var(--font-size-base)}@media (max-width:768px){.hideOnMobile{display:none}.heroTitle{font-size:var(--font-size-4xl)}.heroSubtitle{font-size:var(--font-size-lg)}}@media (min-width:769px){.showOnMobile{display:none}}.focusVisible:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study-content-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-6);background-color:#ffffffe6;border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.study-content-title{font-size:var(--font-size-2xl);color:#15803d;margin:0;margin-bottom:var(--space-4);font-weight:700}.study-content-text{color:#374151;font-size:var(--font-size-base);text-align:justify;line-height:1.8}.reflection-question-card{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fff;border:1px solid #bbf7d0}.reflection-question-text{color:#15803d;margin-bottom:var(--space-2);font-weight:500;font-size:var(--font-size-base)}.reflection-textarea{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);resize:none;font-size:var(--font-size-base);color:#374151;transition:all var(--transition-base);line-height:1.6;font-family:var(--font-primary);background-color:#f9fafb;border:2px solid #d1fae5}.reflection-textarea:focus{background-color:#fff;border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.reflection-textarea:disabled{cursor:not-allowed;opacity:.75;background-color:#f3f4f6}.reflection-textarea::placeholder{color:#9ca3af;font-style:italic}.forum-sharing-card{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(to bottom right,#fef3c7,#fef9c3);border:1px solid #fcd34d}.commentThread{gap:var(--space-3);flex-direction:column;display:flex}.commentCard{border-radius:var(--radius-lg);padding:var(--space-4);margin-left:calc(var(--thread-depth,0) * var(--space-6));background-color:#fff;border:1px solid #f3f4f6;position:relative}.commentThread[style*="--thread-depth: 1"] .commentCard,.commentThread[style*="--thread-depth: 2"] .commentCard,.commentThread[style*="--thread-depth: 3"] .commentCard,.commentThread[style*="--thread-depth: 4"] .commentCard,.commentThread[style*="--thread-depth: 5"] .commentCard{margin-left:var(--space-6);border-left:3px solid #d1fae5}.commentThread[style*="--thread-depth: 2"] .commentCard{border-left-color:#86efac}.commentThread[style*="--thread-depth: 3"] .commentCard{border-left-color:#4ade80}.commentThread[style*="--thread-depth: 4"] .commentCard{border-left-color:#22c55e}.commentThread[style*="--thread-depth: 5"] .commentCard{border-left-color:#16a34a}.commentReplies{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}@media (max-width:768px){.commentCard{margin-left:calc(var(--thread-depth,0) * var(--space-3))}.commentThread[style*="--thread-depth: 1"] .commentCard,.commentThread[style*="--thread-depth: 2"] .commentCard,.commentThread[style*="--thread-depth: 3"] .commentCard,.commentThread[style*="--thread-depth: 4"] .commentCard,.commentThread[style*="--thread-depth: 5"] .commentCard{margin-left:var(--space-3)}}.reflection-card{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(to bottom right,#fff,#eff6ff);border:2px solid #bfdbfe}.reflection-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#1e40af;background-color:#dbeafe;align-items:center;display:inline-flex}.action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);background-color:#0000;border:none;display:flex}.action-btn:hover{background-color:#f3f4f6}.action-btn.like-btn:hover{color:#ef4444;background-color:#fef2f2}.action-btn.reply-btn:hover{color:#16a34a;background-color:#f0fdf4}.action-btn.liked{color:#ef4444}.reply-form{margin-top:var(--space-4);margin-left:44px}.reply-form-controls{gap:var(--space-2);display:flex}.reply-form-controls textarea{resize:none;min-height:80px;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);border:2px solid #d1fae5;flex:1;font-family:inherit}.reply-form-controls textarea:focus{border-color:#16a34a;outline:none}.reply-form-buttons{gap:var(--space-1);flex-direction:column;display:flex}.reply-submit-btn{padding:var(--space-2);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);background-color:#16a34a;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;font-weight:600;display:flex}.reply-submit-btn:hover{background-color:#15803d}.reply-submit-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.reply-cancel-btn{padding:var(--space-2);color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}.reply-cancel-btn:hover{background-color:#f3f4f6}.notificationBellContainer{display:inline-block;position:relative}.notificationBellButton{border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:relative}.notificationBellButton:hover{background-color:#0000000d}.notificationBellButton:focus{outline-offset:2px;outline:2px solid #f59e0b}.notificationBellButtonActive .notificationBellIcon{color:#f59e0b}.notificationBellIcon{color:#6b7280;width:20px;height:20px;transition:color .2s}.notificationBellBadge{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notificationDropdown{border-radius:var(--radius-xl);z-index:1100;background-color:#fff;border:1px solid #e5e7eb;width:384px;max-width:90vw;position:fixed;top:70px;right:80px;overflow:hidden;box-shadow:0 10px 25px #00000026}.notificationDropdownHeader{padding:var(--space-4) var(--space-5);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.notificationDropdownHeaderActions{align-items:center;gap:var(--space-2);display:flex}.notificationDropdownCloseBtn{cursor:pointer;border-radius:var(--radius-md);color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,color .2s;display:none}.notificationDropdownCloseBtn:hover{color:#374151;background-color:#f3f4f6}@media (max-width:640px){.notificationDropdownCloseBtn{display:flex}}.notificationDropdownTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.notificationDropdownMarkAllBtn{font-size:var(--font-size-sm);color:#f59e0b;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;transition:background-color .2s}.notificationDropdownMarkAllBtn:hover{background-color:#f59e0b1a}.notificationDropdownMarkAllBtn:disabled{opacity:.5;cursor:not-allowed}.notificationDropdownList{max-height:480px;overflow-y:auto}.notificationDropdownLoading{padding:var(--space-4)}.skeletonNotificationItem{height:72px;margin-bottom:var(--space-2);border-radius:var(--radius-md)}.notificationDropdownFooter{padding:var(--space-3) var(--space-5);text-align:center;border-top:1px solid #e5e7eb}.notificationDropdownViewAllLink{font-size:var(--font-size-sm);color:#f59e0b;font-weight:500;text-decoration:none;transition:color .2s}.notificationDropdownViewAllLink:hover{color:#d97706}@media (max-width:640px){.notificationDropdown{width:100vw;max-width:100vw;height:100vh;z-index:9999;border-radius:0;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.notificationDropdownList{flex:1;max-height:none}.notificationDropdownHeader{padding:var(--space-4) var(--space-5);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px))}.notificationDropdownFooter{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}.notificationItem{gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;background-color:#fff;border-bottom:1px solid #f3f4f6;transition:background-color .2s;display:flex}.notificationItem:last-child{border-bottom:none}.notificationItem:hover{background-color:#f9fafb}.notificationItem:focus{outline-offset:-2px;outline:2px solid #f59e0b}.notificationItemUnread{background-color:#fef3c7}.notificationItemUnread:hover{background-color:#fde68a}.notificationItemAvatar{border-radius:9999px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.notificationItemAvatarImage{object-fit:cover;width:100%;height:100%}.notificationItemAvatarPlaceholder{color:#fff;width:100%;height:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:#f59e0b;justify-content:center;align-items:center;display:flex}.notificationItemIcon{background-color:#fef3c7;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.notificationItemContent{flex:1;min-width:0}.notificationItemHeader{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.notificationItemTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.notificationItemUnreadDot{background-color:#f59e0b;border-radius:9999px;flex-shrink:0;width:8px;height:8px}.notificationItemBody{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.notificationItemTime{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.studyDayHeader{margin-bottom:var(--space-6)}.studyDayBreadcrumb{margin-bottom:var(--space-4)}.studyDayHeaderCard{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.studyDayCardContent{padding:var(--space-3) var(--space-6)}.studyDayBadgeContainer{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.studyDayTitle{font-size:var(--font-size-xl);color:#15803d;margin:0 0 var(--space-3) 0;font-weight:700}.studyDayNavButtons{align-items:center;gap:var(--space-2);display:flex}.studyDayNavButton{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.studyDayNavButton:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#d1d5db}.studyDayNavButton:disabled{opacity:.4;cursor:not-allowed}.studyDayProgressSection{padding:0 var(--space-6) var(--space-6)}.progressHeader{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.progressBarWrapper{border-radius:var(--radius-lg);padding:var(--space-3);background-color:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.progressLabels{font-size:var(--font-size-xs);color:#6b7280;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.progressTrack{border-radius:var(--radius-full);background:#e5e7eb;width:100%;height:12px}.progressFill{border-radius:var(--radius-full);background-color:#15803d;height:12px;transition:width .3s ease-in-out}.adminContainer{padding-top:6rem;padding-bottom:2rem}.adminSectionHeader{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto;display:grid}.adminSectionTitle{font-size:var(--font-size-3xl);color:#15803d;font-weight:700}.adminSectionDescription{color:#6b7280}.adminHeaderWithIcon{align-items:center;gap:var(--space-4);margin-bottom:0;display:flex}.adminHeaderTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d;margin-bottom:var(--space-1)}.adminHeaderSubtitle{color:#6b7280;font-size:var(--font-size-sm)}@media (max-width:640px){.adminSectionHeader{grid-template-columns:1fr}.adminSectionHeader>.btn,.adminSectionHeader>button,.adminSectionHeader>a.btn{justify-content:center;width:100%}}.spin{animation:1s linear infinite spin}.underConstructionHero{padding:var(--space-20) var(--space-4);color:#fff;background:linear-gradient(135deg,#15803d 0%,#14532d 100%);position:relative;overflow:hidden}.underConstructionHeroOverlay{z-index:0;background-color:#0000004d;position:absolute;inset:0}.underConstructionHeroContainer{text-align:center;z-index:10;max-width:1280px;margin:0 auto;position:relative}.underConstructionIconContainer{margin-bottom:var(--space-8);justify-content:center;display:flex;position:relative}.underConstructionHeartIcon{position:absolute;top:-8px;right:-8px}.underConstructionTitle{margin-bottom:var(--space-6);font-size:clamp(2.5rem,5vw,4.5rem)}.underConstructionSubtitle{color:#ffffffe6;margin-bottom:var(--space-8);max-width:768px;margin:0 auto var(--space-8);font-size:clamp(1.125rem,2vw,1.5rem)}.comingSoonBadge{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);background-color:#ffffff1a;display:inline-flex}.underConstructionContent{max-width:1024px;padding:var(--space-16) var(--space-4);margin:0 auto}.whatWereBuildingCard{border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-12);background-color:#fff;border:2px solid #fef3c7;box-shadow:0 10px 15px -3px #0000001a}.whatWereBuildingHeader{text-align:center;margin-bottom:var(--space-8)}.whatWereBuildingTitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);background:linear-gradient(90deg,#15803d,#16a34a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.whatWereBuildingDescription{font-size:var(--font-size-lg);color:#6b7280;max-width:672px;margin:0 auto}.underConstructionFeaturesGrid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.underConstructionFeatureCard{text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);background-color:#ffffff80;border:1px solid #f3f4f6}.underConstructionFeatureIcon{color:#16a34a;width:48px;height:48px;margin:0 auto var(--space-4)}.underConstructionFeatureTitle{font-size:var(--font-size-xl);color:#15803d;margin-bottom:var(--space-2);font-weight:600}.underConstructionFeatureDescription{color:#6b7280}.scriptureEncouragementSection{text-align:center;margin-bottom:var(--space-12)}.scriptureEncouragementCard{border-radius:var(--radius-2xl);padding:var(--space-8);background:linear-gradient(90deg,#16a34a1a,#fbbf241a);border:2px solid #d1fae5}.scriptureQuote{color:#374151;margin-bottom:var(--space-4);font-size:clamp(1.5rem,3vw,1.875rem);font-style:italic;font-weight:300}.scriptureCitation{color:#15803d;font-style:normal;font-weight:600}.newsletterSection{border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;background:linear-gradient(to bottom right,#f0fdf4,#fef9e7);border:2px solid #d1fae5;box-shadow:0 10px 15px -3px #0000001a}.newsletterTitle{font-size:var(--font-size-2xl);color:#15803d;margin-bottom:var(--space-4);font-weight:700}.newsletterDescription{color:#6b7280;margin-bottom:var(--space-6);max-width:576px;margin:0 auto var(--space-6)}.newsletterForm{gap:var(--space-4);max-width:448px;margin:0 auto var(--space-6);flex-direction:column;display:flex}.newsletterInput{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);border:2px solid #d1fae5}.newsletterInput:focus{border-color:#16a34a;outline:none}.newsletterButton{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:#fff;font-size:var(--font-size-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-color:#16a34a;border:none;width:100%;font-weight:600;display:flex}.newsletterButton:hover:not(:disabled){background-color:#15803d}.newsletterButton:disabled{cursor:not-allowed;background-color:#9ca3af}.newsletterDisclaimer{font-size:var(--font-size-sm);color:#6b7280}.backToHomeSection{text-align:center;margin-top:var(--space-12)}.backToHomeButton{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);color:#15803d;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);background-color:#fff;border:2px solid #d1fae5;font-weight:600;text-decoration:none;display:inline-flex}.backToHomeButton:hover{background-color:#f0fdf4}.timeBasedAccessContainer{max-width:896px;margin:0 auto}.breadcrumbWithSpacing{margin-bottom:var(--space-6)}.breadcrumbLink{color:#15803d;text-decoration:none}.breadcrumbLink:hover{color:#166534}.breadcrumbCurrent{color:#111827;font-weight:500}.dayNotAvailableContent{padding:var(--space-6);text-align:center}.dayNotAvailableIcon{margin:0 auto var(--space-4);display:inline-block}.dayNotAvailableTitle{font-size:var(--font-size-xl);color:#15803d;margin:0;margin-bottom:var(--space-2);font-weight:700}.dayNotAvailableDescription{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;margin-bottom:var(--space-4)}.dayTimingDetails{padding:0 var(--space-6) var(--space-6);text-align:center}.previousDayUnlockMessage{font-size:var(--font-size-sm);color:#6b7280}.timeAvailabilityNotice{font-size:var(--font-size-xs);color:#6b7280;padding:var(--space-3);border-radius:var(--radius-lg);background-color:#fefce8;border:1px solid #fde68a}.completedDaysSection{gap:var(--space-4);flex-direction:column;display:flex}.completedDaysTitle{font-size:var(--font-size-xl);color:#15803d;align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.completedDaysGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.completedDayCard{transition:all var(--transition-base);cursor:pointer}.completedDayCard:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.dayCardHeaderFlex{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.dayNumberTitle{font-size:var(--font-size-lg);margin:0}.completedBadge{color:#166534;align-items:center;gap:var(--space-1);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:#dcfce7;padding:4px 8px;display:inline-flex}.dayDescription{font-size:var(--font-size-sm);color:#6b7280;margin:0}.continueButtonContainer{margin-top:var(--space-8);justify-content:flex-end;display:flex}.btn.continueButton{color:#fff;align-items:center;gap:var(--space-2);font-size:15px;font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);padding:11px 30px;display:flex;box-shadow:0 2px 8px #16a34a33}.continueButton:hover{filter:brightness(1.06);transform:scale(1.03);box-shadow:0 4px 16px #16a34a4d}.continueButton:active{transform:scale(.97)}.decorativeDivider{margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.dividerLineLeft{background:linear-gradient(90deg,#0000,#fcd34d,#0000);flex:1;height:1px}.dividerIcon{margin:0 var(--space-4);color:#f59e0b}.dividerLineRight{background:linear-gradient(90deg,#0000,#fcd34d,#0000);flex:1;height:1px}.decorativeDividerBottom{margin-top:var(--space-4);justify-content:center;align-items:center;display:flex}.dividerDot{background-color:#f59e0b;border-radius:50%;width:8px;height:8px}.papyrusContainer{border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-4);text-align:center;background:linear-gradient(#fef9e7 0%,#fef3c7 100%);border:3px solid #d4a574;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 2px 4px #d4a5741a}.papyrusContainer,.papyrusContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.papyrusHeader{margin-bottom:var(--space-4)}.papyrusTitle{font-size:var(--font-size-lg);color:#15803d;margin:0;margin-bottom:var(--space-2);font-weight:600;font-family:var(--font-primary)}.papyrusSubtitle{color:#6b7280;font-size:var(--font-size-sm);font-family:var(--font-primary);margin:0}.studyOfTheDayCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.studyOfTheDayTitle{text-align:center;font-size:var(--font-size-2xl);color:#15803d;padding:var(--space-6);padding-bottom:var(--space-4);margin:0;font-weight:700}.studyOfTheDayContent{padding:0 var(--space-6) var(--space-6)}.magazineLayout{text-align:justify;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;position:relative;overflow:hidden}.magazineLayout img{shape-outside:margin-box;shape-margin:.75rem}.magazineLayout p{text-indent:1.5em;margin-bottom:.875rem}.magazineLayout p:first-child{text-indent:0;margin-top:0}.magazineLayout .sceneImageContainer,.magazineLayout .scene-image-container{aspect-ratio:1792/1024;width:520px;max-width:50%;position:relative;float:right!important;margin:0 0 1rem 1.5rem!important}.magazineLayout .sceneImageContainer img,.magazineLayout .scene-image-container img,.magazineLayout .sceneImageContainer .sceneImage,.magazineLayout .scene-image-container .sceneImage{object-fit:cover!important;object-position:center!important}@media (max-width:768px){.magazineLayout .sceneImageContainer,.magazineLayout .scene-image-container{aspect-ratio:1792/1024;display:block;position:relative;float:none!important;width:100%!important;max-width:100%!important;margin:0 0 1.5rem!important}.magazineLayout .sceneImageContainer img,.magazineLayout .scene-image-container img,.magazineLayout .sceneImageContainer .sceneImage,.magazineLayout .scene-image-container .sceneImage{object-fit:cover!important;object-position:center!important}.pageContainer>.container{padding-left:0;padding-right:0}.studyDayHeader{padding:0}.studyDayCardContent{padding:var(--space-2) var(--space-3)}.studyDayNavButtons{justify-content:center}.studyDayProgressSection{padding:0 var(--space-3) var(--space-3)}.studyDayBreadcrumb{padding:0 var(--space-3)}.header{padding:var(--space-3)}.tabsContainer{padding:0}.studyDayTabs{padding:0 var(--space-3) var(--space-2)}.card.frostGlassCard{border-radius:0;margin:0;padding:0}.papyrusContainer{padding:var(--space-3);border-radius:var(--radius-xl);margin:0 var(--space-2)}.papyrusHeader{padding:0 0 var(--space-2) 0}.papyrusTitle{font-size:var(--font-size-lg)}.papyrusSubtitle{font-size:var(--font-size-xs)}.card.studyOfTheDayCard{margin:0!important;margin-top:calc(-1 * var(--space-4))!important;border-radius:0!important;padding:0!important}.studyOfTheDayTitle{font-size:var(--font-size-xl);padding:var(--space-2) var(--space-3)!important}.studyOfTheDayContent{padding:0 var(--space-3) var(--space-3)!important}.magazineLayout{margin:0!important;padding:0!important}.magazineLayout .sceneImageContainer,.magazineLayout .scene-image-container{width:100%!important;max-width:100%!important;margin:0 calc(-1 * var(--space-3)) var(--space-3) calc(-1 * var(--space-3))!important;width:calc(100% + var(--space-3) * 2)!important;border-radius:0!important}.studyOfTheDayContent p,.studyOfTheDayContent .rich-text-editor-content,.studyOfTheDayContent .rich-text-editor-content p,.magazineLayout p{text-indent:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.study-content-card{padding:var(--space-3);border-radius:0;margin:0}.decorativeDivider,.decorativeDividerBottom{margin:var(--space-2) var(--space-3)}.study-content-card:has(.videoPlayerContainer){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;padding:0}.videoPlayerContainer{background:#000;border-radius:0;width:100vw;max-width:100%;margin-left:calc(50% - 50vw)}.videoPlayerContainerVertical{width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw)}.videoPlayerVertical{object-fit:contain;width:100%;height:calc(100vh - 180px);max-height:calc(100vh - 180px)}.videoPlayerMobileHorizontal{width:100%;height:auto}.videoPlayerContainerMobileHorizontal{width:100vw;margin-left:calc(50% - 50vw)}.dividerIcon svg{width:18px;height:18px}.continueButtonContainer{padding:0 var(--space-3);margin-top:var(--space-4);justify-content:center}.btn.continueButton{width:100%;max-width:300px;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:center}}.videoPlayerContainer{border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-lg);background-color:#000;margin:0 auto;position:relative;overflow:hidden}.videoPlayer{aspect-ratio:16/9;background-color:#000;width:100%;height:auto;display:block}.videoPlayerContainerVertical{max-width:400px}.videoPlayerVertical{aspect-ratio:9/16;object-fit:contain;max-height:80vh}.videoPlayerContainerMobileHorizontal{width:100%;max-width:100%;margin:0 auto}.videoPlayerMobileHorizontal{aspect-ratio:16/9;object-fit:contain;background-color:#000;width:100%;height:auto}.videoUploadContainer{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer;background-color:#fafafa;border:2px dashed #d1d5db}.videoUploadContainer:hover{background-color:#f0fdf4;border-color:#16a34a}.videoUploadContainer.dragging{background-color:#dcfce7;border-color:#16a34a}.videoUploadIcon{color:#9ca3af;width:48px;height:48px;margin:0 auto var(--space-3)}.videoUploadContainer:hover .videoUploadIcon{color:#16a34a}.videoUploadText{color:#6b7280;font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.videoUploadHint{color:#9ca3af;font-size:var(--font-size-xs)}.videoPreviewContainer{margin-top:var(--space-4);border-radius:var(--radius-lg);background-color:#000;position:relative;overflow:hidden}.videoPreviewContainer video{aspect-ratio:16/9;width:100%;height:auto;display:block}.videoPreviewOverlay{top:var(--space-2);right:var(--space-2);gap:var(--space-2);display:flex;position:absolute}.videoPreviewRemoveBtn{color:#fff;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:#dc2626e6;border:none;justify-content:center;align-items:center;display:flex}.videoPreviewRemoveBtn:hover{background-color:#dc2626}.videoUploadProgress{margin-top:var(--space-4)}.videoUploadProgressBar{background-color:#e5e7eb;border-radius:9999px;width:100%;height:8px;overflow:hidden}.videoUploadProgressFill{background-color:#16a34a;height:100%;transition:width .3s}.videoUploadProgressFillTranscoding{background-color:#f59e0b}.videoUploadProgressText{text-align:center;color:#6b7280;font-size:var(--font-size-sm);margin-top:var(--space-2)}.videoUploadElapsedTime{text-align:center;color:#9ca3af;font-size:var(--font-size-xs);margin-top:var(--space-1)}.videoInfoBox{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-2);background-color:#eff6ff;display:flex}.videoInfoBox p{font-size:var(--font-size-sm);color:#1e40af;margin:0}.videoInfoBox svg{color:#3b82f6;flex-shrink:0;width:16px;height:16px;margin-top:2px}.rounded-lg{border-radius:var(--radius-lg)}.rounded{border-radius:var(--radius-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.w-full{width:100%}.h-full{height:100%}.object-cover{object-fit:cover;object-position:center}.text-justify{text-align:justify}.leading-relaxed{line-height:1.75}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-800{color:#166534}.text-green-600{color:#16a34a}.text-3xl{font-size:var(--font-size-3xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-xl{font-size:var(--font-size-xl)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}.space-y-3>*+*{margin-top:.75rem}.grid{display:grid}.gap-6{gap:1.5rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-6{padding-top:1.5rem}.pt-24{padding-top:6rem}.pb-8{padding-bottom:2rem}.p-2{padding:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.max-w-none{max-width:none}.max-w-md{max-width:28rem}.bg-gray-200{background-color:#e5e7eb}.bg-red-50{background-color:#fef2f2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-yellow-50{--tw-gradient-from:#fefce8;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-orange-50{--tw-gradient-to:#fff7ed}.border{border:1px solid var(--color-border)}.border-red-200{border-color:#fecaca}.border-amber-200{border-color:#fde68a}.fill-red-500{fill:#ef4444}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.feedLayout{gap:var(--space-6);max-width:1440px;padding:var(--space-6);grid-template-columns:280px 1fr 320px;margin:0 auto;display:grid}.feedLayoutTwoColumn{gap:var(--space-6);max-width:1600px;padding:var(--space-6);grid-template-columns:320px 1fr;margin:0 auto;display:grid}.feedLayoutSidebar{top:var(--space-20);height:fit-content;max-height:calc(100vh - var(--space-24));position:sticky;overflow-y:auto}.feedLayoutMain{min-height:60vh}.feedSidebar{top:var(--space-20);height:fit-content;max-height:calc(100vh - var(--space-24));position:sticky;overflow-y:auto}.feedMain{min-height:60vh}.feedRightSidebar{height:fit-content;max-height:calc(100vh - 60px - 8rem);position:sticky;top:calc(60px + 2rem);overflow:hidden auto}.churchLayoutContainer{background:linear-gradient(to bottom right,#fff 0%,#fffbf0 50%,#fef9e7 100%);grid-template-columns:320px 1fr;min-height:calc(100vh - 80px);display:grid}.churchSidebarFixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 80px);padding-top:2px;padding-bottom:var(--space-8);scrollbar-width:thin;scrollbar-color:transparent transparent;background:#ffffffb3;align-self:start;position:sticky;top:80px;overflow-y:auto}.churchSidebarFixed:hover{scrollbar-color:#0003 transparent}.churchSidebarFixed .feedSidebar{max-height:none;position:static;top:auto}.churchMainContent{min-height:calc(100vh - 80px);padding:10px 24px 64px}.churchMainContent .adminSectionHeader{margin-top:8px}.mobileMenuToggle{z-index:1101;border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;display:none;position:fixed;top:20px;left:20px}.mobileMenuOverlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebarItemChild{font-size:14px}.activityCard{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-base);background:#fff;border:1px solid #e5e7eb}.activityCard:hover{box-shadow:var(--shadow-md);border-color:#86efac;transform:translateY(-2px)}.activityCardHeader{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.activityCardAvatar{border-radius:var(--radius-full);background:linear-gradient(to bottom right,#4ade80,#10b981);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activityCardUserInfo{flex:1;min-width:0}.activityCardUserName{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.activityCardMeta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.activityTypeBadge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;display:inline-flex}.activityTypeBadge.comment{color:#1e40af;background-color:#dbeafe}.activityTypeBadge.reflection{color:#4338ca;background-color:#e0e7ff}.activityTypeBadge.like{color:#be123c;background-color:#fce7f3}.activityTypeBadge.reply{color:#15803d;background-color:#d1fae5}.activityCardContent{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.activityCardStudyLink{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-base);text-decoration:none;display:inline-flex}.activityCardStudyLink:hover{background-color:var(--color-bg-muted)}.activityCardActions{align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid #f3f4f6;display:flex}.activityActionButton{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;border:none;display:flex}.activityActionButton:hover{background-color:var(--color-bg-muted);color:var(--color-primary)}.feedHeader{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);background:#fff;border:1px solid #e5e7eb;border-bottom:none;flex-wrap:wrap;margin-bottom:0;display:flex}.feedTitle{align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#15803d;display:flex}.feedControls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.feedFilterGroup{align-items:center;gap:var(--space-2);display:flex}.feedFilterSelect{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);background-color:#fff;border:1px solid #e5e7eb}.feedFilterSelect:hover{background-color:var(--color-bg-muted);border-color:#d1d5db}.feedFilterSelect:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a34a1a}.feedRefreshButton{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);background-color:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;display:flex}.feedRefreshButton:hover{background-color:var(--color-bg-muted);color:var(--color-primary)}.feedRefreshButton:disabled{opacity:.5;cursor:not-allowed}.feedRefreshButton .spinning{animation:1s linear infinite spin}.feedContent{gap:var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);background:#fff;border:1px solid #e5e7eb;flex-direction:column;display:flex}.feedLoadMoreTrigger{padding:var(--space-4);justify-content:center;display:flex}.feedEndMessage{text-align:center;padding:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-lg);background:#fff;border:1px dashed #e5e7eb}.dayHeader{margin-bottom:var(--space-4);padding:var(--space-3) 0;border-bottom:2px solid #e5e7eb}.dayTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.reflectionQuestionCard{margin-bottom:var(--space-4);background:#fff}.reflectionQuestionHeader{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-base);background-color:#fff;border:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.reflectionQuestionHeader:hover{background-color:#f9fafb;border-color:#d1d5db}.reflectionQuestionHeader.expanded{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.reflectionQuestionNumber{border-radius:var(--radius-full);color:#1e40af;width:24px;height:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-right:var(--space-3);float:left;background-color:#dbeafe;justify-content:center;align-items:center;display:inline-flex}.reflectionQuestionText{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.reflectionQuestionMeta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.reflectionQuestionMetaItem{align-items:center;gap:var(--space-1);display:flex}.reflectionQuestionContent{border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-4);background-color:#f9fafb;border:1px solid #e5e7eb;border-top:none}.reflectionResponsesList{gap:var(--space-4);flex-direction:column;display:flex}.reflectionResponse{border-radius:var(--radius-md);padding:var(--space-4);background-color:#fff;border:1px solid #e5e7eb}.reflectionResponseHeader{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.reflectionResponseAvatar{border-radius:var(--radius-full);background-color:#e5e7eb;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.reflectionResponseUserInfo{flex:1}.reflectionResponseUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.reflectionResponseDate{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reflectionResponseText{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-3);white-space:pre-wrap;line-height:1.6}.reflectionResponseActions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.replyButton{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #e5e7eb;display:inline-flex}.replyButton:hover{color:var(--color-text);background-color:#f9fafb;border-color:#d1d5db}.reflectionRepliesList{margin-top:var(--space-3);padding-top:var(--space-3);gap:var(--space-3);border-top:1px solid #e5e7eb;flex-direction:column;display:flex}.reflectionReply{padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb}.reflectionReplyHeader{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.reflectionReplyUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-right:var(--space-2)}.reflectionReplyDate{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reflectionReplyText{font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;line-height:1.5}.reflectionReplyForm{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #e5e7eb}.reflectionReplyInput{width:100%;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;margin-bottom:var(--space-2);transition:border-color var(--transition-base);border:1px solid #e5e7eb;font-family:inherit}.reflectionReplyInput:focus{border-color:var(--color-primary);outline:none}.reflectionReplyFormActions{justify-content:flex-end;gap:var(--space-2);display:flex}.mentionInputWrapper{width:100%;position:relative}.mentionSuggestions{z-index:1000;border-radius:var(--radius-md);width:100%;max-height:200px;box-shadow:var(--shadow-lg);margin-top:var(--space-1);background-color:#fff;border:1px solid #e5e7eb;position:absolute;overflow-y:auto}.mentionSuggestionItem{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--transition-base);background-color:#fff;border-bottom:1px solid #f3f4f6;display:flex}.mentionSuggestionItem:last-child{border-bottom:none}.mentionSuggestionItem:hover,.mentionSuggestionItem.selected{background-color:#f3f4f6}.mentionSuggestionAvatar{border-radius:var(--radius-full);background-color:#e5e7eb;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.mentionSuggestionUser{flex:1;min-width:0}.mentionSuggestionUserName{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.mentionSuggestionUserEmail{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mentionLoadingIndicator{top:var(--space-2);right:var(--space-2);position:absolute}.reactionTrigger{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:1px solid #e5e7eb;display:inline-flex}.reactionTrigger:hover{background-color:#f3f4f6;border-color:#d1d5db}.reactionPickerDropdown{margin-bottom:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);gap:var(--space-1);z-index:100;background-color:#fff;border:1px solid #e5e7eb;display:flex;position:absolute;bottom:100%;left:0}.reactionButton{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.reactionButton:hover{background-color:#f9fafb;border:1px solid #e5e7eb;transform:scale(1.1)}.reactionButton:disabled{opacity:.5;cursor:not-allowed}.reactionBar{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.reactionBadge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background-color:#f3f4f6;border:1px solid #e5e7eb;display:inline-flex}.reactionBadge:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.reactionBadge.active{background-color:#dbeafe;border-color:#93c5fd}.reactionBadge:disabled{cursor:not-allowed;opacity:.5}.reactionBadgeEmoji{font-size:16px}.reactionBadgeCount{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.reactionBadge.active .reactionBadgeCount{font-weight:var(--font-weight-semibold);color:#1e40af}.sidebarFilterGroup{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.sidebarFilterButton{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background-color:#fff;border:1px solid #e5e7eb}.sidebarFilterButton:hover{background-color:var(--color-bg-muted)}.sidebarFilterButton.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebarNav{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.sidebarNavTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.sidebarItem{padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-primary);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.sidebarItem:hover{background-color:var(--color-bg-muted)}.sidebarItem.active{border-left:3px solid var(--color-primary);background-color:#f0fdf4}.sidebarItemText{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebarSectionLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding:var(--space-1) var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-1);font-size:11px;font-weight:600}.sidebarPinnedDivider{margin:var(--space-3) var(--space-4);border-top:1px solid #e5e7eb}.unreadBadge{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-align:center;min-width:20px;padding:2px 6px}.sidebarBrowseButton{width:100%;padding:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;background:linear-gradient(90deg,#16a34a0d,#22c55e0d);border:1px solid #16a34a33;text-decoration:none;display:block}.sidebarBrowseButton:hover{box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#16a34a1a,#22c55e1a);border-color:#16a34a66;transform:translateY(-1px)}.trendingCard{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:#fff;border:1px solid #e5e7eb}.trendingCardTitle{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex}.trendingItem{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:background-color var(--transition-base);text-decoration:none;display:block}.trendingItem:hover{background-color:var(--color-bg-muted)}.trendingItemTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.trendingItemMeta{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.trendingItemStat{align-items:center;gap:var(--space-1);display:flex}.statGrid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.statGridItem{text-align:center}.statGridItemValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.statGridItemLabel{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.feedEmptyState{text-align:center;padding:var(--space-16) var(--space-8);border-radius:var(--radius-lg);background:#fff;border:1px dashed #e5e7eb}.feedEmptyStateIcon{margin:0 auto var(--space-4);opacity:.5}.feedEmptyStateTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.feedEmptyStateDescription{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.feedLoadingSpinner{padding:var(--space-8);justify-content:center;display:flex}.feedLoadingMessage{margin-top:var(--space-3);color:var(--color-text-secondary)}.feedErrorMessage{font-size:var(--font-size-sm);color:var(--color-error)}.studyListItemFlex{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.daySectionSpacer{margin-bottom:var(--space-6)}.buttonSpacerTop{margin-top:var(--space-2)}.reactionPickerWrapper{position:relative}.mentionTextarea{resize:vertical;width:100%}.mentionAvatar{object-fit:cover;border-radius:var(--radius-full)}.loading-spinner.size-sm{width:16px;height:16px}.loading-spinner.size-md{width:24px;height:24px}@media (max-width:1024px){.feedLayout,.feedLayoutTwoColumn{padding:var(--space-4);grid-template-columns:1fr}.feedSidebar,.feedRightSidebar,.feedLayoutSidebar{display:none}.churchSidebarFixed.mobileMenuOpen .feedSidebar,.adminSidebarFixed.mobileMenuOpen .feedSidebar{display:block}.feedLayoutSidebar.mobileMenuOpen{z-index:1000;width:320px;height:100vh;box-shadow:var(--shadow-xl);background:#fff;display:block;position:fixed;top:0;left:0;overflow-y:auto}.feedMain,.feedLayoutMain{max-width:100%}.churchLayoutContainer{grid-template-columns:1fr;margin-top:0}.churchSidebarFixed{height:calc(100vh - 60px);padding-top:var(--space-4);z-index:1000;width:320px;transition:transform .3s;position:fixed;top:60px;left:0;transform:translate(-100%)}.churchSidebarFixed.mobileMenuOpen{box-shadow:var(--shadow-xl);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;transform:translate(0)}.churchMainContent{margin-top:80px}.mobileMenuToggle,.mobileMenuOverlay{display:block}.adminLayoutContainer{grid-template-columns:1fr;margin-top:0}.adminSidebarFixed{z-index:1000;width:280px;height:calc(100vh - 60px);padding-top:0;transition:transform .3s;position:fixed;top:60px;left:0;transform:translate(-100%)}.adminSidebarFixed.mobileMenuOpen{box-shadow:var(--shadow-xl);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;transform:translate(0)}.adminMainContent{margin-top:80px}}@media (max-width:640px){.activityCard{padding:var(--space-4)}.activityCardHeader{gap:var(--space-2)}.activityCardAvatar{width:32px;height:32px}.trendingCard,.statCard,.sidebarNav{margin-bottom:var(--space-3)}}.authPageContainer{min-height:100vh;padding:var(--space-4);padding-bottom:var(--space-16);background:linear-gradient(#fffbf0 0%,#fef9e7 50%,#fef3c7 100%);justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.authPageContainer.authPageCompact{min-height:auto;padding-bottom:var(--space-8)}.authFormCard{border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);margin:0 auto;margin-top:var(--space-8);margin-bottom:var(--space-8);background-color:#fff}.authFormContent{padding:var(--space-8)}.authFormHeader{text-align:center;margin-bottom:var(--space-4)}.authLogo{width:auto;height:64px;margin:0 auto var(--space-3)}.authFormTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.oauthButtonsContainer{width:100%;margin-bottom:var(--space-2);display:flex}.oauthButtonsVertical{gap:var(--space-3);flex-direction:column}.oauthButtonsHorizontal{gap:var(--space-3);flex-direction:row}.oauthButton{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);background-color:#fff;display:flex}.oauthButton:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.oauthButton:disabled{opacity:.5;cursor:not-allowed}.oauthButtonGoogle{border-color:#dadce0}.oauthButtonGoogle:hover:not(:disabled){background-color:#f8f9fa;border-color:#d2d4d7}.oauthButtonFacebook{border-color:#dadce0}.oauthButtonFacebook:hover:not(:disabled){background-color:#f0f2f5;border-color:#d2d4d7}.oauthButtonIcon{flex-shrink:0}.oauthButtonText{text-align:center;flex:1}.oauthButtonSpinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.authDivider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.authDividerLine{background-color:var(--color-border);flex:1;height:1px}.authDividerText{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.connectedAccountsLoading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary);display:flex}.connectedAccountsSpinner{animation:1s linear infinite spin}.connectedAccountsSection{margin-top:var(--space-6)}.connectedAccountsList{gap:var(--space-4);margin-top:var(--space-4);flex-flow:wrap;display:flex}.connectedAccountCard{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base);max-width:calc(50% - var(--space-2));background-color:#fff;flex:280px;min-width:280px}@media (max-width:640px){.connectedAccountCard{max-width:100%}}.connectedAccountCard.connected{border-color:var(--color-primary);background-color:#16a34a05}.connectedAccountHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.connectedAccountInfo{align-items:center;gap:var(--space-3);display:flex}.providerIcon{flex-shrink:0;width:32px;height:32px}.connectedAccountDetails{flex-direction:column;display:flex}.connectedAccountName{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.connectedAccountEmail{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.connectedAccountStatus{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);display:flex}.connectedAccountStatus.connected{color:var(--color-primary);background-color:#16a34a1a}.connectedAccountStatus.disconnected{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.disconnectButton{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:#0000;flex:1}.disconnectButton:hover:not(:disabled){background-color:#ef44440d}.disconnectButton:disabled,.connectButton:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:1s linear infinite spin}.authForm{gap:var(--space-3);flex-direction:column;display:flex}.authNameGrid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.authFormField{flex-direction:column;display:flex}.authFormLabel{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.authFormInput{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-base);background-color:#fafafa}.authFormInput:hover{border-color:var(--color-border-dark)}.authFormInput:focus{border-color:var(--color-primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #16a34a1f}.authFormInput::placeholder{color:var(--color-text-tertiary)}.authFormInputWithIcon{padding-right:var(--space-10)}.authPasswordFieldWrapper{position:relative}.authPasswordToggle{padding:0 var(--space-3);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-base);background-color:#0000;border:none;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.authPasswordToggle:hover{color:var(--color-text-secondary)}.authFormHelper{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.authCaptchaContainer{padding-top:var(--space-4)}.authAgeConfirmation{margin-top:var(--space-4)}.authCheckboxLabel{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.authCheckbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.authCheckboxText{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.authVerificationNote{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-4)}.authForgotPasswordContainer{text-align:center;margin-top:var(--space-4)}.authForgotPasswordLink{font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-base);background-color:#0000;border:none;text-decoration:underline}.authForgotPasswordLink:hover{opacity:.8}.authFormFooter{margin-top:var(--space-6);text-align:center}.authFormDescription{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.authFormSubtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2);text-align:center}.authSuccessMessage{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);color:#166534;font-size:var(--font-size-sm);text-align:center;background-color:#16a34a0d;border:1px solid #16a34a33}.authErrorMessage{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);color:#991b1b;font-size:var(--font-size-sm);text-align:center;background-color:#dc26260d;border:1px solid #dc262633}.authBackToLogin{text-align:center;margin-top:var(--space-6)}.authIconCircle{border-radius:var(--radius-full);width:48px;height:48px;margin-bottom:var(--space-4);background-color:#16a34a1a;justify-content:center;align-items:center;display:inline-flex}.authIconCircle .authIcon{width:24px;height:24px;color:var(--color-primary)}.authIconCircleSuccess{background-color:#16a34a26}.authIconCircleSuccess .authIcon{color:#16a34a}.authFormTitleSuccess{color:#166534}.authAlert{margin-bottom:var(--space-4)}.authAlertSuccess{color:#166534;background-color:#16a34a0d;border-color:#16a34a33}.authSubmitButton{justify-content:center;align-items:center;width:100%;display:flex}.authSignupPromo{margin-top:var(--space-8)}.authSignupPromoCard{border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);text-align:center;background:linear-gradient(135deg,#16a34a1a 0%,#10b9811a 100%);border:1px solid #16a34a33}.authSignupPromoIcon{margin-bottom:var(--space-3)}.authSignupPromoIconCircle{border-radius:var(--radius-full);width:48px;height:48px;margin-bottom:var(--space-3);background:linear-gradient(135deg,#16a34a 0%,#10b981 100%);justify-content:center;align-items:center;display:inline-flex}.authSignupPromoText{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.authSignupPromoButton{justify-content:center;align-items:center;gap:var(--space-2);text-align:left;white-space:normal;line-height:1.3;display:inline-flex}.authSignupPromoButton svg{flex-shrink:0}@media (max-width:640px){.authSignupPromo{margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8));margin-bottom:calc(-1 * var(--space-8))}.authSignupPromoCard{border-bottom:none;border-left:none;border-right:none;border-radius:0}.authSignupPromoButton{width:100%;max-width:280px}}.authSkeleton{border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);padding:var(--space-8);background-color:#fff;margin:0 auto}.authSkeletonInner{gap:var(--space-3);flex-direction:column;display:flex}.authSkeletonItem{border-radius:var(--radius-lg);background-color:#e5e7eb;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.authSkeletonLogo{border-radius:var(--radius-lg);width:128px;height:64px;margin:0 auto}.authSkeletonTitle{border-radius:var(--radius-md);width:192px;height:32px;margin:0 auto}.authSkeletonInput{border-radius:var(--radius-lg);width:100%;height:40px}.authSkeletonButton{border-radius:var(--radius-lg);width:100%;height:48px}.paginationContainer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.paginationButton{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background-color:#fff;font-weight:500;display:flex}.paginationButton:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary);color:var(--color-primary)}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationPrevNext{min-width:100px}.paginationButtonText{display:none}@media (min-width:640px){.paginationButtonText{display:inline}}.paginationNumbers{align-items:center;gap:var(--space-1);display:flex}.paginationNumber{justify-content:center;min-width:40px}.paginationNumberActive{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.paginationNumberActive:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.paginationEllipsis{padding:var(--space-2) var(--space-1);color:var(--color-text-muted);font-weight:500}.feedLayoutWrapper{background-color:#fef3e2;width:100%;min-height:calc(100vh - 60px)}.feedLayoutGrid{grid-template-columns:280px minmax(400px,1fr) 320px;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem .25rem 4rem;display:grid}.feedLeftSidebar,.feedRightSidebar{flex-direction:column;align-self:start;max-height:calc(100vh - 60px - 4rem);display:flex;position:sticky;top:calc(60px + 2rem);overflow:clip auto}.feedLeftSidebar>.widgetUnifiedContainer,.feedRightSidebar>.widgetUnifiedContainer{flex:none}.feedLeftSidebar{direction:rtl}.feedLeftSidebar>*{direction:ltr}.sidebarDivider{background-color:#e4e6eb;width:100%;height:1px;margin:16px 0}.feedLeftSidebar::-webkit-scrollbar{width:8px}.feedRightSidebar::-webkit-scrollbar{width:8px}.feedLeftSidebar::-webkit-scrollbar-track{background:0 0}.feedRightSidebar::-webkit-scrollbar-track{background:0 0}.feedLeftSidebar::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px;transition:background-color .3s}.feedRightSidebar::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px;transition:background-color .3s}.feedLeftSidebar:hover::-webkit-scrollbar-thumb{background-color:#0003}.feedRightSidebar:hover::-webkit-scrollbar-thumb{background-color:#0003}.feedLeftSidebar:hover::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.feedRightSidebar:hover::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.feedLeftSidebar,.feedRightSidebar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.feedLeftSidebar:hover,.feedRightSidebar:hover{scrollbar-color:#0003 transparent}.feedColumn{width:100%;min-width:0;max-width:680px;margin:0 auto}@media (max-width:1100px){.feedLayoutGrid{grid-template-columns:280px minmax(300px,1fr)}.feedRightSidebar{display:none}}@media (max-width:768px){.feedLayoutGrid{grid-template-columns:1fr;padding:1rem}.feedLeftSidebar{display:none}.feedColumn{max-width:100%}}.feedFilterTabs{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:#fff;display:flex;box-shadow:0 1px 3px #0000001a}.feedFilterTab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;font-weight:500;transition:all .15s;display:flex}.feedFilterTab:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.feedFilterTabActive{background:var(--color-secondary-ui);color:#fff;font-weight:600}.feedFilterTabActive:hover{background:var(--color-secondary-ui-dark);color:#fff}@media (max-width:640px){.feedFilterTab span{display:none}.feedFilterTab{padding:var(--space-2)}}.postComposer{border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:#fff;box-shadow:0 1px 3px #0000001a}.postComposerCollapsed{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.postComposerAvatar{flex-shrink:0}.postComposerInput{text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;flex:1;font-size:.9375rem;transition:all .2s}.postComposerInput:hover{background:#f3f4f6;border-color:#d1d5db}.postComposerActions{gap:var(--space-2);flex-shrink:0;display:flex}.postComposerActionBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#6b7280;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.postComposerActionBtn:hover{color:#374151;background:#f3f4f6}.postComposerActionBtn svg{color:#10b981}.postComposerExpanded{padding:var(--space-4)}.postComposerHeader{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.postComposerVisibilitySelect{color:#6b7280;border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #e5e7eb;margin-top:2px;padding:2px 6px;font-size:.75rem}.postComposerVisibilitySelect:hover{border-color:#10b981}.postComposerTextarea{width:100%;min-height:120px;padding:var(--space-3);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;border:none;outline:none;font-family:inherit;font-size:1rem;line-height:1.5;overflow-y:auto}.postComposerTextarea::placeholder{color:#9ca3af}.postComposerToolbar{padding:var(--space-3) 0;margin:var(--space-3) 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex}.postComposerToolbarLeft{gap:var(--space-2);display:flex}.postComposerToolbarBtn{color:#6b7280;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.postComposerToolbarBtn:hover{color:#10b981;background:#f3f4f6}.emojiPicker{border-radius:var(--radius-lg);z-index:1000;background:#fff;flex-direction:column;width:320px;max-height:380px;animation:.15s ease-out emojiPickerFadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d}.emojiPicker.emojiPickerBottom{top:calc(100% + 8px);bottom:auto}.emojiPicker.emojiPickerTop{top:auto;bottom:calc(100% + 8px)}.emojiPickerSearch{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.emojiPickerSearchIcon{color:#9ca3af;flex-shrink:0}.emojiPickerSearchInput{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:14px}.emojiPickerSearchInput::placeholder{color:#9ca3af}.emojiPickerSearchClear{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.emojiPickerSearchClear:hover{color:#374151;background:#d1d5db}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.emojiPickerCategories{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:2px;padding:8px 10px;display:flex}.emojiPickerCategoryBtn{border-radius:var(--radius-md);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.emojiPickerCategoryBtn:hover{opacity:1;background:#e5e7eb}.emojiPickerCategoryBtn.active{opacity:1;background:#10b981;box-shadow:0 2px 4px #10b9814d}.emojiPickerTitle{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;padding:10px 12px 6px;font-size:11px;font-weight:600}.emojiPickerGrid{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;grid-template-columns:repeat(8,1fr);gap:2px;max-height:280px;padding:4px 8px 12px;display:grid;overflow-y:auto}.emojiPickerGrid::-webkit-scrollbar{width:6px}.emojiPickerGrid::-webkit-scrollbar-track{background:0 0}.emojiPickerGrid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.emojiPickerEmoji{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .1s;display:flex}.emojiPickerEmoji:hover{background:#f3f4f6;transform:scale(1.15)}.emojiPickerEmoji:active{transform:scale(.95)}.emojiPickerEmpty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:24px;font-size:14px}@media (max-width:480px){.emojiPicker{width:280px}.emojiPickerGrid{grid-template-columns:repeat(7,1fr)}.emojiPickerEmoji{width:32px;height:32px;font-size:20px}}.postComposerFooter{justify-content:flex-end;gap:var(--space-2);display:flex}@media (max-width:768px){.postComposerCollapsed{flex-wrap:wrap}.postComposerActions{width:100%;padding-top:var(--space-2);border-top:1px solid #f3f4f6;justify-content:space-around}.postComposerActionBtn span{display:none}}.filterSelector{border-bottom:1px solid var(--color-gray-200);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.filterButton{border:1px solid var(--color-gray-200);cursor:pointer;color:var(--color-gray-700);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.filterButton:not(.filterButtonActive):hover{color:#047857;background:#ecfdf5;border-color:#10b981;transform:translate(2px)}.filterButton:not(.filterButtonActive):hover .filterIcon{color:#047857}.filterButton.filterButtonActive{font-weight:600;color:#fff!important;background:linear-gradient(135deg,#166534 0%,#15803d 100%)!important;border-color:#166534!important}.filterButton.filterButtonActive .filterIcon{color:#fff!important}.filterButton.filterButtonActive:hover{color:#fff!important;background:linear-gradient(135deg,#14532d 0%,#166534 100%)!important;border-color:#14532d!important}.filterButton.filterButtonActive:hover .filterIcon{color:#fff!important}.filterIcon{justify-content:center;align-items:center;width:24px;font-size:1.25rem;display:flex}@media (max-width:768px){.filterSelector{flex-direction:row;margin-bottom:1rem;padding:0 .5rem;overflow-x:auto}.filterButton{flex-shrink:0;min-width:120px;padding:.625rem .875rem;font-size:.875rem}}.feedItem{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:1.25rem;padding:1.5rem;transition:box-shadow .2s}.feedItem:hover{box-shadow:0 4px 12px #00000014}.feedItem:focus{outline:2px solid var(--color-primary);outline-offset:2px}.feedItemHeader{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.feedItemAvatar{flex-shrink:0;width:40px;height:40px}.feedItemInfo{flex:1;min-width:0}.feedItemAction{color:var(--color-gray-600);margin-bottom:.25rem;font-size:.875rem}.feedItemMenuBtn{color:var(--color-gray-400);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:opacity .15s,background-color .15s,color .15s;display:flex}.feedItemCard:hover .feedItemMenuBtn{opacity:1}.feedItemMenuBtn:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.feedItemMenuBtn:focus{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.feedItemEditForm{gap:var(--space-2);flex-direction:column;display:flex}.feedItemEditTextarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);min-height:100px;transition:border-color var(--transition-fast);white-space:pre-wrap;word-break:break-word;font-family:inherit;overflow-y:auto}.feedItemEditTextarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.feedItemEditActions{justify-content:flex-end;gap:var(--space-2);display:flex}.feedItemContent{color:var(--color-gray-800);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.reflectionQuestion{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 5%,#f0fdf4 100%);border-left:4px solid #86efac;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.reflectionQuestionLabel{text-transform:uppercase;letter-spacing:.5px;color:#166534;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.reflectionQuestionText{color:#166534;margin:0;font-size:.9375rem;font-weight:500;line-height:1.6}.reflectionAnswer{border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.reflectionAnswerLabel{text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600);margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.reflectionAnswerText{color:var(--color-gray-800);font-size:.9375rem;line-height:1.6}.fruitCelebrationContent{background:linear-gradient(135deg,#fefce8 0%,#f0fdf4 50%,#ecfdf5 100%);border:1px solid #d9f99d;border-radius:12px;margin-bottom:.75rem;padding:1.25rem;position:relative;overflow:hidden}.fruitCelebrationContent:before{content:"";pointer-events:none;background:linear-gradient(135deg,#84cc1614 0%,#22c55e0f 100%);border-radius:50%;width:120px;height:120px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.fruitCelebrationContent:after{content:"";pointer-events:none;background:linear-gradient(135deg,#facc151a 0%,#a3e63514 100%);border-radius:50%;width:60px;height:60px;position:absolute;top:-20px;right:30px}.fruitCelebrationHeader{z-index:1;align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex;position:relative}.fruitCelebrationIcon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.75rem;line-height:1}.fruitCelebrationTitle{text-transform:uppercase;letter-spacing:.75px;background:linear-gradient(135deg,#15803d 0%,#65a30d 50%,#ca8a04 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.875rem;font-weight:700}.fruitCelebrationBody{z-index:1;color:#374151;white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem;line-height:1.65;position:relative}.feedItemStudyBadge{background:var(--color-gray-100);border:1px solid var(--color-gray-200);color:var(--color-gray-700);border-radius:20px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.feedItemStudyBadge .icon{font-size:1rem}.feedItemReflectionText{background:var(--color-gray-50);color:var(--color-gray-700);border-left:3px solid #f59e0b;border-radius:6px;margin-bottom:1rem;padding:1rem;font-style:italic;line-height:1.6}.feedItemMilestone{text-align:center;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fbbf24;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.feedItemMilestoneIcon{margin-bottom:.5rem;font-size:2.5rem}.feedItemMilestoneText{color:#92400e;font-size:1.125rem;font-weight:600}.feedItemActions{border-top:1px solid var(--color-gray-200);align-items:center;gap:1.5rem;padding-top:1rem;display:flex}.feedActionButton{cursor:pointer;color:var(--color-gray-600);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.feedActionButton:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.feedActionButton .icon{font-size:1.25rem}.feedActionButtonActive{color:var(--color-primary)}.feedActionButtonActive:hover{color:var(--color-primary);background:#667eea1a}.feedComments{border-top:1px solid var(--color-gray-200);margin-top:1rem;padding-top:1rem}.feedComment{gap:.75rem;margin-bottom:1rem;display:flex}.feedCommentAvatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.feedCommentContent{background:var(--color-gray-50);border-radius:12px;flex:1;padding:.75rem 1rem}.feedCommentHeader{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.feedCommentAuthor{color:var(--color-gray-900);font-size:.875rem;font-weight:600}.feedCommentTimestamp{color:var(--color-gray-500);font-size:.75rem}.feedCommentUser{color:var(--color-gray-900);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.feedCommentText{color:var(--color-gray-700);font-size:.875rem;line-height:1.5}.feedCommentTime{color:var(--color-gray-500);margin-top:.375rem;font-size:.75rem}.feedCommentForm{gap:.75rem;margin-top:1rem;display:flex}.feedCommentInput{border:1px solid var(--color-gray-300);resize:none;border-radius:20px;flex:1;min-height:40px;max-height:120px;padding:.75rem 1rem;font-size:.875rem}.feedCommentSubmit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s}.feedCommentSubmit:hover{background:var(--color-primary-dark)}.feedCommentSubmit:disabled{opacity:.5;cursor:not-allowed}.widgetUnifiedContainer{border:1px solid var(--color-gray-200);border-radius:0 var(--radius-xl) var(--radius-xl) 0;background:#fff;border-left:none;flex-direction:column;height:auto;min-height:calc(100vh - 60px - 4rem);margin-left:-9999px;padding:1.25rem 1.25rem 1.5rem calc(9999px + 1.25rem);display:flex}.feedRightSidebar .widgetUnifiedContainer{border-left:1px solid var(--color-gray-200);border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:none;height:auto;min-height:calc(100vh - 60px - 4rem);margin-left:0;margin-right:-9999px;padding-left:1.25rem;padding-right:calc(9999px + 1.25rem)}.widgetCard{background:linear-gradient(145deg,#fff 0%,#f8faf9 100%);border:1px solid #15803d1f;border-radius:16px;margin-bottom:1rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 2px 12px #15803d0f,0 1px 3px #0000000a}.widgetCard:before{content:"";opacity:.8;background:linear-gradient(90deg,#15803d 0%,#22c55e 50%,#15803d 100%);height:3px;position:absolute;top:0;left:0;right:0}.widgetCard:last-child{margin-bottom:0}.widgetHeader{border-bottom:1px solid #15803d14;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.widgetTitle{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#15803d 0%,#166534 50%,#14532d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.75rem;font-weight:700;line-height:1}.widgetSeeAll{color:var(--color-primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.widgetSeeAll:hover{color:var(--color-primary-dark);text-decoration:underline}.widgetCardCompact{background:0 0;border:none;border-radius:0;margin-bottom:0;padding:0}.widgetCardCompact:before{display:none}.widgetHeaderCompact{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 .625rem;display:flex}.widgetTitleCompact{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#1a472a 0%,#2d5a3d 50%,#1a472a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.8rem;font-weight:600;line-height:1}.widgetHeaderActions{align-items:center;gap:.25rem;display:flex}.widgetHeaderBtn{color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.375rem;text-decoration:none;transition:background .15s;display:flex}.widgetHeaderBtn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.widgetSearchContainer{margin-bottom:.5rem;padding:0 .625rem}.widgetSearchInput{background:var(--color-gray-100);width:100%;color:var(--color-gray-900);border:none;border-radius:20px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:background .15s}.widgetSearchInput:focus{background:var(--color-gray-200)}.widgetSearchInput::placeholder{color:var(--color-gray-500)}.widgetDualContainer{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:1400px){.widgetDualContainer{grid-template-columns:1fr}}.widgetList{margin:0;padding:0;list-style:none}.widgetListItem{border-bottom:1px solid var(--color-gray-200);padding:.75rem 0}.widgetListItem:last-child{border-bottom:none;padding-bottom:0}.widgetListItemLink{color:var(--color-gray-900);justify-content:space-between;align-items:center;text-decoration:none;transition:color .2s;display:flex}.widgetListItemLink:hover{color:var(--color-primary)}.widgetListItemTitle{margin-bottom:.125rem;font-size:.875rem;font-weight:600}.widgetListItemMeta{color:var(--color-gray-500);font-size:.75rem}.widgetListItemIcon{color:var(--color-gray-400);font-size:1rem}.quickAccessList{flex-direction:column;gap:.75rem;display:flex}.quickAccessItem{background:var(--color-gray-50);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.quickAccessItem:hover{background:var(--color-gray-100);transform:translate(4px)}.quickAccessProgress{background:conic-gradient(#667eea var(--progress), var(--color-gray-200) var(--progress));width:40px;height:40px;color:var(--color-gray-900);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.quickAccessInfo{flex:1;min-width:0}.quickAccessTitle{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.quickAccessDays{color:var(--color-gray-600);font-size:.75rem}.communitiesList{flex-direction:column;gap:.75rem;display:flex}.communityItem{background:var(--color-gray-50);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.communityItem:hover{background:var(--color-gray-100)}.communityIcon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.communityInfo{flex:1;min-width:0}.communityName{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.communityMembers{color:var(--color-gray-600);font-size:.75rem}.trendingStudyItem{align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.trendingStudyRank{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:flex}.trendingStudyInfo{flex:1;min-width:0}.trendingStudyTitle{color:var(--color-gray-900);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.trendingStudyStats{color:var(--color-gray-600);font-size:.75rem}.feedItemSkeleton{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:1.25rem;padding:1.5rem}.skeletonHeader{gap:.75rem;margin-bottom:1rem;display:flex}.skeletonLines{flex:1}.skeletonLine{background:var(--color-gray-200);border-radius:4px;height:12px;margin-bottom:.5rem;animation:1.5s ease-in-out infinite skeleton-pulse}.skeletonLineShort{width:60%}.skeletonContent{background:var(--color-gray-200);border-radius:8px;height:80px;margin-bottom:1rem;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.infiniteScrollLoader{justify-content:center;padding:2rem 0;display:flex}.loadMoreButton{border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:#fff;border-radius:8px;padding:.75rem 2rem;font-size:.9375rem;font-weight:600;transition:all .2s}.loadMoreButton:hover{background:var(--color-primary);color:#fff}.loadMoreButton:disabled{opacity:.5;cursor:not-allowed}.emptyFeedState{text-align:center;padding:4rem 2rem}.emptyFeedIcon{opacity:.4;margin-bottom:1rem;font-size:4rem}.emptyFeedTitle{color:var(--color-gray-900);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.emptyFeedDescription{color:var(--color-gray-600);max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1rem}.emptyFeedAction{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.emptyFeedAction:hover{background:var(--color-primary-dark)}.mobileFilterToggle{border:1px solid var(--color-gray-300);width:100%;color:var(--color-gray-900);cursor:pointer;background:#fff;border-radius:8px;margin-bottom:1rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:none}.mobileFilterToggle:hover{background:var(--color-gray-50)}@media (max-width:768px){.mobileFilterToggle{display:block}.filterSelector{display:none}.filterSelector.active{z-index:1000;background:#fff;flex-direction:column;padding:1rem;display:flex;position:fixed;inset:0}}.feedItemCard{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.feedItemCard:hover{box-shadow:0 4px 6px #0000001a}.feedItemMeta{flex:1;min-width:0}.feedItemUserName{color:#111827;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.feedItemUserName:hover{color:#059669;cursor:pointer}.feedItemTimestamp{color:#9ca3af;font-size:.8125rem}.feedItemType{color:#6b7280;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8125rem;display:inline-flex}.feedItemTypeIcon{font-size:1rem}.feedItemContentPreview{color:#374151;margin-bottom:.75rem;font-size:.9375rem;line-height:1.6}.feedItemContentFull{color:#4b5563;white-space:pre-wrap;background:#f9fafb;border-left:3px solid #059669;border-radius:4px;padding:1rem;font-size:.875rem;line-height:1.6}.feedItemStudyLink{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.feedItemStudyLink:hover{background:#d1fae5;border-color:#059669}.feedItemDivider{background:#e5e7eb;height:1px;margin:1rem 0}.feedReactionBar{border-top:1px solid #f3f4f6;justify-content:flex-start;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.feedReactionSummary{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.feedReactionGroup{cursor:pointer;background:#f9fafb;border:2px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.875rem;transition:all .2s;display:flex}.feedReactionGroup:hover{background:#e5e7eb;transform:scale(1.05)}.feedReactionGroup.userReacted{background:#ecfdf5;border-color:#10b981}.feedReactionEmoji{font-size:1rem}.feedReactionCount{color:#6b7280;font-size:.8125rem;font-weight:500}.feedReactionMore{color:#6b7280;padding:.375rem .5rem;font-size:.75rem}.feedActionSeparator{background:#e5e7eb;width:1px;height:20px}.feedReactionActions{align-items:center;gap:.75rem;display:flex}.feedReactionButton{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex;position:relative}.feedReactionButton:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.feedReactionButton:disabled{opacity:.5;cursor:not-allowed}.feedReactionButtonActive{color:#059669;background:#ecfdf5;border-color:#059669}.feedReactionPicker{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:.25rem;margin-bottom:.5rem;padding:.5rem;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 4px 6px #0000001a}.feedReactionOption{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem;font-size:1.5rem;transition:all .2s}.feedReactionOption:hover{background:#f9fafb;border-color:#e5e7eb;transform:scale(1.1)}.feedReactionOption.active{background:#ecfdf5;border-color:#059669}.feedReactionOption:disabled{opacity:.5;cursor:not-allowed}.feedCommentButton{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.feedCommentButton:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.feedReactionSummaryClickable{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:background-color .2s}.feedReactionSummaryClickable:hover{background:#f3f4f6}.feedReactionTotalCount{color:#6b7280;margin-left:.25rem;font-size:.875rem;font-weight:500}.reactorsModal{border-radius:var(--radius-xl);max-height:70vh;overflow:hidden}.reactorsModal .modalHeader{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-bottom:1px solid #d1fae5;padding:1rem 1.25rem}.reactorsModal .modalTitle{color:#065f46;letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.reactorsModal .modalCloseButton{color:#6b7280;border-radius:var(--radius-md);padding:.375rem;transition:color .2s,background-color .2s}.reactorsModal .modalCloseButton:hover{color:#111827;background:#0000000d}.reactorsModalTabs{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:.5rem;padding:.875rem 1.25rem;display:flex;overflow-x:auto}.reactorsModalTab{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.reactorsModalTab:hover{color:#111827;background:#f3f4f6}.reactorsModalTab.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #05966940}.reactorsModalBody{max-height:400px;padding:0;overflow-y:auto}.reactorsModalLoading,.reactorsModalError,.reactorsModalEmpty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;font-size:.9375rem;display:flex}.reactorsModalError{color:#dc2626}.reactorsUserList{flex-direction:column;display:flex}.reactorsUserItem{color:inherit;cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:.875rem;padding:.875rem 1.25rem;text-decoration:none;transition:background-color .15s;display:flex}.reactorsUserItem:last-child{border-bottom:none}.reactorsUserItem:hover{background:#f0fdf4}.reactorsUserAvatar{flex-shrink:0}.reactorsUserAvatarImage{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:44px;height:44px}.reactorsUserItem:hover .reactorsUserAvatarImage{border-color:#10b981}.reactorsUserAvatarPlaceholder{color:#9ca3af;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.reactorsUserItem:hover .reactorsUserAvatarPlaceholder{border-color:#10b981}.reactorsUserInfo{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.reactorsUserName{color:#111827;font-size:.9375rem;font-weight:600;transition:color .15s}.reactorsUserItem:hover .reactorsUserName{color:#059669}.reactorsUserReactions{font-size:1rem}.feedMilestoneCard{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #059669}.feedMilestoneIcon{text-align:center;margin:1rem 0;font-size:3rem}.feedMilestoneTitle{color:#059669;text-align:center;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feedMilestoneDescription{color:#047857;text-align:center;font-size:.9375rem}.feedCommentSection{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.feedCommentForm{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.feedCommentInput{resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;min-height:60px;padding:.75rem;font-family:inherit;font-size:.875rem}.feedCommentInput:focus{border-color:#059669;outline:none;box-shadow:0 0 0 3px #0596691a}.feedCommentInput:disabled{cursor:not-allowed;background:#f9fafb}.feedCommentList{flex-direction:column;gap:.75rem;display:flex}.feedEmptyComments{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem}.feedReplyButton{color:var(--primary-600);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-top:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.feedReplyButton:hover{background-color:#15803d1a}.feedCommentReply{padding-left:1rem;position:relative}.feedCommentReply:before{content:"";border-bottom:2px solid #e5e7eb;border-left:2px solid #e5e7eb;border-bottom-left-radius:8px;width:16px;height:24px;position:absolute;top:0;left:-20px}.feedCommentWrapper{margin-bottom:0}.feedCommentReplies{margin-top:.5rem;margin-bottom:.5rem;padding-left:.5rem}.feedReplyForm{border-radius:var(--radius-md);background-color:#f9fafb;margin-top:.5rem;padding:.75rem}.feedItemSkeleton{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.feedItemSkeletonHeader{gap:1rem;margin-bottom:1rem;display:flex}.feedItemSkeletonMeta{flex-direction:column;flex:1;gap:.5rem;display:flex}.feedItemSkeletonContent{margin-bottom:1rem}.feedItemSkeletonActions{gap:.5rem;display:flex}.skeletonAvatar{background:#e5e7eb;border-radius:50%;width:40px;height:40px;animation:1.5s ease-in-out infinite pulse}.skeletonLine{background:#e5e7eb;border-radius:4px;height:12px;animation:1.5s ease-in-out infinite pulse}.skeletonLineName{width:30%}.skeletonLineTime{width:20%}.skeletonLineFull{width:100%;margin-bottom:.5rem}.skeletonLineHalf{width:60%}.skeletonLineAction{width:80px;height:36px}@media (max-width:768px){.feedItemCard{padding:1rem}.feedReactionBar{flex-direction:column;align-items:flex-start;gap:.75rem}.feedReactionActions{width:100%}.feedReactionButton,.feedCommentButton{flex:1;justify-content:center}.feedMilestoneIcon{font-size:2.5rem}.feedMilestoneTitle{font-size:1.125rem}.feedReactionPicker{left:50%;transform:translate(-50%)}}.widgetHeaderIcon{color:#15803d;background:linear-gradient(135deg,#15803d1f 0%,#22c55e14 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;display:flex}.widgetHeaderBadge{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);border-radius:12px;margin-left:auto;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;box-shadow:0 2px 6px #15803d40}.widgetEmptyState{text-align:center;background:linear-gradient(135deg,#15803d08 0%,#22c55e05 100%);border-radius:12px;padding:2rem 1rem}.widgetEmptyText{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.widgetEmptyLink{color:#15803d;background:linear-gradient(135deg,#15803d1a 0%,#22c55e14 100%);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.widgetEmptyLink:hover{color:#166534;background:linear-gradient(135deg,#15803d26 0%,#22c55e1f 100%)}.widgetFooterLink{text-align:center;color:#15803d;background:linear-gradient(135deg,#15803d0f 0%,#22c55e0a 100%);border:1px solid #15803d1a;border-radius:10px;margin-top:1rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .25s;display:block}.widgetFooterLink:hover{color:#166534;background:linear-gradient(135deg,#15803d1f 0%,#22c55e14 100%);border-color:#15803d33;transform:translateY(-1px)}.widgetIcon{color:var(--color-gray-500);flex-shrink:0}.widgetLink{color:var(--color-gray-700);align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.widgetLink:hover,.widgetLink:hover .widgetIcon{color:var(--color-primary)}.widgetSkeleton{padding:.5rem 0}.widgetStudyList{flex-direction:column;gap:.625rem;display:flex}.widgetStudyCard{cursor:pointer;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f0fdf4 100%);border:1px solid #15803d26;border-radius:12px;padding:1rem;text-decoration:none;transition:all .25s;display:block;position:relative}.widgetStudyCard:after{content:"";opacity:0;background:linear-gradient(135deg,#15803d0d 0%,#0000 100%);border-radius:12px;transition:opacity .25s;position:absolute;inset:0}.widgetStudyCard:hover{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 50%,#dcfce7 100%);border-color:#15803d;transform:translateY(-2px);box-shadow:0 4px 16px #15803d26,0 2px 4px #0000000d}.widgetStudyCard:hover:after{opacity:1}.widgetStudyInfo{z-index:1;margin-bottom:.625rem;position:relative}.widgetStudyTitle{color:#14532d;margin-bottom:.375rem;font-size:.9375rem;font-weight:600;line-height:1.4}.widgetStudyMeta{color:#166534;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;display:flex}.widgetStudyDay{background:#15803d1a;border-radius:6px;padding:.25rem .5rem;font-weight:500}.widgetStudyProgress{color:#15803d;font-size:.8125rem;font-weight:700}.widgetStudyProgressBar{z-index:1;background:#15803d1f;border-radius:4px;width:100%;height:8px;margin-bottom:.625rem;position:relative;overflow:hidden}.widgetStudyProgressFill{background:linear-gradient(90deg,#15803d 0%,#22c55e 50%,#16a34a 100%);border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 8px #22c55e66}.widgetStudyAction{color:#15803d;z-index:1;border-top:1px solid #15803d1a;justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.8125rem;font-weight:600;display:flex;position:relative}.widgetStudyAction:hover{color:#166534}.widgetCommunityList{flex-direction:column;gap:.625rem;display:flex}.widgetCommunityCard{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.widgetCommunityCard:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetCommunityIcon{background:linear-gradient(135deg, var(--color-secondary-ui) 0%, var(--color-secondary-ui-dark) 100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.widgetCommunityInfo{flex:1;min-width:0}.widgetCommunityName{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.widgetCommunityMeta{color:var(--color-gray-600);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.widgetCommunityMembers,.widgetCommunityActivity{align-items:center;gap:.25rem;display:flex}.widgetCommunityArrow{color:var(--color-gray-400);flex-shrink:0;transition:transform .2s}.widgetCommunityCard:hover .widgetCommunityArrow{color:var(--color-primary);transform:translate(4px)}.widgetCommunityListCompact{flex-direction:column;gap:.5rem;display:flex}.widgetCommunityCardCompact{background:var(--color-gray-50);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem;text-decoration:none;transition:all .15s;display:flex}.widgetCommunityCardCompact:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetCommunityIconCompact{background:linear-gradient(135deg, var(--color-secondary-ui) 0%, var(--color-secondary-ui-dark) 100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.widgetCommunityInfoCompact{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.widgetCommunityNameCompact{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:500;line-height:1.3;overflow:hidden}.widgetCommunityBadgeCompact{background:var(--color-primary);color:#fff;border-radius:10px;flex-shrink:0;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.widgetTrendingList{flex-direction:column;gap:.5rem;display:flex}.widgetTrendingCard{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 50%,#fefce8 100%);border:1px solid #ca8a0433;border-radius:12px;align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.widgetTrendingCard:before{content:"";opacity:.6;background:linear-gradient(#eab308 0%,#ca8a04 100%);width:4px;height:100%;position:absolute;top:0;left:0}.widgetTrendingCard:hover{background:linear-gradient(135deg,#fef08a 0%,#fde047 50%,#fef08a 100%);border-color:#ca8a04;transform:translateY(-2px);box-shadow:0 4px 16px #ca8a0433,0 2px 4px #0000000d}.widgetTrendingCard:hover:before{opacity:1}.widgetTrendingRank{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#eab308 0%,#ca8a04 50%,#a16207 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 2px 8px #ca8a044d}.widgetTrendingInfo{flex:1;min-width:0}.widgetTrendingTitle{color:#78350f;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.375rem;font-size:.9375rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.widgetTrendingMeta{color:#92400e;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.widgetTrendingEnrollments,.widgetTrendingRecent{background:#ca8a041a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.widgetTrendingRecent{color:#15803d;background:#15803d1f;font-weight:700}.widgetFriendsList{flex-direction:column;gap:.5rem;display:flex}.widgetFriendCard{background:var(--color-gray-50);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.widgetFriendCard:hover{background:var(--color-gray-100);border-color:var(--color-primary)}.widgetFriendLink{min-width:0;color:inherit;flex:1;align-items:center;gap:.625rem;text-decoration:none;display:flex}.widgetFriendLink:hover{text-decoration:none}.widgetFriendOffline{opacity:.6}.widgetFriendAvatar{flex-shrink:0;width:36px;height:36px;position:relative}.widgetFriendAvatar .avatar{width:36px;height:36px}.widgetFriendOnlineIndicator{background:var(--color-gray-400);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.widgetFriendOnlineIndicator.online{background:var(--color-green-500)}.widgetFriendInfo{flex:1;min-width:0}.widgetFriendName{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:500;line-height:1.3;overflow:hidden}.widgetFriendStatus{color:var(--color-green-600);font-size:.75rem;font-weight:500}.widgetFriendActivity{color:var(--color-gray-500);font-size:.75rem}.widgetFriendMessageButton{color:var(--color-gray-500);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.375rem;transition:all .15s}.widgetFriendCard:hover .widgetFriendMessageButton{opacity:1}.widgetFriendMessageButton:hover{background:var(--color-gray-200);color:var(--color-primary)}@media (max-width:768px){.widgetCard{padding:1rem}.widgetStudyCard,.widgetCommunityCard,.widgetTrendingCard,.widgetEventCard,.widgetFriendCard{padding:.625rem}.widgetStudyTitle,.widgetCommunityName,.widgetTrendingTitle,.widgetEventTitle,.widgetFriendName{font-size:.8125rem}}.pastorStatsCard{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.pastorStatsCard .title,.pastorStatsCard .subtitle{color:#fff}.statGrid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.statItem{text-align:center;background:#ffffff1a;border-radius:8px;padding:.75rem}.statValue{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.statLabel{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.topStudiesSection{border-top:1px solid #fff3;padding-top:1rem}.studiesList{margin:.5rem 0 0;padding:0;list-style:none}.studyItem{border-bottom:1px solid #ffffff1a;padding:.5rem 0}.studyItem:last-child{border-bottom:none}.studyTitle{color:#fff;margin-bottom:.25rem;font-weight:600}.studyMeta{color:#ffffffb3;font-size:.875rem}.tableContainer{margin-bottom:1rem;overflow-x:auto}.progressTable{border-collapse:collapse;width:100%;font-size:.875rem}.progressTable thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.progressTable th{text-align:left;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;padding:.75rem;font-size:.75rem;font-weight:600}.progressTable td{border-bottom:1px solid var(--color-gray-200);padding:.75rem}.progressTable tbody tr:hover{background-color:var(--color-gray-50)}.memberName{color:var(--color-gray-900);font-weight:600}.memberEmail{color:var(--color-gray-500);margin-top:.125rem;font-size:.75rem}.textCenter{text-align:center}.textMuted{color:var(--color-gray-500);font-size:.875rem}.streakBadge{color:#92400e;background-color:#fef3c7;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.modalLarge{width:90%;max-width:900px}.reflectionsList{flex-direction:column;gap:1rem;max-height:60vh;display:flex;overflow-y:auto}.reflectionCard{border:1px solid var(--color-gray-200);background-color:#fff;border-radius:8px;padding:1rem}.reflectionHeader{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.reflectionMeta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dayBadge{color:#1e40af;background-color:#dbeafe;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.reflectionDate{color:var(--color-gray-500);font-size:.875rem}.reflectionContent{color:var(--color-gray-800);white-space:pre-wrap;line-height:1.6}.privateBadge{color:#991b1b;background-color:#fee2e2;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}@media (max-width:768px){.statGrid{grid-template-columns:repeat(2,1fr);gap:.75rem}.statValue{font-size:1.5rem}.progressTable{font-size:.75rem}.progressTable th,.progressTable td{padding:.5rem .25rem}.memberEmail{display:none}}.dashboardGrid{grid-template-columns:1fr 380px;gap:1.5rem;margin-top:1.5rem;display:grid}.dashboardMain{min-width:0}.dashboardSidebar{align-self:start;position:sticky;top:1rem}.pastorDashboardLink{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.pastorDashboardLink:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pastorDashboardLink .icon{font-size:1.5rem}@media (max-width:1024px){.dashboardGrid{grid-template-columns:1fr}.dashboardSidebar{position:static}}.errorStateContainer{text-align:center;padding:3rem 1.5rem}.errorIcon{margin-bottom:1rem;font-size:4rem}.errorTitle{color:var(--color-gray-900);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.errorMessage{color:var(--color-gray-600);max-width:500px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.permissionsTable{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.permissionsTable thead{background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200)}.permissionsTable th{text-align:left;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.025em;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.permissionsTable th.textCenter{text-align:center}.permissionsTable th.textRight{text-align:right}.permissionsTable tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color .15s}.permissionsTable tbody tr:hover{background:var(--color-gray-50)}.permissionsTable tbody tr:last-child{border-bottom:none}.permissionsTable td{color:var(--color-gray-800);padding:.875rem 1rem;font-size:.875rem}.permissionsTable td.textCenter{text-align:center}.permissionsTable td.textRight{text-align:right}.roleName{align-items:center;gap:.5rem;font-weight:600;display:flex}.roleIcon{color:#16a34a;flex-shrink:0}.roleNameText{color:var(--color-gray-900);font-family:Courier New,monospace}.roleLevelBadge{background:var(--color-gray-200);color:var(--color-gray-700);border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.roleLevelBadge[data-level=high]{color:#991b1b;background:#fee2e2}.roleLevelBadge[data-level=medium]{color:#92400e;background:#fef3c7}.roleLevelBadge[data-level=low]{color:#075985;background:#e0f2fe}.roleDescription{color:var(--color-gray-600);font-style:italic}.roleUserCount,.rolePermissionCount{color:var(--color-gray-600);justify-content:center;align-items:center;gap:.25rem;display:flex}.permissionBadge{color:#059669;background:#d1fae5;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.resourceBadge{color:#0284c7;background:#e0f2fe;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.actionBadge{color:#9333ea;background:#f3e8ff;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.permissionTableDescription{color:var(--color-gray-600);line-height:1.5}.actionButtons{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.btnSmall{padding:7px 18px;font-size:13px}.btnDanger{color:#dc2626;border-radius:var(--radius-full);background-color:#0000;border:1.5px solid #fca5a5;transition:all .18s cubic-bezier(.4,0,.2,1)}.btnDanger:hover{background-color:#fef2f2;border-color:#dc2626;transform:scale(1.03)}.btnDanger:active{transform:scale(.97)}.permissionGroupsContainer{max-height:60vh;padding-right:.5rem;overflow-y:auto}.permissionGroupsContainer::-webkit-scrollbar{width:8px}.permissionGroupsContainer::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.permissionGroupsContainer::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.permissionGroupsContainer::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permissionGroup{margin-bottom:2rem}.permissionGroup:last-child{margin-bottom:0}.permissionCategoryHeader{border-bottom:2px solid var(--color-gray-200);margin-bottom:1rem;padding-bottom:.75rem}.permissionCategoryLabel{cursor:pointer;color:var(--color-gray-900);align-items:center;gap:.75rem;font-weight:600;display:flex}.permissionCategoryTitle{color:var(--color-gray-900);font-size:1rem}.permissionCategoryCount{color:var(--color-gray-600);margin-left:.5rem;font-size:.875rem;font-weight:400}.permissionCheckboxGroup{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:.75rem;display:grid}.permissionCheckboxLabel{border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .15s;display:flex}.permissionCheckboxLabel:hover{background:var(--color-gray-50);border-color:#10b981}.permissionCheckboxLabel input[type=checkbox]:checked~.permissionCheckboxContent{color:var(--color-gray-900)}.permissionCheckboxContent{flex:1;min-width:0}.permissionName{color:var(--color-gray-900);margin-bottom:.25rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;display:block}.permissionDescription{color:var(--color-gray-600);font-size:.8125rem;line-height:1.4;display:block}.checkbox{cursor:pointer;accent-color:#10b981;flex-shrink:0;width:18px;height:18px;margin-top:.125rem}.checkboxContainer{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkboxLabel{color:var(--color-gray-900);font-size:.9375rem}.permissionFilters{gap:1rem;margin-bottom:1.5rem;display:flex}.permissionFilters .formGroup{flex:1;margin-bottom:0}.searchInputContainer{align-items:center;display:flex;position:relative}.searchIcon{color:var(--color-gray-400);pointer-events:none;position:absolute;left:.875rem}.searchInput{padding-left:2.75rem}.searchSection{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.searchBar{align-items:center;display:flex;position:relative}.filterTabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.filterTab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.filterTab:hover{background-color:var(--color-bg-muted);border-color:var(--color-gray-300)}.filterTabActive{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filterTabActive:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.selectInputContainer{align-items:center;display:flex;position:relative}.selectIcon{color:var(--color-gray-400);pointer-events:none;z-index:1;position:absolute;left:.875rem}.formSelect{padding-left:2.75rem}.permissionCategoriesContainer{flex-direction:column;gap:2rem;display:flex}.permissionCategorySection{border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;padding:1.5rem}.permissionCategorySection .permissionCategoryTitle{color:var(--color-gray-900);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.permissionCategoryBadge{color:#fff;background:#10b981;border-radius:9999px;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.tableContainer{border:1px solid var(--color-gray-200);border-radius:8px;overflow-x:auto}.modalLarge{flex-direction:column;max-width:900px;max-height:90vh;display:flex}.modalLarge .modalBody{max-height:calc(90vh - 200px);overflow-y:auto}.permissionNamePreview{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:6px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.permissionNamePreviewLabel{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.permissionNamePreviewValue{color:#059669;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.formGroupRow{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.spinnerSmall{border-width:2px;width:16px;height:16px}.cardHeaderContent{align-items:center;gap:.75rem;display:flex}.cardHeaderIcon{color:#16a34a;flex-shrink:0}.cardSubtitle{color:var(--color-gray-600);margin-top:.25rem;font-size:.875rem}.userList{gap:var(--space-3);flex-direction:column;display:flex}.userListItem{padding:var(--space-4);border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e5e7eb;transition:all .2s}.userListItem:hover{box-shadow:var(--shadow-sm);border-color:#16a34a;transform:translateY(-2px)}.userLink{align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;display:flex}.userAvatar{width:48px;height:48px;font-size:var(--font-size-lg);color:#15803d;background-color:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.userAvatar img{object-fit:cover;width:100%;height:100%}.userInfo{flex:1;min-width:0}.userName{font-size:var(--font-size-base);color:#111827;margin:0 0 var(--space-1) 0;font-weight:600}.userEmail{font-size:var(--font-size-sm);color:#6b7280;margin:0 0 var(--space-1) 0}.userMeta{font-size:var(--font-size-xs);color:#9ca3af;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mentionAutocomplete{z-index:50;border-radius:var(--radius-md);width:300px;max-height:280px;box-shadow:var(--shadow-lg);background-color:#fff;border:1px solid #e5e7eb;margin-top:4px;position:absolute;overflow-y:auto}.mentionAutocompleteList{margin:0;padding:0;list-style:none}.mentionAutocompleteItem{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s;display:flex}.mentionAutocompleteItem:last-child{border-bottom:none}.mentionAutocompleteItem:hover,.mentionAutocompleteItemSelected{background-color:#f9fafb}.mentionAutocompleteItemSelected{background-color:#f0fdf4}.mentionAutocompleteAvatar{background-color:#e5e7eb;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.mentionAutocompleteAvatar img,.mentionAutocompleteAvatar .avatar{object-fit:cover;width:100%;height:100%}.avatarPlaceholder{background-color:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.mentionAutocompleteUserInfo{flex:1;min-width:0}.mentionAutocompleteUserName{font-size:var(--font-size-sm);color:#111827;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mentionAutocompleteUserUsername{font-size:var(--font-size-xs);color:#6b7280;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mentionAutocompleteLoading{padding:var(--space-3)}.mentionAutocompleteEmpty{padding:var(--space-4);text-align:center;color:#6b7280;font-size:var(--font-size-sm)}.mention{color:var(--color-primary);cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.mention:hover{color:#014d2f;text-decoration:underline}.contentBody .mention{background-color:#f0fdf4;border-radius:3px;padding:1px 4px}.mentionChip{cursor:default;background-color:#f0fdf4;border-radius:3px;padding:1px 4px}.mentionTextareaPlaceholder{padding:var(--space-3);color:#9ca3af;pointer-events:none;font-family:inherit;font-size:1rem;line-height:1.5;position:absolute;top:0;left:0;right:0}.profileLoadingText{color:#6b7280;font-size:var(--font-size-lg)}.profileErrorIcon svg{width:100%;height:100%}.profileErrorTitle{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-2)}.profilePrivateContainer{text-align:center;min-height:40vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.profilePrivateIcon{color:#9ca3af;width:64px;height:64px;margin-bottom:var(--space-4)}.profilePrivateIcon svg{width:100%;height:100%}.profilePrivateTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-2)}.profilePrivateText{font-size:var(--font-size-base);color:#6b7280;max-width:500px}.profileBannerContainer{background-color:#fff;border-bottom:1px solid #e5e7eb;width:100%;position:relative}.profileBannerImage{background:linear-gradient(135deg, var(--color-bg-dark) 0%, #014d2f 100%);width:100%;height:300px;position:relative;overflow:hidden}.profileBannerImg{object-fit:cover;width:100%;height:100%}.profilePictureOverlay{z-index:10;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.profilePictureMainContainer{gap:var(--space-6);grid-template-columns:auto 1fr;align-items:start;display:grid}@media (max-width:768px){.profilePictureMainContainer{grid-template-columns:1fr}}.profilePictureCard{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e5e7eb;min-width:320px;display:flex}@media (max-width:768px){.profilePictureCard{min-width:auto}}.profileAvatar{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.profileAvatarImage{object-fit:cover;width:100%;height:100%}.profileAvatarInitials{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.75rem;font-weight:600;display:flex}.profileInfoSection{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.profileName{font-size:var(--font-size-2xl);color:#111827;margin:0;font-weight:600}.profileEmail{font-size:var(--font-size-sm);color:#6b7280;margin:0}.profilePictureUploadButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#374151;cursor:pointer;margin-top:var(--space-2);background-color:#fff;border:1px solid #d1d5db;font-weight:500;transition:all .2s;display:inline-flex}.profilePictureUploadButton:hover:not(:disabled){color:#16a34a;background-color:#f9fafb;border-color:#16a34a}.profilePictureUploadButton:disabled{opacity:.5;cursor:not-allowed}.profileNameFieldsContainer{gap:var(--space-4);flex-direction:column;display:flex}.profileNameFieldsRow{gap:var(--space-4);align-items:flex-start;display:flex}@media (max-width:640px){.profileNameFieldsRow{flex-direction:column}}.profilePicture{object-fit:cover;border-radius:50%;width:100%;height:100%}.profileBannerInfo{padding-top:70px;padding-bottom:var(--space-6);text-align:center}.profileDisplayName{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-1)}.profilePronouns{font-size:var(--font-size-sm);color:#6b7280;margin-left:var(--space-2);font-style:italic}.profileLocation,.profileChurch{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2);display:flex}.profileLocationIcon,.profileChurchIcon{width:16px;height:16px}@media (max-width:768px){.profileContentGrid{grid-template-columns:1fr}}.profileLeftColumn,.profileRightColumn{gap:var(--space-6);flex-direction:column;display:flex}.profileBioSection{border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);background-color:#fff}.profileBioTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-3)}.profileBioEmptyText{color:#9ca3af;font-size:var(--font-size-base)}.profileStatsSection{border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);background-color:#fff}.profileStatsTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-4)}.profileStatCard{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background-color:#f9fafb;transition:transform .2s,box-shadow .2s;display:flex}.profileStatCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profileStatIcon{width:40px;height:40px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-primary);background-color:#f0fdf4;flex-shrink:0}.profileStatIcon svg{width:100%;height:100%}.profileStatValue{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--space-1);line-height:1}.profileStatLabel{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.profileActionsSection{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;display:flex}.commentReply{margin-top:var(--space-3);position:relative}.commentThreadLine{background:linear-gradient(#d1fae5,#0000);width:2px;position:absolute;top:0;bottom:0;left:24px}.commentContent{border-radius:var(--radius-lg);padding:var(--space-4);background-color:#fff;border:1px solid #f3f4f6;position:relative}.replyIndent1{margin-left:var(--space-10)}.replyIndent2{margin-left:calc(var(--space-10) * 2)}.replyIndent3{margin-left:calc(var(--space-10) * 3)}.replyForm{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb}.replyTextarea{width:100%;padding:var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);resize:none;border:1px solid #e5e7eb;font-family:inherit;transition:border-color .2s}.replyTextarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #22c55e1a}.replyTextarea:disabled{cursor:not-allowed;background-color:#f3f4f6}.replyFormActions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.nestedReplies{margin-top:var(--space-2)}.commentReply .commentCard{background-color:#fafafa;border-left:3px solid #d1fae5}.commentReply .commentAvatar{width:32px;height:32px}.replyCount{font-size:var(--font-size-xs);color:#6b7280;margin-left:var(--space-2)}.directoryContainer{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.directoryHeader{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.directoryHeaderContent{margin-bottom:1.5rem}.directoryTitle{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.directorySubtitle{color:#6b7280;font-size:1rem}.directoryControls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.searchContainer{flex:1;max-width:400px;position:relative}.searchInput{width:100%;padding-left:2.5rem}.searchIcon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.viewToggle{background:#f3f4f6;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.viewToggleButton{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.viewToggleButton.active{color:#d97706;background:#fff;box-shadow:0 1px 2px #0000000d}.viewToggleButton:hover:not(.active){color:#374151}.membersGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.memberCard{background:#fff;border-radius:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.memberCard:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.membersList{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.memberListItem{background:#fff;border-radius:.5rem;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.memberAvatar{flex-shrink:0;position:relative}.memberAvatarImage{object-fit:cover;border-radius:50%}.memberInitials{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:600;display:flex}.memberListItem .memberInitials{width:50px;height:50px;font-size:1.125rem}.currentUserBadge{color:#fff;text-transform:uppercase;background:#10b981;border-radius:999px;padding:.125rem .375rem;font-size:.625rem;font-weight:600;position:absolute;bottom:-4px;right:-4px}.memberInfo{flex:1}.memberName{color:#111827;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.memberNickname{color:#6b7280;margin-left:.5rem;font-size:.875rem;font-weight:400}.memberBio{color:#4b5563;margin:.5rem 0;font-size:.875rem;line-height:1.5}.memberLocation{color:#6b7280;align-items:center;gap:.25rem;margin:.5rem 0;font-size:.875rem;display:flex}.memberLocation svg{color:#9ca3af;flex-shrink:0}.memberContact{flex-direction:column;gap:.375rem;margin:.75rem 0;display:flex}.contactLink{color:#1e40af;align-items:center;gap:.375rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.contactLink:hover{color:#1e3a8a}.contactLink svg{flex-shrink:0}.memberMeta{margin:.75rem 0}.memberSince{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.memberInterests{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.interestBadge{color:#92400e;background:#fef3c7;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.milestonesSection{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.milestoneCard{background:#fff;border-left:4px solid #f59e0b;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.milestoneHeader{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.milestoneIcon{color:#f59e0b;flex-shrink:0}.milestoneTitle{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.milestoneList{flex-direction:column;gap:.75rem;display:flex}.milestoneItem{background:#fef3c7;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;transition:background .2s;display:flex}.milestoneItem:hover{background:#fde68a}.milestoneItemInfo{flex-direction:column;flex:1;gap:.25rem;display:flex}.milestoneItemName{color:#111827;font-size:.875rem;font-weight:600}.milestoneItemDate{color:#6b7280;font-size:.75rem}.milestoneItemBadge{color:#92400e;background:#fff;border-radius:999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.memberNameRow{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.memberRoles{flex-wrap:wrap;gap:.375rem;display:flex}.roleBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.roleBadgePastor{color:#1e40af;background:#dbeafe}.roleBadgeAdmin{color:#be123c;background:#fce7f3}.roleBadgeSuperAdmin{color:#7c3aed;background:#f3e8ff}.memberBadges{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.milestoneBadge{border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.birthdayBadge{color:#92400e;background:#fef3c7}.anniversaryBadge{color:#be123c;background:#ffe4e6}.newMemberBadge{color:#1e40af;background:#dbeafe}.paginationContainer{justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.paginationInfo{color:#6b7280;font-size:.875rem}@media (max-width:640px){.directoryContainer{padding:1rem}.directoryControls{flex-direction:column;align-items:stretch}.searchContainer{max-width:none}.viewToggle{align-self:flex-end}.membersGrid{grid-template-columns:1fr}.memberCard,.memberListItem{padding:1rem}}.announcementsContainer{width:100%;max-width:800px;margin:0 auto;padding:2rem}.announcementsHeader{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.announcementsTitle{color:#111827;font-size:2rem;font-weight:700}.announcementForm{background:#fff;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.announcementForm .formTitle{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.helpText{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:block}.pinnedSection{margin-bottom:2rem}.pinnedSection .sectionTitle{color:#d97706;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.announcementsList{flex-direction:column;gap:1rem;display:flex}.announcementCard{background:#fff;border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.announcementCard.pinned{background:linear-gradient(135deg,#fef3c7 0%,#fff 100%);border:2px solid #fbbf24}.announcementCard:hover{box-shadow:0 4px 6px #0000001a}.announcementHeader{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.announcementMeta{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.pinnedBadge{color:#78350f;background:#fbbf24;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.announcementAuthor{color:#374151;font-weight:600}.announcementDate{color:#6b7280}.visibilityBadge{text-transform:uppercase;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.visibilityBadge.public{color:#1e40af;background:#dbeafe}.visibilityBadge.private{color:#a21caf;background:#fce7f3}.announcementActions{gap:.5rem;display:flex}.iconButton{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem;transition:all .2s}.iconButton:hover{color:#374151;background:#f3f4f6}.iconButton.danger:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.iconButton.success:hover{color:var(--color-success);border-color:var(--color-success);background:#f0fdf4}.listItemHoverable.amber:hover{background-color:#fffbeb;border-color:#d97706}.announcementTitle{color:#111827;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.announcementBody{margin-bottom:1rem}.announcementText{color:#374151;white-space:pre-wrap;font-size:.9375rem;line-height:1.6}.readMoreButton{color:#1e40af;cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.875rem;text-decoration:underline}.readMoreButton:hover{color:#1e3a8a}.announcementTags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.tagBadge{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:.25rem .625rem;font-size:.75rem}.announcementFooter{color:#6b7280;border-top:1px solid #f3f4f6;align-items:center;gap:1rem;padding-top:.75rem;font-size:.75rem;display:flex}.viewCount{align-items:center;gap:.25rem;display:inline-flex}.editedLabel{font-style:italic}.announcementStats{border-top:1px solid #e5e7eb;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:2rem;display:flex}.statBadge{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:.375rem .75rem;font-size:.875rem}.formActions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}@media (max-width:640px){.announcementsContainer{padding:1rem}.announcementsHeader{flex-direction:column;align-items:flex-start;gap:1rem}.announcementHeader{flex-direction:column;gap:.5rem}.announcementMeta{width:100%}.announcementActions{align-self:flex-end}}.celebrationsContainer{width:100%;max-width:900px;margin:0 auto;padding:2rem}.celebrationsHeader{margin-bottom:2rem}.celebrationsHeaderContent{margin-bottom:1.5rem}.celebrationsTitle{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.celebrationsSubtitle{color:#6b7280;font-size:1rem}.celebrationsFilters{flex-wrap:wrap;gap:2rem;display:flex}.filterGroup{align-items:center;gap:.75rem;display:flex}.filterLabel{color:#374151;font-size:.875rem;font-weight:500}.buttonGroup{background:#f3f4f6;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.filterButton{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.filterButton.active{color:#d97706;background:#fff;box-shadow:0 1px 2px #0000000d}.filterButton:hover:not(.active){color:#374151}.celebrationsContent{flex-direction:column;gap:2rem;display:flex}.celebrationGroup{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.celebrationGroupTitle{color:#374151;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.celebrationGroupTitle.today{color:#dc2626;font-size:1.25rem}.celebrationGroupIcon{font-size:1.5rem}.celebrationsList{flex-direction:column;gap:.75rem;display:flex}.celebrationCard{background:#fafafa;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.celebrationCard.today{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border:2px solid #fbbf24}.celebrationCard:hover{background:#f3f4f6;transform:translate(4px)}.celebrationCard.today:hover{background:linear-gradient(135deg,#fed7aa 0%,#fef3c7 100%)}.celebrationAvatar{flex-shrink:0;position:relative}.celebrationAvatarImage{object-fit:cover;border-radius:50%;width:60px;height:60px}.celebrationInitials{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:600;display:flex}.celebrationIcon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0003}.celebrationInfo{flex:1}.celebrationName{color:#111827;margin-bottom:.25rem;font-size:1rem;font-weight:600}.celebrationType{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.celebrationYears{color:#d97706;font-weight:500}.celebrationDate{color:#4b5563;font-size:.875rem}.celebrationDate.today{color:#dc2626;font-weight:600}.celebrationDay{color:#6b7280}.celebrationAction{flex-shrink:0}.celebrationsInfo{margin-top:2rem}.infoCard{background:#f0fdfa;border:1px solid #5eead4;border-radius:.5rem;padding:1rem}.infoTitle{color:#0f766e;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.infoText{color:#134e4a;font-size:.875rem;line-height:1.5}@media (max-width:640px){.celebrationsContainer{padding:1rem}.celebrationsFilters{flex-direction:column;gap:1rem}.filterGroup{flex-direction:column;align-items:flex-start;width:100%}.buttonGroup{width:100%}.celebrationCard{text-align:center;flex-direction:column}.celebrationInfo{text-align:center}}.profilePageContainer{min-height:100vh;padding-bottom:var(--space-16);background:linear-gradient(to bottom right,#fff 0%,#fffbf0 50%,#fef9e7 100%)}.profileLoadingContainer{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:50vh;display:flex}.profileLoadingText{font-size:var(--font-size-lg);color:var(--color-muted)}.profileErrorContainer{text-align:center;min-height:50vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.profileErrorIcon{color:#ef4444;width:64px;height:64px;margin-bottom:var(--space-4)}.profileErrorTitle{font-size:var(--font-size-2xl);color:#111827;margin-bottom:var(--space-2);font-weight:600}.profileErrorText{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-6);max-width:400px}.profileHeader{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);border-bottom:1px solid var(--color-border);background-color:#fff;max-width:1200px;margin:0 auto;display:flex}.profileHeaderAvatar{border-radius:50%;flex-shrink:0;width:100px;height:100px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.profileHeaderAvatarImg{object-fit:cover;border-radius:50%;width:100%;height:100%}.profileHeaderAvatarPlaceholder{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-bg-dark) 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profileHeaderAvatarPlaceholder span{color:#fff;text-transform:uppercase;font-size:2.25rem;font-weight:700}.profileHeaderInfo{flex:1;min-width:0}.profileHeaderName{font-size:var(--font-size-2xl);color:#111827;margin:0 0 var(--space-2) 0;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-weight:700;display:flex}.profileHeaderMeta{gap:var(--space-4);flex-wrap:wrap;display:flex}.profileHeaderLocation,.profileHeaderChurch{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-muted);display:flex}.profileHeaderLocation svg,.profileHeaderChurch svg{flex-shrink:0;width:16px;height:16px}.profileHeaderChurch{color:var(--color-primary)}.profileHeaderActions{flex-shrink:0;align-items:center;display:flex}.profileHeaderActions .btn{white-space:nowrap;min-width:100px}@media (max-width:640px){.profileHeader{text-align:center;padding:var(--space-6) var(--space-4);flex-direction:column}.profileHeaderName,.profileHeaderMeta{justify-content:center}.profileHeaderActions{margin-top:var(--space-4)}.profileHeaderActions .btn{width:100%;max-width:200px}}.profileContentContainer{max-width:1200px;padding:var(--space-8) var(--space-4) var(--space-8);margin:0 auto}.profileContentGrid{gap:var(--space-6);grid-template-columns:1fr 400px;display:grid}.profileLeftColumn,.profileRightColumn{gap:var(--space-6);flex-direction:column;display:flex}.profileBioSection{border-radius:var(--radius-lg);padding:var(--space-6);background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.profileBioTitle{font-size:var(--font-size-xl);color:#111827;margin-bottom:var(--space-4);font-weight:600}.profileBioContent{margin-bottom:var(--space-6)}.profileBioText{font-size:var(--font-size-base);color:#374151;line-height:var(--line-height-relaxed);white-space:pre-wrap}.profileBioText strong{color:#111827;font-weight:600}.profileBioText em{font-style:italic}.profileBioText .bioLink{color:#15803d;text-decoration:underline}.profileBioText .bioLink:hover{color:#14532d}.profileBioEmpty{text-align:center;padding:var(--space-8)}.profileBioEmptyText{font-size:var(--font-size-base);color:var(--color-muted)}.profileInterestsContent{margin-bottom:var(--space-6)}.profileInterestsTitle{font-size:var(--font-size-lg);color:#111827;margin-bottom:var(--space-3);font-weight:600}.profileInterestsList{gap:var(--space-2);flex-wrap:wrap;display:flex}.profileInterestTag{padding:var(--space-2) var(--space-3);color:#15803d;border-radius:var(--radius-full);font-size:var(--font-size-sm);background-color:#dcfce7;font-weight:500;display:inline-block}.profileSocialContent{margin-bottom:var(--space-4)}.profileSocialTitle{font-size:var(--font-size-lg);color:#111827;margin-bottom:var(--space-3);font-weight:600}.profileSocialLinks{gap:var(--space-2);flex-direction:column;display:flex}.profileSocialLink{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#374151;background-color:#f9fafb;text-decoration:none;transition:all .2s;display:flex}.profileSocialLink:hover{color:#15803d;background-color:#f3f4f6}.profileSocialIcon{flex-shrink:0;width:20px;height:20px}.profileSocialLinkText{font-size:var(--font-size-sm);text-transform:capitalize;font-weight:500}.profileStatsSection{border-radius:var(--radius-lg);padding:var(--space-6);background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.profileStatsTitle{font-size:var(--font-size-xl);color:#111827;margin-bottom:var(--space-4);font-weight:600}.profileStatsGrid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.profileStatCard{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#f9fafb;display:flex}.profileStatIcon{width:40px;height:40px;padding:var(--space-2);color:#15803d;border-radius:var(--radius-md);background-color:#dcfce7;flex-shrink:0}.profileStatContent{flex:1}.profileStatValue{font-size:var(--font-size-2xl);color:#111827;margin-bottom:var(--space-1);font-weight:700;line-height:1}.profileStatLabel{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.profileActionsSection{gap:var(--space-3);margin-top:var(--space-4);display:flex}.profileActionsSection .btn{flex:1}.profilePrivateContainer{border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.profilePrivateIcon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-muted)}.profilePrivateTitle{font-size:var(--font-size-2xl);color:#111827;margin-bottom:var(--space-2);font-weight:600}.profilePrivateText{font-size:var(--font-size-base);color:var(--color-muted);max-width:400px;margin:0 auto}.mutualConnectionsSection{border-radius:var(--radius-lg);padding:var(--space-6);background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.mutualConnectionsTitle{font-size:var(--font-size-lg);color:#111827;margin-bottom:var(--space-4);font-weight:600}.mutualConnectionsList{gap:var(--space-2);flex-direction:column;display:flex}.mutualConnectionItem{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:inherit;background-color:#f9fafb;text-decoration:none;transition:all .2s;display:flex}.mutualConnectionItem:hover{background-color:#f3f4f6;transform:translate(4px)}.mutualConnectionAvatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.mutualConnectionInfo{flex:1}.mutualConnectionName{font-size:var(--font-size-sm);color:#111827;font-weight:600}.mutualConnectionChurch,.mutualConnectionLocation{font-size:var(--font-size-xs);color:var(--color-muted)}.mutualConnectionsHeader{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mutualConnectionsCount{font-size:var(--font-size-lg);color:#15803d;font-weight:700}.mutualConnectionsGrid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.mutualConnectionCard{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:inherit;background-color:#f9fafb;text-decoration:none;transition:all .2s;display:flex}.mutualConnectionCard:hover{background-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.mutualConnectionAvatarPlaceholder{color:#15803d;background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.875rem;font-weight:600;display:flex}.mutualConnectionsViewAll{text-align:center;padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid #f3f4f6}.bioEditorContainer{border-radius:var(--radius-lg);padding:var(--space-6);background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bioEditorHeader{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.bioEditorTitle{font-size:var(--font-size-lg);color:#111827;margin:0;font-weight:600}.bioEditorActions{gap:var(--space-2);display:flex}.bioEditorModeButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#6b7280;font-size:var(--font-size-sm);cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;transition:all .2s;display:flex}.bioEditorModeButton:hover{background-color:#f9fafb;border-color:#d1d5db}.bioEditorModeButton.active{color:#15803d;background-color:#dcfce7;border-color:#15803d;font-weight:500}.bioEditorTextarea{width:100%;min-height:150px;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base);resize:vertical;border:1px solid #e5e7eb;font-family:inherit;line-height:1.6}.bioEditorTextarea:focus{border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1a}.bioEditorFooter{margin-top:var(--space-2);font-size:var(--font-size-sm);color:#6b7280;justify-content:space-between;align-items:center;display:flex}.bioEditorHelp{align-items:center;gap:var(--space-2);display:flex}.bioEditorCounter{color:#6b7280;font-weight:500}.bioEditorCounter.warning{color:#dc2626;font-weight:600}.bioEditorPreview{min-height:150px;padding:var(--space-4);border-radius:var(--radius-md);background-color:#f9fafb;border:1px solid #e5e7eb}.bioPreviewContent{color:#374151;line-height:1.6}.bioPreviewContent strong{color:#111827;font-weight:600}.bioPreviewContent em{font-style:italic}.bioPreviewContent .bioLink{color:#15803d;text-decoration:underline}.bioPreviewContent .bioLink:hover{color:#14532d}.bioPreviewEmpty{text-align:center;padding:var(--space-8) 0;color:#9ca3af;font-style:italic}.bioEditorSaveActions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e5e7eb;display:flex}@media (max-width:768px){.profileBannerImage{height:200px}.profilePictureContainer{bottom:-40px}.profilePictureWrapper{width:80px;height:80px}.profileBannerInfo{padding:60px var(--space-4) var(--space-6)}.profileDisplayName{font-size:var(--font-size-2xl)}.profileContentGrid{grid-template-columns:1fr}.profileRightColumn{order:-1}.profileStatsGrid{grid-template-columns:repeat(3,1fr)}.mutualConnectionsGrid{grid-template-columns:1fr}}@media (max-width:640px){.profileStatsGrid{grid-template-columns:repeat(2,1fr)}.profileActionsSection{flex-direction:column}}.richTextContent{line-height:1.6}.richTextContent p{margin-bottom:var(--space-2)}.richTextContent p:last-child{margin-bottom:0}.richTextContent strong{font-weight:var(--font-weight-semibold)}.richTextContent em{font-style:italic}.richTextContent u{text-decoration:underline}.richTextContent h1,.richTextContent h2,.richTextContent h3,.richTextContent h4,.richTextContent h5,.richTextContent h6{font-weight:var(--font-weight-semibold);margin-top:var(--space-3);margin-bottom:var(--space-2);line-height:1.3}.richTextContent h1{font-size:var(--font-size-2xl)}.richTextContent h2{font-size:var(--font-size-xl)}.richTextContent h3{font-size:var(--font-size-lg)}.richTextContent h4{font-size:var(--font-size-base)}.richTextContent h5{font-size:var(--font-size-sm)}.richTextContent h6{font-size:var(--font-size-xs)}.richTextContent ul,.richTextContent ol{margin-left:var(--space-4);margin-bottom:var(--space-2)}.richTextContent li{margin-bottom:var(--space-1)}.richTextContent blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-3);margin-left:0;margin-bottom:var(--space-2);color:#6b7280;font-style:italic}.richTextContent code{border-radius:var(--radius-sm);background-color:#f3f4f6;padding:2px 6px;font-family:monospace;font-size:.9em}.richTextContent pre{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);background-color:#f3f4f6;overflow-x:auto}.richTextContent pre code{background-color:#0000;padding:0}.church-indicator{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-dark);font-size:var(--font-size-sm);background-color:#16a34a1a;display:flex}.church-indicator-name{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.church-switcher{display:inline-block;position:relative}.church-switcher-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-width:180px;font-size:var(--font-size-sm);color:var(--color-text-dark);background-color:#fff;transition:all .2s;display:flex}.church-switcher-button:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary)}.church-switcher-button:disabled{opacity:.5;cursor:not-allowed}.church-switcher-button .church-info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.church-switcher-button .church-name{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.church-switcher-button .church-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.church-switcher-button .chevron{flex-shrink:0;transition:transform .2s}.church-switcher-button .chevron.rotated{transform:rotate(180deg)}.church-switcher-dropdown{top:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:320px;box-shadow:var(--shadow-lg);z-index:50;background-color:#fff;position:absolute;right:0;overflow:hidden}.church-switcher-dropdown .dropdown-header{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.church-switcher-dropdown .dropdown-list{max-height:400px;overflow-y:auto}.church-switcher-dropdown .church-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;background-color:#fff;transition:background-color .2s;display:flex}.church-switcher-dropdown .church-option:last-child{border-bottom:none}.church-switcher-dropdown .church-option:hover{background-color:var(--color-bg-light)}.church-switcher-dropdown .church-option.active{background-color:#16a34a0d}.church-switcher-dropdown .church-option .church-details{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.church-switcher-dropdown .church-option .church-name{font-weight:var(--font-weight-medium);color:var(--color-text-dark);font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.church-switcher-dropdown .church-option .church-location{font-size:var(--font-size-sm);color:var(--color-text-muted)}.church-switcher-dropdown .church-option .church-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.church-switcher-dropdown .church-option .church-role-badge{padding:var(--space-1) var(--space-2);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;background-color:#16a34a1a}.church-switcher-dropdown .church-option .active-check{color:var(--color-primary)}@media (max-width:768px){.church-indicator-name{max-width:100px}.church-switcher-button{min-width:150px}.church-switcher-dropdown{min-width:280px;right:-20px}.church-switcher-dropdown .church-option .church-name{font-size:var(--font-size-sm)}}@media (max-width:480px){.church-indicator{padding:var(--space-1) var(--space-2)}.church-switcher-button{min-width:120px;padding:var(--space-1) var(--space-2)}.church-switcher-dropdown{min-width:auto;left:0;right:0}}.stepIndicator{padding:var(--space-6);margin:0 0 var(--space-6) 0;background-color:var(--color-bg-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.step{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);transition:color var(--transition-base);flex-direction:column;display:flex}.step.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.step.completed{color:var(--color-text-secondary)}.stepCircle{background-color:var(--color-bg-light);border:2px solid var(--color-border);width:48px;height:48px;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.stepCircle svg{width:24px;height:24px}.step.active .stepCircle{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.step.completed .stepCircle{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.stepLine{background-color:var(--color-border);width:80px;height:2px;margin:0 var(--space-3);transition:background-color var(--transition-base)}.step.completed+.stepLine{background-color:var(--color-success)}@media (max-width:768px){.stepIndicator{padding:var(--space-4)}.stepCircle{width:40px;height:40px;font-size:var(--font-size-base)}.stepCircle svg{width:20px;height:20px}.stepLine{width:40px}.step span{font-size:var(--font-size-xs)}.step{gap:var(--space-2)}}.stepContent{padding:var(--space-6)}.uploadSection{gap:var(--space-6);flex-direction:column;display:flex}.uploadBox{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;background-color:var(--color-bg-light)}.uploadIcon{width:48px;height:48px;color:var(--color-secondary);margin:0 auto var(--space-4)}.uploadBox h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.uploadBox p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-3)}.previewContainer{gap:var(--space-6);flex-direction:column;display:flex}.statsGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.statCard{background-color:var(--color-bg-light);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.statCard.success{border-color:var(--color-success);background-color:#f0fdf4}.statCard.warning{border-color:var(--color-warning);background-color:#fffbeb}.statCard.info{background-color:#eff6ff;border-color:#3b82f6}.statIcon{width:32px;height:32px;color:var(--color-text-muted)}.statCard.success .statIcon{color:var(--color-success)}.statCard.warning .statIcon{color:var(--color-warning)}.statValue{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#111827;line-height:1}.statCard.success .statValue{color:var(--color-primary-dark)}.statCard.success .statLabel{color:#15803d}.statCard.warning .statValue,.statCard.warning .statLabel{color:#92400e}.statCard.info .statValue,.statCard.info .statLabel{color:#1e40af}.statLabel{font-size:var(--font-size-sm);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detailsGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.detailItem{padding:var(--space-2) 0;justify-content:space-between;display:flex}.detailItem span{color:var(--color-text-muted)}.detailItem strong{color:var(--color-text)}.errorSection{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.sectionHeader{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background-color:var(--color-bg-light);cursor:pointer;font-weight:var(--font-weight-semibold);border:none;display:flex}.sectionHeader:hover{background-color:var(--color-bg-hover)}.errorList{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.errorItem{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-bg-light);border-left:4px solid var(--color-border)}.errorItem.error{border-left-color:var(--color-error);background-color:#fef2f2}.errorItem.warning{border-left-color:var(--color-warning);background-color:#fffbeb}.errorHeader{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.errorBadge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;background-color:var(--color-bg)}.errorEmail{font-weight:var(--font-weight-semibold)}.errorRow{color:var(--color-text-muted);font-size:var(--font-size-sm)}.errorMessage{font-size:var(--font-size-sm);color:var(--color-text-muted)}.errorCards{gap:var(--space-2);flex-direction:column;display:flex}.errorCard{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background-color:#fee2e2;border:1px solid #fca5a5}.errorCard strong{color:var(--color-error)}.errorFixerSection{border-radius:var(--radius-md);border:2px solid var(--color-error);padding:var(--space-4);margin-bottom:var(--space-4);background-color:#fef2f2}.errorFixerHeader{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.errorFixerHeader .icon{flex-shrink:0;margin-top:2px}.errorFixerHeader h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0 0 var(--space-2) 0}.errorFixerHeader p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.errorFixerList{gap:var(--space-3);flex-direction:column;display:flex}.errorFixerItem{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-base);background-color:#fff}.errorFixerItem.editing{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.errorFixerItemHeader{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.errorFixerRowInfo{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.errorFixerRowNumber{background-color:var(--color-error);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.errorFixerEmail{font-weight:var(--font-weight-semibold);color:var(--color-text)}.errorFixerErrors{gap:var(--space-2);flex-wrap:wrap;display:flex}.errorFixerForm{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.errorFixerForm .formGroup{grid-column:span 1}.errorFixerForm .errorFixerActions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);grid-column:1/-1;display:flex}.errorFixerCurrentData{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.errorFixerField{gap:var(--space-1);flex-direction:column;display:flex}.errorFixerFieldLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase}.errorFixerFieldValue{font-size:var(--font-size-base);color:var(--color-text);padding:var(--space-2);background-color:var(--color-bg-light);border-radius:var(--radius-sm)}.errorFixerActions .btn{min-width:120px}.conflictSection{border-radius:var(--radius-md);border:1px solid var(--color-warning);padding:var(--space-4);background-color:#fffbeb}.sectionDescription{color:var(--color-text-muted);margin-bottom:var(--space-4)}.conflictList{gap:var(--space-3);flex-direction:column;display:flex}.conflictItem{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#fff;overflow:hidden}.conflictHeader{width:100%;padding:var(--space-3);background-color:var(--color-bg-light);cursor:pointer;border:none;justify-content:space-between;align-items:center;display:flex}.conflictHeader:hover{background-color:var(--color-bg-hover)}.conflictEmailRow{align-items:center;gap:var(--space-3);display:flex}.conflictEmail{font-weight:var(--font-weight-semibold)}.conflictDetails{padding:var(--space-4)}.recordComparison{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.recordCard{border-radius:var(--radius-md);border:2px solid var(--color-border);padding:var(--space-4)}.recordCard.moriah{background-color:#eff6ff;border-color:#3b82f6}.recordCard.inpeace{border-color:var(--color-primary);background-color:#f0fdf4}.recordHeader{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.completenessScore{font-size:var(--font-size-sm);color:var(--color-text-muted)}.rowNumber{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg)}.recordFields{gap:var(--space-2);flex-direction:column;display:flex}.field{gap:var(--space-2);display:flex}.fieldLabel{font-weight:var(--font-weight-semibold);min-width:80px}.fieldValue{color:var(--color-text-muted)}.resolutionOptions{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);flex-direction:column;display:flex}.resolutionOptions label{align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;display:flex}.resolutionOptions label:hover{background-color:var(--color-bg-hover);border-radius:var(--radius-sm)}.fieldComparisonTable{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.comparisonHeader{background-color:var(--color-bg-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);grid-template-columns:120px 1fr 1fr 60px;display:grid}.comparisonHeaderCell{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.comparisonRow{border-bottom:1px solid var(--color-border);grid-template-columns:120px 1fr 1fr 60px;display:grid}.comparisonRow:last-child{border-bottom:none}.comparisonRow.conflict{background-color:#fef3c7}.comparisonRow.inpeace_only{background-color:#d1fae5}.comparisonCell{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);text-overflow:ellipsis;overflow:hidden}.comparisonCell.fieldName{font-weight:var(--font-weight-medium);color:var(--color-text)}.comparisonCell.moriahValue{color:#1d4ed8}.comparisonCell.inpeaceValue{color:#059669}.comparisonCell.statusCell{justify-content:center;align-items:center;display:flex}.fieldStatusMatch{color:var(--color-success)}.fieldStatusConflict{color:var(--color-warning)}.fieldStatusNew{color:var(--color-primary)}.fieldStatusExisting{color:var(--color-text-muted)}.resolutionOptions input[type=radio]{cursor:pointer}.collapsibleSection{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.tableContainer{padding:var(--space-4);overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.dataTable th{text-align:left;padding:var(--space-3);background-color:var(--color-bg-light);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.dataTable td{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.dataTable tr:last-child td{border-bottom:none}.moreRows{text-align:center;color:var(--color-text-muted);font-style:italic}.actionButtons{gap:var(--space-3);padding-top:var(--space-4);justify-content:flex-end;display:flex}.progressContainer{align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.progressIcon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.progressIcon.success{color:var(--color-success);background-color:#f0fdf4}.progressIcon.error{color:var(--color-error);background-color:#fef2f2}.progressIcon .icon.large{width:48px;height:48px}.spinner{border:3px solid var(--color-bg-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.spinner.large{border-width:4px;width:48px;height:48px}.progressSteps{gap:var(--space-3);flex-direction:column;width:100%;max-width:400px;display:flex}.progressStep{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-bg-light);display:flex}.progressStep.active{background-color:#eff6ff;border:1px solid #3b82f6}.progressStepIcon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.resultsGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;display:grid}.resultCard{background-color:var(--color-bg-light);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.resultCard.success{border-color:var(--color-success);background-color:#f0fdf4}.resultCard.info{background-color:#eff6ff;border-color:#3b82f6}.resultCard.warning{border-color:var(--color-warning);background-color:#fffbeb}.resultValue{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);line-height:1}.resultLabel{font-size:var(--font-size-sm);color:var(--color-text-muted)}.migrationHistory{padding:var(--space-4)}.historyHeader{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);display:flex}.logsList{gap:var(--space-3);flex-direction:column;display:flex}.logItem{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#fff;overflow:hidden}.logHeader{width:100%;padding:var(--space-4);background-color:var(--color-bg-light);cursor:pointer;border:none;justify-content:space-between;align-items:center;display:flex}.logHeader:hover{background-color:var(--color-bg-hover)}.logHeaderLeft,.logHeaderRight{align-items:center;gap:var(--space-3);display:flex}.logInfo{gap:var(--space-1);flex-direction:column;display:flex}.logTitle{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);display:flex}.logType{text-transform:uppercase;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg)}.logChurch{color:var(--color-text-muted)}.logMeta{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.logCount{font-weight:var(--font-weight-semibold);color:var(--color-text)}.logDetails{padding:var(--space-4);border-top:1px solid var(--color-border)}.statsGrid.small{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.statItem{padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-light);justify-content:space-between;display:flex}.statItem.success{background-color:#f0fdf4}.statItem.error{background-color:#fef2f2}.configSection,.timingSection,.errorsSection{margin-bottom:var(--space-4)}.configSection h4,.timingSection h4,.errorsSection h4{margin-bottom:var(--space-3);font-size:var(--font-size-lg)}.moreErrors{text-align:center;padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.statsGrid,.recordComparison{grid-template-columns:1fr}.stepLine{width:50px}.actionButtons{flex-direction:column;width:100%}.actionButtons button{width:100%}}.churchSwitcher{position:relative}.churchSwitcherSingle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:.875rem;font-weight:500;display:flex}.churchSwitcherButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;background:#fff;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.churchSwitcherButton:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-primary)}.churchSwitcherButton:disabled{opacity:.6;cursor:not-allowed}.churchSwitcher .churchName{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.churchSwitcherDropdown{top:calc(100% + var(--space-1));border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);z-index:1000;background:#fff;max-height:400px;position:absolute;left:0;overflow-y:auto}.churchSwitcherOption{width:100%;padding:var(--space-3);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-border-light);background:#fff;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.churchSwitcherOption:last-child{border-bottom:none}.churchSwitcherOption:hover{background:var(--color-bg-light)}.churchSwitcherOption.active{background:var(--color-primary-light)}.churchSwitcherOptionContent{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.churchSwitcherOptionName{color:var(--color-text-primary);font-weight:500}.churchSwitcherOptionLocation{color:var(--color-text-secondary);font-size:.75rem}.churchSwitcherOptionActive{color:var(--color-primary);font-size:1.25rem;font-weight:700}.errorCard{background-color:#fef2f2;border-color:#fecaca}.errorCardContent{align-items:center;gap:var(--space-3);padding:var(--space-6);color:#991b1b;display:flex}.errorCardTitle{font-weight:600}.errorCardMessage{font-size:var(--font-size-sm)}.uploadDropZone{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer;background-color:#0000;border:2px dashed #d1d5db;position:relative}.uploadDropZone:hover,.uploadDropZoneActive{background-color:#f0fdf4;border-color:#10b981}.uploadDropZoneDisabled{cursor:not-allowed;opacity:.5}.uploadDropZoneContent{gap:var(--space-2);flex-direction:column;display:flex}.uploadDropZoneIcon{color:#9ca3af;width:32px;height:32px;margin:0 auto}.uploadDropZoneText{font-size:var(--font-size-sm);color:#6b7280}.uploadDropZoneSubtext{font-size:var(--font-size-xs);color:#9ca3af}.requiredIndicator{color:#ef4444}.flexColumn{gap:var(--space-4);flex-direction:column;display:flex}.flexRow{gap:var(--space-3);display:flex}.spaceBetween{justify-content:space-between;display:flex}.flexEnd{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.alignCenter{align-items:center;gap:var(--space-2);display:flex}.positionRelative{position:relative}.kidSelector{padding:var(--space-4)}.kidSelectorActive{gap:var(--space-2);padding:var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--space-4);flex-direction:column;display:flex}.kidSelectorActiveLabel{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.kidSelectorActiveKid{align-items:center;gap:var(--space-2);display:flex}.kidSelectorLabel{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.kidSelectorList{gap:var(--space-2);flex-direction:column;display:flex}.kidSelectorItem{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.kidSelectorItem:hover:not(:disabled),.kidSelectorItem.active{border-color:var(--color-primary);background:var(--color-primary-light)}.kidSelectorItem:disabled{opacity:.7;cursor:default}.kidSelectorItemInfo{align-items:center;gap:var(--space-2);display:flex}.kidGrade{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px}.kidPinIndicator{font-size:var(--font-size-sm);opacity:.6}.pinInputContainer{justify-content:center;gap:var(--space-2);display:flex}.pinInput{text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);width:48px;height:56px;font-size:1.5rem;font-weight:600;transition:border-color .2s}.pinInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.pinInput:disabled{background:var(--bg-secondary);opacity:.6}.kidProfileCard{gap:var(--space-4);flex-direction:column;display:flex}.kidProfileCardCompact{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.kidProfileCardHeader{align-items:center;gap:var(--space-4);display:flex}.kidProfileCardAvatar{flex-shrink:0}.kidProfileCardAvatar img{object-fit:cover;border-radius:50%;width:64px;height:64px}.kidProfileCardAvatar.clickable{cursor:pointer;position:relative}.kidProfileCardAvatar.clickable:hover .avatarOverlay{opacity:1}.kidProfileCardAvatar .avatarOverlay{background:var(--color-primary);color:#fff;opacity:.8;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute;bottom:0;right:0}.avatarPlaceholder{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;width:40px;height:40px;font-weight:600;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.avatarPlaceholder.large{width:64px;height:64px;font-size:var(--font-size-lg)}.kidProfileCardDetails{flex:1}.kidProfileCardDetails .kidName{font-size:var(--font-size-lg);margin:0 0 var(--space-1);font-weight:600}.kidProfileCardMeta{align-items:center;gap:var(--space-2);display:flex}.kidAge{font-size:var(--font-size-sm);color:var(--text-secondary)}.kidProfileCardBody{gap:var(--space-3);flex-direction:column;display:flex}.kidProfileCardStats{gap:var(--space-4);flex-wrap:wrap;display:flex}.kidStat{flex-direction:column;gap:2px;display:flex}.kidStatLabel{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.kidStatValue{font-weight:500}.kidBaptismInfo{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#3b82f61a;flex-wrap:wrap;display:flex}.baptismLabel{color:var(--color-primary);font-weight:500}.baptismLocation{color:var(--text-secondary)}.kidProfileCardActions{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.kidEmailIndicator{font-size:var(--font-size-sm);color:var(--color-success)}.kidProfileCardInfo{flex-direction:column;gap:2px;display:flex}.kidProfileCardInfo .kidName{font-weight:500}.kidsGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.addKidButton{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-height:200px;color:var(--text-secondary);background:0 0;flex-direction:column;transition:all .2s;display:flex}.addKidButton:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.addKidButtonIcon{font-size:2rem}.addKidButtonText{font-weight:500}.user-avatar-lg{width:48px;height:48px;font-size:var(--font-size-base);border:2px solid #10b981}.searchResultItem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color .15s;display:flex}.searchResultItem:hover{background:var(--color-bg-muted)}.searchResultItem:last-child{border-bottom:none}@media (max-width:640px){.user-avatar-lg{width:40px;height:40px}}.navSearchContainer{align-items:center;display:flex;position:relative}.navSearchBox{background:0 0;border-radius:20px;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.navSearchBox.navSearchBoxExpanded{background:#f3f4f6;width:280px;box-shadow:0 2px 8px #0000001a}.navSearchIconBtn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.navSearchIconBtn:hover{color:var(--color-text-light);background:#ffffff1a}.navSearchBoxExpanded .navSearchIconBtn{cursor:default;color:#9ca3af}.navSearchBoxExpanded .navSearchIconBtn:hover{color:#9ca3af;background:0 0}.navSearchInput{color:#111827;opacity:0;background:0 0;border:none;outline:none;flex:1;width:0;padding:0 8px 0 0;font-size:14px;transition:opacity .2s .1s}.navSearchInput::placeholder{color:#9ca3af}.navSearchBoxExpanded .navSearchInput{opacity:1;width:auto}.navSearchClearBtn{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;transition:all .2s;display:flex}.navSearchClearBtn:hover{color:#111827;background:#d1d5db}.navSearchDropdown{border-radius:var(--radius-lg);z-index:9999;background:#fff;border:1px solid #e5e7eb;width:320px;animation:.2s ease-out searchDropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 40px #00000026}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navSearchLoading{padding:var(--space-6);justify-content:center;align-items:center;display:flex}.navSearchEmpty{padding:var(--space-6);text-align:center;color:#6b7280;font-size:14px}.navSearchResults{max-height:360px;overflow-y:auto}.navSearchResultItem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s;display:flex}.navSearchResultItem:hover{background:#f9fafb}.navSearchResultItem:last-child{border-bottom:none}.navSearchResultInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.navSearchResultName{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.navSearchResultChurch{color:#16a34a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (max-width:768px){.navSearchBox.navSearchBoxExpanded{width:200px}.navSearchDropdown{width:280px;left:50%;transform:translate(-50%)}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (max-width:480px){.navSearchContainer{position:static}.navSearchBox.navSearchBoxExpanded{z-index:101;width:auto;position:fixed;top:12px;left:12px;right:12px}.navSearchDropdown{width:auto;position:fixed;top:60px;left:12px;right:12px;transform:none}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.navLangPicker{position:relative}.navLangPickerBtn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.navLangPickerBtn:hover{color:var(--color-text-light);background:#ffffff1a}.navLangPickerFlag{font-size:18px;line-height:1}.navLangPickerDropdown{background:var(--color-bg-dark);z-index:9999;border:1px solid #ffffff1a;border-radius:12px;min-width:180px;padding:8px;animation:.2s ease-out langPickerFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes langPickerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navLangPickerOption{cursor:pointer;color:#fffc;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9375rem;transition:all .15s;display:flex}.navLangPickerOption:hover{color:var(--color-text-light);background:#ffffff1a}.navLangPickerOption.navLangPickerOptionActive{color:#4ade80;background:#22c55e33;font-weight:600}@media (max-width:768px){.navLangPicker{display:none}}.pollCreationPanel{border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border);background:#f9fafb;animation:.2s ease-out pollFadeIn}.pollCreationHeader{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.pollCreationTitle{font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.pollCreationClose{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.pollCreationClose:hover{color:#dc2626;background:#fee2e2}.pollQuestionInput{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);margin-bottom:var(--space-3);background:#fff;font-weight:600;transition:border-color .15s}.pollQuestionInput:focus{border-color:var(--color-primary);outline:none}.pollQuestionInput::placeholder{color:var(--color-text-secondary);font-weight:400}.pollOptionsList{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.pollOptionInputRow{align-items:center;gap:var(--space-2);display:flex}.pollOptionNumber{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.pollOptionInput{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fff;flex:1;transition:all .15s}.pollOptionInput:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a34a1a}.pollOptionRemoveBtn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.pollOptionRemoveBtn:hover{color:#dc2626;background:#fee2e2}.pollAddOptionBtn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;width:100%;font-weight:500;transition:all .15s;display:flex}.pollAddOptionBtn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#16a34a0d}.pollAddOptionBtn:disabled{opacity:.5;cursor:not-allowed}.pollExpirationRow{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.pollExpirationLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.pollExpirationInput{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:#fff;flex:1}.pollExpirationInput:focus{border-color:var(--color-primary);outline:none}.pollExpirationSection{padding-top:var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.pollNoDeadlineCheckbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.pollNoDeadlineCheckbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.pollExpirationSection .pollExpirationRow{border-top:none;padding-top:0}.pollContainer{margin-top:var(--space-3)}.pollQuestion{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:600;line-height:var(--line-height-normal)}.pollOptions{gap:var(--space-2);flex-direction:column;display:flex}.pollOptionBtn{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;align-items:center;gap:var(--space-3);background:#fff;font-weight:500;transition:all .2s;display:flex}.pollOptionBtn:hover:not(:disabled){border-color:var(--color-primary);background:#16a34a0d;transform:translate(4px)}.pollOptionBtn:active:not(:disabled){transform:scale(.98)}.pollOptionBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pollOptionBtnSelected{border-color:var(--color-primary);background:#ecfdf5;animation:.3s pollOptionSelect}.pollOptionRadio{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.pollOptionBtn:hover:not(:disabled) .pollOptionRadio{border-color:var(--color-primary)}.pollOptionBtnSelected .pollOptionRadio{border-color:var(--color-primary);background:var(--color-primary)}.pollOptionBtnSelected .pollOptionRadio:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.pollResults{gap:var(--space-2);flex-direction:column;animation:.3s pollFadeIn;display:flex}.pollResultItem{border-radius:var(--radius-lg);background:#f3f4f6;min-height:48px;position:relative;overflow:hidden}.pollResultBar{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.pollResultBarLeading{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.pollResultBarUserVote{background:linear-gradient(135deg,#fef3c7 0% 100%)}.pollResultItemUserVote{border:2px solid #f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pollResultContent{z-index:1;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;min-height:48px;display:flex;position:relative}.pollResultText{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;display:flex}.pollResultCheckmark{color:#d97706;background:#fef3c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;animation:.3s .3s both pollFadeIn;display:flex}.pollResultStats{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.pollResultPercent{color:var(--color-text-primary);text-align:right;min-width:44px;font-weight:600}.pollResultPercentLeading{color:#d97706}.pollFooter{margin-top:var(--space-3);padding-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;display:flex}.pollTotalVotes{align-items:center;gap:var(--space-1);font-weight:500;display:flex}.pollExpiration{align-items:center;gap:var(--space-1);display:flex}.pollExpirationActive{color:var(--color-primary)}.pollExpirationExpired{color:#dc2626}.pollExpirationSoon{color:#f59e0b;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pollOptionSelect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pollFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pollResultItem:first-child .pollResultBar{transition-delay:0s}.pollResultItem:nth-child(2) .pollResultBar{transition-delay:.1s}.pollResultItem:nth-child(3) .pollResultBar{transition-delay:.2s}.pollResultItem:nth-child(4) .pollResultBar{transition-delay:.3s}@media (max-width:640px){.pollExpirationRow{align-items:flex-start;gap:var(--space-2);flex-direction:column}.pollExpirationInput{width:100%}.pollResultContent{padding:var(--space-2) var(--space-3)}.pollResultText{font-size:var(--font-size-sm)}.pollFooter{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.firstAccessLayout{z-index:9999;background:#fff;position:fixed;inset:0}.wizardContainer{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.wizardBackground{z-index:0;transition:background .6s ease-in-out;position:fixed;inset:0}.wizardSkipButton{top:var(--space-4);right:var(--space-4);z-index:100;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;font-weight:500;display:flex;position:fixed}.wizardSkipButton:hover{background:#ffffff4d;transform:translate(4px)}.wizardCard{z-index:10;border-radius:var(--radius-2xl);width:100%;max-width:600px;padding:var(--space-8);background:#fff;animation:.5s ease-out wizardSlideUp;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes wizardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizardProgress{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.wizardProgressDot{cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;display:flex}.wizardProgressDot:hover{transform:scale(1.2)}.wizardProgressDot.active{border-radius:6px;width:32px}.wizardProgressDot.completed{color:#fff}.wizardProgressDot.completed svg{width:10px;height:10px}.wizardHeader{text-align:center;margin-bottom:var(--space-6)}.wizardIconWrapper{border-radius:var(--radius-2xl);color:#fff;width:80px;height:80px;margin-bottom:var(--space-4);justify-content:center;align-items:center;animation:2s ease-in-out infinite wizardIconPulse;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a}@keyframes wizardIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wizardTitle{font-size:var(--font-size-2xl);color:#111827;margin:0 0 var(--space-2) 0;font-weight:700}.wizardSubtitle{font-size:var(--font-size-base);color:#6b7280;margin:0}.wizardWelcomeToText{font-size:var(--font-size-lg);color:#6b7280;margin:0 0 var(--space-2) 0;font-weight:400}.wizardHeaderLogo{margin-bottom:var(--space-3);margin-left:auto;margin-right:auto;display:block}.wizardBody{margin-bottom:var(--space-6)}.wizardStepContent{animation:.4s ease-out wizardFadeIn}@keyframes wizardFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.wizardWelcomeHero{text-align:center;margin-bottom:var(--space-6)}.wizardWelcomeTitle{font-size:var(--font-size-xl);color:#111827;margin:0 0 var(--space-3) 0;font-weight:600}.wizardWelcomeText{font-size:var(--font-size-sm);color:#6b7280;margin:0;line-height:1.6}.wizardBreathingSquare{border-radius:var(--radius-xl);width:80px;height:80px;margin:0 auto var(--space-6);background:linear-gradient(135deg,#166534 0%,#15803d 50%,#22c55e 100%);justify-content:center;align-items:center;animation:3s ease-in-out infinite wizardBreathing;display:flex;box-shadow:0 10px 25px -5px #16653480}.wizardBreathingStar{color:#fff;animation:3s ease-in-out infinite wizardStarTwinkle}@keyframes wizardBreathing{0%,to{border-radius:var(--radius-xl);transform:scale(1)}50%{border-radius:var(--radius-2xl);transform:scale(1.1)}}@keyframes wizardStarTwinkle{0%,to{opacity:1;transform:rotate(0)scale(1)}25%{opacity:.8;transform:rotate(10deg)scale(1.1)}50%{opacity:1;transform:rotate(0)scale(1.2)}75%{opacity:.8;transform:rotate(-10deg)scale(1.1)}}.wizardFeatureGrid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.wizardFeatureItem{align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);transition:transform var(--transition-base);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);flex-direction:column;display:flex}.wizardFeatureItem:hover{transform:translateY(-4px)}.wizardFeatureIcon{color:#16a34a}.wizardFeatureItem span{font-size:var(--font-size-sm);color:#166534;font-weight:500}.wizardIllustration{margin-bottom:var(--space-6);justify-content:center;display:flex}.wizardStudyCard{border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #93c5fd;width:280px;box-shadow:0 4px 6px -1px #0000001a}.wizardStudyCardHeader{margin-bottom:var(--space-2);color:#1e40af;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.wizardStudyCard h3{font-size:var(--font-size-base);color:#1e3a8a;margin:0 0 var(--space-1) 0;font-weight:600}.wizardStudyCard p{font-size:var(--font-size-sm);color:#3b82f6;margin:0 0 var(--space-3) 0}.wizardProgressBar{background:#bfdbfe;border-radius:3px;height:6px;overflow:hidden}.wizardProgressFill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;transition:width .5s ease-out}.wizardPostCard{border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:2px solid #c4b5fd;width:300px;box-shadow:0 4px 6px -1px #0000001a}.wizardPostHeader{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.wizardPostAvatar{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;width:40px;height:40px}.wizardPostMeta{flex-direction:column;display:flex}.wizardPostName{font-size:var(--font-size-sm);color:#581c87;font-weight:600}.wizardPostTime{font-size:var(--font-size-xs);color:#9333ea}.wizardPostText{font-size:var(--font-size-sm);color:#6b21a8;margin:0 0 var(--space-3) 0;line-height:1.5}.wizardPostActions{gap:var(--space-4);color:#a855f7;font-size:var(--font-size-sm);display:flex}.wizardPostActions span{align-items:center;gap:var(--space-1);display:flex}.wizardPrayerCards{gap:var(--space-3);flex-direction:column;display:flex}.wizardPrayerCard{border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #fdba74;flex-direction:column;width:260px;display:flex}.wizardPrayerCard svg{color:#ea580c}.wizardPrayerCard p{font-size:var(--font-size-sm);color:#9a3412;margin:0;line-height:1.4}.wizardPrayerCard span{font-size:var(--font-size-xs);color:#f97316;font-weight:500}.wizardDescription{margin-bottom:var(--space-4)}.wizardDescription:last-child{margin-bottom:0}.wizardDescription h3{font-size:var(--font-size-base);color:#111827;margin:0 0 var(--space-1) 0;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.wizardDescription p{font-size:var(--font-size-sm);color:#6b7280;margin:0;line-height:1.6}.wizardProfileSection{text-align:center}.wizardProfileGreeting{margin-bottom:var(--space-6)}.wizardProfileIcon{color:#0d9488;margin-bottom:var(--space-2)}.wizardProfileGreeting h3{font-size:var(--font-size-xl);color:#111827;margin:0 0 var(--space-2) 0;font-weight:600}.wizardProfileGreeting p{font-size:var(--font-size-sm);color:#6b7280;margin:0}.wizardChurchSelect{text-align:left}.wizardLabel{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;margin-bottom:var(--space-2);font-weight:500;display:flex}.wizardLabel svg{color:#0d9488}.wizardSelectInput{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-lg);color:#111827;cursor:pointer;transition:all var(--transition-base);background:#fff;border:2px solid #e5e7eb}.wizardSelectInput:hover{border-color:#0d9488}.wizardSelectInput:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881a}.wizardLoadingChurches{padding:var(--space-3);text-align:center;color:#6b7280;font-size:var(--font-size-sm)}.wizardChurchNote{margin-top:var(--space-3);font-size:var(--font-size-xs);color:#9ca3af;line-height:1.5}.wizardChurchSearchContainer{position:relative}.wizardChurchSearchInput{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fff;border:2px solid #e5e7eb;display:flex}.wizardChurchSearchInput:focus-within{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.wizardSearchIcon{color:#9ca3af;flex-shrink:0}.wizardSearchField{font-size:var(--font-size-base);color:#111827;background:0 0;border:none;outline:none;flex:1}.wizardSearchField::placeholder{color:#9ca3af}.wizardSearchClear{padding:var(--space-1);border-radius:var(--radius-full);color:#6b7280;cursor:pointer;transition:all var(--transition-base);background:#f3f4f6;border:none;justify-content:center;align-items:center;display:flex}.wizardSearchClear:hover{color:#374151;background:#e5e7eb}.wizardChurchDropdown{margin-top:var(--space-2);border-radius:var(--radius-lg);z-index:50;background:#fff;border:1px solid #e5e7eb;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}.wizardChurchOption{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);color:#374151;cursor:pointer;transition:background var(--transition-base);background:0 0;border:none;display:flex}.wizardChurchOption:hover{background:#f3f4f6}.wizardChurchOption.selected{color:#0d9488;background:#ecfdf5}.wizardChurchOption svg{color:#9ca3af;flex-shrink:0}.wizardChurchOption.selected svg{color:#0d9488}.wizardNoChurches{padding:var(--space-3) var(--space-4);text-align:center;color:#9ca3af;font-size:var(--font-size-sm)}.wizardAddChurchOption{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);color:#0d9488;cursor:pointer;transition:background var(--transition-base);background:#f9fafb;border:none;border-top:1px solid #e5e7eb;font-weight:500;display:flex}.wizardAddChurchOption:hover{background:#ecfdf5}.wizardAddChurchOption svg{color:#0d9488}.wizardFooter{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.wizardButton{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:500;display:inline-flex}.wizardButtonPrimary{color:#fff;margin-left:auto;box-shadow:0 4px 6px -1px #0000001a}.wizardButtonPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.wizardButtonPrimary:disabled{opacity:.6;cursor:not-allowed}.wizardButtonSecondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.wizardButtonSecondary:hover{background:#e5e7eb}.wizardDecoration{pointer-events:none;background:#ffffff1a;border-radius:50%;position:fixed}.wizardDecoration1{width:300px;height:300px;animation:8s ease-in-out infinite wizardFloat;top:-100px;left:-100px}.wizardDecoration2{width:200px;height:200px;animation:6s ease-in-out infinite reverse wizardFloat;bottom:-50px;right:-50px}.wizardDecoration3{width:150px;height:150px;animation:10s ease-in-out infinite wizardFloat;top:50%;right:10%}@keyframes wizardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}@media (max-width:640px){.wizardCard{padding:var(--space-6);margin:var(--space-2);border-radius:var(--radius-xl)}.wizardTitle{font-size:var(--font-size-xl)}.wizardIconWrapper{width:64px;height:64px}.wizardIconWrapper svg{width:32px;height:32px}.wizardFeatureGrid{gap:var(--space-2);grid-template-columns:1fr 1fr}.wizardFeatureItem{padding:var(--space-3)}.wizardStudyCard,.wizardPostCard,.wizardPrayerCard{width:100%}.wizardFooter{flex-wrap:wrap}.wizardButton{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.wizardSkipButton{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}.tourOverlay{z-index:10000;pointer-events:none;position:fixed;inset:0}.tourBackdrop{pointer-events:auto;background:#0009;transition:clip-path .3s ease-out;position:fixed;inset:0}.tourSpotlight{border-radius:var(--radius-lg);pointer-events:none;border:3px solid #22c55e;transition:all .3s ease-out;animation:2s ease-in-out infinite tourSpotlightPulse;position:fixed;box-shadow:0 0 0 4px #22c55e33,0 0 30px #22c55e4d}@keyframes tourSpotlightPulse{0%,to{box-shadow:0 0 0 4px #22c55e33,0 0 30px #22c55e4d}50%{box-shadow:0 0 0 6px #22c55e4d,0 0 40px #22c55e66}}.tourSkipButton{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);color:#6b7280;cursor:pointer;pointer-events:auto;width:40px;height:40px;transition:all var(--transition-base);z-index:10001;background:#ffffffe6;border:none;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 2px 8px #00000026}.tourSkipButton:hover{color:#374151;background:#fff;transform:scale(1.05)}.tourTooltip{border-radius:var(--radius-xl);pointer-events:auto;z-index:10001;background:#fff;width:320px;animation:.3s ease-out tourTooltipEnter;position:fixed;box-shadow:0 20px 40px -10px #0003,0 0 0 1px #0000000d}@keyframes tourTooltipEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tourTooltipHeader{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0;display:flex}.tourTooltipIcon{color:#22c55e;flex-shrink:0}.tourTooltipTitle{font-size:var(--font-size-lg);color:#111827;margin:0;font-weight:600}.tourTooltipContent{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:#6b7280;margin:0;line-height:1.6}.tourProgress{justify-content:center;gap:var(--space-2);padding:0 var(--space-5);display:flex}.tourProgressDot{border-radius:var(--radius-full);width:8px;height:8px;transition:all var(--transition-base);background:#e5e7eb}.tourProgressDot.active{background:#22c55e;width:24px}.tourProgressDot.completed{background:#86efac}.tourNavigation{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);margin-top:var(--space-4);border-top:1px solid #f3f4f6;display:flex}.tourButton{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:500;display:inline-flex}.tourButtonPrimary{color:#fff;background:#22c55e}.tourButtonPrimary:hover{background:#16a34a;transform:translateY(-1px)}.tourButtonSecondary{color:#374151;background:#f3f4f6}.tourButtonSecondary:hover{background:#e5e7eb}.tourTooltip--top:after,.tourTooltip--bottom:before,.tourTooltip--left:after,.tourTooltip--right:before{content:"";background:#fff;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.tourTooltip--bottom:before{margin-left:-8px;top:-8px;left:50%;box-shadow:-2px -2px 4px #0000000d}.tourTooltip--top:after{margin-left:-8px;bottom:-8px;left:50%;box-shadow:2px 2px 4px #0000000d}.tourTooltip--right:before{margin-top:-8px;top:50%;left:-8px;box-shadow:-2px 2px 4px #0000000d}.tourTooltip--left:after{margin-top:-8px;top:50%;right:-8px;box-shadow:2px -2px 4px #0000000d}@media (max-width:480px){.tourTooltip{width:calc(100vw - 32px);right:16px;left:16px!important}.tourTooltip--left:after,.tourTooltip--right:before{display:none}.tourNavigation{flex-wrap:wrap}.tourButton{flex:1}}.ai-form-step-container{border-radius:var(--radius-lg);max-width:896px;padding:var(--space-6);background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:1px solid #86efac;margin:0 auto}.ai-form-step-header{margin-bottom:var(--space-6)}.ai-form-step-title{font-size:var(--font-size-2xl);color:#15803d;align-items:center;font-weight:600;display:flex}.ai-form-step-indicator{width:12px;height:12px;margin-right:var(--space-3);background-color:#f59e0b;border-radius:50%}.ai-form-step-description{font-size:var(--font-size-sm);color:#6b7280;margin-top:var(--space-2)}.ai-form-section-label{font-size:var(--font-size-lg);color:#111827;margin-bottom:var(--space-4);font-weight:600;display:block}.ai-form-selection-card{padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:2px solid #e5e7eb;flex:1;transition:all .2s}.ai-form-selection-card:hover:not(.selected){border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.ai-form-selection-card.selected{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border:2px solid #16a34a;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a}.ai-form-selection-card.selected.no-scale{transform:scale(1.02)}.ai-form-selection-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.ai-form-selection-card-title{font-size:var(--font-size-base);color:#111827;font-weight:600}.ai-form-selection-card.selected .ai-form-selection-card-title{color:#15803d}.ai-form-selection-card-sublabel{font-size:var(--font-size-xs);color:#6b7280}.ai-form-selection-card-description{font-size:var(--font-size-sm);color:#9ca3af}.ai-form-selection-card.selected .ai-form-selection-card-description{color:#374151}.ai-form-radio-indicator{background-color:#0000;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ai-form-radio-indicator.selected{background-color:#16a34a;border-color:#16a34a}.ai-form-radio-check{color:#fff;width:16px;height:16px}.ai-form-feature-row{padding:var(--space-4);border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.ai-form-feature-label{font-size:var(--font-size-base);color:#111827;font-weight:500;display:block}.ai-form-feature-description{font-size:var(--font-size-sm);color:#6b7280}.ai-form-toggle{width:48px;height:24px;display:inline-block;position:relative}.ai-form-toggle input{opacity:0;width:0;height:0}.ai-form-toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:9999px;transition:background-color .2s;position:absolute;inset:0}.ai-form-toggle input:checked+.ai-form-toggle-slider{background-color:#16a34a}.ai-form-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;bottom:3px;left:3px}.ai-form-toggle input:checked+.ai-form-toggle-slider:before{left:26px}.ai-form-tip-box{padding:var(--space-3);margin-top:var(--space-3);border-radius:var(--radius-lg);background-color:#f0fdf4;border:1px solid #86efac}.ai-form-tip-box.amber{background-color:#fffbeb;border-color:#fcd34d}.ai-form-tip-text{font-size:var(--font-size-sm);color:#15803d}.ai-form-tip-box.amber .ai-form-tip-text{color:#92400e}.ai-form-model-section{margin-top:var(--space-4)}.ai-form-model-section-label{font-size:var(--font-size-base);color:#374151;margin-bottom:var(--space-3);font-weight:500;display:block}.ai-form-model-card{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #e5e7eb;flex:1;transition:all .2s}.ai-form-model-card.selected{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border:2px solid #3b82f6}.ai-form-model-card-header,.ai-form-model-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.ai-form-model-title{font-size:var(--font-size-sm);color:#374151;font-weight:600}.ai-form-model-card.selected .ai-form-model-title{color:#1d4ed8}.ai-form-model-description{font-size:var(--font-size-xs);color:#6b7280}.ai-form-model-card.selected .ai-form-model-description{color:#1e40af}.ai-form-model-badge{font-size:var(--font-size-xs);border-radius:var(--radius-sm);color:#374151;background-color:#e5e7eb;padding:2px 6px;font-weight:600}.ai-form-model-badge.best{color:#92400e;background-color:#fef3c7}.ai-form-model-radio{background-color:#fff;border:2px solid #d1d5db;border-radius:50%;width:16px;height:16px}.ai-form-model-card.selected .ai-form-model-radio{border:4px solid #3b82f6}.ai-form-model-selection{margin-top:var(--space-4)}.ai-form-model-label{font-size:var(--font-size-base);color:#374151;margin-bottom:var(--space-3);font-weight:500;display:block}.ai-study-form-input{width:100%;height:40px;padding:0 var(--space-3);font-size:var(--font-size-lg);border-radius:var(--radius-md);background-color:#fff;border:1px solid #86efac;outline:none;transition:all .2s}.ai-study-form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.ai-study-form-input:hover:not(:focus){border-color:#22c55e}.ai-study-form-textarea{width:100%;min-height:100px;padding:var(--space-3);font-size:var(--font-size-lg);border-radius:var(--radius-md);resize:vertical;background-color:#fff;border:1px solid #86efac;outline:none;transition:all .2s}.ai-study-form-textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.ai-study-form-textarea:hover:not(:focus){border-color:#22c55e}.ai-study-step-circle{width:48px;height:48px;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.ai-study-step-circle--active{color:#fff;background:linear-gradient(90deg,#16a34a,#059669);box-shadow:0 10px 15px -3px #0000001a}.ai-study-step-circle--inactive{color:#6b7280;background:linear-gradient(90deg,#e5e7eb,#d1d5db)}.ai-study-step-circle--completed{color:#fff;background:linear-gradient(90deg,#22c55e,#16a34a)}.ai-study-day-badge{color:#fff;width:28px;height:28px;font-size:var(--font-size-sm);background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.ai-study-day-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e5e7eb;transition:all .2s;overflow:hidden}.ai-study-day-card:hover{border-color:#d1d5db}.ai-study-day-card--expanded{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.ai-study-day-card-header{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background-color .2s;display:flex}.ai-study-day-card-header:hover{background-color:#f9fafb}.ai-study-day-card-content{padding:0 var(--space-4) var(--space-4);border-top:1px solid #e5e7eb}.ai-study-day-card-section{margin-bottom:var(--space-3)}.ai-study-day-card-section:last-child{margin-bottom:0}.ai-study-day-card-label{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600}.ai-study-day-card-value{font-size:var(--font-size-sm);color:#374151}.publicSignUpCTA{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 50%,#bbf7d0 100%);border:1px solid #86efac;box-shadow:0 2px 8px #16a34a1a}.publicSignUpCTAContent{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.publicSignUpCTAText{flex:1;min-width:200px}.publicSignUpCTATitle{font-size:var(--font-size-lg);color:#166534;margin:0 0 var(--space-1) 0;font-weight:600}.publicSignUpCTADescription{font-size:var(--font-size-sm);color:#15803d;margin:0}.publicSignUpCTAButton{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);white-space:nowrap;font-weight:600;display:flex}.publicSignUpCTABottom{border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);margin-top:var(--space-8);text-align:center;background:linear-gradient(135deg,#166534 0%,#15803d 50%,#16a34a 100%);box-shadow:0 4px 16px #16a34a33}.publicSignUpCTABottomContent{max-width:480px;margin:0 auto}.publicSignUpCTABottomTitle{font-size:var(--font-size-xl);color:#fff;margin:0 0 var(--space-2) 0;font-weight:700}.publicSignUpCTABottomDescription{font-size:var(--font-size-base);color:#bbf7d0;margin:0 0 var(--space-6) 0}.publicSignUpCTABottomButton{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);color:#166534;background-color:#fff;font-weight:600}.publicSignUpCTABottomButton:hover{color:#15803d;background-color:#f0fdf4}.reflection-public-preview{border-radius:var(--radius-md);padding:var(--space-6);text-align:center;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:2px dashed #d4d4d4}.reflection-signup-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:#166534;background-color:#f0fdf4;border:1px solid #86efac;display:inline-flex}.reflection-signup-button:hover{background-color:#dcfce7;border-color:#4ade80}@media (max-width:640px){.publicSignUpCTAContent{text-align:center;flex-direction:column}.publicSignUpCTAText{text-align:center}.publicSignUpCTABottom{padding:var(--space-6) var(--space-4);margin-left:var(--space-2);margin-right:var(--space-2)}.publicSignUpCTABottomTitle{font-size:var(--font-size-lg)}}.supportMainContent{padding-top:var(--space-8);padding-bottom:var(--space-16);max-width:960px;margin:0 auto}.supportSection{margin-bottom:var(--space-8)}.supportSectionHeading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-align:center;margin-bottom:var(--space-8)}.supportFaqGrid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.supportFaqCard{border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base);background:#fff}.supportFaqCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.supportFaqCardIcon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), #059669);color:#fff;width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.supportFaqCardQuestion{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.supportFaqCardAnswer{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.supportFormCard{border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);background:#fff}.supportError{color:#dc2626;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);background-color:#fef2f2;border:1px solid #fecaca}.supportCategoryLabel{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);display:block}.supportCategoryGrid{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.supportCategoryButton{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-normal);transition:all var(--transition-fast);background-color:#fff;display:flex}.supportCategoryButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.supportCategoryButton.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.supportFormRow{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.supportSubmitButton{width:100%}.supportDirectContact{text-align:center;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);background:#fff}.supportDirectContactIcon{color:var(--color-secondary);margin-bottom:var(--space-3)}.supportDirectContactText{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.supportDirectContactEmail{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);text-decoration:none}.supportDirectContactEmail:hover{text-decoration:underline}.supportSuccessCard{border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);background:#fff;max-width:600px;margin:0 auto}.supportSuccessIcon{background-color:var(--color-primary-light);border-radius:var(--radius-full);width:80px;height:80px;margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.supportSuccessMessage{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6;font-size:var(--font-size-lg)}@media (max-width:768px){.supportFaqGrid,.supportFormRow{grid-template-columns:1fr}.supportFormCard{padding:var(--space-6)}.supportMainContent{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.authNewContainer{width:100%;min-height:100vh;display:flex;overflow:hidden}.authNewVideoSide{background:linear-gradient(135deg,#0d4a26 0%,#15803d 50%,#16a34a 100%);flex:0 0 45%;position:relative;overflow:hidden}.authNewVideo{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.authNewVideoOverlay{background:linear-gradient(135deg,#0d4a26b3 0%,#15803d80 50%,#16a34a66 100%);width:100%;height:100%;position:absolute;top:0;left:0}.authNewLogoContainer{text-align:center;margin-bottom:2rem}.authNewLogo{cursor:pointer;transition:opacity var(--transition-base)}.authNewLogo:hover{opacity:.9}.authNewFormSide{background:var(--color-bg-primary);flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;overflow-y:auto}.authNewFormContainer{width:100%;max-width:500px;padding-bottom:3rem}.authNewFormHeader{text-align:left;margin-bottom:2.5rem}.authNewTitle{background:linear-gradient(135deg,#0d4a26 0%,#15803d 50%,#16a34a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.875rem;font-weight:700;line-height:1.2}.authNewSubtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.authNewForm{flex-direction:column;gap:.75rem;display:flex}.authNewFormRow{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.authNewFormGroup{flex-direction:column;gap:.5rem;display:flex}.authNewLabel{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.authNewInput{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.9375rem}.authNewInput:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a34a1a}.authNewInput::placeholder{color:var(--color-text-tertiary)}.authNewPasswordWrapper{position:relative}.authNewPasswordToggle{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.authNewPasswordToggle:hover{color:var(--color-text-secondary)}.authNewFormOptions{justify-content:space-between;align-items:center;margin-top:-.5rem;display:flex}.authNewCheckboxLabel{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.authNewCheckbox{cursor:pointer;width:1rem;height:1rem;accent-color:var(--color-primary)}.authNewForgotLink{color:var(--color-primary);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500;text-decoration:none}.authNewForgotLink:hover{color:var(--color-primary-dark);text-decoration:underline}.authNewSubmitButton{color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;display:flex}.authNewSubmitButton:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.authNewSubmitButton:active:not(:disabled){transform:translateY(0)}.authNewSubmitButton:disabled{opacity:.6;cursor:not-allowed}.authNewDivider{text-align:center;align-items:center;margin:.5rem 0;display:flex}.authNewDivider:before,.authNewDivider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.authNewDivider span{color:var(--color-text-tertiary);padding:0 1rem;font-size:.875rem}.authNewGoogleButton{width:100%;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.75rem;padding:.875rem;font-size:.9375rem;font-weight:500;display:flex}.authNewGoogleButton:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.authNewOAuthButtons{width:100%}.authNewOAuthButtons .oauthButton{border-radius:var(--radius-md);width:100%;padding:.875rem 1.5rem;font-size:1rem;transition:all .2s}.authNewOAuthButtons .oauthButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.authNewForgotPasswordContainer{justify-content:flex-end;margin-bottom:1rem;display:flex}.authNewBackLinkContainer{margin-top:var(--space-4);justify-content:center;display:flex}.authNewBackLink{align-items:center;gap:.5rem;display:flex}.authNewFormHeader.text-center,.authNewFormHeaderCentered{text-align:center}.authIconCircleCentered{margin:0 auto var(--space-4)}.authFormDescriptionSpaced{margin-top:var(--space-3)}.authFormHelperCentered{text-align:center}.authFormHelperSpaced{margin-top:var(--space-4)}.authFormHelperCompact{margin-top:-.75rem}.authNewLoadingContainer{justify-content:center;align-items:center;display:flex}.authNewLoadingText{margin-top:var(--space-3)}.authNewSignupCTA{background:linear-gradient(135deg, var(--color-bg-dark) 0%, #014d2f 100%);border-radius:var(--radius-xl);text-align:center;border:none;margin-top:2.5rem;padding:2rem}.authNewSignupCTAText{color:#ffffffe6;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.authNewSignupCTAButton{width:100%;color:var(--color-bg-dark);border-radius:var(--radius-md);transition:all var(--transition-fast);background:linear-gradient(135deg,#fde68a 0%,#fbbf24 100%);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #fbbf244d}.authNewSignupCTAButton:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.authNewSignupCTAButton:active{transform:translateY(0)}.authNewFooter{text-align:center;color:var(--color-text-secondary);margin-top:2rem;font-size:.9375rem}.authNewLink{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.authNewLink:hover{color:var(--color-primary-dark);text-decoration:underline}.authNewCopyright{text-align:center;color:var(--color-text-tertiary);margin-top:1.5rem;font-size:.8125rem}.authFormHelper{color:var(--color-text-tertiary);margin-top:-.25rem;margin-bottom:.25rem;font-size:.8125rem}.authCaptchaContainer{margin:.25rem 0 .5rem}.authCaptchaContainer>div{gap:.5rem!important}.authCaptchaContainer>div>div:nth-child(2){padding:1rem!important}.authAgeConfirmation{margin:.5rem 0}.authCheckboxLabel{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.authCheckbox{cursor:pointer;width:1rem;height:1rem;accent-color:var(--color-primary)}.authCheckboxText{flex:1}.authVerificationNote{color:var(--color-text-tertiary);text-align:center;margin:-.5rem 0 0;padding:0 1rem;font-size:.8125rem;line-height:1.5}@media (max-width:1024px){.authNewVideoSide{flex:0 0 40%}.authNewFormSide{padding:2rem}.authNewFormContainer{max-width:450px}}@media (max-width:768px){.authNewContainer{flex-direction:column}.authNewVideoSide{flex:0 0 250px;min-height:250px}.authNewFormSide{padding:2rem 1.5rem}.authNewFormContainer{max-width:100%}.authNewLogoContainer{margin-bottom:1.5rem}.authNewLogo{width:140px;height:auto}.authNewTitle{font-size:1.5rem}.authNewFormRow{grid-template-columns:1fr}}@media (max-width:480px){.authNewVideoSide{flex:0 0 200px;min-height:200px}.authNewFormSide{padding:1.5rem 1rem}.authNewTitle{font-size:1.375rem}.authNewSubtitle{font-size:.9375rem}.authNewFormOptions{flex-direction:column;align-items:flex-start;gap:.75rem}}.vineDisplayContainer{width:100%}.vineDisplayCard{padding:var(--space-6);overflow:hidden}.vineDisplayCompact .vineDisplayCard{padding:var(--space-4)}.vineDisplayCompact .vineLegendLayout{gap:var(--space-3);flex-direction:column}.vineDisplayCompact .vineLegendRow{grid-template-columns:1fr}.vineDisplayCompact .vineLegendSeventh{min-width:unset;width:100%}.vineDisplayHeader{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.vineDisplayHeaderLeft{align-items:center;gap:var(--space-3);display:flex}.vineDisplayIcon{color:#8b5cf6;width:28px;height:28px}.vineDisplayTitle{font-size:var(--font-size-xl);color:#15803d;margin:0;font-weight:600}.vineDisplaySubtitle{font-size:var(--font-size-sm);color:#6b7280;margin:0}.vineCheckButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;font-weight:500;transition:all .2s;display:flex}.vineCheckButton:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.vineCheckButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.vineCheckButtonIcon{width:16px;height:16px}.vineCheckButtonIcon.spinning{animation:1s linear infinite spin}.vineDisplayLoading{padding:var(--space-12) 0;justify-content:center;align-items:center;display:flex}.vineDisplaySpinner{color:#22c55e;width:32px;height:32px;animation:1s linear infinite spin}.vineDisplayEmpty{text-align:center;padding:var(--space-8) 0;color:#6b7280}.vineStatsBar{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:640px){.vineStatsBar{grid-template-columns:repeat(2,1fr)}}.vineStatItem{text-align:center}.vineStatValue{font-size:var(--font-size-2xl);color:#15803d;font-weight:700}.vineStatLabel{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.vineStatProgress{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.vineProgressContainer{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.vineProgressBar{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border-radius:4px;height:100%;transition:width .5s}.vineSVGContainer{width:100%;max-width:600px;margin:0 auto;position:relative}.vineSVG{width:100%;height:auto}.vineVisualization{justify-content:center;padding:0;display:flex}.vine-wheel-container{justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;display:flex}.vine-wheel{width:100%;height:auto}.vine-wheel .grape-earned{cursor:pointer;transition:all .3s}.vine-wheel .grape-earned:hover{filter:brightness(1.1);transform-origin:50%;transform:scale(1.1)}.vine-wheel .grape-unearned{opacity:.5}.vine-wheel .branch-label-text{fill:var(--text-secondary);font-weight:500}.vine-wheel .branch-label-count{fill:var(--text-muted)}.vine-wheel-tooltip{font-family:inherit}@keyframes grapeGlow{0%{filter:drop-shadow(0 0 2px #84cc164d)}to{filter:drop-shadow(0 0 6px #84cc1680)}}@keyframes grapeAppear{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.vine-wheel .grape-just-earned{animation:.5s cubic-bezier(.34,1.56,.64,1) grapeAppear}@media (max-width:480px){.vine-wheel-container{max-width:320px}.vine-wheel .branch-label-text{font-size:10px}.vine-wheel .branch-label-count{font-size:9px}}.vine-png-container{width:100%;max-width:900px;margin:0 auto}.vine-fruit-counter{text-align:center;padding:var(--space-3) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.vine-tooltip{font-size:var(--font-size-sm);max-width:250px}@media (max-width:768px){.vine-png-container{max-width:100%}}@media (min-width:769px) and (max-width:1024px){.vine-png-container{max-width:700px}}.vineTrunkPath{stroke-dasharray:600;stroke-dashoffset:600px;will-change:stroke-dashoffset;animation:1.5s ease-out forwards vineGrow}.vineBranchPath{stroke-dasharray:200;stroke-dashoffset:200px;will-change:stroke-dashoffset;animation:.8s ease-out forwards branchGrow}.vineLeaf{opacity:0;transform-origin:50%;will-change:opacity, transform;animation:.5s ease-out forwards leafAppear}.vineGrape{will-change:transform;contain:layout style;transition:transform .2s}.vineGrape:hover{transform:scale(1.15)}.vineGrapeEarned{filter:drop-shadow(0 2px 4px #0003)}.vineBranchLabel{opacity:0;animation:.5s ease-out 1s forwards fadeIn}@keyframes vineGrow{to{stroke-dashoffset:0}}@keyframes branchGrow{to{stroke-dashoffset:0}}@keyframes leafAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.vineTooltip{z-index:1000;border-radius:var(--radius-lg);padding:var(--space-3);pointer-events:none;background:#fff;border:1px solid #e5e7eb;max-width:200px;position:fixed;box-shadow:0 10px 25px #00000026}.vineTooltipName{color:#111827;margin-bottom:var(--space-1);font-weight:600}.vineTooltipDesc{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-2)}.vineTooltipEarned{font-size:var(--font-size-xs);color:#22c55e;font-weight:500}.vineTooltipUnearned{font-size:var(--font-size-xs);color:#9ca3af}.vineTooltipPoints{font-size:var(--font-size-xs);color:#f59e0b;margin-top:var(--space-1);font-weight:500}.vineStatsSummary{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);flex-wrap:wrap;display:flex}.vineStatsSummaryItem{align-items:center;gap:var(--space-2);display:flex}.vineStatsSummaryValue{font-size:var(--font-size-lg);color:#15803d;font-weight:700}.vineStatsSummaryLabel{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.vineStatsSummaryDivider{background:#d1d5db;width:1px;height:24px}.vineStatsSummaryProgress{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.vineStatsSummaryProgressBar{background:#e5e7eb;border-radius:3px;width:80px;height:6px;overflow:hidden}.vineStatsSummaryProgressFill{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border-radius:3px;height:100%;transition:width .5s}@media (max-width:640px){.vineStatsSummary{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.vineStatsSummaryDivider{display:none}.vineStatsSummaryItem{flex-direction:column;gap:0}.vineStatsSummaryValue{font-size:var(--font-size-base)}.vineStatsSummaryLabel{font-size:10px}}.vineLegend{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #e5e7eb}.vineLegendTitle{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;margin-bottom:var(--space-4);font-weight:600;display:flex}.vineLegendIcon{color:#22c55e;width:16px;height:16px}.vineLegendGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.vineLegendLayout{gap:var(--space-4);align-items:center;display:flex}.vineLegendRows{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.vineLegendRow{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.vineLegendSeventh{justify-content:center;align-items:center;min-width:200px;display:flex}.vineLegendSeventh .vineLegendItem{width:100%}.vineLegendItem{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:#f9fafb;display:flex}.vineLegendBranchIcon{font-size:20px}.vineLegendBranchInfo{flex:1;min-width:0}.vineLegendBranchName{font-size:var(--font-size-sm);color:#111827;font-weight:500}.vineLegendBranchTheme{font-size:var(--font-size-xs);color:#9ca3af}.vineLegendBranchProgress{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.vineLegendProgressBar{background:#e5e7eb;border-radius:2px;width:50px;height:4px;overflow:hidden}.vineLegendProgressFill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px;height:100%;transition:width .3s}.vineLegendProgressText{font-size:var(--font-size-xs);color:#6b7280}.vineTierLegend{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#f9fafb;display:flex}.vineTierItem{align-items:center;gap:var(--space-2);display:flex}.vineTierDot{border-radius:50%;width:12px;height:12px}.vineTierGreen{background:#84cc16}.vineTierPurple{background:#8b5cf6}.vineTierGolden{background:#f59e0b}.vineTierLabel{font-size:var(--font-size-sm);color:#6b7280}.vineMiniContainer{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.vineMiniSm{transform:scale(.8)}.vineMiniMd{transform:scale(1)}.vineMiniLg{transform:scale(1.2)}.vineMiniLoading{opacity:.5}.vineMiniGrapes{align-items:center;gap:var(--space-1);display:flex}.vineMiniGrape{opacity:0;will-change:opacity, transform;contain:strict;border-radius:50%;width:16px;height:16px;animation:.3s ease-out forwards grapeAppear;transform:scale(0)}.vineMiniEmpty{padding:var(--space-2)}.vineMiniEmptyIcon{color:#d1d5db;width:24px;height:24px}.vineMiniMore{font-size:var(--font-size-xs);color:#6b7280;background:#f3f4f6;border-radius:10px;padding:2px 6px;font-weight:500}.vineMiniStats{gap:var(--space-2);font-size:var(--font-size-xs);display:flex}.vineMiniCount{color:#374151;font-weight:500}.vineMiniProgress{color:#22c55e;font-weight:600}.vineMiniIcon{color:#d1d5db;width:20px;height:20px;animation:1.5s infinite pulseReverse}@keyframes pulseReverse{0%,to{opacity:.5}50%{opacity:1}}.animated-vine-container{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto;position:relative}.animated-vine-svg{width:100%;height:100%}.vineLottieWrapper{padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(#f0fdf44d 0%,#fff0 100%);position:relative}.vine-bg-glow{opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.vine-bg-glow.visible{opacity:1;transform:scale(1)}.center-icon{opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.center-icon.visible{opacity:1;transform:scale(1)}.center-circle{filter:drop-shadow(0 4px 12px #4a7c4e4d)}.center-emoji{-webkit-user-select:none;user-select:none}.branches{opacity:0}.branches.visible{opacity:1}.branch-path{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .6s ease-out}.branches.visible .branch-path{stroke-dashoffset:0}.leaves{opacity:0;transition:opacity .5s}.leaves.visible{opacity:1}.leaf{transform-origin:bottom;animation:3s ease-in-out infinite leafSway}.leaf-0{animation-delay:0s}.leaf-1{animation-delay:.5s}.leaf-2{animation-delay:1s}.leaf-3{animation-delay:1.5s}@keyframes leafSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.grapes{opacity:0}.grapes.visible{opacity:1}.grape{opacity:0;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards grapePopIn;transform:scale(0)}.grapes.visible .grape{opacity:1;transform:scale(1)}@keyframes grapePopIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.grape-group{transition:transform .2s}.grape-earned{cursor:pointer}.grape-earned:hover{transform:scale(1.2)}.grape-tier-1 .grape{animation:2s ease-in-out infinite tier1Glow}.grape-tier-2 .grape{animation:2.5s ease-in-out infinite tier2Shimmer}.grape-tier-3 .grape{animation:3s ease-in-out infinite tier3Radiance}@keyframes tier1Glow{0%,to{filter:url(#glowGreen)brightness()}50%{filter:url(#glowGreen)brightness(1.1)}}@keyframes tier2Shimmer{0%,to{filter:url(#glowPurple)brightness()}50%{filter:url(#glowPurple)brightness(1.15)}}@keyframes tier3Radiance{0%,to{filter:url(#glowGold)brightness()}50%{filter:url(#glowGold)brightness(1.2)}}.grape-shine{animation:2s ease-in-out infinite shineSparkle}@keyframes shineSparkle{0%,to{opacity:.3}50%{opacity:.6}}.grape-unearned .grape{opacity:.5}.ambient-particles{opacity:.6}.particle{animation:4s ease-in-out infinite particleFloat}.particle-0{animation-delay:0s}.particle-1{animation-delay:.3s}.particle-2{animation-delay:.6s}.particle-3{animation-delay:.9s}.particle-4{animation-delay:1.2s}.particle-5{animation-delay:1.5s}.particle-6{animation-delay:1.8s}.particle-7{animation-delay:2.1s}.particle-8{animation-delay:2.4s}.particle-9{animation-delay:2.7s}.particle-10{animation-delay:3s}.particle-11{animation-delay:3.3s}@keyframes particleFloat{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-8px)scale(1.3)}}.labels{opacity:0;transition:opacity .5s}.labels.visible{opacity:1}.branch-label-group{transition:opacity .2s}.branch-label-group:hover{opacity:.8}.branch-icon{-webkit-user-select:none;user-select:none}.branch-name,.branch-count{font-family:var(--font-family)}.vine-grape-tooltip{z-index:1000;border-radius:var(--radius-lg);padding:var(--space-3);pointer-events:none;background:#fff;border:1px solid #e5e7eb;max-width:200px;animation:.2s tooltipFadeIn;position:fixed;box-shadow:0 10px 25px #00000026}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.tooltip-name{color:#111827;margin-bottom:var(--space-1);font-weight:600}.tooltip-desc{font-size:var(--font-size-sm);color:#6b7280}.vine-celebration-overlay{z-index:9999;background:0 0;justify-content:center;align-items:center;transition:background .3s;display:flex;position:fixed;inset:0}.vine-celebration-overlay.visible{background:#00000080}.vine-celebration-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--color);animation:2s ease-out forwards confettiFall;animation-delay:var(--delay);opacity:0;border-radius:2px;position:absolute}@keyframes confettiFall{0%{opacity:1;top:-20px;transform:translate(0)rotate(0)scale(1)}25%{opacity:1;transform:translate(20px)rotate(90deg)scale(1.1)}50%{opacity:.9;transform:translate(-15px)rotate(180deg)scale(.9)}75%{opacity:.7;transform:translate(10px)rotate(270deg)scale(1)}to{opacity:0;top:100%;transform:translate(-5px)rotate(360deg)scale(.8)}}.vine-celebration-card{border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;opacity:0;background:#fff;width:90%;max-width:320px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.8)translateY(20px);box-shadow:0 25px 50px -12px #00000040}.vine-celebration-card.visible{opacity:1;transform:scale(1)translateY(0)}.vine-celebration-close{top:var(--space-3);right:var(--space-3);cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute}.vine-celebration-close:hover{color:#374151;background:#e5e7eb}.vine-celebration-icon{width:80px;height:80px;margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.vine-celebration-glow{background:radial-gradient(circle, var(--tier-color) 0%, transparent 70%);border-radius:50%;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:0}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.vine-celebration-emoji{z-index:1;font-size:48px;animation:.6s cubic-bezier(.34,1.56,.64,1) emojiPop}@keyframes emojiPop{0%{transform:scale(0)rotate(-10deg)}70%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.vine-celebration-title{font-size:var(--font-size-xl);color:#111827;margin-bottom:var(--space-2);font-weight:700}.vine-celebration-tier{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:#fff;margin-bottom:var(--space-3);text-shadow:0 1px 2px #0003;border-radius:20px;font-weight:600;display:inline-block}.vine-celebration-description{font-size:var(--font-size-base);color:#6b7280;margin-bottom:var(--space-4);line-height:1.5}.vine-celebration-points{justify-content:center;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.vine-celebration-points-value{font-size:var(--font-size-2xl);color:#f59e0b;font-weight:700}.vine-celebration-points-label{font-size:var(--font-size-sm);color:#9ca3af}.vine-celebration-date{font-size:var(--font-size-xs);color:#9ca3af}.vine-celebration-counter{top:var(--space-3);left:var(--space-3);font-size:var(--font-size-xs);color:#9ca3af;padding:var(--space-1) var(--space-2);background:#f3f4f6;border-radius:12px;font-weight:600;position:absolute}.vine-celebration-new-badge{font-size:var(--font-size-xs);color:#22c55e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.vine-celebration-badges{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.vine-celebration-branch{font-size:var(--font-size-sm);color:#6b7280;font-weight:500}.vine-celebration-hint{font-size:var(--font-size-xs);color:#9ca3af;margin-top:var(--space-2)}@media (prefers-reduced-motion:reduce){.leaf,.particle,.grape-tier-1 .grape,.grape-tier-2 .grape,.grape-tier-3 .grape,.grape-shine,.vine-celebration-glow,.vine-celebration-emoji,.confetti-particle{animation:none}.vine-bg-glow,.center-icon,.branches,.grapes,.leaves,.labels,.vine-celebration-card,.vine-celebration-overlay{transition:none}.vine-bg-glow.visible,.center-icon.visible,.branches.visible,.grapes.visible,.leaves.visible,.labels.visible{opacity:1;transform:none}.branches.visible .branch-path{stroke-dashoffset:0}.grapes.visible .grape{opacity:1;transform:scale(1)}}@media (max-width:640px){.animated-vine-container{max-width:350px}.vine-celebration-card{padding:var(--space-6)}.vine-celebration-emoji{font-size:40px}}.vineyardContainer{width:100%}.vineyardCard{padding:var(--space-6)}.vineyardCompact .vineyardCard{padding:var(--space-4)}.vineyardHeader{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.vineyardHeaderLeft{align-items:center;gap:var(--space-3);display:flex}.vineyardHeaderIcon{color:#8b5cf6;width:28px;height:28px}.vineyardTitle{font-size:var(--font-size-xl);color:#1f2937;margin:0;font-weight:600}.vineyardSubtitle{font-size:var(--font-size-sm);color:#6b7280;margin:0}.vineyardLoading{padding:var(--space-12);justify-content:center;display:flex}.vineyardSpinner{color:#8b5cf6;width:32px;height:32px;animation:1s linear infinite spin}.vineyardStats{justify-content:center;gap:var(--space-8);padding:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f5f3ff,#fef3c7);display:flex}.vineyardStatItem{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.vineyardStatIcon{color:#8b5cf6;width:20px;height:20px}.vineyardStatValue{font-size:var(--font-size-2xl);color:#1f2937;font-weight:700}.vineyardStatLabel{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.vineyardGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.vineyardCompact .vineyardGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.vineyardMemberCard{padding:var(--space-4);contain:layout style;will-change:transform, box-shadow;border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #e5e7eb;flex-direction:column;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.vineyardMemberCard:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.vineyardRank{width:28px;height:28px;font-size:var(--font-size-sm);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.vineyardRank1{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466}.vineyardRank2{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af66}.vineyardRank3{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 8px #d9770666}.vineyardMemberImage{width:64px;height:64px;margin-bottom:var(--space-3);border:3px solid #e5e7eb;border-radius:50%;position:relative;overflow:hidden}.vineyardMemberCard:hover .vineyardMemberImage{border-color:#8b5cf6}.vineyardMemberAvatar{object-fit:cover}.vineyardMemberAvatarPlaceholder{color:#fff;width:100%;height:100%;font-size:var(--font-size-xl);background:linear-gradient(135deg,#8b5cf6,#a78bfa);justify-content:center;align-items:center;font-weight:600;display:flex}.vineyardMemberInfo{text-align:center;margin-bottom:var(--space-2)}.vineyardMemberName{font-size:var(--font-size-sm);color:#1f2937;margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:600;overflow:hidden}.vineyardMemberStats{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.vineyardMemberFruits{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:#8b5cf6;font-weight:500;display:flex}.vineyardMemberIcon{width:14px;height:14px}.vineyardMemberBranch{font-size:var(--font-size-lg)}.vineyardMemberVine{margin-top:var(--space-2)}.vineyardEmpty{padding:var(--space-12);color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;display:flex}.vineyardEmptyIcon{color:#d1d5db;width:48px;height:48px;margin-bottom:var(--space-3)}@media (max-width:640px){.vineyardStats{gap:var(--space-4);flex-direction:column}.vineyardGrid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.vineyardMemberCard{padding:var(--space-3)}.vineyardMemberImage{width:48px;height:48px}.vineyardMemberVine{display:none}}@media (max-width:768px){.vineGrape{cursor:pointer;touch-action:manipulation}.vineGrape:before{content:"";pointer-events:all;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.vineDisplayCard{padding:var(--space-4)}.vineDisplayHeader{align-items:flex-start;gap:var(--space-3);flex-direction:column}.vineCheckButton{justify-content:center;width:100%}.vineLegendGrid{grid-template-columns:1fr}.vineLegendLayout{gap:var(--space-3);flex-direction:column}.vineLegendRow{grid-template-columns:1fr}.vineLegendSeventh{min-width:unset;width:100%}.vineLegendItem{padding:var(--space-2)}.vineLegendBranchProgress{align-items:center;gap:var(--space-2);flex-direction:row}.vineTierLegend{gap:var(--space-3);flex-direction:column;align-items:flex-start}.vineTooltip{border-radius:var(--radius-lg);max-width:none;box-shadow:0 -4px 20px #00000026;left:var(--space-4)!important;right:var(--space-4)!important;bottom:var(--space-4)!important;position:fixed!important;top:auto!important;transform:none!important}.vineSVGContainer{max-width:100%}.vineSVG{max-height:400px}.vineBranchLabel{font-size:9px}}@media (max-width:480px){.vineStatsBar{gap:var(--space-2);grid-template-columns:1fr 1fr}.vineStatItem{padding:var(--space-2)}.vineStatValue{font-size:var(--font-size-xl)}.vineLegendItem{flex-wrap:wrap}.vineLegendBranchTheme{display:none}.vineSVG{max-height:320px}}@media (prefers-reduced-motion:reduce){.vineTrunkPath,.vineBranchPath,.vineLeaf,.vineGrape,.vineMiniGrape,.vineMiniIcon{animation:none!important}.vineTrunkPath,.vineBranchPath{stroke-dashoffset:0!important}.vineLeaf,.vineBranchLabel{opacity:1!important}.vineGrapeEarned,.vineGrapeUnearned{transition:none!important}.vineMiniGrape{opacity:1!important;transform:scale(1)!important}.vineProgressBar,.vineLegendProgressFill{transition:none!important}}@media (hover:none) and (pointer:coarse){.vineGrape:focus{outline-offset:2px;outline:2px solid #8b5cf6}.vineGrapeEarned:hover,.vineGrapeUnearned:hover{filter:none;transform:none}.vineGrape:active circle{transform-origin:50%;transform:scale(.95)}}.journeyCelebration{padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.journeyCelebrationHeader{text-align:center;margin-bottom:var(--space-6);z-index:1}.journeyCelebrationIcon{background:linear-gradient(135deg, var(--color-primary) 0%, #059669 100%);width:80px;height:80px;margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite celebrationPulse;display:flex;box-shadow:0 4px 20px #16a34a4d}.journeyCelebrationIcon svg{color:#fff;width:40px;height:40px}@keyframes celebrationPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #16a34a4d}50%{transform:scale(1.05);box-shadow:0 8px 30px #16a34a66}}.journeyCelebrationTitle{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.journeyCelebrationSubtitle{color:var(--color-text-secondary);max-width:300px;margin:0 auto;font-size:1rem}.journeyCelebrationVine{width:100%;max-width:500px;margin:var(--space-4) auto;z-index:1;position:relative}.journeyCelebrationVine .vineSVGContainer{width:100%}.journeyCelebrationVine.animating .vineGrape{transition:opacity .8s ease-out,filter .8s ease-out}.journeyCelebrationVine.animating .vineGrapeFirstEarned{animation:2s ease-out .5s both grapeEarn}@keyframes grapeEarn{0%{opacity:.35;filter:grayscale()brightness(.6);transform:scale(.8)}30%{opacity:.7;filter:grayscale(50%)brightness();transform:scale(1.3)}50%{opacity:1;filter:grayscale(0%)brightness(1.4)drop-shadow(0 0 8px #84cc16cc);transform:scale(1.5)}70%{filter:grayscale(0%)brightness(1.2)drop-shadow(0 0 12px #84cc1699);transform:scale(1.2)}to{opacity:1;filter:grayscale(0%)brightness()drop-shadow(0 2px 4px #0003);transform:scale(1)}}.journeyCelebrationActions{gap:var(--space-3);width:100%;max-width:300px;margin-top:var(--space-6);z-index:1;flex-direction:column;display:flex}.journeyCelebrationActions .btn{justify-content:center;width:100%}.confettiContainer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.confettiPiece{opacity:0;width:10px;height:10px;animation:4s ease-out forwards confettiFall;position:absolute;top:-20px}.confettiPiece:first-child{background:#8b5cf6;animation-delay:0s;left:5%}.confettiPiece:nth-child(2){background:#16a34a;border-radius:50%;animation-delay:.1s;left:15%}.confettiPiece:nth-child(3){background:#eab308;animation-delay:.2s;left:25%}.confettiPiece:nth-child(4){background:#ec4899;border-radius:50%;animation-delay:.15s;left:35%}.confettiPiece:nth-child(5){background:#3b82f6;animation-delay:.25s;left:45%}.confettiPiece:nth-child(6){background:#f97316;border-radius:50%;animation-delay:50ms;left:55%}.confettiPiece:nth-child(7){background:#8b5cf6;animation-delay:.3s;left:65%}.confettiPiece:nth-child(8){background:#16a34a;border-radius:50%;animation-delay:.12s;left:75%}.confettiPiece:nth-child(9){background:#ec4899;animation-delay:.22s;left:85%}.confettiPiece:nth-child(10){background:#eab308;border-radius:50%;animation-delay:80ms;left:95%}.confettiPiece:nth-child(11){background:#3b82f6;animation-delay:.35s;left:10%}.confettiPiece:nth-child(12){background:#f97316;border-radius:50%;animation-delay:.4s;left:20%}.confettiPiece:nth-child(13){background:#16a34a;animation-delay:.45s;left:30%}.confettiPiece:nth-child(14){background:#8b5cf6;border-radius:50%;animation-delay:.38s;left:40%}.confettiPiece:nth-child(15){background:#ec4899;animation-delay:.5s;left:50%}.confettiPiece:nth-child(16){background:#eab308;border-radius:50%;animation-delay:.42s;left:60%}.confettiPiece:nth-child(17){background:#3b82f6;animation-delay:.55s;left:70%}.confettiPiece:nth-child(18){background:#f97316;border-radius:50%;animation-delay:.48s;left:80%}.confettiPiece:nth-child(19){background:#16a34a;animation-delay:.52s;left:90%}.confettiPiece:nth-child(20){background:#8b5cf6;border-radius:50%;animation-delay:.58s;left:3%}.confettiPiece:nth-child(21){background:#ec4899;animation-delay:.6s;left:12%}.confettiPiece:nth-child(22){background:#eab308;border-radius:50%;animation-delay:.65s;left:22%}.confettiPiece:nth-child(23){background:#3b82f6;animation-delay:.7s;left:32%}.confettiPiece:nth-child(24){background:#16a34a;border-radius:50%;animation-delay:.62s;left:42%}.confettiPiece:nth-child(25){background:#f97316;animation-delay:.75s;left:52%}.confettiPiece:nth-child(26){background:#8b5cf6;border-radius:50%;animation-delay:.68s;left:62%}.confettiPiece:nth-child(27){background:#ec4899;animation-delay:.8s;left:72%}.confettiPiece:nth-child(28){background:#eab308;border-radius:50%;animation-delay:.72s;left:82%}.confettiPiece:nth-child(29){background:#3b82f6;animation-delay:.78s;left:92%}.confettiPiece:nth-child(30){background:#16a34a;border-radius:50%;animation-delay:.85s;left:8%}@media (max-width:480px){.journeyCelebration{padding:var(--space-4)}.journeyCelebrationIcon{width:60px;height:60px}.journeyCelebrationIcon svg{width:30px;height:30px}.journeyCelebrationTitle{font-size:1.25rem}.journeyCelebrationVine{max-width:400px}}.moriah-page{background-color:var(--color-bg-light);min-height:100vh;overflow-x:hidden}.moriah-section{padding:40px 24px}.moriah-section-dark{background-color:var(--color-bg-dark);color:var(--color-text-light)}.moriah-section-light{background-color:var(--color-bg-light);color:var(--color-text-primary)}.moriah-section-cream{color:var(--color-text-primary);background-color:#fefef9}.moriah-section-muted{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.moriah-container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.moriah-section{padding:30px 16px}.moriah-container{padding:0 16px}}.moriah-is-for{border-bottom:1px solid var(--color-rule);padding:40px 24px}.moriah-is-for-grid{grid-template-columns:repeat(6,1fr);gap:0 40px;margin-top:40px;display:grid}.moriah-is-for-card:first-child,.moriah-is-for-card:nth-child(2){grid-column:span 3}.moriah-is-for-card:nth-child(n+3){grid-column:span 2}.moriah-is-for-card{text-align:left;border-top:1px solid var(--color-rule);background:0 0;border-radius:0;padding:24px 0}.moriah-is-for-icon{width:26px;height:26px;color:var(--color-primary);background:0 0;border-radius:0;justify-content:flex-start;align-items:center;margin:0 0 14px;display:flex}.moriah-is-for-icon svg{width:26px;height:26px}.moriah-is-for-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.moriah-is-for-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}@media (max-width:1024px){.moriah-is-for-grid{grid-template-columns:repeat(2,1fr)}.moriah-is-for-card:nth-child(n){grid-column:span 1}}@media (max-width:768px){.moriah-is-for-card{padding:20px 0}}@media (max-width:480px){.moriah-is-for{padding:60px 16px}.moriah-is-for-grid{grid-template-columns:1fr;gap:0}}.moriah-headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:3rem;font-weight:700;line-height:1.1}.moriah-headline-lg{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.05}.moriah-subheadline{color:var(--color-text-secondary);max-width:600px;margin-bottom:32px;font-size:1.25rem;line-height:1.6}.moriah-subheadline-light{color:#fffc}.moriah-section-title{font-family:var(--font-display);text-align:center;margin-bottom:16px;font-size:2.5rem;font-weight:700;line-height:1.2}.moriah-section-subtitle{color:var(--color-text-secondary);text-align:center;max-width:700px;margin:0 auto 48px;font-size:1.125rem;line-height:1.6}.moriah-section-subtitle-light{color:#fffc}.moriah-scripture{font-family:var(--font-serif);color:var(--color-text-secondary);font-size:1.125rem;font-style:italic;line-height:1.7}.moriah-scripture-light{color:#fffc}@media (max-width:768px){.moriah-headline{font-size:2.25rem}.moriah-headline-lg{font-size:2.5rem}.moriah-section-title{font-size:2rem}.moriah-subheadline,.moriah-section-subtitle{font-size:1.125rem}}.moriah-lang-dropdown-wrapper{align-items:center;display:flex;position:relative}.moriah-lang-dropdown-trigger{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.moriah-lang-dropdown-trigger:hover{color:var(--color-text-light);background:#ffffff1a}.moriah-lang-dropdown-current{font-size:1rem}.moriah-lang-dropdown{background:var(--color-bg-dark);z-index:1000;border:1px solid #ffffff1a;border-radius:12px;min-width:180px;margin-top:8px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.moriah-lang-dropdown-item{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9375rem;transition:all .15s;display:flex}.moriah-lang-dropdown-item:hover{color:var(--color-text-light);background:#ffffff1a}.moriah-lang-dropdown-item.active{color:#4ade80;background:#22c55e33}.moriah-lang-dropdown-flag{font-size:1.25rem}.moriah-lang-dropdown-name{flex:1}.moriah-hero{background:var(--color-paper);color:var(--color-text-primary);border-bottom:1px solid var(--color-rule);align-items:center;min-height:auto;padding:110px 24px 60px;display:flex}.moriah-hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.moriah-hero-content{max-width:560px}.moriah-hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:3.75rem;font-weight:700;line-height:1.05}.moriah-hero-title-highlight{font-family:var(--font-display);color:var(--color-gold-ink);-webkit-text-fill-color:var(--color-gold-ink);font-style:italic;font-weight:600}.moriah-hero-kicker{font-family:var(--font-primary);letter-spacing:.24em;text-transform:uppercase;color:var(--color-gold-ink);margin-bottom:22px;font-size:.75rem;font-weight:600}.moriah-hero-rule{background:var(--color-gold-ink);width:56px;height:2px;margin:0 0 26px}@media (max-width:1024px){.moriah-hero-rule{margin-left:auto;margin-right:auto}}.moriah-hero-description{color:var(--color-text-secondary);margin-bottom:36px;font-size:1.25rem;line-height:1.7}.moriah-hero-cta{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px;display:flex}.moriah-hero-languages{padding-top:6px}.moriah-hero-language-row{font-family:var(--font-primary);letter-spacing:.04em;color:var(--color-text-tertiary);font-size:.8125rem}.moriah-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.moriah-hero-phones{width:380px;height:500px;position:relative}.moriah-hero-phone{background:#1a1a1a;border:8px solid #1a1a1a;border-radius:32px;width:240px;height:auto;position:absolute;overflow:hidden;box-shadow:0 30px 60px #0006}.moriah-hero-phone img{width:100%;height:auto;display:block}.moriah-hero-phone-back{z-index:1;top:0;right:0;transform:rotate(6deg)}.moriah-hero-phone-front{z-index:2;bottom:0;left:0;transform:rotate(-3deg);box-shadow:0 40px 80px #00000080}.moriah-hero-glow{z-index:0;background:radial-gradient(circle,#2d5a3d24 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.moriah-hero-container{text-align:center;grid-template-columns:1fr}.moriah-hero-content{max-width:100%;margin:0 auto}.moriah-hero-cta,.moriah-hero-languages{justify-content:center}.moriah-hero-visual{order:-1;margin-bottom:40px}.moriah-hero-phones{width:300px;height:400px}.moriah-hero-phone{border-width:6px;border-radius:24px;width:180px}}@media (max-width:768px){.moriah-hero{min-height:auto;padding:120px 16px 80px}.moriah-hero-title{font-size:2.5rem}.moriah-hero-description{font-size:1.125rem}.moriah-hero-languages{display:none}.moriah-hero-phones{width:260px;height:350px}.moriah-hero-phone{border-width:5px;border-radius:20px;width:160px}.moriah-hero-glow{width:300px;height:300px}}.moriah-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.moriah-btn-primary{background-color:var(--color-primary);color:var(--color-text-light);box-shadow:0 4px 14px #2d5a3d66}.moriah-btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #2d5a3d80}.moriah-btn-secondary{color:var(--color-text-light);background-color:#0000;border:2px solid #ffffff4d}.moriah-btn-secondary:hover{background-color:#ffffff1a;border-color:#ffffff80}.moriah-btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.moriah-btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-light)}.moriah-btn-lg{padding:16px 36px;font-size:1.125rem}.moriah-btn-sm{padding:10px 20px;font-size:.875rem}.moriah-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.moriah-reach{background:var(--color-bg-light);border-bottom:1px solid var(--color-rule)}.moriah-reach-stats{border-bottom:1px solid var(--color-rule);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px 40px;max-width:820px;margin:0 auto 60px;padding-bottom:28px;display:flex}.moriah-reach-stat{text-align:left;align-items:baseline;gap:10px;display:flex}.moriah-reach-stat-number{font-family:var(--font-display);color:var(--color-primary);font-size:2.75rem;font-weight:600;line-height:1}.moriah-reach-stat-label{color:var(--color-text-secondary);font-size:1rem}.moriah-reach-languages{grid-template-columns:repeat(4,1fr);gap:16px;max-width:700px;margin-bottom:60px;margin-left:auto;margin-right:auto;display:grid}.moriah-language-card{border-bottom:1px solid var(--color-rule);align-items:center;gap:12px;padding:12px 4px;display:flex}.moriah-language-flag{font-size:1.75rem}.moriah-language-name{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.moriah-reach-narrative{flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.moriah-reach-quote{font-family:var(--font-serif);color:var(--color-text-secondary);align-items:center;gap:10px;padding:10px 0;font-size:1rem;font-style:italic;display:inline-flex}.moriah-reach-quote-flag{font-size:1.25rem}.moriah-reach-quote-location{color:var(--color-primary);font-weight:600}@media (max-width:1024px){.moriah-reach-stats{gap:16px 24px}}@media (max-width:768px){.moriah-reach-stats{gap:16px 24px}.moriah-reach-stat-number{font-size:2.5rem}.moriah-reach-languages{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.moriah-reach-stats{gap:14px 20px}}.moriah-features{background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.moriah-features-grid{grid-template-columns:1fr 1fr;gap:0 64px;margin-top:12px;display:grid}.moriah-features .moriah-section-title,.moriah-features .moriah-section-subtitle{text-align:left;margin-left:0}.moriah-feature-card{border-top:1px solid var(--color-rule);box-shadow:none;background:0 0;border-radius:0;gap:18px;padding:24px 0;display:flex}.moriah-feature-icon{width:28px;height:28px;color:var(--color-primary);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:flex-start;margin:2px 0 0;display:flex}.moriah-feature-icon svg{width:26px;height:26px}.moriah-feature-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}.moriah-feature-description{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.6}@media (max-width:640px){.moriah-features-grid{grid-template-columns:1fr}}.moriah-steps{flex-direction:column;gap:0;max-width:700px;margin:0 auto;display:flex}.moriah-step{gap:24px;display:flex;position:relative}.moriah-step-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.moriah-step-number{background-color:var(--color-primary);width:48px;height:48px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.moriah-step-line{background-color:var(--color-primary);opacity:.3;flex:1;width:2px;min-height:40px}.moriah-step:last-child .moriah-step-line{display:none}.moriah-step-content{padding-bottom:40px}.moriah-step:last-child .moriah-step-content{padding-bottom:0}.moriah-step-title{color:var(--color-text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.moriah-step-description{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.6}@media (max-width:640px){.moriah-step{gap:16px}.moriah-step-number{width:40px;height:40px;font-size:1rem}.moriah-step-content{padding-bottom:32px}}.moriah-mission{background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.moriah-mission-content{text-align:center;max-width:800px;margin:0 auto}.moriah-mission-icon{width:48px;height:48px;color:var(--color-gold-ink);background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.moriah-mission-icon svg{width:40px;height:40px}.moriah-mission-text{color:var(--color-text-secondary);margin-bottom:24px;font-size:1.125rem;line-height:1.9}.moriah-mission-text:last-of-type{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.moriah-mission-verse{border-top:2px solid var(--color-gold-ink);margin-top:40px;padding-top:32px;display:inline-block}.moriah-mission-verse blockquote{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:1.5rem;font-style:italic;line-height:1.5}.moriah-mission-verse cite{color:var(--color-primary);margin-top:16px;font-size:.9375rem;font-style:normal;font-weight:600;display:block}.moriah-download{background:var(--color-brand-dark);color:var(--color-text-light);text-align:center}.moriah-download h2{font-family:var(--font-display);color:var(--color-text-light);margin-bottom:16px}.moriah-download-subtitle{color:#ffffffe6;margin-bottom:40px;font-size:1.125rem}.moriah-download-badges{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.moriah-download-badge{transition:transform .2s;display:block}.moriah-download-badge:hover{transform:scale(1.05)}.moriah-download-badge img{width:auto;height:50px}.moriah-download-qr{margin-top:32px}.moriah-download-qr img{background:#fff;border-radius:12px;width:120px;height:120px;padding:8px}.moriah-download-qr p{color:#fffc;margin-top:12px;font-size:.875rem}.moriah-download-free{color:#ffffffe6;margin-top:24px;font-size:1rem}.moriah-footer{background-color:var(--color-brand-dark);color:var(--color-text-light);padding:80px 24px 40px;position:relative}.moriah-footer-wave{width:100%;line-height:0;position:absolute;top:0;left:0;right:0;transform:translateY(-99%)}.moriah-footer-wave svg{width:100%;height:60px}.moriah-footer-container{max-width:1200px;margin:0 auto}.moriah-footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:60px;margin-bottom:24px;display:grid}.moriah-footer-brand{max-width:280px}.moriah-footer-logo{align-items:center;gap:12px;margin-bottom:20px;display:flex}.moriah-footer-logo img{width:auto;height:48px}.moriah-footer-logo-text{color:var(--color-text-light);font-size:1.5rem;font-weight:700}.moriah-footer-tagline{color:#fffc;margin-bottom:24px;font-size:.9375rem;line-height:1.6}.moriah-footer-social{gap:16px;display:flex}.moriah-footer-social-link{color:#fffc;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.moriah-footer-social-link:hover{color:var(--color-text-light);background:#fff3}.moriah-footer-social-link svg{width:20px;height:20px}.moriah-footer-section h4{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:.875rem;font-weight:600}.moriah-footer-links{flex-direction:column;gap:12px;display:flex}.moriah-footer-link{color:#fffc;font-size:.9375rem;text-decoration:none;transition:color .2s}.moriah-footer-link:hover{color:var(--color-text-light)}.moriah-footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:16px;display:flex}.moriah-footer-copyright{color:#fffc;font-size:.875rem}.moriah-footer-verse{color:#fffc;font-size:.875rem;font-style:italic}.moriah-footer-verse-ref{letter-spacing:.08em;color:var(--color-secondary);margin-top:4px;font-size:.75rem}.moriah-footer-legal{gap:24px;display:flex}.moriah-footer-legal a{color:#fffc;font-size:.875rem;text-decoration:none;transition:color .2s}.moriah-footer-legal a:hover{color:var(--color-text-light)}@media (max-width:900px){.moriah-footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}.moriah-footer-brand{text-align:center;grid-column:span 2;max-width:100%}.moriah-footer-social{justify-content:center}}@media (max-width:640px){.moriah-footer{padding:60px 16px 32px}.moriah-footer-grid{text-align:center;grid-template-columns:1fr;gap:32px}.moriah-footer-brand{grid-column:span 1}.moriah-footer-logo{justify-content:center}.moriah-footer-links{align-items:center}.moriah-footer-bottom{text-align:center;flex-direction:column}.moriah-footer-legal{flex-wrap:wrap;justify-content:center}}@keyframes moriahFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.moriah-animate-in{animation:.6s ease-out forwards moriahFadeInUp}.moriah-animate-delay-1{animation-delay:.1s}.moriah-animate-delay-2{animation-delay:.2s}.moriah-animate-delay-3{animation-delay:.3s}.moriah-text-center{text-align:center}.moriah-text-left{text-align:left}.moriah-text-gradient{color:var(--color-gold-ink);-webkit-text-fill-color:var(--color-gold-ink)}.audioMiniPlayer{z-index:1000;cursor:pointer;background-color:#1e293b;height:56px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000026}.audioMiniPlayerProgress{background-color:#ffffff1a;height:3px;position:absolute;top:0;left:0;right:0}.audioMiniPlayerProgressFill{background-color:#22c55e;height:100%;transition:width .1s linear}.audioMiniPlayerContent{height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.audioMiniPlayerInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.audioMiniPlayerTitle{font-size:var(--font-size-base);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.audioMiniPlayerSubtitle{font-size:var(--font-size-xs);color:#fff9}.audioMiniPlayerControls{align-items:center;gap:var(--space-2);display:flex}.audioMiniPlayerBtn{cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.audioMiniPlayerPlayBtn{color:#fff;background-color:#22c55e}.audioMiniPlayerPlayBtn:hover{background-color:#16a34a}.audioMiniPlayerPlayBtn:disabled{opacity:.5;cursor:not-allowed}.audioMiniPlayerStopBtn{color:#ffffffb3;background-color:#0000}.audioMiniPlayerStopBtn:hover{color:#fff;background-color:#ffffff1a}.audioMiniPlayerIcon{width:20px;height:20px}.audioMiniPlayerIconSpin{animation:1s linear infinite spin}.audioPlayerModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;padding:var(--space-4);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.audioPlayerModal{width:100%;max-width:400px;padding:var(--space-6);flex-direction:column;align-items:center;display:flex}.audioPlayerModalHeader{width:100%;margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.audioPlayerModalCloseBtn{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.audioPlayerModalCloseBtn:hover{background-color:#fff3}.audioPlayerModalArtwork{width:240px;height:240px;margin-bottom:var(--space-8)}@media (min-width:640px){.audioPlayerModalArtwork{width:300px;height:300px}}.audioPlayerModalArtworkInner{border-radius:var(--radius-xl);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 25px 50px -12px #00000080}.audioPlayerModalArtworkIcon{font-size:80px}.audioPlayerModalArtworkLoader{color:#22c55e;width:48px;height:48px;animation:1s linear infinite spin}.audioPlayerModalTitle{text-align:center;margin-bottom:var(--space-6)}.audioPlayerModalBookName{font-size:var(--font-size-2xl);color:#fff;margin:0 0 var(--space-1) 0;font-weight:700}.audioPlayerModalVersion{font-size:var(--font-size-sm);color:#fff9;margin:0}.audioPlayerModalError{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);background-color:#ef44441a;flex-direction:column;width:100%;display:flex}.audioPlayerModalErrorText{color:#fca5a5;font-size:var(--font-size-sm);margin:0}.audioPlayerModalRetryBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background-color:#ffffff1a;border:none;display:flex}.audioPlayerModalRetryBtn:hover{background-color:#fff3}.audioPlayerModalProgress{width:100%;margin-bottom:var(--space-8)}.audioPlayerModalControls{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.audioPlayerModalControlBtn{cursor:pointer;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.audioPlayerModalSkipBtn{color:#fff;background-color:#0000;width:48px;height:48px}.audioPlayerModalSkipBtn:hover{background-color:#ffffff1a}.audioPlayerModalSkipLabel{font-size:10px;font-weight:600;position:absolute;bottom:6px}.audioPlayerModalNavBtn{color:#fff;background-color:#0000;width:48px;height:48px}.audioPlayerModalNavBtn:hover{background-color:#ffffff1a}.audioPlayerModalPlayBtn{color:#fff;background-color:#22c55e;width:64px;height:64px}.audioPlayerModalPlayBtn:hover{background-color:#16a34a}.audioPlayerModalPlayBtn:disabled{opacity:.5;cursor:not-allowed}.audioPlayerModalPlayIcon{width:32px;height:32px}.audioPlayerModalIconSpin{animation:1s linear infinite spin}.audioPlayerModalSecondaryControls{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.audioPlayerModalSpeedWrapper{position:relative}.audioPlayerModalSecondaryBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background-color:#ffffff1a;border:none;font-weight:500;display:flex}.audioPlayerModalSecondaryBtn:hover{background-color:#fff3}.audioPlayerModalSecondaryBtn.active{background-color:#22c55e}.audioPlayerModalTimerBadge{font-size:var(--font-size-xs);border-radius:var(--radius-full);background-color:#0000004d;padding:2px 6px;font-weight:600}.audioPlayerModalSpeedDropdown{margin-bottom:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-1);background-color:#1e293b;flex-direction:column;min-width:80px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}.audioPlayerModalSpeedOption{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:center;background-color:#0000;border:none}.audioPlayerModalSpeedOption:hover{background-color:#ffffff1a}.audioPlayerModalSpeedOption.active{background-color:#22c55e}.audioProgressContainer{align-items:center;gap:var(--space-3);width:100%;display:flex}.audioProgressContainer.audioProgressSm{gap:var(--space-2)}.audioProgressTime{font-size:var(--font-size-sm);color:#fff9;font-variant-numeric:tabular-nums;min-width:40px}.audioProgressTimeCurrent{text-align:right}.audioProgressTimeTotal{text-align:left}.audioProgressTrack{border-radius:var(--radius-full);cursor:pointer;touch-action:none;background-color:#ffffff1a;flex:1;height:8px;position:relative}.audioProgressTrack.audioProgressDisabled{cursor:not-allowed;opacity:.5}.audioProgressFill{border-radius:var(--radius-full);background-color:#22c55e;transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0}.audioProgressThumb{opacity:0;width:16px;height:16px;transition:opacity var(--transition-base);background-color:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.audioProgressTrack:hover .audioProgressThumb,.audioProgressTrack:focus .audioProgressThumb{opacity:1}.audioSleepTimerOverlay{z-index:2100;padding:var(--space-4);background-color:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.audioSleepTimerOverlay{align-items:center}}.audioSleepTimerModal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:400px;padding:var(--space-6);background-color:#1e293b}@media (min-width:640px){.audioSleepTimerModal{border-radius:var(--radius-xl)}}.audioSleepTimerHeader{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.audioSleepTimerHeaderLeft{align-items:center;gap:var(--space-2);color:#fff;display:flex}.audioSleepTimerTitle{font-size:var(--font-size-lg);color:#fff;margin:0;font-weight:600}.audioSleepTimerCloseBtn{color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.audioSleepTimerCloseBtn:hover{background-color:#fff3}.audioSleepTimerActive{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);color:#4ade80;font-size:var(--font-size-lg);margin-bottom:var(--space-4);background-color:#22c55e33;font-weight:600;display:flex}.audioSleepTimerOptions{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.audioSleepTimerOption{padding:var(--space-4);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);background-color:#ffffff1a;border:none;font-weight:500}.audioSleepTimerOption:hover{background-color:#fff3}.audioSleepTimerOptionEndChapter{grid-column:span 3}.audioSleepTimerCancelBtn{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:2px solid #fff3;font-weight:500}.audioSleepTimerCancelBtn:hover{background-color:#ffffff1a}.audioVersionSelector{position:relative}.audioVersionSelectorSingle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);background-color:#ffffff1a;display:flex}.audioVersionSelectorBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background-color:#ffffff1a;border:none;display:flex}.audioVersionSelectorBtn:hover,.audioVersionSelectorBtn.active{background-color:#fff3}.audioVersionSelectorBtn:disabled{opacity:.5;cursor:not-allowed}.audioVersionSelectorLabel{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.audioVersionSelectorChevron{transition:transform var(--transition-base)}.audioVersionSelectorChevron.open{transform:rotate(180deg)}.audioVersionSelectorDropdown{margin-top:var(--space-1);border-radius:var(--radius-lg);padding:var(--space-2);z-index:10;background-color:#1e293b;max-height:240px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.audioVersionSelectorOption{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;background-color:#0000;border:none;justify-content:space-between;align-items:center;display:flex}.audioVersionSelectorOption:hover{background-color:#ffffff1a}.audioVersionSelectorOption.selected{background-color:#22c55e}.audioVersionSelectorOptionName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audioVersionSelectorOptionCode{font-size:var(--font-size-xs);color:#fff9}.audioVersionSelectorOption.selected .audioVersionSelectorOptionCode{color:#fffc}.formBuilderContainer{gap:var(--space-4);grid-template-columns:240px 1fr;min-height:50vh;display:grid}.formBuilderTopBar{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.formBuilderSettings{margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#fff;border:1px solid #e5e7eb}.formBuilderSettingsRow{gap:var(--space-4);margin-top:var(--space-3);display:flex}.formBuilderTitleInput{width:100%;font-size:var(--font-size-2xl);padding:var(--space-2) 0;color:#111827;background:0 0;border:none;outline:none;font-weight:700}.formBuilderTitleInput::placeholder{color:#d1d5db}.formBuilderError{padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);background:#fef2f2;border:1px solid #fecaca}.formBuilderPalette{top:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-4);background:#fff;border:1px solid #e5e7eb;align-self:start;position:sticky}.formBuilderPaletteTitle{font-size:var(--font-size-sm);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600}.formBuilderPaletteList{gap:var(--space-1);flex-direction:column;display:flex}.formBuilderPaletteItem{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:#374151;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;width:100%;transition:all .15s;display:flex}.formBuilderPaletteItem:hover{color:#15803d;background:#ecfdf5;border-color:#86efac}.formBuilderPaletteHint{font-size:var(--font-size-xs);color:#9ca3af;text-align:center;margin-top:var(--space-3)}.formBuilderCanvasFields{gap:var(--space-3);flex-wrap:wrap;display:flex}.formBuilderFieldWidth-full{width:100%}.formBuilderFieldWidth-half{width:calc(50% - var(--space-2))}.formBuilderFieldWidth-third{width:calc(33.33% - var(--space-2))}.formBuilderDropZone{border-radius:var(--radius-lg);color:#9ca3af;justify-content:center;align-items:center;gap:var(--space-3);border:2px dashed #d1d5db;flex-direction:column;min-height:300px;display:flex}.formBuilderField{border-radius:var(--radius-lg);padding:var(--space-4);background:#fff;border:1px solid #e5e7eb;transition:box-shadow .15s}.formBuilderField:hover{box-shadow:0 2px 8px #00000014}.formBuilderFieldHeader{align-items:center;gap:var(--space-2);display:flex}.formBuilderFieldDrag{cursor:grab;color:#9ca3af;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none}.formBuilderFieldDrag:hover{color:#6b7280;background:#f3f4f6}.formBuilderFieldTypeIcon{color:#6b7280;border-radius:var(--radius-sm);background:#f3f4f6;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.formBuilderFieldTypeSelect{cursor:pointer;flex-shrink:0;position:relative}.formBuilderFieldTypeSelect .formBuilderFieldTypeIcon{pointer-events:none}.formBuilderFieldTypeDropdown{opacity:0;cursor:pointer;width:100%;height:100%;font-size:var(--font-size-sm);border:none;position:absolute;inset:0}.formBuilderFieldTypeSelect:hover .formBuilderFieldTypeIcon{color:#374151;background:#e5e7eb}.formBuilderFieldLabelInput{width:100%;font-size:var(--font-size-base);padding:var(--space-1) 0;color:#111827;background:0 0;border:none;outline:none;font-weight:600}.formBuilderFieldLabelInput::placeholder{color:#d1d5db}.formBuilderFieldRemove{color:#9ca3af;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none}.formBuilderFieldRemove:hover{color:#dc2626;background:#fef2f2}.formBuilderFieldBody{margin-top:var(--space-3);padding-top:var(--space-3);gap:var(--space-2);border-top:1px solid #f3f4f6;flex-direction:column;display:flex}.formBuilderFieldDescInput{width:100%;font-size:var(--font-size-sm);border-radius:var(--radius-md);padding:var(--space-2);color:#6b7280;border:1px solid #e5e7eb;outline:none}.formBuilderFieldDescInput:focus{border-color:#86efac}.formBuilderFieldToggle{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;cursor:pointer;display:flex}.formBuilderFieldOptions{margin-top:var(--space-3);padding-top:var(--space-3);gap:var(--space-2);border-top:1px solid #f3f4f6;flex-direction:column;display:flex}.formBuilderFieldOptionRow{align-items:center;gap:var(--space-2);display:flex}.formBuilderFieldOptionBlock{gap:var(--space-2);flex-direction:column;display:flex}.formBuilderFieldOptionRadio{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:16px;height:16px}.formBuilderFieldOptionCheckbox{border:2px solid #d1d5db;border-radius:3px;flex-shrink:0;width:16px;height:16px}.formBuilderFieldOptionInput{font-size:var(--font-size-sm);padding:var(--space-1) 0;color:#374151;border:none;border-bottom:1px solid #e5e7eb;outline:none;flex:1}.formBuilderFieldOptionInput:focus{border-bottom-color:#16a34a}.formBuilderFieldOptionRemove{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:2px}.formBuilderFieldOptionRemove:hover{color:#dc2626}.formBuilderFieldOptionInsertInput{color:#d1d5db;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px}.formBuilderFieldOptionInsertInput:hover{color:#6b7280}.formBuilderFieldOptionInsertInput.active{color:var(--primary);background:#2d5a3d1a}.formBuilderFieldAddOption{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:#6b7280;cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;display:flex}.formBuilderFieldAddOption:hover{color:#16a34a}.formBuilderOptionChildren{padding-left:var(--space-3);gap:var(--space-2);border-left:2px solid #e5e7eb;flex-direction:column;margin-left:24px;display:flex}.formBuilderOptionChild{padding:var(--space-2);border-radius:var(--radius-md);background:#f9fafb;border:1px solid #e5e7eb}.formBuilderOptionChildRow{align-items:center;gap:var(--space-2);display:flex}.formBuilderOptionChildType{width:140px;font-size:var(--font-size-sm);border-radius:var(--radius-sm);background:#fff;border:1px solid #e5e7eb;padding:4px 6px}.formBuilderOptionChildOptions{margin-top:var(--space-2);padding-left:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.formBuilderWidthSelector{gap:2px;margin-left:auto;display:flex}.formBuilderWidthBtn{border-radius:var(--radius-sm);cursor:pointer;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;align-items:center;padding:4px 6px;display:flex}.formBuilderWidthBtn:hover{color:#6b7280;background:#f3f4f6}.formBuilderWidthBtn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.formBuilderWidthBtn.active svg{stroke:#fff}.formBuilderDateFormatSelector{gap:4px;display:flex}.formBuilderFieldToggleLabel{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-1);display:block}.formTextBlock{font-family:var(--font-primary);text-align:left;width:100%}.formTextBlockTitle{font-size:var(--font-size-base);color:#111827;margin:0 0 var(--space-1) 0;font-weight:600}.formTextBlockBody{font-size:var(--font-size-sm);color:#6b7280;margin:0;line-height:1.5}@media (max-width:640px){.formBuilderFieldWidth-half,.formBuilderFieldWidth-third,.formFillFieldWidth-half,.formFillFieldWidth-third{width:100%}}.groupEditorGroups{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.groupEditorCard{border-radius:var(--radius-md);padding:var(--space-3);background:#fafafa;border:1px solid #e5e7eb}.groupEditorCardHeader{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.groupEditorGroupNum{font-size:var(--font-size-sm);color:#6b7280;font-weight:600}.groupEditorFields{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.groupEditorLabelInput{font-weight:500}.groupEditorDescInput{font-size:var(--font-size-sm)}.groupEditorSlotSettings{margin-bottom:var(--space-3)}.groupEditorSlotSettingsLabel{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:var(--space-1);display:block}.groupEditorSlotInputs{gap:var(--space-2);display:flex}.groupEditorSlotInput{flex-direction:column;flex:1;gap:2px;display:flex}.groupEditorSlotInput span{color:#9ca3af;font-size:11px}.groupEditorSlotInput input{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.groupEditorSubFields{padding-top:var(--space-2);border-top:1px solid #e5e7eb}.groupEditorSubFieldsLabel{font-size:var(--font-size-sm);color:#374151;margin-bottom:var(--space-2);font-weight:500;display:block}.groupEditorSubFieldRow{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.groupEditorSubFieldType{width:110px;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);flex-shrink:0}.groupEditorSubFieldLabel{min-width:120px;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);flex:1}.groupEditorSubFieldRequired{cursor:pointer;font-size:var(--font-size-sm);color:#ef4444;flex-shrink:0;align-items:center;gap:2px;display:flex}.groupEditorSubFieldOptions{width:100%;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.groupEditorSubFieldOptionsBlock{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.groupEditorSubFieldOptionRow{align-items:center;gap:4px;display:flex}.groupEditorSubFieldOptionInput{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);flex:1}.groupEditorAddBtn{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:#6b7280;cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;display:flex}.groupEditorAddBtn:hover{color:#16a34a}.groupEditorAddGroupBtn{margin-top:var(--space-2);font-weight:500}.groupSelectField{width:100%}.groupSelectCards{gap:var(--space-3);flex-direction:column;display:flex}.groupSelectCard{border-radius:var(--radius-lg);border:2px solid #e5e7eb;transition:border-color .2s;overflow:hidden}.groupSelectCard.active{border-color:var(--form-primary,var(--primary))}.groupSelectCardHeader{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.groupSelectCardHeader input[type=checkbox]{width:18px;height:18px;accent-color:var(--form-primary,var(--primary));flex-shrink:0;margin-top:3px}.groupSelectCardHeader strong{font-size:var(--font-size-base)}.groupSelectCardDesc{font-size:var(--font-size-sm);color:#6b7280;margin:2px 0 0;line-height:1.4}.groupSelectSlots{padding:0 var(--space-4) var(--space-3);border-top:1px solid #e5e7eb}.groupSelectSlotRow{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid #f3f4f6;align-items:center;display:flex}.groupSelectSlotField{flex:1;min-width:0}.groupSelectSubFieldInput{width:100%;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.groupSelectSlotRemove{padding:var(--space-1);color:#9ca3af;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0}.groupSelectSlotRemove:hover{color:#ef4444;background:#fef2f2}.groupSelectAddSlot{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--form-primary,var(--primary));cursor:pointer;padding:var(--space-2) 0;background:0 0;border:none;font-weight:500;display:flex}.groupSelectAddSlot:hover{opacity:.8}.groupSelectMaxReached{font-size:var(--font-size-sm);color:#9ca3af;padding:var(--space-2) 0;font-style:italic}.formResponseGroupSelect{gap:var(--space-2);flex-direction:column;display:flex}.formResponseGroup{font-size:var(--font-size-sm)}.formResponseGroup strong{color:#374151;margin-bottom:2px;display:block}.formResponseGroupTable{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.formResponseGroupTable th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:2px 6px;font-weight:500}.formResponseGroupTable td{border-bottom:1px solid #f3f4f6;padding:2px 6px}@media (max-width:640px){.groupSelectSlotRow{flex-wrap:wrap}.groupSelectSlotField{min-width:calc(50% - var(--space-1))}.groupEditorSubFieldRow{flex-wrap:wrap}.groupEditorSubFieldType{width:100%}.groupEditorSlotInputs{flex-wrap:wrap}}.formCardGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.formCard{border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;border:1px solid #e5e7eb;transition:box-shadow .15s}.formCard:hover{box-shadow:0 4px 12px #00000014}.formCardHeader{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.formCardTitle{font-size:var(--font-size-lg);color:#111827;margin:0;font-weight:600}.formCardDescription{font-size:var(--font-size-sm);color:#6b7280;margin:var(--space-1) 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.formCardFooter{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f3f4f6;display:flex}.formCardStatus{font-size:var(--font-size-xs);border-radius:9999px;padding:2px 8px;font-weight:600}.formCardMeta{font-size:var(--font-size-xs);color:#9ca3af}.formCardMenu{border-radius:var(--radius-md);z-index:10;min-width:180px;padding:var(--space-1);background:#fff;border:1px solid #e5e7eb;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001a}.formCardMenu button{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:#374151;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;display:flex}.formCardMenu button:hover{background:#f3f4f6}.formCardMenuDanger{color:#dc2626!important}.formCardMenuDanger:hover{background:#fef2f2!important}.publicFormPage{background:var(--form-bg,#f9fafb);min-height:100vh;padding:var(--space-8) var(--space-4);flex-direction:column;align-items:center;display:flex}.publicFormChurchLogo{margin-bottom:var(--space-6);text-align:center}.publicFormChurchLogo img{object-fit:contain;max-width:300px;max-height:120px}.publicFormCard{border-radius:var(--radius-lg);padding:var(--space-8);background:#fff;width:100%;max-width:800px;box-shadow:0 4px 24px #00000014}@media (max-width:640px){.publicFormCard{padding:var(--space-4);border-radius:var(--radius-md)}.publicFormPage{padding:var(--space-4) var(--space-2)}}.publicFormPage .form-input:focus,.publicFormPage .form-select:focus,.publicFormPage textarea.form-input:focus{border-color:var(--form-primary,#16a34a);box-shadow:0 0 0 3px color-mix(in srgb, var(--form-primary,#16a34a) 15%, transparent)}.formThemeSelector{gap:var(--space-2);flex-wrap:wrap;display:flex}.formThemeSwatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:border-color .15s,transform .15s}.formThemeSwatch:hover{transform:scale(1.1)}.formThemeSwatch.active{border-color:#111827}.formFillContainer{max-width:700px;padding:var(--space-8) var(--space-4);margin:0 auto}.formFillHeader{margin-bottom:var(--space-6)}.formFillHeader h1{font-size:var(--font-size-2xl);color:#111827;margin:0 0 var(--space-2);font-weight:700}.formFillHeader p{color:#6b7280;margin:0}.formFillFields{gap:var(--space-4);flex-wrap:wrap;display:flex}.formFillFieldWidth-full{width:100%}.formFillFieldWidth-half{width:calc((100% - var(--space-4)) / 2)}.formFillFieldWidth-third{width:calc((100% - 2 * var(--space-4)) / 3)}.formFillThankYou{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:50vh;display:flex}.formFillThankYou h2{font-size:var(--font-size-xl);color:#111827}.formFillError{padding:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);background:#fef2f2;border:1px solid #fecaca}.formFieldLabel{font-size:var(--font-size-sm);color:#374151;margin-bottom:var(--space-1);font-weight:600;display:block}.formFieldRequired{color:#dc2626;margin-left:2px}.formFieldDescription{font-size:var(--font-size-sm);color:#6b7280;margin:0 0 var(--space-2)}.formFieldHint{font-size:var(--font-size-xs);color:#9ca3af;margin-top:var(--space-1);display:block}.formFieldErrorText{font-size:var(--font-size-xs);color:#dc2626;margin-top:var(--space-1);display:block}.formInputError{border-color:#dc2626!important}.formFieldInline{align-items:flex-start;gap:var(--space-4);display:flex}.formFieldInlineLabel{padding-top:var(--space-2);flex:0 0 35%}.formFieldInlineLabel .formFieldLabel,.formFieldInlineLabel .formFieldDescription{margin-bottom:0}.formFieldInlineInput{flex:1;min-width:0}@media (max-width:480px){.formFieldInline{flex-direction:column;gap:0}.formFieldInlineLabel{flex:none;padding-top:0}.formFieldInlineLabel .formFieldLabel{margin-bottom:var(--space-1)}}.datePickerInputWrapper{align-items:center;display:inline-flex;position:relative}.datePickerPopperInline{z-index:1000;margin-top:var(--space-1);position:absolute;top:100%;left:0}.datePickerWrapper{width:auto}input.formDateInput{width:14ch}input.formDateInputWithIcon{cursor:pointer;width:100%;min-width:160px;max-width:200px;padding-right:40px}.datePickerIconButton{cursor:pointer;color:#6b7280;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.datePickerIconButton:hover{color:var(--form-primary,var(--color-primary));background-color:#0000000a}.datePickerIconButton:disabled{opacity:.5;cursor:not-allowed}.datePickerPopper{z-index:1000}.datePickerCalendar{font-family:var(--font-primary);border-radius:var(--radius-lg);background:#fff;border:none;overflow:hidden;box-shadow:0 10px 40px #00000026,0 2px 10px #00000014}.datePickerHeader{background:linear-gradient(135deg, var(--form-primary,var(--color-primary)) 0%, color-mix(in srgb, var(--form-primary,var(--color-primary)) 85%, black) 100%);justify-content:space-between;align-items:center;padding:12px 8px;display:flex}.datePickerNavButton{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:#ffffff26;border:none;justify-content:center;align-items:center;padding:6px;transition:background-color .15s;display:flex}.datePickerNavButton:hover:not(:disabled){background:#ffffff40}.datePickerNavButton:disabled{opacity:.4;cursor:not-allowed}.datePickerSelects{gap:8px;display:flex}.datePickerSelect{border-radius:var(--radius-md);color:#1f2937;font-size:var(--font-size-sm);cursor:pointer;background:#fffffff2;border:none;outline:none;padding:6px 8px;font-weight:500;transition:background-color .15s}.datePickerSelect:hover{background:#fff}.datePickerMonthSelect{min-width:100px}.datePickerYearSelect{min-width:70px}.react-datepicker{font-family:var(--font-primary);border-radius:var(--radius-lg);border:none}.react-datepicker__header{background:0 0;border-bottom:1px solid #e5e7eb;padding:0}.react-datepicker__day-names{background:#f9fafb;justify-content:space-around;padding:8px 4px;display:flex}.react-datepicker__day-name{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;width:36px;margin:0;font-size:11px;font-weight:600}.react-datepicker__month{margin:0;padding:8px}.react-datepicker__week{justify-content:space-around;display:flex}.react-datepicker__day{width:36px;height:36px;line-height:36px;font-size:var(--font-size-sm);color:#374151;border-radius:50%;margin:2px;transition:all .15s}.react-datepicker__day:hover{background:#f3f4f6;border-radius:50%}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--form-primary,var(--color-primary));color:#fff;font-weight:600}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background:color-mix(in srgb, var(--form-primary,var(--color-primary)) 85%, black)}.react-datepicker__day--today{color:var(--form-primary,var(--color-primary));font-weight:700}.react-datepicker__day--today.react-datepicker__day--selected{color:#fff}.react-datepicker__day--outside-month{color:#d1d5db}.react-datepicker__day--disabled{color:#d1d5db;cursor:not-allowed}.react-datepicker__day--disabled:hover{background:0 0}.react-datepicker__triangle{display:none}.react-datepicker-popper{z-index:var(--z-tooltip)!important}@media (max-width:480px){.datePickerCalendar{width:calc(100vw - 32px);max-width:320px}.react-datepicker__day,.react-datepicker__day-name{width:32px;height:32px;line-height:32px}.datePickerHeader{padding:10px 6px}.datePickerSelect{padding:5px 6px;font-size:13px}.datePickerMonthSelect{min-width:85px}}.datePickerRTL{direction:rtl}.datePickerRTL .react-datepicker__day-names,.datePickerRTL .react-datepicker__week{flex-direction:row-reverse}.formTextarea{resize:vertical;min-height:80px}.formRadioGroup,.formCheckboxGroup{gap:var(--space-2);flex-direction:column;display:flex}.formRadioGroupHorizontal,.formCheckboxGroupHorizontal{gap:var(--space-3) var(--space-4);flex-flow:wrap}.formRadioOption,.formCheckboxOption{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#374151;cursor:pointer;display:flex}.formChoiceWithChildren{gap:var(--space-2);flex-direction:column;display:flex}.formOptionChildren{padding-left:var(--space-3);border-left:2px solid color-mix(in srgb, var(--form-primary,#16a34a) 25%, #e5e7eb);gap:var(--space-3);flex-direction:column;margin-left:28px;display:flex}.formOptionChildren .form-group{margin-bottom:0}.formOptionWithInput{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.formOptionInlineInput{width:80px;font-size:inherit;color:inherit;background:0 0;border:none;border-bottom:1px solid #d1d5db;outline:none;padding:2px 6px;transition:border-color .15s}.formOptionInlineInput:focus{border-bottom-color:var(--form-primary,var(--primary))}.formOptionInlineInput::placeholder{color:#9ca3af}.formRatingGroup{gap:var(--space-1);display:flex}.formRatingStar{cursor:pointer;background:0 0;border:none;padding:2px;transition:transform .1s}.formRatingStar:hover{transform:scale(1.2)}.formRatingStarActive{transform:scale(1.1)}.formSectionHeader{padding:var(--space-4) 0 0;margin-top:var(--space-2);border-top:2px solid #e5e7eb}.formSectionTitle{font-size:var(--font-size-lg);color:#111827;margin:0;font-weight:600}.formSectionDescription{font-size:var(--font-size-sm);color:#6b7280;margin:var(--space-1) 0 0}.formResponsesList{gap:var(--space-2);flex-direction:column;display:flex}.formResponseCard{border-radius:var(--radius-lg);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.formResponseHeader{padding:var(--space-3) var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;transition:background .1s;display:flex}.formResponseHeader:hover{background:#f9fafb}.formResponseBody{padding:var(--space-4);gap:var(--space-3);border-top:1px solid #f3f4f6;flex-direction:column;display:flex}.formResponseAnswer{flex-direction:column;gap:2px;display:flex}.formResponseLabel{font-size:var(--font-size-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.formResponseValue{font-size:var(--font-size-sm);color:#111827}.formResponseTextBlock{font-size:var(--font-size-sm);color:#6b7280;padding:var(--space-2) 0;border-top:1px solid #f3f4f6;font-style:italic}.formPollResults{gap:var(--space-2);flex-direction:column;animation:.3s pollFadeIn;display:flex}.formPollResultItem{border-radius:var(--radius-md);background:#f9fafb;min-height:44px;position:relative;overflow:hidden}.formPollResultBar{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.formPollResultBarLeading{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.formPollResultBarSelected{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.formPollResultItemSelected{border:2px solid var(--form-primary,#16a34a);box-shadow:0 0 0 2px color-mix(in srgb, var(--form-primary,#16a34a) 15%, transparent)}.formPollResultContent{z-index:1;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;min-height:44px;display:flex;position:relative}.formPollResultText{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;display:flex}.formPollResultCheckmark{background:var(--form-primary,#16a34a);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.formPollResultStats{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.formPollResultCount{color:#6b7280}.formPollResultPercent{color:var(--color-text-primary);text-align:right;min-width:44px;font-weight:600}.formPollResultPercentLeading{color:#d97706}.formPollFooter{padding-top:var(--space-3);margin-top:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.formPollTotalVotes{font-size:var(--font-size-sm);color:#6b7280}.publicFormPage .formPollResultBar{background:linear-gradient(135deg, color-mix(in srgb, var(--form-primary) 15%, white) 0%, color-mix(in srgb, var(--form-primary) 25%, white) 100%)}.publicFormPage .formPollResultBarSelected{background:linear-gradient(135deg, color-mix(in srgb, var(--form-primary) 20%, white) 0%, color-mix(in srgb, var(--form-primary) 35%, white) 100%)}.formFillPollLoading{padding:var(--space-6);justify-content:center;display:flex}.formFillPollResults{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid #e5e7eb}.formFillThankYou+.formFillPollResults{margin-top:var(--space-4)}.formPollSummaryList{gap:var(--space-4);flex-direction:column;display:flex}.formBuilderFieldWarning{font-size:var(--font-size-sm);color:#d97706;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:#fffbeb;border:1px solid #fef3c7}.formPollResultItem:first-child .formPollResultBar{transition-delay:0s}.formPollResultItem:nth-child(2) .formPollResultBar{transition-delay:.1s}.formPollResultItem:nth-child(3) .formPollResultBar{transition-delay:.2s}.formPollResultItem:nth-child(4) .formPollResultBar{transition-delay:.3s}.formPollResultItem:nth-child(5) .formPollResultBar{transition-delay:.4s}@media (max-width:768px){.formBuilderContainer{grid-template-columns:1fr}.formBuilderPalette{position:static;overflow-x:auto}.formBuilderPaletteList{flex-flow:wrap}.formBuilderPaletteItem{white-space:nowrap;flex:none}.formBuilderPaletteHint{display:none}.formBuilderSettingsRow{flex-direction:column}.formCardGrid{grid-template-columns:1fr}}.app-config-layout{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.app-config-forms{gap:var(--space-4);flex-direction:column;display:flex}.app-config-preview{top:var(--space-4);position:sticky}.app-config-section{border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;border:1px solid #e5e7eb}.app-config-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid #f3f4f6}.app-feature-list{gap:var(--space-2);flex-direction:column;display:flex}.app-feature-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);background:#f9fafb;border:1px solid #e5e7eb;display:flex}.app-feature-item:hover{background:#f3f4f6;border-color:#d1d5db}.app-feature-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.app-feature-toggle input{opacity:0;width:0;height:0}.app-feature-toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:22px;transition:background-color .2s;position:absolute;inset:0}.app-feature-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:2px;left:2px}.app-feature-toggle input:checked+.app-feature-toggle-slider{background-color:#16a34a}.app-feature-toggle input:checked+.app-feature-toggle-slider:before{transform:translate(18px)}.app-image-upload-card{gap:var(--space-2);flex-direction:column;display:flex}.app-image-upload-area{border-radius:var(--radius-lg);transition:border-color var(--transition-base);background:#f9fafb;border:2px dashed #d1d5db;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden}.app-image-upload-area:hover{border-color:#16a34a}.app-phone-frame{background:#fff;border:3px solid #1a1a2e;border-radius:32px;width:280px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #00000026}.app-phone-status-bar{color:#fff;background:#1a1a2e;justify-content:space-between;align-items:center;padding:8px 20px 4px;display:flex}.app-phone-content{flex-direction:column;min-height:360px;display:flex;position:relative}.app-feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;padding:24px 16px;display:grid}.app-feature-grid-item{flex-direction:column;align-items:center;gap:4px;display:flex}.app-phone-bottom-bar{background:#fff;justify-content:space-around;align-items:center;padding:8px 4px 12px;display:flex}.form-help-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.responsiveGrid2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.responsiveGrid3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.responsiveGrid2,.responsiveGrid3,.app-config-layout{grid-template-columns:1fr}.app-config-preview{order:-1;position:static}.app-phone-frame{width:240px}}.prayForThisBtn{border:1.5px solid var(--color-primary);background-color:var(--color-primary-bg);color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-3);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.prayForThisBtn:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.95)}.prayForThisBtnActive{background-color:var(--color-primary);color:var(--color-text-light)}.prayForThisBtn:disabled,.prayForThisBtnDisabled{opacity:.6;cursor:not-allowed;background-color:var(--color-border-light);border-color:var(--color-border);color:var(--color-text-tertiary)}.prayForThisBtnCount{font-weight:600}.prayForThisBtnLegacy{color:var(--color-text-tertiary);font-size:11px;font-weight:500}.answeredPrayerCard{border-top:3px solid var(--color-warning)}.answeredBadge{background-color:var(--color-amber-bg);color:var(--color-amber-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.answeredOriginalBlock{margin:0 0 var(--space-3) 0;background-color:var(--color-amber-bg-subtle);border-left:3px solid var(--color-warning);border-radius:4px;padding:10px 14px}.answeredOriginalLabel{color:var(--color-amber-label);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.answeredOriginalText{color:var(--color-amber-text-dark);font-size:14px;font-style:italic;line-height:1.4}.answeredTestimony{color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:15px;line-height:1.5}.answeredActions{padding-top:var(--space-3);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:12px;display:flex}.celebrateBtn{border:1.5px solid var(--color-warning);color:var(--color-amber-text);cursor:pointer;transition:var(--transition-fast);background-color:#0000;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.celebrateBtn:hover:not(:disabled),.celebrateBtnActive{background-color:var(--color-amber-bg)}.celebrateBtn:disabled{opacity:.6;cursor:not-allowed}.celebrateBtnEmoji{font-size:16px;line-height:1}.celebrateBtnCount{font-weight:700}.answeredViewPostLink{color:var(--color-primary);font-size:13px;font-weight:500;text-decoration:none}.answeredViewPostLink:hover{text-decoration:underline}.feedItemMenuTrigger{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex}.feedItemMenuTrigger:hover{background-color:var(--color-border-light)}.testimonyModalOverlay{z-index:1000;padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.testimonyModalCard{background-color:var(--color-bg-light);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:85vh;padding:var(--space-6);box-shadow:var(--shadow-2xl);overflow-y:auto}.testimonyModalHeader{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.testimonyModalTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.testimonyModalCloseBtn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex}.testimonyModalCloseBtn:hover{background-color:var(--color-border-light)}.testimonyModalCloseBtn:disabled{opacity:.5;cursor:not-allowed}.testimonyModalSubtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.testimonyModalTextarea{width:100%;min-height:140px;max-height:320px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);resize:vertical;box-sizing:border-box;font-family:inherit}.testimonyModalTextarea:disabled{opacity:.6;cursor:not-allowed}.testimonyModalActions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.testimonyModalCancelBtn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;background-color:#0000}.testimonyModalCancelBtn:hover:not(:disabled){background-color:var(--color-border-light)}.testimonyModalCancelBtn:disabled{opacity:.5;cursor:not-allowed}.prayerAnsweredBanner{justify-content:space-between;align-items:center;gap:var(--space-2);background-color:var(--color-amber-bg);border-left:3px solid var(--color-amber-text);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:10px 12px;display:flex}.prayerAnsweredBannerContent{align-items:center;gap:var(--space-2);color:var(--color-amber-text-dark);flex:1;display:flex}.prayerAnsweredBannerText{font-size:13px;font-weight:600}.prayerAnsweredBannerActions{align-items:center;gap:var(--space-2);display:flex}.prayerAnsweredBannerCta{background-color:var(--color-amber-text);color:var(--color-text-light);cursor:pointer;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.prayerAnsweredBannerCta:hover{filter:brightness(.95)}.prayerAnsweredBannerDismiss{color:var(--color-amber-text-dark);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex}.prayerAnsweredBannerDismiss:hover{background-color:#92400e1a}