:root{--color-bg: #faf8f4;--color-surface: #ffffff;--color-surface-alt: #f3f0ea;--color-text: #2c2825;--color-text-soft: #6b6560;--color-text-muted: #9b9590;--color-accent: #8b6f4e;--color-accent-light: #c4a77d;--color-accent-bg: #f5efe6;--color-border: #e5e0d8;--color-border-light: #ede9e3;--color-error: #b94a48;--color-success: #5a8a5e;--color-warm: #d4a574;--color-warm-bg: #fdf6ee;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", -apple-system, sans-serif;--radius: 8px;--shadow-sm: 0 1px 3px rgba(44, 40, 37, .06);--shadow-md: 0 4px 12px rgba(44, 40, 37, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{max-width:640px;margin:0 auto;padding:0 20px 40px;min-height:100vh}.app-header{text-align:center;padding:40px 0 24px;border-bottom:1px solid var(--color-border-light);margin-bottom:32px}.app-header h1{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-accent);letter-spacing:.02em}.app-header .subtitle{font-size:.85rem;color:var(--color-text-muted);margin-top:4px;font-weight:300;letter-spacing:.04em;text-transform:uppercase}h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:16px}h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#7a6043}.btn-primary:disabled{background:var(--color-text-muted);cursor:not-allowed}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border-light)}.btn-small{padding:6px 14px;font-size:.8rem}.btn-full{width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-soft);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent-light)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.centering-card{background:var(--color-warm-bg);border:1px solid #ecdcc8;border-radius:var(--radius);padding:28px 24px;margin-bottom:20px;text-align:center}.centering-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-warm);margin-bottom:12px}.centering-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-text);margin-bottom:12px}.centering-instruction{font-size:.95rem;line-height:1.7;color:var(--color-text-soft);max-width:480px;margin:0 auto 20px;font-style:italic}.centering-footer{display:flex;align-items:center;justify-content:center;gap:16px}.centering-duration{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.question-card{background:var(--color-accent-bg);border:1px solid #e2d5c4;border-radius:var(--radius);padding:20px 24px;margin-bottom:20px}.question-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:8px}.question-text{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.5;color:var(--color-text);font-style:italic}.completion-bar{text-align:center}.completion-text{font-size:.8rem;color:var(--color-text-muted);margin-bottom:6px}.completion-track{height:4px;background:var(--color-surface-alt);border-radius:2px;overflow:hidden}.completion-fill{height:100%;background:var(--color-accent-light);border-radius:2px;transition:width .4s ease;min-width:0}.progress-track{height:6px;background:var(--color-surface-alt);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.stats-grid{display:flex;flex-direction:column;gap:16px}.stat-member{padding:12px 0;border-bottom:1px solid var(--color-border-light)}.stat-member:last-child{border-bottom:none;padding-bottom:0}.stat-member-name{font-weight:500;font-size:.95rem;color:var(--color-text);display:flex;align-items:center;gap:6px}.stat-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-success);color:#fff;font-size:.65rem}.stat-details{display:flex;justify-content:space-between;margin-top:4px}.stat-streak{font-size:.8rem;color:var(--color-accent);font-weight:500}.stat-total{font-size:.8rem;color:var(--color-text-muted)}.journal-entry{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border-light)}.journal-entry:last-child{border-bottom:none}.journal-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.journal-chapter{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-accent)}.journal-date{font-size:.8rem;color:var(--color-text-muted)}.journal-reflections{display:flex;flex-direction:column;gap:10px}.journal-reflection{font-size:.9rem;line-height:1.6;color:var(--color-text);padding:12px 16px;background:var(--color-surface-alt);border-radius:var(--radius)}.journal-author{font-weight:600;color:var(--color-accent);font-size:.85rem}.journal-content{white-space:pre-wrap}.journal-empty{font-size:.85rem;color:var(--color-text-muted);font-style:italic}.scripture-content{font-family:var(--font-display);font-size:1.15rem;line-height:1.9;color:var(--color-text);padding:20px 0}.scripture-content .v{font-size:.7em;vertical-align:super;color:var(--color-text-muted);margin-right:2px}.scripture-copyright{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border-light)}.reflection-card{padding:16px;background:var(--color-surface-alt);border-radius:var(--radius);margin-bottom:12px}.reflection-card .author{font-weight:600;font-size:.85rem;color:var(--color-accent);margin-bottom:6px}.reflection-card .timestamp{font-size:.75rem;color:var(--color-text-muted);margin-left:8px;font-weight:400}.reflection-card .body{font-size:.95rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap}.invite-code{display:inline-block;background:var(--color-accent-bg);color:var(--color-accent);font-family:monospace;font-size:.9rem;padding:6px 12px;border-radius:4px;cursor:pointer;-webkit-user-select:all;user-select:all}.chapter-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chapter-nav .chapter-label{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-accent)}.group-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius);margin-bottom:10px;cursor:pointer;transition:all .15s ease}.group-item:hover{border-color:var(--color-accent-light);box-shadow:var(--shadow-sm)}.group-item .group-name{font-weight:500;color:var(--color-text)}.group-item .group-book{font-size:.85rem;color:var(--color-text-soft)}.error-msg{color:var(--color-error);font-size:.85rem;margin-top:8px}.success-msg{color:var(--color-success);font-size:.85rem;margin-top:8px}.loading{text-align:center;color:var(--color-text-muted);padding:40px 0;font-size:.9rem}.divider{border:none;border-top:1px solid var(--color-border-light);margin:24px 0}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:24px;overflow-x:auto}.tab{padding:10px 16px;font-size:.82rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-small{font-size:.85rem}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width: 480px){.app-container{padding:0 16px 32px}.app-header{padding:28px 0 20px}.app-header h1{font-size:1.7rem}.card{padding:18px}.centering-card{padding:22px 18px}.centering-title{font-size:1.2rem}.tab{padding:10px 12px;font-size:.78rem}}