@charset "UTF-8";:root{--color-primary: #4a90a4;--color-primary-hover: #3d7a8c;--color-primary-light: #e8f4f8;--color-primary-rgb: 74, 144, 164;--color-secondary: #6b9080;--color-secondary-hover: #5a7a6d;--color-accent: #7ba098;--color-background: #ffffff;--color-surface: #f8fafb;--color-surface-alt: #f0f4f5;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-on-primary: #ffffff;--color-error: #c4554a;--color-error-light: #fef5f4;--color-success: #5a8a6f;--color-success-light: #f0f7f3;--color-success-rgb: 90, 138, 111;--color-info: #7ba098;--color-info-light: #f0f7f6;--color-danger-bold: #dc2626;--color-danger-bold-bg: #fef2f2;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-warning-border: #fbbf24;--color-positive-bold: #16a34a;--color-positive-bold-bg: #f0fdf4;--color-border: #e0e6e8;--color-border-focus: #4a90a4;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}input,textarea,select{width:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}textarea{resize:vertical;min-height:120px}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;border:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}button:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:var(--space-lg)}.form-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.form-row>*{flex:1}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:var(--font-weight-normal);margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;min-width:20px;min-height:20px;cursor:pointer}.date-input{font-family:var(--font-family)}.btn-primary,.btn-secondary,.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;min-width:44px;padding:var(--space-md) var(--space-xl);text-align:center}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-text:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:var(--color-text-on-primary)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text-primary)}.btn-text{background-color:transparent;color:var(--color-primary);padding:var(--space-sm) var(--space-md)}.btn-text:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary)}.btn-small{min-height:36px;min-width:36px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-block{width:100%}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:36px;min-width:36px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-on-primary)}.error-message,.success-message,.info-box{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);line-height:var(--line-height-base)}.error-message{background-color:var(--color-error-light);color:var(--color-error);border-left:4px solid var(--color-error)}.success-message{background-color:var(--color-success-light);color:var(--color-success);border-left:4px solid var(--color-success)}.info-box{background-color:var(--color-info-light);color:var(--color-text-primary);border-left:4px solid var(--color-info)}.error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:block}.success{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:block}.loading-text{color:var(--color-text-secondary);text-align:center;padding:var(--space-xl)}.empty-text{color:var(--color-text-secondary);text-align:center}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-xl)}.empty-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.or-divider{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-md) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.action-card,.step-card,.journal-entry,.prayer-card,.meeting-card,.fellowship-card,.prompt-card{animation:fadeIn var(--transition-base) ease-out}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(pointer:coarse){button,a,input,select,textarea{min-height:44px;min-width:44px}}@media(prefers-contrast:high){:root{--color-border: #000000;--color-text-secondary: #000000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.action-card:hover,.meeting-card:hover,.prayer-card:hover{transform:none}}.onboarding-container{max-width:600px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.onboarding-header{text-align:center;margin-bottom:var(--space-md)}.onboarding-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-xl)}.onboarding-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap}.onboarding-actions>*{flex:1;min-width:120px}.amends-container{max-width:900px;margin:0 auto;padding:var(--space-md)}.willingness-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.willingness-badge.willing{background-color:var(--color-success-light);color:var(--color-success)}.willingness-badge.not_yet{background-color:var(--color-error-light);color:var(--color-error)}.willingness-badge.need_guidance{background-color:var(--color-info-light);color:var(--color-info)}.amends-type-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-surface-alt);color:var(--color-text-secondary)}.tool-container{max-width:700px;margin:0 auto;padding:var(--space-lg)}.tool-section{margin-bottom:var(--space-lg)}.tool-section h2{margin-bottom:var(--space-sm)}.tool-section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.tool-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.tool-card-fields{flex:1;display:flex;flex-direction:column;gap:.5rem}.tool-field-row{display:flex;gap:var(--space-sm)}.tool-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tool-input-small{max-width:150px}.commitment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-xs, .25rem)}.commitment-add{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.commitment-add .tool-input{flex:1}.inventory-editor-container{max-width:1100px;margin:0 auto;padding:var(--space-md)}.inventory-entries{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.inventory-entry-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.inventory-entry-card.editing{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.inventory-fields{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.inventory-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.inventory-entry-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);justify-content:flex-end}.add-entry-btn{width:100%;padding:var(--space-lg);background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.add-entry-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}@media(min-width:768px){.inventory-fields{grid-template-columns:repeat(2,1fr)}}.mnemonic-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.mnemonic-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.word-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:monospace;font-size:var(--font-size-sm);text-align:center}.verification{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.privacy-note{background-color:var(--color-info-light);border-left:4px solid var(--color-info);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-container{max-width:600px;margin:0 auto;padding:var(--space-lg)}.settings-nav{margin-bottom:var(--space-md)}.settings-menu{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.settings-menu-item:hover{background:var(--color-surface)}.settings-menu-icon{font-size:1.5rem}.settings-menu-item p{margin:.25rem 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sync-indicator{font-size:var(--font-size-xs);color:var(--color-primary);animation:pulse 1.5s infinite}
