body:has(.journey){background:#e9eee6;margin:0}.journey{--ink:#173e33;--paper:#f8f8f2;--muted:#667964;--line:#e0e8d9;color:var(--ink);background:var(--paper);width:100%;max-width:480px;min-height:100svh;padding-bottom:calc(79px + env(safe-area-inset-bottom));margin:auto;font-family:Mosque Arabic,Arial,sans-serif;font-size:14px;box-shadow:0 0 80px #173e3310}.journey *{box-sizing:border-box}.journey h1,.journey h2,.journey h3,.journey p{margin:0}.journey h1,.journey h2,.journey h3{letter-spacing:-.025em;font-family:inherit}.journey a{color:inherit;text-decoration:none}.journey button{font:inherit;color:inherit;cursor:pointer}.journey button:disabled{cursor:default}.journey button:focus-visible,.journey a:focus-visible{outline-offset:2px;outline:3px solid #a78032}.journey-demo{letter-spacing:.025em;text-align:center;color:#5f705a;background:#e9ede2;place-items:center;height:23px;padding:0 8px;font-size:9px;display:grid}.journey-header{justify-content:space-between;align-items:center;height:49px;padding:0 18px;display:flex}.journey-brand{align-items:center;gap:7px;min-height:44px;font-size:20px;font-weight:600;display:flex}.language-button{background:0 0;border:0;min-width:64px;min-height:44px;color:var(--muted)!important;font-size:12px!important}.journey-content{padding:0 16px}.style-switch{border:1px solid var(--line);background:#fff9;border-radius:13px;gap:4px;padding:2px;display:flex}.style-switch button{width:50%;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.style-switch button[aria-pressed=true]{color:var(--ink);background:#e9efdf;font-weight:600}.journey-title{justify-content:space-between;align-items:center;margin:10px 2px;display:flex}.journey-title h1{font-size:25px;font-weight:600;line-height:1.5}.journey-title p{color:var(--muted);font-size:10px}.journey-title>svg{color:#879771}.journey-score{background:var(--ink);color:#f7f8e9;border-radius:19px;justify-content:space-between;align-items:center;min-height:91px;padding:13px 18px;display:flex;position:relative;overflow:hidden}.journey-score>div:not(.pearl-water){z-index:1;position:relative}.journey-score>div>span{color:#c6d5c2;font-size:10px}.score-total{direction:ltr;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;line-height:1;display:flex}.journey[dir=ltr] .score-total{justify-content:flex-start}.score-total strong{letter-spacing:-1px;font:600 35px/1 Arial,sans-serif}.score-summary{text-align:end;flex-direction:column;gap:9px;display:flex}.score-summary>strong{font:600 20px Arial,sans-serif}.score-summary small{font:11px Mosque Arabic,Arial,sans-serif}.score-summary>span{justify-content:flex-end;align-items:center;gap:5px;display:flex}.journey-section-heading,.calendar-heading{justify-content:space-between;align-items:center;gap:8px;min-height:39px;display:flex}.journey-section-heading h2{font-size:12px;font-weight:600}.journey-section-heading>span{color:var(--muted);font-size:9px}.today-prayers{flex-direction:column;gap:6px;display:flex}.today-prayer{border:1px solid var(--line);text-align:start;background:#fff;border-radius:14px;align-items:center;gap:11px;width:100%;min-height:56px;padding:7px 11px;display:flex}.list-symbol{color:#7b8e70;background:#eef2e8;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.list-symbol.manual{color:#376749;background:#e4efdd}.list-symbol.qr{color:#855f1c;background:#ecd69b}.prayer-name{flex-direction:column;flex:1;gap:1px;display:flex}.prayer-name strong{font-size:15px;font-weight:600;line-height:1.45}.prayer-name small{color:var(--muted);font-size:9px;line-height:1.5}.today-prayer time{direction:ltr;font:13px Arial,sans-serif}.today-prayer:disabled{color:#8b9583;background:#f4f5ef}.today-prayer:disabled .prayer-name small{color:#8b9583}.today-prayer:disabled .row-chevron{visibility:hidden}.today-prayer.qr{background:#fff9e9;border-color:#d8bd7c}.journey[dir=rtl] .row-chevron{transform:rotate(180deg)}.demo-scan{background:#eaf0e2;border:1px solid #c6d5bd;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:10px;display:flex;font-size:12px!important;font-weight:600!important}.demo-tag{letter-spacing:.02em;border:1px solid #b3c5a7;border-radius:5px;padding:2px 5px;font-size:8px}.journey-rule{color:var(--muted);text-align:center;font-size:9px;line-height:1.6;margin:7px 0!important}.journey-calendar{border:1px solid var(--line);background:#fff;border-radius:19px;margin-top:10px;padding:4px 8px 10px}.calendar-heading{margin:0 6px 2px}.calendar-heading h2{font-size:16px;font-weight:600}.calendar-heading>span{color:var(--muted);font-size:9px}.prayer-grid{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%}.prayer-grid th{color:#607056;text-align:center;font-size:9px;font-weight:500}.prayer-grid thead th{height:22px}.prayer-grid th:first-child{width:40px}.prayer-grid tbody th b{color:#304f37;font:600 15px Arial,sans-serif;display:block}.prayer-grid tbody th span{margin-top:2px;font-size:8px;display:block}.prayer-grid td{padding:0}.prayer-tile{color:#376749;background:#fafbf8;border:1px solid #e7ebdf;border-radius:11px;place-items:center;width:100%;height:44px;display:grid}.prayer-tile.manual{background:#e4efdd;border-color:#d7e5cf}.prayer-tile.qr{color:#855f1c;background:#ecd69b;border-color:#d6b976}.prayer-tile:disabled{background:#f5f6f1;border-color:#eff1e8}.empty-dot{background:#ccd4c2;border-radius:50%;width:4px;height:4px;display:block}.sample-today th{background:#edf3e6;border-radius:10px}.journey-legend{flex-wrap:wrap;justify-content:space-between;gap:7px;margin:10px 5px 0;display:flex}.journey-legend>span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.journey-legend i{border:1px solid #e3e8da;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.legend-manual{color:#376749;background:#e4efdd}.legend-qr{color:#855f1c;background:#ecd69b}.legend-empty{background:#fafbf8}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:7px 0 0;display:grid}.month-weekday{color:var(--muted);text-align:center;margin-bottom:4px;font-size:9px}.month-day{background:#f6f8f1;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:52px;display:flex}.month-day>b{font:600 16px Arial,sans-serif}.month-day.today{background:#edf3e3;border-color:#4c6e3d}.month-day:disabled{color:#b7bfad;background:#fafbf8}.day-marks{gap:2px;display:flex}.day-marks i{background:#dce2d5;border-radius:2px;width:4px;height:6px}.day-marks i.manual{background:#6b945d}.day-marks i.qr{background:#b28a33}.month-hint{color:var(--muted);font-size:9px;line-height:1.8;margin:13px 3px 0!important}.journey-goal{text-align:center;background:#eff3e7;border:1px solid #dee7d4;border-radius:20px;margin-top:10px;padding:20px 17px 16px}.goal-illustration{color:#6c8658;justify-content:center;align-items:center;gap:17px;margin:0 0 15px;display:flex}.goal-eyebrow{color:var(--muted);font-size:9px}.journey-goal h2{font-size:23px;font-weight:600;line-height:1.8}.pearl-collection{grid-template-columns:repeat(4,1fr);gap:12px;max-width:265px;margin:18px auto;display:grid}.pearl-collection>span{aspect-ratio:1;color:#8c9e7e;border:1px dashed #b8cba6;border-radius:50%;place-items:center;font-size:13px;display:grid}.pearl-collection>span.collected{background:#e0ead5;border-style:solid;border-color:#c4d5b5}.pearl-collection .lulu-pearl{width:30px;height:30px}.goal-count{direction:ltr;font:600 29px Arial,sans-serif;display:block}.goal-count small{font-size:18px;font-weight:400}.journey-goal>p:not(.goal-eyebrow){color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.goal-note{text-align:start;color:var(--muted);border-top:1px solid #dce6d2;align-items:center;gap:8px;margin-top:15px;padding-top:14px;font-size:10px;line-height:1.8;display:flex}.goal-note svg{flex-shrink:0}.journey-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:4px;margin:2px 0 0;display:flex}.journey-footer button,.journey-footer a{background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:10px;display:flex}.journey-footer button{min-width:44px}.journey-bottom{z-index:5;border-top:1px solid var(--line);width:100%;max-width:480px;padding:5px 10px calc(6px + env(safe-area-inset-bottom));background:#fff;justify-content:space-around;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #173e3306}.journey-bottom button{color:#77876b;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:25%;min-height:57px;font-size:10px;display:flex;position:relative}.journey-bottom button[aria-current=page]{color:var(--ink);background:#edf2e7;font-weight:600}.journey-bottom i{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.journey-notice{z-index:6;bottom:calc(83px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:#244b39;border-radius:13px;width:calc(100% - 36px);max-width:430px;padding:0;font-size:12px;line-height:1.7;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #173e3320}.journey-notice.visible{padding:12px 17px}.prayer-sheet{color:var(--ink);width:100%;max-width:480px;max-height:85svh;padding:10px 23px calc(25px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:26px 26px 0 0;margin:0 auto;font:14px Mosque Arabic,Arial,sans-serif;position:fixed;inset:auto 0 0;overflow-y:auto}.prayer-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#122e2666}.sheet-grip{background:#dce3d5;border-radius:5px;width:35px;height:4px;margin:0 auto 19px}.sheet-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.sheet-heading p{color:var(--muted);font-size:11px}.sheet-heading h2{font:600 29px/1.8 Mosque Arabic,Arial,sans-serif}.sheet-close{background:#f0f3ea;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sheet-state{background:#f4f6ef;border-radius:16px;align-items:center;gap:14px;margin:17px 0;padding:20px;display:flex}.sheet-state.manual{background:#e4efdd}.sheet-state.qr{color:#84621f;background:#f2e6c5}.sheet-state strong{font-size:17px;font-weight:600}.sheet-state p{margin-top:6px;font-size:12px}.journey-primary,.sheet-undo{background:var(--ink);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin:15px 0;display:flex;color:#fff!important;font-size:14px!important}.sheet-undo{background:#eff3e8;color:var(--ink)!important}.sheet-note{color:var(--muted);font-size:11px;line-height:1.9;margin:12px 0!important}.prayer-sheet [role=status]{color:#507542;font-size:12px}.journey-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lulu-pearl{background:radial-gradient(circle at 30% 25%,#fff 0%,#f6f4e7 28%,#d9dacc 63%,#a6bba7 100%);border-radius:50%;width:20px;height:20px;display:inline-block;box-shadow:inset -2px -3px 4px #536c4933,0 2px 7px #0002}.lulu-pearl.large{width:43px;height:43px}.journey-kids{--ink:#174e61;--paper:#f1f8f8;--muted:#597f8a;--line:#d6e8eb;background:radial-gradient(ellipse at 0 35%,#d7eff188,transparent 60%),var(--paper)}.journey-kids .journey-demo{color:#567986;background:#dfeef0}.journey-kids .style-switch button[aria-pressed=true]{background:#d9ecf0}.journey-kids .journey-title>svg{color:#6d9eae}.journey-kids .journey-score{background:linear-gradient(120deg,#206175,#10384e);box-shadow:0 5px 17px #174e6117}.journey-kids .journey-score>div>span{color:#c6e3eb}.pearl-water{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pearl-water:before,.pearl-water:after{content:"";background:#82cadb20;border-radius:50%;width:300px;height:150px;position:absolute;bottom:-107px;left:10%}.pearl-water:after{background:#ace0e825;bottom:-108px;left:42%;transform:rotate(-12deg)}.pearl-water i{border:1px solid #bae2eb77;border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:47%}.pearl-water i:nth-child(2){width:4px;height:4px;top:56px;left:54%}.pearl-water i:nth-child(3){width:9px;height:9px;top:66px;left:39%}.journey-kids .demo-scan{background:#e2f0f3;border-color:#c4dfe5}.journey-kids .demo-tag{border-color:#b2d3df}.journey-kids .journey-bottom button[aria-current=page]{background:#e2f1f4}.journey-kids .journey-goal{background:#edf7f9;border-color:#d6e9ed}.journey-kids .goal-illustration{color:#75a4b3}.journey-kids .pearl-collection>span{color:#88a7b4;border-color:#b6d8e1}.journey-kids .pearl-collection>span.collected{background:#d8ecf2;border-color:#b7d6e1}.journey-kids .goal-note{border-color:#d3e5eb}.journey-kids .lulu-pearl{background:radial-gradient(circle at 30% 25%,#fff 0%,#f6f6fa 28%,#d6e2f0 63%,#91b9c7 100%)}@media (width>=600px){.journey,.journey-bottom{border-inline:1px solid var(--line)}}@media (width<=359px){.journey-content{padding:0 11px}.journey-header{padding-inline:13px}.prayer-grid{border-spacing:2px 4px}.prayer-grid th:first-child{width:35px}.prayer-grid th{font-size:8px}.journey-title h1{font-size:23px}.journey-footer a{gap:3px;font-size:9px}.journey-section-heading h2{font-size:11px}.month-grid{gap:3px}.day-marks{gap:1px}}@media (height<=780px){.journey-title{margin:6px 2px}.journey-title h1{font-size:23px}.journey-score{min-height:77px;padding-block:9px}.journey-header{height:46px}.today-prayer{min-height:52px;padding-block:5px}.today-prayers{gap:5px}.journey-section-heading{min-height:34px}.demo-scan,.journey-calendar{margin-top:7px}.prayer-grid{border-spacing:4px 3px}.journey-bottom{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}.journey-bottom button{min-height:54px}.journey{padding-bottom:calc(67px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:no-preference){.prayer-tile,.month-day,.style-switch button,.journey-bottom button{transition:background .15s,box-shadow .15s}.prayer-sheet[open]{animation:.18s ease-out sheet-enter}@keyframes sheet-enter{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}.journey:has(.prayer-grid) .journey-score{min-height:73px;padding-block:8px}.journey:has(.prayer-grid) .journey-title{margin-block:6px}.journey:has(.prayer-grid) .score-total strong{font-size:30px}.journey-section-heading{max-width:none;margin:0}.journey-section-heading h2{line-height:1.6}.today-pearl-trail{direction:ltr;align-items:center;gap:4px;display:flex}.today-pearl-trail>i{background:#e4eff2;border:1px solid #bdd7df;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.today-pearl-trail>i.collected{background:#c2e0e7;border-color:#91bdc9}.today-pearl-trail .lulu-pearl{width:10px;height:10px;box-shadow:0 1px 3px #174e6120}.today-pearl-trail>b{color:#597f8a;margin-left:3px;font:600 10px Arial,sans-serif}@media (height<=780px){.journey-content{padding-inline:14px}.journey-demo{height:20px;font-size:8px}.journey-header{height:44px}.journey-title{margin-block:5px}.journey-title h1{font-size:22px;line-height:1.4}.journey-title p{font-size:9px;line-height:1.5}.journey-score{min-height:68px;padding-block:8px}.score-total strong{font-size:29px}.score-summary{gap:6px}.journey-section-heading{min-height:30px}.today-prayers{gap:4px}.today-prayer{min-height:49px;padding:5px 10px}.prayer-name strong{font-size:14px}.prayer-name small{font-size:9px}.demo-scan{min-height:44px;margin-top:6px}.journey-rule{font-size:8px;margin-block:5px!important}.journey-footer{margin:0}.journey-footer a{font-size:9px}.journey-bottom button{min-height:52px}.journey{padding-bottom:calc(62px + env(safe-area-inset-bottom))}}.journey .journey-guide-link{min-height:44px;color:var(--muted);align-items:center;margin-inline:auto 10px;font-size:12px;text-decoration:underline;display:flex}