.page-head{margin-bottom:var(--space-4)}.page-eyebrow{color:var(--color-gold);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;margin:0 0 var(--space-1)}.page-title{font-family:var(--font-display);font-size:clamp(1.7rem,7vw,2.4rem);font-weight:600;line-height:1.1;margin:0}.card{background:var(--color-night-raised);border:1px solid var(--color-night-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-raised)}.card-label{color:var(--color-ivory-faint);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-2)}.next-prayer{display:grid;grid-gap:var(--space-1);gap:var(--space-1);text-align:center}.next-prayer-name{font-family:var(--font-display);font-size:clamp(2.4rem,12vw,3.6rem);font-weight:600;margin:0}.next-prayer-name .ar{display:block;font-size:.7em;color:var(--color-gold)}.next-prayer-time{font-size:1.4rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-ivory-dim);margin:0}.next-prayer-cd{color:var(--color-gold);font-size:1rem;letter-spacing:.04em;margin:0}.prayer-row{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:var(--space-1)}.prayer-cell{display:grid;justify-items:center;grid-gap:.2em;gap:.2em;flex:1 1}.prayer-cell[data-next=true] .prayer-cell-time{color:var(--color-gold)}.prayer-cell-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ivory-faint)}.prayer-cell-time{font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-ivory)}.sn-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.sn-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);font-size:1.05rem;transition:border-color var(--duration-normal) var(--ease-calm)}.sn-item:hover{border-color:var(--color-gold-deep)}.sn-arrow,.sn-back{color:var(--color-gold)}.sn-back{background:none;border:none;padding:0;font-size:.95rem;margin-bottom:var(--space-2)}.sn-source{margin:0;color:var(--color-ivory-faint);font-size:.9rem}.sn-grade{color:var(--color-live);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.sn-step{border-left:3px solid var(--color-gold-deep)}.home-soenna{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:linear-gradient(135deg,oklch(22% .03 80/.5),var(--color-night-raised));border:1px solid var(--color-gold-deep);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);color:var(--color-ivory)}.home-soenna-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 .2em}.home-soenna-sub{margin:0;font-size:.9rem;color:var(--color-ivory-dim)}.quiz-options{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.quiz-option{width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);font-size:1.1rem;transition:all var(--duration-normal) var(--ease-calm)}.quiz-option[data-state=good]{border-color:var(--color-live);background:oklch(30% .08 150/.4);color:var(--color-live)}.quiz-option[data-state=bad]{border-color:var(--color-danger);background:oklch(30% .09 25/.4)}.quiz-option[data-state=dim]{opacity:.45}.day-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.day-btn{flex:1 1;padding:.5em;border-radius:var(--radius-sm);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory-dim);font-size:.95rem}.day-btn[data-on=true]{border-color:var(--color-gold-deep);color:var(--color-gold)}.insight-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-gold);margin:0 0 var(--space-2)}.wudu-steps{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.wudu-step{display:flex;gap:var(--space-3);align-items:flex-start}.wudu-n{flex-shrink:0;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--color-gold-deep);color:oklch(18% .03 80);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wudu-ul{margin:var(--space-1) 0 var(--space-3);padding-left:1.2em;display:grid;grid-gap:var(--space-1);gap:var(--space-1);color:var(--color-ivory-dim)}.theme-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-swatch{display:inline-flex;align-items:center;gap:.5em;padding:.5em .9em;border-radius:999px;border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory-dim);font-size:.95rem}.theme-swatch[data-on=true]{border-color:var(--color-gold-deep);color:var(--color-gold)}.theme-dot{width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid var(--color-night-border)}.ik-row{display:flex;align-items:center;gap:.5em;margin:0 0 var(--space-1);font-size:1.05rem}.ik-dot{width:.7em;height:.7em;border-radius:50%;background:var(--color-ivory-faint);flex-shrink:0}.ik-dot[data-on=true]{background:var(--color-live);box-shadow:0 0 10px oklch(72% .17 150/.5)}.ik-muted{margin:0 0 var(--space-1);color:var(--color-ivory-faint);font-size:.92rem;line-height:1.5}.sync-link{display:block;text-align:center;padding:var(--space-2);color:var(--color-gold);font-size:.9rem;border:1px dashed var(--color-night-border)}.nudge,.sync-link{margin:0 0 var(--space-3);border-radius:var(--radius-sm)}.nudge{padding:var(--space-3);border-left:3px solid var(--color-gold-deep);background:oklch(20% .025 265/.6);color:var(--color-ivory-dim);font-size:1rem;line-height:1.5}.mood-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mood{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border-radius:999px;border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory-dim);font-size:.95rem}.mood[data-on=true]{border-color:var(--color-gold-deep);color:var(--color-gold)}.streak{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:var(--color-gold)}.streak-big{font-family:var(--font-display);font-size:3rem;font-weight:600;line-height:1}.habit-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.habit{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory);font-size:1.05rem;text-align:left;transition:border-color var(--duration-normal) var(--ease-calm)}.habit[data-done=true]{border-color:var(--color-live);color:var(--color-ivory-dim)}.habit-check{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--color-night-border);display:grid;place-items:center;flex-shrink:0;color:var(--color-night)}.habit[data-done=true] .habit-check{background:var(--color-live);border-color:var(--color-live)}.qibla-wrap{display:grid;justify-items:center;grid-gap:var(--space-4);gap:var(--space-4);text-align:center}.qibla-dial{position:relative;width:min(74vw,20rem);aspect-ratio:1;border-radius:50%;border:2px solid var(--color-night-border);background:radial-gradient(circle at 50% 50%,oklch(20% .03 265),var(--color-night));display:grid;place-items:center}.qibla-dial[data-aligned=true]{border-color:var(--color-live);box-shadow:0 0 36px oklch(72% .17 150/.4)}.qibla-you{position:absolute;top:4%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:.9rem solid transparent;border-right:.9rem solid transparent;border-bottom:1.6rem solid var(--color-ivory-faint)}.qibla-dial[data-aligned=true] .qibla-you{border-bottom-color:var(--color-live)}.qibla-orbit{position:absolute;inset:0;transition:transform .1s linear}.qibla-kaaba{position:absolute;top:2%;left:50%;transform:translateX(-50%);font-size:clamp(2rem,9vw,3rem);filter:drop-shadow(0 0 12px oklch(80% .1 85/.5))}.qibla-center{width:.9rem;height:.9rem;border-radius:50%;background:var(--color-gold)}.qibla-readout{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.qibla-deg{font-family:var(--font-display);font-size:clamp(1.4rem,5.5vw,2rem);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0;text-wrap:balance}.qibla-deg[data-aligned=true]{color:var(--color-live)}.qibla-sub{color:var(--color-ivory-faint);margin:0;font-size:.9rem}.btn{min-height:48px;padding:.6em 1.4em;border-radius:var(--radius-md);border:1px solid var(--color-gold-deep);background:transparent;color:var(--color-gold);font-size:1rem;font-weight:600}.btn-primary{background:var(--color-gold-deep);border-color:var(--color-gold-deep);color:oklch(18% .03 80)}.word{text-align:center;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.word-ar{font-family:var(--font-display);font-size:clamp(2.6rem,14vw,4rem);margin:0;line-height:1.3}.word-tr{color:var(--color-gold);font-style:italic;margin:0;font-size:1.1rem}.word-nl{color:var(--color-ivory-dim);margin:0;font-size:1.2rem}.hint{font-size:.9rem;text-align:center}.diag,.hint{color:var(--color-ivory-faint)}.diag{width:100%;margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-night-border);border-radius:var(--radius-sm);font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diag summary{cursor:pointer;color:var(--color-ivory-dim)}.diag p{margin:var(--space-1) 0 0}.adm-input{min-height:48px;padding:.6em .9em;border-radius:var(--radius-sm);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory);font-size:1.05rem}.adm-input:focus{border-color:var(--color-gold-deep);outline:none}.persona{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);transition:border-color var(--duration-normal) var(--ease-calm)}.persona[data-on=true]{border-color:var(--color-gold-deep);background:oklch(22% .03 80/.35)}.persona-emoji{font-size:2rem}.persona-text{display:grid;grid-gap:.2em;gap:.2em}.persona-label{font-size:1.1rem;font-weight:600}.persona-note{font-size:.85rem;color:var(--color-ivory-faint)}.rest-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory)}.rest-toggle[data-on=true]{border-color:var(--color-gold-deep)}.rest-pill{padding:.3em .9em;border-radius:999px;font-size:.85rem;border:1px solid var(--color-night-border);color:var(--color-ivory-faint)}.rest-toggle[data-on=true] .rest-pill{background:var(--color-gold-deep);border-color:var(--color-gold-deep);color:oklch(18% .03 80)}body[data-persona=kind]{--color-gold:oklch(82% 0.13 90);--color-live:oklch(74% 0.18 150)}body[data-persona=kind] .page-title{font-size:clamp(2rem,9vw,2.8rem)}body[data-persona=kind] .habit{font-size:1.2rem;padding:var(--space-4) var(--space-3)}body[data-persona=kind] .streak-big{font-size:4rem}body[data-persona=kind] .word-ar{font-size:clamp(3rem,18vw,5rem)}.checkin-card{border-radius:var(--radius-lg,20px);padding:var(--space-3);margin-bottom:var(--space-3);background:linear-gradient(180deg,oklch(30% .05 150/.55),oklch(24% .04 150/.4));border:1px solid var(--color-gold,oklch(78% .13 85)/.35);box-shadow:0 12px 32px rgba(0,0,0,.28)}.checkin-msg{margin:0 0 var(--space-2);font-size:clamp(1.05rem,4.4vw,1.25rem);font-weight:600;line-height:1.45;color:var(--color-ivory,#f3efe6)}.checkin-ar{font-weight:500;color:var(--color-gold,oklch(78% .13 85))}.checkin-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.checkin-btn{text-decoration:none;text-align:center}.checkin-ghost{background:none;border:none;padding:.5em .2em;cursor:pointer;font-size:.92rem}.checkin-ghost,.checkin-soft{color:var(--color-muted,oklch(72% .02 250))}.checkin-soft{margin:0 0 var(--space-3);text-align:center;font-size:.95rem}