:root{--color-bg:#faf8f4;--color-surface:#fff;--color-surface-secondary:#f0ede6;--color-text:#2c2417;--color-text-secondary:#8b7e6a;--color-text-tertiary:#b5a994;--color-tint:#8b6914;--color-tint-light:#f5efe0;--color-church:#5b7a5e;--color-church-light:#edf3ee;--color-church-dark:#4a6a4d;--color-border:#e8e2d6;--color-border-light:#f0ede6;--color-danger:#c0392b;--color-success:#27ae60;--font-body:"Source Serif 4", Georgia, serif;--font-size-hero:36px;--font-size-title:28px;--font-size-section:20px;--font-size-body:16px;--font-size-label:14px;--font-size-caption:13px;--font-size-small:12px;--spacing-page:24px;--spacing-card:16px;--spacing-gap-sm:6px;--spacing-gap-md:12px;--spacing-gap-lg:16px;--spacing-section:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:20px;--sidebar-width:220px}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1610;--color-surface:#252017;--color-surface-secondary:#302a1f;--color-text:#f0ede6;--color-text-secondary:#a89d8b;--color-text-tertiary:#6b6050;--color-tint:#d4a832;--color-tint-light:#3a3020;--color-church:#7a9e7d;--color-church-light:#2a3a2b;--color-church-dark:#8db890;--color-border:#3a3328;--color-border-light:#302a1f;--color-danger:#e74c3c;--color-success:#2ecc71}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}.skip-link{background:var(--color-church);color:#fff;z-index:100;font-size:var(--font-size-label);padding:8px 16px;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.layout{height:100%;display:flex}.main-content{padding:var(--spacing-page);flex:1;max-width:960px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:sticky;top:0}.sidebar-header{padding:var(--spacing-page) var(--spacing-card);border-bottom:1px solid var(--color-border-light)}.sidebar-church-name{font-size:var(--font-size-section);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:188px;font-weight:700;overflow:hidden}.sidebar-role{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:2px}.sidebar-nav{padding:var(--spacing-gap-md) 0;flex:1}.nav-item{align-items:center;gap:var(--spacing-gap-md);padding:10px var(--spacing-card);font-size:var(--font-size-label);color:var(--color-text-secondary);cursor:pointer;width:100%;font-weight:600;font-family:var(--font-body);background:0 0;border:none;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--color-surface-secondary);color:var(--color-text)}.nav-item.active{background:var(--color-church-light);color:var(--color-church)}.nav-item:focus-visible{outline:2px solid var(--color-church);outline-offset:-2px}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-pro-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--color-church-light);color:var(--color-church);border-radius:var(--radius-pill);margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.mobile-header{padding:12px var(--spacing-card);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-header-title{font-size:var(--font-size-body);font-weight:700}.hamburger-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:8px}.sidebar-overlay{display:none}.page-title{font-size:var(--font-size-title);color:var(--color-text);margin-bottom:var(--spacing-section);font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-card)}.card+.card{margin-top:var(--spacing-gap-lg)}.card-title{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-bottom:var(--spacing-gap-md);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.participation-hero{margin-bottom:var(--spacing-section)}.hero-number{font-size:var(--font-size-hero);color:var(--color-text);font-weight:700;line-height:1.2}.hero-trend{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-top:4px}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.member-grid{border-collapse:collapse;width:100%}.member-grid th{font-size:var(--font-size-label);color:var(--color-text-secondary);text-align:center;padding:6px 8px;font-weight:600}.member-grid th:first-child{text-align:left}.member-grid td{text-align:center;font-size:var(--font-size-body);padding:8px}.member-grid td:first-child{text-align:left;font-weight:400}.member-grid tbody tr{border-top:1px solid var(--color-border-light)}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot-done{background:var(--color-church)}.dot-empty{background:var(--color-surface-secondary);border:1px solid var(--color-border)}.dot-rest{background:0 0}.btn{justify-content:center;align-items:center;gap:var(--spacing-gap-sm);font-family:var(--font-body);font-size:var(--font-size-label);border-radius:var(--radius-pill);cursor:pointer;border:none;min-height:44px;padding:10px 20px;font-weight:600;transition:background .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-church);outline-offset:2px}.btn-primary{background:var(--color-church);color:#fff}.btn-primary:hover{background:var(--color-church-dark)}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.form-group{margin-bottom:var(--spacing-gap-lg)}.form-label{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-bottom:var(--spacing-gap-sm);font-weight:600;display:block}.form-input,.form-textarea{width:100%;font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .15s}.form-input:focus,.form-textarea:focus{border-color:var(--color-church);box-shadow:0 0 0 2px var(--color-church-light);outline:none}.form-textarea{resize:vertical;min-height:80px}.quick-actions{gap:var(--spacing-gap-md);flex-wrap:wrap;display:flex}.milestone-item{align-items:flex-start;gap:var(--spacing-gap-md);padding:var(--spacing-gap-md) 0;display:flex}.milestone-item+.milestone-item{border-top:1px solid var(--color-border-light)}.milestone-icon{flex-shrink:0;margin-top:2px;font-size:18px}.milestone-text{font-size:var(--font-size-body);color:var(--color-text)}.milestone-time{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.members-table{border-collapse:collapse;width:100%}.members-table th{text-align:left;font-size:var(--font-size-label);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:8px 12px;font-weight:600}.members-table td{font-size:var(--font-size-body);border-bottom:1px solid var(--color-border-light);padding:12px}.role-select{font-family:var(--font-body);font-size:var(--font-size-label);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:4px 8px}.role-select:disabled{opacity:.5;cursor:wait}.role-error-banner{margin-bottom:var(--spacing-section);border-radius:var(--radius-sm);color:#856404;font-size:var(--font-size-label);background:#fef3cd;border:1px solid #f0d98c;align-items:center;padding:8px 16px;display:flex}.invite-box{align-items:center;gap:var(--spacing-gap-md);padding:var(--spacing-card);background:var(--color-church-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-section);display:flex}.invite-code{font-size:var(--font-size-section);color:var(--color-church);letter-spacing:2px;font-variant-numeric:tabular-nums;font-weight:700}.badge{font-size:var(--font-size-small);border-radius:var(--radius-pill);align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-pro{background:var(--color-church-light);color:var(--color-church)}.badge-free{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.loading{height:200px;color:var(--color-text-tertiary);font-size:var(--font-size-body);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;padding:48px var(--spacing-page);color:var(--color-text-secondary)}.empty-state p{margin-bottom:var(--spacing-gap-lg)}.content-grid{gap:var(--spacing-gap-lg);grid-template-columns:1fr 1fr;display:grid}.reading-item{padding:var(--spacing-gap-md) 0;justify-content:space-between;align-items:center;display:flex}.reading-item+.reading-item{border-top:1px solid var(--color-border-light)}.reading-ref{color:var(--color-text);font-weight:600}.reading-date{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.reading-editable{cursor:pointer;border-radius:var(--radius-sm)}.reading-editable:hover{background:var(--color-tint-light)}.reading-lock{opacity:.5;font-size:14px}.reading-group-badge{background:var(--color-church-light);color:var(--color-church);border-radius:8px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.reading-group-everyone{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.groups-list{flex-direction:column;gap:8px;display:flex}.group-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.group-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.group-count{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-left:8px}.group-members-panel{border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary);padding:8px 16px 16px}.group-member-row{font-size:var(--font-size-label);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.group-member-row+.group-member-row{border-top:1px solid var(--color-border-light)}.btn-primary-sm,.btn-danger-sm{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:3px 10px;font-size:12px}.btn-primary-sm{background:var(--color-church);color:#fff}.btn-primary-sm:hover{background:var(--color-church-dark)}.btn-primary-sm:disabled{opacity:.5;cursor:wait}.btn-danger-sm{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0}.btn-danger-sm:hover{background:#c0392b14}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=1023px){.sidebar{width:56px}.sidebar-header{padding:var(--spacing-gap-md);text-align:center}.sidebar-church-name{font-size:var(--font-size-label);max-width:40px}.sidebar-role,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px}.content-grid{grid-template-columns:1fr}}@media (width<=767px){.sidebar{z-index:30;width:280px;transition:left .2s;position:fixed;top:0;bottom:0;left:-280px}.sidebar.open{left:0}.sidebar-church-name{font-size:var(--font-size-section);max-width:240px}.sidebar-role{display:block}.nav-item span{display:inline}.nav-item{padding:10px var(--spacing-card);justify-content:flex-start}.sidebar-overlay{z-index:25;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.mobile-header{display:flex}.main-content{padding:var(--spacing-card)}.content-grid{grid-template-columns:1fr}}.milestone-item{border-bottom:1px solid var(--color-surface-secondary);font-size:var(--font-size-label);align-items:center;gap:12px;padding:10px 0;display:flex}.milestone-item:last-child{border-bottom:none}.milestone-icon{flex-shrink:0;font-size:18px}.milestone-text{color:var(--color-text);flex:1}.milestone-time{color:var(--color-text-tertiary);font-size:var(--font-size-caption);flex-shrink:0}.pro-gate{opacity:.7}.calendar-grid{flex-direction:column;gap:8px;display:flex}.calendar-week{background:var(--color-surface);border:1px solid var(--color-surface-secondary);font-size:var(--font-size-label);border-radius:8px;grid-template-columns:60px 1fr 1fr 80px;align-items:center;gap:12px;padding:10px 16px;display:grid}.calendar-week-date{color:var(--color-text);font-weight:600}.calendar-week-bar{background:var(--color-surface-secondary);border-radius:4px;height:8px;overflow:hidden}.calendar-week-fill{height:100%;width:var(--pct);background:var(--color-church);border-radius:4px;transition:width .3s}.calendar-week-reading{color:var(--color-text-secondary);font-size:var(--font-size-caption);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-week-stat{text-align:right;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}@media (width<=768px){.calendar-week{grid-template-columns:50px 1fr 60px}.calendar-week-reading{display:none}}.pro-gate-card{text-align:center;padding:48px var(--spacing-card);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:480px;margin:32px auto}.pro-gate-icon{color:var(--color-church);margin-bottom:16px}.pro-gate-title{font-size:var(--font-size-section);margin-bottom:12px;font-weight:600}.pro-gate-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5}.analytics-summary{gap:var(--spacing-gap-lg);grid-template-columns:repeat(3,1fr);display:grid}.analytics-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-card)}.analytics-stat-value{font-size:var(--font-size-title);color:var(--color-church);font-weight:700}.analytics-stat-label{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-top:4px}.analytics-stat-detail{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-top:4px}.analytics-stat-trend{font-size:var(--font-size-caption);margin-top:8px;font-weight:600}.analytics-trend-chart{align-items:flex-end;gap:var(--spacing-gap-md);height:180px;padding-top:24px;display:flex}.analytics-trend-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.analytics-trend-pct{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:4px}.analytics-trend-bar-bg{background:var(--color-surface-secondary);border-radius:var(--radius-sm);flex:1;align-items:flex-end;width:100%;max-width:48px;display:flex;position:relative;overflow:hidden}.analytics-trend-bar-fill{background:var(--color-church);border-radius:var(--radius-sm);width:100%;min-height:2px;transition:height .3s}.analytics-trend-label{font-size:var(--font-size-small);color:var(--color-text-tertiary);white-space:nowrap;margin-top:4px}.at-risk-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-card);border-left:4px solid #e6a817}.at-risk-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.at-risk-icon{font-size:20px;line-height:1}.at-risk-title{font-weight:600;font-size:var(--font-size-body);color:var(--color-text-primary)}.at-risk-desc{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-bottom:12px}.at-risk-list{flex-direction:column;gap:8px;display:flex}.at-risk-member{background:var(--color-surface-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.at-risk-name{font-weight:500;font-size:var(--font-size-caption);color:var(--color-text-primary)}.at-risk-detail{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.heatmap-table{border-collapse:collapse;width:100%;font-size:var(--font-size-caption)}.heatmap-table th{color:var(--color-text-tertiary);text-align:center;font-weight:500;font-size:var(--font-size-small);white-space:nowrap;padding:4px 6px}.heatmap-table th:first-child{text-align:left}.heatmap-table td{text-align:center;padding:3px 6px}.heatmap-table td:first-child{text-align:left;color:var(--color-text);font-weight:500}.heatmap-cell{border-radius:3px;width:20px;height:20px;display:inline-block}.heatmap-legend{font-size:var(--font-size-small);color:var(--color-text-tertiary);gap:16px;margin-top:12px;display:flex}.heatmap-legend-item{align-items:center;gap:4px;display:flex}.heatmap-legend-item .heatmap-cell{width:14px;height:14px}.monthly-table{border-collapse:collapse;width:100%;font-size:var(--font-size-body)}.monthly-table th{color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-label);padding:8px 12px}.monthly-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);padding:8px 12px}@media (width<=768px){.analytics-summary{grid-template-columns:1fr}.analytics-trend-chart{height:140px}.heatmap-table th,.heatmap-table td{padding:2px 3px}.heatmap-cell{width:16px;height:16px}}.embed-code{background:var(--color-surface-secondary);word-break:break-all;color:var(--color-text-secondary);border-radius:6px;padding:12px;font-family:monospace;font-size:12px;display:block}