.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px var(--shadow)}.card--clickable{cursor:pointer;transition:all .2s}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.card--clickable:active{transform:translateY(0)}.mushaf-selector{margin-bottom:2rem}.mushaf-options{display:flex;flex-direction:column;gap:1rem}.mushaf-option{cursor:pointer;transition:all .2s}.mushaf-option--selected{border-color:var(--accent);background-color:var(--accent-light)}.mushaf-option__header{display:flex;align-items:flex-start;gap:1rem}.mushaf-option__radio{margin-top:.25rem;width:1.25rem;height:1.25rem;flex-shrink:0;cursor:pointer}.mushaf-option h3{margin:0;font-size:1.125rem}.mushaf-option p{margin:0;font-size:.875rem}.goal-setter{margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-input{padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit}.form-input:focus{outline:none;border-color:var(--accent)}.form-hint{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.quick-select__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-select__button{padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.875rem;transition:all .2s}.quick-select__button:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.start-page-picker{margin-bottom:2rem}.text-secondary{color:var(--text-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;font-family:inherit;line-height:1}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.button--secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.button--danger{background-color:var(--error);color:#fff}.button--danger:hover:not(:disabled){opacity:.9}.button--small{padding:.5rem 1rem;font-size:.875rem}.button--medium{padding:.75rem 1.5rem;font-size:1rem}.button--large{padding:1rem 2rem;font-size:1.125rem}.button--full-width{width:100%}.view-container{min-height:100vh;padding:1rem;display:flex;flex-direction:column}.onboarding-container{max-width:600px;margin:0 auto;padding:2rem 1rem;width:100%}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-header h1{margin-bottom:.5rem}.onboarding-progress{margin-bottom:3rem}.progress-steps{display:flex;align-items:center;justify-content:center}.progress-step{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.progress-step--active{background-color:var(--accent);color:#fff}.progress-line{width:4rem;height:2px;background-color:var(--bg-tertiary)}.onboarding-content{margin-bottom:2rem}.onboarding-actions{display:flex;gap:1rem}.dashboard-container{max-width:600px;margin:0 auto;width:100%}.dashboard-header{padding:1rem 0;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;margin:0}.dashboard-content{padding-bottom:2rem}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);padding:.5rem;box-shadow:0 -2px 10px #0000001a;z-index:1000}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:.5rem;font-size:.875rem}.bottom-nav__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{font-size:1.5rem}.bottom-nav__label{font-size:.75rem;font-weight:500}.app-content{padding-bottom:5rem}:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #808080;--border: #333333;--accent: #10b981;--accent-hover: #059669;--accent-light: #064e3b;--error: #ef4444;--warning: #fbbf24;--success: #10b981;--shadow: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border: #e0e0e0;--accent: #059669;--accent-hover: #047857;--accent-light: #d1fae5;--error: #dc2626;--warning: #f59e0b;--success: #10b981;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #808080;--border: #333333;--accent: #10b981;--accent-hover: #059669;--accent-light: #064e3b;--error: #ef4444;--warning: #fbbf24;--success: #10b981;--shadow: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{height:100%}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}p{line-height:1.6}.container{max-width:600px;margin:0 auto;padding:1rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}