[data-app=consumer]{--consumer-surface:#f7f4ef;--consumer-surface-elevated:#fffcf8;--consumer-on-surface:#1e293b;--consumer-on-surface-muted:#64748b;--consumer-accent:#2c3e50;--consumer-accent-muted:#2c3e503d;--consumer-accent-secondary:#d6c6b8;--consumer-accent-link:var(--consumer-accent);--consumer-tab-bar-bg:color-mix(in srgb, var(--consumer-surface-elevated) 96%, var(--consumer-surface));--consumer-tab-active-bg:color-mix(in srgb, var(--consumer-accent-secondary) 55%, var(--consumer-surface-elevated));--consumer-radius:.75rem;--consumer-shadow:0 4px 14px #2c3e500f;--consumer-line-height-relaxed:1.625;--consumer-chrome-border:color-mix(in srgb, var(--consumer-accent) 14%, #e4e4e7);--consumer-chrome-bg:color-mix(in srgb, var(--consumer-surface-elevated) 88%, var(--consumer-surface));--consumer-chrome-bg-glass:#fffdf7b8;--consumer-glass-btn-bg:#2c3e50e0;--consumer-glass-btn-border:#ffffff40;--consumer-glass-btn-highlight:#ffffffa6;--consumer-glass-btn-shadow:0 8px 24px -8px #2c3e5059;--consumer-glass-card-bg:#fffdf7b8;--consumer-glass-card-border:#ffffff4d;--consumer-glass-card-shadow:0 4px 24px -4px #2c3e5014;--consumer-glass-tab-bg:color-mix(in srgb, var(--consumer-accent-secondary) 45%, transparent);--consumer-glass-tab-border:#ffffff73;--consumer-glass-tab-shadow:0 4px 12px -4px #d6c6b873;--consumer-glass-inner-highlight:#ffffff8c;--consumer-input-bg:#fffdf78c}@media (prefers-color-scheme:dark){[data-app=consumer]{--consumer-surface:#0f1419;--consumer-surface-elevated:#181f26;--consumer-on-surface:#e8e6e1;--consumer-on-surface-muted:#a1a8b0;--consumer-accent:#5a7a9e;--consumer-accent-muted:#5a7a9e52;--consumer-accent-secondary:#a8957f;--consumer-accent-link:#7a95b5;--consumer-tab-bar-bg:color-mix(in srgb, var(--consumer-surface-elevated) 94%, var(--consumer-surface));--consumer-tab-active-bg:color-mix(in srgb, var(--consumer-accent-secondary) 35%, var(--consumer-surface-elevated));--consumer-shadow:0 4px 18px #00000073;--consumer-chrome-border:color-mix(in srgb, var(--consumer-accent) 22%, #3f3f46);--consumer-chrome-bg:color-mix(in srgb, var(--consumer-surface-elevated) 88%, var(--consumer-surface));--consumer-chrome-bg-glass:#0f1419cc;--consumer-glass-btn-bg:#5a7a9ec7;--consumer-glass-btn-border:#ffffff2e;--consumer-glass-btn-highlight:#ffffff2e;--consumer-glass-btn-shadow:0 8px 24px -8px #0000008c;--consumer-glass-card-bg:#ffffff0d;--consumer-glass-card-border:#ffffff14;--consumer-glass-card-shadow:0 4px 24px -4px #0000004d;--consumer-glass-tab-bg:#a8957f6b;--consumer-glass-tab-border:#ffffff1a;--consumer-glass-tab-shadow:0 4px 12px -4px #00000059;--consumer-glass-inner-highlight:#ffffff14;--consumer-input-bg:#ffffff0a}}@media (prefers-reduced-transparency:reduce){[data-app=consumer]{--consumer-chrome-bg-glass:var(--consumer-chrome-bg);--consumer-glass-btn-bg:var(--consumer-accent);--consumer-glass-btn-border:transparent;--consumer-glass-btn-highlight:transparent;--consumer-glass-btn-shadow:none;--consumer-glass-card-bg:var(--consumer-surface-elevated);--consumer-glass-card-border:var(--consumer-chrome-border);--consumer-glass-card-shadow:var(--consumer-shadow);--consumer-glass-tab-bg:var(--consumer-accent-secondary);--consumer-glass-tab-border:transparent;--consumer-glass-tab-shadow:none;--consumer-glass-inner-highlight:transparent;--consumer-input-bg:var(--consumer-surface-elevated)}[data-app=consumer] .consumer-chrome{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){[data-app=consumer] *,[data-app=consumer] :before,[data-app=consumer] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-app=consumer] .consumer-shell{background-color:var(--consumer-surface);color:var(--consumer-on-surface);line-height:var(--consumer-line-height-relaxed)}[data-app=consumer] .consumer-shell .consumer-shell-title{letter-spacing:-.02em}[data-app=consumer] .consumer-link{color:var(--consumer-accent-link)}[data-app=consumer] .consumer-btn-primary,[data-app=consumer] .consumer-glass-btn,[data-app=consumer] .consumer-outline-cta,[data-app=consumer] .consumer-chip{border-radius:var(--consumer-radius)}[data-app=consumer] .consumer-glass-btn,[data-app=consumer] .consumer-btn-primary{background-color:var(--consumer-glass-btn-bg);color:#fff;border:1px solid var(--consumer-glass-btn-border);box-shadow:inset 0 1px 0 var(--consumer-glass-btn-highlight), var(--consumer-glass-btn-shadow)}[data-app=consumer] .consumer-glass-btn:hover:not(:disabled),[data-app=consumer] .consumer-btn-primary:hover:not(:disabled){background-color:color-mix(in srgb, var(--consumer-accent) 92%, #000)}[data-app=consumer] .consumer-input,[data-app=consumer] .consumer-auth-field,[data-app=consumer] .consumer-form-control,[data-app=consumer] .consumer-hub-drawer-locale-select{border-radius:var(--consumer-radius)}[data-app=consumer] .consumer-input{border-color:var(--consumer-chrome-border);background-color:var(--consumer-input-bg);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-input:focus{box-shadow:0 0 0 2px var(--consumer-accent-muted);outline:none}[data-app=consumer] .consumer-chrome{border-color:var(--consumer-chrome-border);background-color:var(--consumer-chrome-bg-glass);color:var(--consumer-on-surface);box-shadow:inset 0 1px 0 var(--consumer-glass-inner-highlight)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-app=consumer] .consumer-chrome{-webkit-backdrop-filter:blur(20px)saturate(140%)}}[data-app=consumer] .consumer-glass-card,[data-app=consumer] .consumer-card{border-radius:var(--consumer-radius);background-color:var(--consumer-glass-card-bg);border:1px solid var(--consumer-glass-card-border);box-shadow:inset 0 1px 0 var(--consumer-glass-inner-highlight), var(--consumer-glass-card-shadow);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-modal-panel{border-radius:var(--consumer-radius);background-color:var(--consumer-surface-elevated);border:1px solid var(--consumer-chrome-border);box-shadow:var(--consumer-shadow);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-outline-cta{border-color:color-mix(in srgb, var(--consumer-accent) 28%, transparent);background-color:var(--consumer-surface-elevated);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-outline-cta:hover{border-color:var(--consumer-accent);background-color:color-mix(in srgb, var(--consumer-accent) 10%, var(--consumer-surface-elevated))}[data-app=consumer] .consumer-shell .consumer-shell-footer{border-color:color-mix(in srgb, var(--consumer-on-surface-muted) 35%, transparent)}[data-app=consumer] .consumer-hub-bottomnav{background-color:var(--consumer-tab-bar-bg);border-color:var(--consumer-chrome-border)}[data-app=consumer] .consumer-hub-bottomnav-skeleton-icon,[data-app=consumer] .consumer-hub-bottomnav-skeleton-label{background-color:color-mix(in srgb, var(--consumer-on-surface-muted) 28%, transparent);animation:1.4s ease-in-out infinite consumer-hub-bottomnav-skeleton-pulse}[data-app=consumer] .consumer-hub-bottomnav-skeleton-label{background-color:color-mix(in srgb, var(--consumer-on-surface-muted) 18%, transparent)}@keyframes consumer-hub-bottomnav-skeleton-pulse{0%,to{opacity:.45}50%{opacity:.9}}[data-app=consumer] .consumer-glass-tab-active,[data-app=consumer] .consumer-hub-tab--active{color:var(--consumer-accent);background-color:var(--consumer-glass-tab-bg);border:1px solid var(--consumer-glass-tab-border);box-shadow:inset 0 1px 0 var(--consumer-glass-inner-highlight), var(--consumer-glass-tab-shadow)}[data-app=consumer] .consumer-hub-drawer{background-color:var(--consumer-surface-elevated);border-color:var(--consumer-chrome-border);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-hub-drawer-link{color:var(--consumer-on-surface)}[data-app=consumer] .consumer-hub-drawer-link:hover{background-color:color-mix(in srgb, var(--consumer-accent) 10%, var(--consumer-surface-elevated))}[data-app=consumer] .consumer-hub-drawer-section--divided{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--consumer-chrome-border) 70%, transparent)}[data-app=consumer] .consumer-hub-drawer-section-title{color:color-mix(in srgb, var(--consumer-on-surface) 55%, transparent)}[data-app=consumer] .consumer-hub-drawer-locale-select{border-color:var(--consumer-chrome-border);background-color:var(--consumer-input-bg);width:100%;color:var(--consumer-on-surface)}[data-app=consumer] .consumer-hub-drawer-locale-select:focus{box-shadow:0 0 0 2px var(--consumer-accent-muted);outline:none}[data-app=consumer] .consumer-hub-notification-detail{background-color:var(--consumer-surface);border-color:var(--consumer-chrome-border);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-hub-church-menu{background-color:var(--consumer-surface-elevated);border-color:var(--consumer-chrome-border);color:var(--consumer-on-surface)}[data-app=consumer] .consumer-hub-church-menu button:hover{background-color:color-mix(in srgb, var(--consumer-accent) 10%, var(--consumer-surface-elevated))}[data-app=consumer] .text-blue-600,[data-app=consumer] .text-blue-700,[data-app=consumer] .text-blue-800,[data-app=consumer] .dark\:text-blue-400{color:var(--consumer-accent)}[data-app=consumer] .bg-blue-500,[data-app=consumer] .bg-blue-600{background-color:var(--consumer-accent)}[data-app=consumer] .hover\:bg-blue-700:hover,[data-app=consumer] .hover\:bg-blue-50:hover,[data-app=consumer] .hover\:bg-blue-50\/60:hover,[data-app=consumer] .hover\:bg-blue-50\/80:hover{background-color:color-mix(in srgb, var(--consumer-accent) 12%, var(--consumer-surface-elevated))}[data-app=consumer] .hover\:text-blue-700:hover,[data-app=consumer] .hover\:text-blue-800:hover,[data-app=consumer] .dark\:hover\:text-blue-300:hover{color:var(--consumer-accent)}[data-app=consumer] .hover\:border-blue-300:hover,[data-app=consumer] .hover\:border-blue-500:hover,[data-app=consumer] .dark\:hover\:border-blue-400:hover,[data-app=consumer] .dark\:hover\:border-blue-500:hover{border-color:var(--consumer-accent)}[data-app=consumer] .border-blue-200,[data-app=consumer] .border-blue-300,[data-app=consumer] .border-blue-500{border-color:color-mix(in srgb, var(--consumer-accent) 35%, transparent)}[data-app=consumer] .bg-blue-50,[data-app=consumer] .bg-blue-50\/60,[data-app=consumer] .bg-blue-50\/80,[data-app=consumer] .bg-blue-100{background-color:color-mix(in srgb, var(--consumer-accent) 10%, var(--consumer-surface-elevated))}[data-app=consumer] .text-blue-900,[data-app=consumer] .text-blue-950,[data-app=consumer] .dark\:text-blue-100,[data-app=consumer] .dark\:text-blue-200{color:var(--consumer-on-surface)}[data-app=consumer] .ring-blue-500,[data-app=consumer] .focus-visible\:ring-blue-500:focus-visible,[data-app=consumer] .focus\:ring-blue-500:focus,[data-app=consumer] .focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--consumer-accent-muted)}
