.sd-root{--sd-glow:rgba(37,99,235,.28);--sd-gold:#d4af37;--sd-hero-accent:color-mix(in srgb,var(--color-primary) 18%,transparent);max-width:68rem;margin:0 auto;padding-bottom:var(--space-6)}.sd-hero{position:relative;border-radius:calc(var(--radius-xl) + 4px);padding:clamp(var(--space-5),3.5vw,var(--space-7));margin-bottom:var(--space-5);overflow:hidden;background:radial-gradient(ellipse 80% 60% at 100% 0,var(--sd-glow) 0,transparent 55%),radial-gradient(ellipse 50% 40% at 0 100%,color-mix(in srgb,var(--color-accent) 12%,transparent) 0,transparent 50%),linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-elevated)) 0,var(--color-bg-elevated) 50%,var(--color-bg-elevated) 100%);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 40px rgba(37,99,235,.08)}.sd-hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--color-primary-deep),var(--color-accent-light));opacity:.85;pointer-events:none}.sd-hero-top{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.sd-grid--priority{margin-bottom:0}@media (min-width:900px){.sd-grid--priority{grid-template-columns:1.4fr 1fr;align-items:stretch}}.sd-greeting{margin:0;font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--color-text)}.sd-greeting-sub{margin:var(--space-2) 0 0;font-size:.9375rem;line-height:1.5;color:var(--color-text-muted);max-width:36ch}.sd-gamification-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.sd-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.8125rem;font-weight:700;text-decoration:none;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sd-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-border)}.sd-chip--fire{background:linear-gradient(135deg,rgba(251,146,60,.18),rgba(234,88,12,.1));border-color:rgba(234,88,12,.3);color:#c2410c}.sd-chip--points{background:linear-gradient(135deg,var(--color-primary-muted),hsla(0,0%,100%,.6));border-color:var(--color-primary-border);color:var(--color-primary-deep)}.sd-hero-week{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}.sd-week-panel{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-elevated) 88%,var(--color-primary-muted));border:1px solid color-mix(in srgb,var(--color-primary) 12%,var(--color-border))}@media (max-width:520px){.sd-week-panel{grid-template-columns:1fr;justify-items:center;text-align:center}}.sd-ring-wrap{position:relative;width:100px;height:100px;flex-shrink:0}.sd-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.sd-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.sd-ring-fg{fill:none;stroke:url(#sd-ring-gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.sd-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1.1}.sd-ring-value{font-size:1.4rem;color:var(--color-primary)}.sd-ring-label{font-size:.625rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.sd-week-title{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:var(--color-text)}.sd-week-hint{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.45}.sd-week-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-3)}.sd-week-dot{width:38px;height:38px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:transform .15s ease}.sd-week-dot--active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary-deep);transform:scale(1.04)}.sd-week-dot--today{box-shadow:0 0 0 2px var(--color-primary-muted)}.sd-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-5)}@media (min-width:720px){.sd-grid--2{grid-template-columns:1fr 1fr}}.sd-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);padding:var(--space-5);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.03);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.sd-card:hover{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border));box-shadow:0 2px 4px rgba(15,23,42,.05),0 8px 24px rgba(37,99,235,.07)}.sd-hero .sd-card:hover{transform:translateY(-1px)}.sd-card-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:1.0625rem;font-weight:700;color:var(--color-text)}.sd-card-title svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.sd-next-session{background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 16%,var(--color-bg-elevated)),var(--color-bg-elevated) 70%);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:0 4px 20px rgba(37,99,235,.1),inset 0 1px 0 hsla(0,0%,100%,.5)}[dir=ltr] .sd-next-session,[dir=rtl] .sd-next-session{-webkit-border-start:4px solid var(--color-primary);border-inline-start:4px solid var(--color-primary)}.sd-next-meta{font-size:.875rem;color:var(--color-text-muted);margin:0 0 var(--space-2)}.sd-next-title{margin:0 0 var(--space-3);font-size:1.35rem;font-weight:800;line-height:1.3;color:var(--color-text)}.sd-countdown{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.8125rem;font-weight:700;background:var(--color-primary-muted);color:var(--color-primary-deep);margin-bottom:var(--space-4)}.sd-next-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sd-next-actions .btn-primary{min-height:44px;padding-inline:var(--space-5);font-weight:700}.sd-mission-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.sd-mission{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);min-height:52px;transition:background .15s ease}.sd-mission:hover{background:color-mix(in srgb,var(--color-primary-muted) 40%,var(--color-bg))}.sd-mission--done{opacity:.78;border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border));background:var(--color-success-muted)}.sd-mission-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.sd-mission--done .sd-mission-check{background:var(--color-success);border-color:var(--color-success);color:#fff}.sd-mission-body{flex:1 1;min-width:0}.sd-mission-label{font-weight:600;font-size:.9375rem;margin:0 0 2px}.sd-mission-hint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.sd-mission-action{flex-shrink:0}.sd-journey-stats{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.sd-journey-count{font-size:2.25rem;font-weight:800;color:var(--color-primary);line-height:1}.sd-journey-bar{height:10px;border-radius:999px;background:var(--color-sand);overflow:hidden;margin-bottom:var(--space-4)}.sd-journey-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-deep),var(--color-accent-light));transition:width .5s ease}.sd-journey-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.sd-journey-node{flex:0 0 auto;scroll-snap-align:start;padding:8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--color-primary-muted);color:var(--color-primary-deep);border:1px solid var(--color-primary-border);transition:transform .15s ease}.sd-journey-node:hover,a:hover .sd-journey-node{transform:translateY(-1px)}.sd-journey-node--next{background:linear-gradient(135deg,var(--color-gold-muted),transparent);border-color:color-mix(in srgb,var(--sd-gold) 40%,transparent);color:#92400e}.sd-heatmap{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:3px;gap:3px}@media (max-width:480px){.sd-heatmap{grid-template-columns:repeat(7,1fr)}}.sd-heatmap-cell{aspect-ratio:1;border-radius:3px;background:var(--color-sand);min-width:0}.sd-heatmap-cell--1{background:color-mix(in srgb,var(--color-primary) 25%,var(--color-sand))}.sd-heatmap-cell--2{background:color-mix(in srgb,var(--color-primary) 45%,var(--color-sand))}.sd-heatmap-cell--3{background:color-mix(in srgb,var(--color-primary) 65%,var(--color-sand))}.sd-heatmap-cell--4{background:var(--color-primary)}.sd-heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:var(--space-3);font-size:.75rem;color:var(--color-text-muted)}.sd-pipeline{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.sd-pipeline-col{text-align:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease}.sd-pipeline-col:hover{border-color:var(--color-primary-border);background:var(--color-primary-muted);transform:translateY(-2px)}.sd-pipeline-num{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.sd-pipeline-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.sd-reading-progress{margin-bottom:var(--space-3)}.sd-reading-bar{height:10px;border-radius:999px;background:var(--color-sand);overflow:hidden}.sd-reading-bar-fill{height:100%;background:linear-gradient(90deg,#059669,#34d399);border-radius:999px}.sd-reading-meta{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-2)}.sd-mushaf-row{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sd-mushaf-row,.sd-rating-row{display:flex;flex-wrap:wrap;align-items:center}.sd-rating-row{gap:var(--space-3)}.sd-rating-big{font-size:2.25rem;font-weight:800;color:var(--color-primary)}.sd-trend{font-size:.8125rem;font-weight:700;padding:4px 10px;border-radius:999px}.sd-trend--up{background:var(--color-success-muted);color:var(--color-success)}.sd-trend--down{background:var(--color-danger-muted);color:var(--color-danger)}.sd-trend--flat{background:var(--color-sand);color:var(--color-text-muted)}.sd-recitation-mini{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);margin-top:var(--space-3)}.sd-section-link{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-3);font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none}.sd-section-link:hover{text-decoration:underline}.sd-sessions-compact{display:flex;flex-direction:column;gap:var(--space-2)}.sd-session-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background .15s ease}.sd-session-row:hover{background:var(--color-primary-muted)}.sd-form-inline{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3)}.sd-form-inline .form-group{margin-bottom:0}@media (min-width:480px){.sd-form-inline{grid-template-columns:repeat(3,1fr)}}.sd-memorization{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-bg-elevated)),var(--color-bg-elevated))}.sd-memorization-overall{margin-bottom:var(--space-5)}.sd-memorization-subtitle{margin:0 0 var(--space-2);font-size:.9375rem;font-weight:700;color:var(--color-text)}.sd-memorization-bar-wrap{position:relative;height:12px;border-radius:999px;background:var(--color-border);overflow:hidden;margin-bottom:var(--space-2)}.sd-memorization-bar-wrap--sm{height:7px;margin-bottom:var(--space-2)}.sd-memorization-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-light));transition:width .3s ease}.sd-memorization-percent{display:block;font-size:1.75rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-3)}.sd-memorization-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:640px){.sd-memorization-stats-grid{grid-template-columns:repeat(4,1fr)}}.sd-memorization-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:0 1px 2px rgba(15,23,42,.03)}.sd-memorization-stat-value{font-size:1.35rem;font-weight:800;color:var(--color-text)}.sd-memorization-stat-label{font-size:.75rem;color:var(--color-text-muted);font-weight:600;line-height:1.35}.sd-surah-progress-list{display:flex;flex-direction:column;gap:var(--space-3)}.sd-surah-progress-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.sd-surah-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.sd-surah-progress-name{font-weight:700;color:var(--color-primary);text-decoration:none}.sd-surah-progress-name:hover{text-decoration:underline}.sd-surah-progress-pct{font-weight:800;color:var(--color-primary);font-size:.9375rem}.sd-surah-progress-meta{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.sd-gauge-strip{margin-bottom:var(--space-5)}.sd-gauge-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);justify-items:center}@media (min-width:560px){.sd-gauge-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.sd-gauge-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}}.sd-gauge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.sd-gauge-svg{display:block}.sd-gauge-track{stroke:var(--color-border)}.sd-gauge-fill{transition:stroke-dasharray .65s cubic-bezier(.22,1,.36,1)}.sd-gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8px;pointer-events:none}.sd-gauge-value{font-weight:800;line-height:1.1;color:var(--color-text)}.sd-gauge--sm .sd-gauge-value{font-size:.875rem}.sd-gauge--md .sd-gauge-value{font-size:1.05rem}.sd-gauge--lg .sd-gauge-value{font-size:1.35rem}.sd-gauge-label{margin-top:3px;font-size:.625rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;max-width:9ch}.sd-gauge-label:empty{display:none}.sd-gauge--primary .sd-gauge-value{color:var(--color-primary)}.sd-gauge--gold .sd-gauge-value,.sd-gauge--rating .sd-gauge-value{color:#b45309}.sd-gauge--success .sd-gauge-value{color:#047857}.sd-gauge--accent .sd-gauge-value{color:#6d28d9}.sd-gauge-row-layout{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}.sd-gauge-row-layout .sd-gauge{flex-shrink:0}.sd-gauge-row-body{flex:1 1;min-width:min(100%,220px)}.sd-surah-progress-card{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.sd-surah-progress-card .sd-gauge{grid-row:span 2}.sd-surah-progress-card .sd-surah-progress-head{grid-column:2;margin-bottom:0}.sd-surah-progress-card .sd-surah-progress-meta{grid-column:2}.na-panel{margin-bottom:var(--space-5);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-bg-elevated);border:1px solid var(--color-primary-border);box-shadow:var(--shadow-md)}.na-panel--loading{min-height:120px;display:flex;align-items:center;justify-content:center}.na-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.na-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-primary-muted);color:var(--color-primary-deep);flex-shrink:0}.na-title{margin:0;font-family:var(--font-heading);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.na-subtitle{margin:4px 0 0;font-size:.875rem;color:var(--color-text-muted)}.na-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-success)}.na-empty p{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.na-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.na-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);transition:border-color .15s ease,box-shadow .15s ease}.na-item:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.na-item--urgent{border-color:rgba(217,119,6,.45);background:var(--color-warning-muted)}.na-item-urgent-icon{flex-shrink:0;color:var(--color-warning)}.na-item-body{flex:1 1;min-width:12rem}.na-item-label{margin:0;font-weight:700;font-size:.9375rem;color:var(--color-text)}.na-item-hint{margin:2px 0 0;font-size:.8125rem;color:var(--color-text-muted)}.na-item-cta{display:inline-flex;align-items:center;gap:6px;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}@media (max-width:640px){.na-item-cta{width:100%;justify-content:center;-webkit-margin-start:0;margin-inline-start:0}}