.tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tile{color:#fff;box-sizing:border-box;gap:4px;height:100%;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.tile:hover{border-color:var(--border-2);background:var(--color-surface-2)}.tile-title{font-size:17px;font-weight:800}.tile-meta{color:var(--color-text-2);font-size:14px}.tile-foot{color:var(--color-text-3);font-size:13px;font-weight:700}.tile.is-done{border-color:#3ccf868c}.tile-progress{color:var(--color-good)}.dhikr-list{gap:12px;margin-top:16px;display:grid}.dhikr-list .block{margin-top:0}.dhikr-item .translit{color:var(--color-text-2);font-style:italic}.dhikr-item .meaning{color:#fff}.dua-label{margin:0 0 8px;font-size:17px}.tap-row{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;display:flex}.tap{background:var(--color-pink-fill);color:#fff;min-width:96px;min-height:52px;font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:999px;padding:6px 18px;font-size:20px;font-weight:800}.tap:hover{background:var(--color-pink-hover)}.tap-of{opacity:.85;font-size:15px}.tap-done{color:var(--color-good);font-weight:800}.dhikr-item.is-done{border-color:#3ccf868c}.dhikr-item.is-done .tap{background:var(--color-surface-3)}.counter-help p{margin:0}.tasbih{text-align:center;justify-items:center;gap:12px;padding:18px 16px;display:grid}.tasbih-pick{text-align:left;gap:4px;width:100%;max-width:360px;font-size:14px;font-weight:700;display:grid}.tasbih select,.ls-input,.ls-select{background:var(--color-surface-2);color:#fff;border:1px solid var(--border-2);width:100%;min-height:44px;font:inherit;box-sizing:border-box;border-radius:10px;padding:8px 10px;font-size:16px}.tasbih-button{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, var(--color-surface-3), var(--color-surface));color:#fff;width:min(78vw,260px);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:6px solid #f6036273;border-radius:50%;place-content:center;gap:4px;display:grid}.tasbih-button:active{border-color:var(--color-pink);transform:scale(.98)}.tasbih-phrase{padding-inline:14px;font-size:17px;font-weight:800}.tasbih-count{font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1}.tasbih-target{color:var(--color-text-2);font-size:14px;font-weight:700}.tasbih-meaning{color:var(--color-text-2);margin:0}.tasbih-foot{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.tasbih.is-finished .tasbih-button{border-color:var(--color-good)}.tasbih.is-compact .tasbih-button{width:min(60vw,200px)}.tasbih.is-compact .tasbih-count{font-size:48px}.tasbih.is-compact .tasbih-tip{display:none}.ls-panel{padding:16px}.ls-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.ls-field{flex:200px;gap:4px;font-size:14px;font-weight:700;display:grid}.seg{flex-wrap:wrap;gap:6px;display:inline-flex}.seg button,.seg a{border:1px solid var(--border-2);background:var(--color-surface-2);color:#fff;min-height:44px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:8px 14px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.seg [aria-pressed=true],.seg [aria-current=page]{background:var(--accent-tint);border-color:#f60362b3}.ls-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ls-check{align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.ls-check input{width:24px;height:24px;accent-color:var(--color-pink-fill);flex:none;margin-top:2px}.ls-check .small{margin-top:2px;display:block}.ls-check.is-checked{border-color:#3ccf868c}.badge{background:var(--color-surface-3);color:var(--color-text-2);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-pink{background:var(--accent-tint);color:#fff}.badge-good{color:#fff;background:#3ccf862e}.ls-meter{background:var(--color-surface-3);border-radius:999px;height:10px;overflow:hidden}.ls-meter span{background:var(--color-pink-fill);border-radius:999px;height:100%;transition:width .2s;display:block}.copy-ok{color:var(--color-good);font-weight:800}.big-number{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.kalima{padding:16px}.kalima-head{align-items:baseline;gap:12px;display:flex}.kalima-head h3{margin:0;font-size:18px}.kalima-head a{color:#fff;text-decoration:none}.kalima-head a:hover{text-decoration:underline}.kalima-n{background:var(--accent-tint);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.kalima-tr{color:#fff;margin:12px 0 6px;font-size:19px;font-style:italic;line-height:1.7}.kalima-en{color:var(--color-text-2);margin:0 0 8px}.kalima-learned{align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.kalima-learned input{width:22px;height:22px;accent-color:var(--color-pink-fill)}.kalima.is-learned{border-color:#3ccf868c}.word{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}.is-memorising .word{background:var(--color-surface-3);color:#0000;cursor:pointer;border-radius:6px;padding:0 2px}.is-memorising .word.is-shown{color:inherit;background:0 0}.card-grid,.wall-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.share-card{display:grid;overflow:hidden}.share-img img,.quote-today img{width:100%;height:auto;display:block}.share-body{gap:8px;padding:12px 14px 14px;display:grid}.share-text{color:var(--color-text-2);margin:0}.share-actions{flex-wrap:wrap;gap:8px;margin:0;display:flex}.quote-today{gap:12px;display:grid}@media (width>=760px){.quote-today{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}.quote-today .block{margin-top:0}}.quote-today .share-img img{border-radius:var(--radius-card-lg);border:1px solid var(--border)}.quote-list{gap:12px;display:grid}.quote-list .block{margin-top:0}.quote-text{color:#fff;margin:10px 0;font-size:18px}.quote-actions{flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:14px;display:flex}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(min(46%,170px),1fr))}.wall-grid.is-small{grid-template-columns:repeat(auto-fill,minmax(min(46%,140px),1fr))}.wall-tile{color:#fff;gap:6px;padding:8px;text-decoration:none;display:grid}.wall-tile img{border-radius:10px;width:100%;height:auto;display:block}.wall-name{font-size:14px;font-weight:800}.wall-one{gap:16px;display:grid}@media (width>=760px){.wall-one{grid-template-columns:300px minmax(0,1fr);align-items:start}}.wall-preview{margin:0}.wall-preview img{border-radius:var(--radius-card-lg);border:1px solid var(--border);width:100%;max-width:300px;height:auto;display:block}.wall-info .sourced{margin-top:12px}.rk{background:var(--color-surface-3);white-space:nowrap;border-radius:999px;margin:2px 4px 2px 0;padding:3px 9px;font-size:13px;font-weight:800;display:inline-block}.rk-F{background:var(--color-pink-fill);color:#fff}.rk-W{color:#fff;background:#7a3cc2}.rk-SM{color:#fff;background:#0b6f99}.rk-S{color:#fff;background:#255a7a}.rk-N{color:#fff;background:#3d4f6b}.rk-V{color:var(--color-text-2);background:#3d4f6b}.rakat-table td,.rakat-table th{white-space:normal;text-align:left}.rk-key{flex-wrap:wrap;gap:6px 16px;padding:0;list-style:none;display:flex}.school-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.school-grid h3{margin:0 0 8px}.rk-steps{color:var(--color-text-2);gap:6px;margin:0;padding-left:20px;display:grid}.deeds-summary{gap:12px;display:grid}.deeds-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.deeds-stats div{display:grid}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:90px;margin:0;padding:0;list-style:none;display:grid}.week li{grid-template-rows:1fr auto;place-items:end center;gap:4px;height:100%;display:grid}.week-bar{background:var(--color-pink-fill);border-radius:6px 6px 2px 2px;align-self:end;width:70%;min-height:3px}.week-label{color:var(--color-text-3);font-size:12px}.deed{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}@media (width>=620px){.deed{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.deed-name{margin:0;font-size:17px}.deed-how,.deed-why{margin:4px 0 0}.deed-why{color:var(--color-text-2)}.deed-act{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.deed.is-done{border-color:#3ccf868c}.deed.is-done .tap{background:var(--color-good);color:#00112c}.deed.is-goal .deed-name:after{content:" · goal";color:var(--color-pink-text);font-size:13px}.deed-goal{align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.name-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.name-row{align-items:stretch;display:flex}.name-link{color:#fff;flex:1;gap:2px;min-width:0;padding:12px 14px;text-decoration:none;display:grid}.name-link:hover .name-main{text-decoration:underline}.name-main{font-size:18px;font-weight:800}.name-ar{color:var(--color-text-2);justify-self:start;font-size:20px}.name-meaning{color:var(--color-text-2);font-size:14px}.star{width:48px;color:var(--color-pink-text);cursor:pointer;background:0 0;border:0;flex:none;font-size:22px}.star[aria-pressed=true]{color:#f2c94c}.letter-chips{margin-top:12px}.letter-chips a{text-align:center;box-sizing:border-box;min-width:44px}.name-card{margin-top:8px}.name-head{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.name-big{margin:0;font-size:clamp(30px,8vw,44px);font-weight:800}.name-big-ar{margin:0;font-size:36px}.place-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.place{align-content:start;gap:4px;padding:12px 14px;display:grid}.place-name{margin:0;font-size:16px}.place p{margin:0}.place-tags{flex-wrap:wrap;gap:4px;display:flex}.place-links{flex-wrap:wrap;gap:4px 14px;display:flex}.osm-credit{margin-top:12px}.live-now .times-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=640px){.live-now .times-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline-item a{color:#fff;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.timeline-item a:hover .tile-title{text-decoration:underline}.timeline-years{color:var(--color-pink-text);font-size:14px;font-weight:800}.person{gap:4px;display:grid}@media (width>=860px){.person{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px}}.person-facts ul{margin:0;padding-left:18px}.maker-grid{gap:16px;display:grid}@media (width>=820px){.maker-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.maker-canvas svg{border-radius:var(--radius-card-lg);width:100%;height:auto;display:block}.maker-controls{gap:10px;display:grid}.maker-controls input[type=range]{width:100%;accent-color:var(--color-pink-fill);min-height:32px}.maker-controls input[type=color]{border:1px solid var(--border-2);background:var(--color-surface-2);border-radius:10px;width:100%;min-height:44px}.step-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.step-grid p{color:var(--color-text-2);margin:10px 0 0}.svg-box{background:var(--color-bg);border-radius:12px;place-items:center;padding:8px;display:grid}.star-svg{max-width:100%;height:auto}.star-svg .g{fill:none;stroke:#ffffff40;stroke-dasharray:4 4}.star-svg .dot{fill:var(--color-pink-text)}.star-svg .s line{stroke:var(--color-sky);stroke-width:2px;stroke-linecap:round}.message{gap:10px;display:grid}@media (width>=620px){.message{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.message-text{color:#fff;margin:0}.friday p{color:var(--color-text-2)}@media print{.tasbih,.tap-row,.seg,.star,.share-actions,.maker-controls,[data-near-me],.deed-act{display:none!important}[data-checklist] .ls-check{color:#000!important;background:0 0!important;border:.3mm solid #999!important}[data-checklist] .small,[data-checklist] strong,[data-checklist] h2{color:#000!important}}.person-facts .facts div,.name-card .facts div,.wall-info .facts div{grid-template-columns:minmax(0,1fr)}.video{padding:0;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block;position:relative}.video-frame img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .15s;display:block}.video-frame:hover img,.video-frame:focus-visible img{opacity:1}.video-play{background:var(--color-pink-fill);border-radius:14px;width:72px;height:50px;margin:auto;transition:background .15s,transform .15s;position:absolute;inset:0;box-shadow:0 6px 24px #00000073}.video-play:after{content:"";border:11px solid #0000;border-left:19px solid #fff;border-right-width:0;width:0;height:0;margin:auto;position:absolute;inset:0;transform:translate(2px)}.video-frame:hover .video-play,.video-frame:focus-visible .video-play{background:var(--color-pink-hover);transform:scale(1.06)}.video-length{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;position:absolute;bottom:10px;right:10px}.video figcaption{gap:4px;padding:14px 16px 16px;display:grid}.video-title{color:#fff;margin:0;font-size:17px;line-height:1.3}.video-meta{color:var(--color-text-3);font-size:13px;font-weight:700}.video-about{color:var(--color-text-2)}.mosque-source{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;display:flex}.mosque-today .table-wrap{max-width:560px}.mosque-day th,.mosque-day td{padding-block:9px;font-size:16px}.mosque-day tr.is-muted{opacity:.75}.mosque-method{margin:10px 0 0}.mosque-where{align-items:start;gap:16px;display:grid}@media (width>=760px){.mosque-where{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.mosque-map{padding:0;overflow:hidden}.mosque-map iframe{border:0;width:100%;height:300px;display:block}.mosque-address{margin:0 0 4px}.mosque-go{margin:12px 0}.mosque-facts{margin-top:16px}