@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";:root{--color-primary: #0d9488;--color-primary-light: #14b8a6;--color-primary-dark: #0f766e;--color-secondary: #d97706;--color-secondary-light: #f59e0b;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #1e293b;--color-text-light: #64748b;--color-text-muted: #94a3b8;--color-warm: #f1f5f9;--color-warm-light: #f8fafc;--color-accent: #6366f1;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-fajr: #6366f1;--color-dhuhr: #f59e0b;--color-asr: #f97316;--color-maghrib: #ec4899;--color-isha: #8b5cf6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:1rem;padding:12px 16px;border:2px solid var(--color-warm);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-warm);color:var(--color-text)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.page{flex:1;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px;max-width:800px;margin:0 auto;width:100%}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-text-light)}.header-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.arabic-text{font-family:Amiri,serif;font-size:1.5rem;line-height:2;text-align:right;direction:rtl;color:var(--color-text)}.transliteration{font-style:italic;color:var(--color-text-light);font-size:.95rem}.translation{color:var(--color-text);font-size:.95rem}.tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--color-warm);padding:4px;border-radius:var(--radius-md);overflow-x:auto}.tab{flex:1;padding:10px 12px;background:none;color:var(--color-text-light);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.progress-bar{height:8px;background:var(--color-warm);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);border-radius:var(--radius-full);transition:width .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-surface);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000001a;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--color-text-light);transition:all .2s ease;border-radius:var(--radius-md);min-width:56px}.nav-item span{font-size:.7rem;font-weight:500}.nav-item.active{color:var(--color-primary)}.nav-item:hover{background:var(--color-warm)}.home-page{padding-top:var(--spacing-md)}.home-header{text-align:center;margin-bottom:var(--spacing-xl)}.current-time{font-size:3rem;font-weight:700;color:var(--color-text);letter-spacing:-1px}.current-date{font-size:1rem;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.location{font-size:.875rem;color:var(--color-text-muted)}.next-prayer-card{border-left:4px solid;margin-bottom:var(--spacing-lg)}.next-prayer-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.next-prayer-info{display:flex;align-items:center;gap:var(--spacing-md)}.next-prayer-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.next-prayer-details{flex:1}.next-prayer-name{font-size:1.5rem;font-weight:700;margin-bottom:2px}.next-prayer-time{font-size:1rem;color:var(--color-text-light)}.countdown{text-align:right}.countdown-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.countdown-label{font-size:.75rem;color:var(--color-text-muted)}.prayer-times-overview{margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:1rem;font-weight:600}.see-all{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-primary);font-weight:500}.prayer-times-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.prayer-time-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s}.prayer-time-item.next{background:var(--color-warm)}.prayer-time-item .prayer-name{font-size:.7rem;color:var(--color-text-light);text-transform:capitalize}.prayer-time-item .prayer-time{font-size:.8rem;font-weight:600}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{padding:10px;border-radius:var(--radius-md);background:var(--color-warm)}.stat-icon.streak{color:#f97316;background:#fff7ed}.stat-icon.memorized{color:var(--color-secondary);background:#fef3c7}.stat-value{display:block;font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--color-text-muted)}.quick-actions h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:center;transition:all .2s}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card svg{color:var(--color-primary)}.action-card span{font-size:.75rem;font-weight:500;color:var(--color-text-light)}@media(max-width:400px){.prayer-times-grid{grid-template-columns:repeat(3,1fr)}.actions-grid{grid-template-columns:repeat(2,1fr)}}.prayer-times-page .location-display{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);font-size:.875rem}.date-navigator{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.date-nav-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s}.date-nav-btn:hover{background:var(--color-primary);color:#fff}.date-display{text-align:center}.date-text{font-weight:600}.today-badge{display:inline-block;margin-left:var(--spacing-sm);padding:2px 8px;background:var(--color-primary);color:#fff;font-size:.7rem;border-radius:var(--radius-full);font-weight:600}.prayer-times-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.prayer-time-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-left:4px solid var(--prayer-color);transition:all .2s}.prayer-time-card.next{background:linear-gradient(90deg,rgba(13,148,136,.08) 0%,transparent 100%)}.prayer-time-card.sunrise{opacity:.7}.prayer-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.prayer-details{flex:1}.prayer-name-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:2px}.prayer-name-row h3{font-size:1rem;font-weight:600}.arabic-name{font-family:Amiri,serif;font-size:.875rem;color:var(--color-text-light)}.rakats-info{font-size:.75rem;color:var(--color-text-muted)}.prayer-time-display{text-align:right}.prayer-time-display .time{display:block;font-size:1.125rem;font-weight:700;color:var(--color-text)}.next-badge{display:inline-block;padding:2px 8px;background:var(--color-primary);color:#fff;font-size:.65rem;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase}.calculation-note{text-align:center;padding:var(--spacing-lg)}.calculation-note p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.qibla-page{display:flex;flex-direction:column;align-items:center}.location-info{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--spacing-xl)}.separator{color:var(--color-warm)}.compass-container{width:100%;max-width:320px;aspect-ratio:1;margin-bottom:var(--spacing-xl);position:relative}.compass-container.aligned .compass-ring{border-color:var(--color-success);box-shadow:0 0 30px #10b9814d}.permission-prompt,.error-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}.prompt-icon{color:var(--color-primary)}.prompt-icon.error{color:var(--color-error)}.permission-prompt h3,.error-prompt h3{font-size:1.125rem}.permission-prompt p,.error-prompt p{color:var(--color-text-light);font-size:.875rem}.manual-direction{margin-top:var(--spacing-md)}.compass-ring{width:100%;height:100%;border-radius:50%;border:4px solid var(--color-warm);position:relative;transition:all .3s ease;background:radial-gradient(circle,var(--color-surface) 0%,var(--color-warm-light) 100%)}.compass-needle{position:absolute;top:50%;left:50%;width:4px;height:80%;transform-origin:center center;transition:transform .1s ease-out;margin-left:-2px;margin-top:-40%}.needle-point{position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--color-primary)}.kaaba-icon{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:2rem}.cardinal{position:absolute;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:var(--color-text-light);transition:transform .1s ease-out}.cardinal.north{top:8px;left:50%;margin-left:-15px;color:var(--color-error)}.cardinal.east{right:8px;top:50%;margin-top:-15px}.cardinal.south{bottom:8px;left:50%;margin-left:-15px}.cardinal.west{left:8px;top:50%;margin-top:-15px}.compass-status{text-align:center;margin-bottom:var(--spacing-md)}.aligned-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-success);font-weight:600;font-size:1.125rem}.checkmark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-success);color:#fff;border-radius:50%;font-size:1rem}.direction-hint{color:var(--color-text-light)}.heading-display{text-align:center}.heading-value{display:block;font-size:2rem;font-weight:700;color:var(--color-text)}.heading-label{font-size:.75rem;color:var(--color-text-muted)}.qibla-instructions{width:100%;max-width:400px}.qibla-instructions h4{font-size:.875rem;margin-bottom:var(--spacing-sm)}.qibla-instructions ul{list-style:none;padding:0}.qibla-instructions li{font-size:.875rem;color:var(--color-text-light);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.qibla-instructions li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.refresh-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s;margin-left:var(--spacing-sm)}.refresh-btn:hover{background:var(--color-primary);color:#fff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.loading-compass{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.streak-card{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.streak-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff}.streak-info{flex:1}.streak-value{display:block;font-size:2rem;font-weight:700;color:#c2410c;line-height:1}.streak-label{font-size:.875rem;color:#9a3412}.streak-message{font-size:.75rem;color:#c2410c;text-align:right;max-width:80px}.week-overview{margin-bottom:var(--spacing-lg)}.week-overview h3{font-size:.875rem;margin-bottom:var(--spacing-md)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.week-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);border-radius:var(--radius-md);background:none;transition:all .2s}.week-day.selected{background:var(--color-warm)}.week-day.complete{background:#10b9811a}.week-day.complete.selected{background:#10b98133}.day-name{font-size:.65rem;color:var(--color-text-muted);font-weight:500}.day-num{font-size:.875rem;font-weight:600}.day-dots{display:flex;gap:2px}.dot{width:4px;height:4px;border-radius:50%;background:var(--color-warm)}.dot.filled{background:var(--color-success)}.date-navigator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.date-nav-btn{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s}.date-nav-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-display{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text)}.daily-progress{margin-bottom:var(--spacing-lg)}.daily-progress span{display:block;font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.prayer-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.prayer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s;width:100%;text-align:left}.prayer-item:hover{transform:translate(4px)}.prayer-item.completed{background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,transparent 100%)}.prayer-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s}.prayer-item .prayer-name{flex:1;font-weight:600;font-size:1rem}.check-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-warm);display:flex;align-items:center;justify-content:center;transition:all .2s}.check-circle.checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.progress-card{margin-bottom:var(--spacing-lg)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.progress-text{font-size:.875rem;font-weight:500}.reset-btn{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:all .2s}.reset-btn:hover{background:var(--color-error);color:#fff}.mode-selector{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--color-warm);padding:4px;border-radius:var(--radius-md)}.mode-btn{flex:1;padding:8px 12px;background:none;color:var(--color-text-light);border-radius:var(--radius-sm);font-weight:500;font-size:.8rem;transition:all .2s}.mode-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.flashcard-container{margin-bottom:var(--spacing-xl)}.flashcard{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;margin-bottom:var(--spacing-md);border:2px solid var(--color-warm)}.flashcard.revealed{border-color:var(--color-primary)}.card-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:4px 10px;background:var(--color-warm);color:var(--color-text-light);font-size:.7rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.flashcard-front{padding:var(--spacing-lg)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-xs)}.card-arabic-name{font-family:Amiri,serif;font-size:1.125rem;color:var(--color-primary);display:block;margin-bottom:var(--spacing-md)}.card-when{color:var(--color-text-light);font-size:.875rem;margin-bottom:var(--spacing-lg)}.reveal-btn{width:100%;max-width:200px}.flashcard-back{padding:var(--spacing-md);width:100%}.flashcard-back .arabic-text{font-size:1.375rem;margin-bottom:var(--spacing-md)}.flashcard-back .transliteration{margin-bottom:var(--spacing-sm)}.flashcard-back .translation{margin-bottom:var(--spacing-md)}.times-badge{display:inline-block;padding:4px 12px;background:var(--color-secondary);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.hide-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-warm);color:var(--color-text-light);border-radius:var(--radius-full);font-size:.8rem}.card-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.nav-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--color-warm);color:var(--color-text);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s}.nav-btn:hover{background:var(--color-primary);color:#fff}.card-counter{font-size:.875rem;color:var(--color-text-muted)}.memorize-btn{width:100%}.no-cards{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}.quick-reference{margin-top:var(--spacing-xl)}.quick-reference h4{font-size:.875rem;margin-bottom:var(--spacing-md)}.duas-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dua-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-warm);text-align:left;width:100%;transition:all .2s}.dua-item:hover{border-color:var(--color-primary)}.dua-item.memorized{background:#10b9810d;border-color:var(--color-success)}.dua-number{width:24px;height:24px;border-radius:50%;background:var(--color-warm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-text-light)}.dua-info{flex:1}.dua-info .dua-name{display:block;font-weight:500;font-size:.875rem}.dua-info .dua-category{font-size:.75rem;color:var(--color-text-muted)}.check-icon{color:var(--color-success)}.stats-card{margin-bottom:var(--spacing-lg);position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.reset-btn-small{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-warm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s}.reset-btn-small:hover{background:var(--color-error);color:#fff}.rating-buttons{margin-bottom:var(--spacing-lg)}.rating-prompt{text-align:center;font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-warm);transition:all .2s}.rating-btn span{font-size:.75rem;font-weight:600}.rating-btn small{font-size:.65rem;color:var(--color-text-muted)}.rating-btn.again{color:var(--color-error)}.rating-btn.again:hover{background:var(--color-error);color:#fff}.rating-btn.again:hover small{color:#fffc}.rating-btn.hard{color:var(--color-warning)}.rating-btn.hard:hover{background:var(--color-warning);color:#fff}.rating-btn.hard:hover small{color:#fffc}.rating-btn.good{color:var(--color-success)}.rating-btn.good:hover{background:var(--color-success);color:#fff}.rating-btn.good:hover small{color:#fffc}.rating-btn.easy{color:var(--color-primary)}.rating-btn.easy:hover{background:var(--color-primary);color:#fff}.rating-btn.easy:hover small{color:#fffc}.card-stats{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:.7rem;color:var(--color-text-muted)}.no-cards .success-icon{color:var(--color-success);margin-bottom:var(--spacing-md)}.no-cards h3{margin-bottom:var(--spacing-sm)}.learning-dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);flex-shrink:0}.due-dot{width:8px;height:8px;border-radius:50%;background:var(--color-error);flex-shrink:0}.dua-item.learning{background:#f59e0b0d;border-color:var(--color-warning)}.dua-item.due{border-left:3px solid var(--color-error)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:disabled:hover{background:var(--color-warm);color:var(--color-text)}.settings-section{margin-bottom:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.setting-card{padding:var(--spacing-md)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.setting-info{flex:1}.setting-name{display:block;font-weight:600;margin-bottom:2px}.setting-value{font-size:.875rem;color:var(--color-text-light)}.setting-desc{font-size:.8rem;color:var(--color-text-muted)}.setting-note{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-warm);font-size:.8rem;color:var(--color-text-muted)}.method-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.method-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:none;border-radius:var(--radius-md);text-align:left;width:100%;transition:all .2s}.method-item:hover{background:var(--color-warm)}.method-item.active{background:#0d948814}.method-info{display:flex;flex-direction:column}.method-name{font-weight:600;font-size:.9rem}.method-desc{font-size:.75rem;color:var(--color-text-muted)}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-warm);transition:all .2s}.radio-circle.checked{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px #fff}.toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle.small{width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle.small .toggle-slider:before{height:16px;width:16px}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle.small input:checked+.toggle-slider:before{transform:translate(18px)}.prayer-notifications{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-warm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.prayer-notif-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0}.prayer-notif-row .prayer-name{font-size:.875rem;color:var(--color-text)}.about-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-warm);font-size:.875rem}.about-value{color:var(--color-text-light)}.about-link{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-primary)}.about-link:hover{text-decoration:underline}