@font-face{font-family:"Noto Sans Arabic";src:url("/assets/fonts/NotoSansArabic-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("/assets/fonts/NotoSansArabic-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#103b70;--muted:#557299;--blue:#1161b4;--teal:#008f9d;--surface:#fff;--bg:#f5f9ff;--shadow:0 7px 24px #16427310;font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #008b92;outline-offset:4px}button{border:0}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}button,input{touch-action:manipulation}a{color:inherit}button{transition:transform .15s,background .15s,box-shadow .15s}button:not(:disabled):active{transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;right:12px;z-index:100;background:#fff;padding:10px 20px;border-radius:12px}.skip-link:focus{top:10px}.boot{text-align:center;padding:20vh 20px}.boot-star{font-size:70px;color:#eeb130}.boot h1{font-size:40px}.boot p{color:var(--muted)}.hero{height:226px;position:relative;background:#25abe9;overflow:hidden}.hero:after{content:'';position:absolute;bottom:-47px;left:-5%;width:110%;height:86px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1}.hero-scenery{position:absolute;inset:0;background:url('/assets/header.svg') center 58%/cover no-repeat}.hero-inner{width:min(1170px,calc(100% - 48px));margin:auto;height:100%;position:relative;z-index:2;display:flex;align-items:flex-start;padding-top:37px;justify-content:space-between;gap:24px}.hello{display:flex;align-items:center;gap:19px;text-shadow:0 2px 10px #0355a940;color:#fff}.avatar{width:106px;height:106px;background:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 5px 0 #0b8bc940}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1px}.hello h1{font-size:30px;line-height:1.65;font-weight:800}.hello p{font-size:14px;font-weight:600}.date-card{display:flex;gap:13px;align-items:center;margin-top:18px;padding:14px 20px;background:#ffffffed;border:2px solid #fff;border-radius:20px;box-shadow:0 5px 16px #0563a524;max-width:390px;backdrop-filter:blur(4px)}.date-card strong{display:block;font-size:15px}.calendar-icon{font-size:39px;line-height:1;color:#008aa7}.date-eyebrow{font-size:10px;display:block;color:#327b99;margin-bottom:3px;font-weight:700}.cloud-note{margin-top:28px;background:#fff;color:#1161a8;font-size:14px;padding:14px 20px;border-radius:20px;box-shadow:var(--shadow)}.cloud-note span{color:#eab534;margin-left:8px}.page-main{width:min(1170px,calc(100% - 48px));margin:-18px auto 0;padding-bottom:18px;position:relative;z-index:3}.title-and-date{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title h2{font-size:36px;line-height:1.5;font-weight:800;letter-spacing:-1px}.page-title h2 span{color:#fac14e;font-size:27px}.page-title p{font-size:13px;color:var(--muted)}.small-chip{display:inline-flex;align-items:center;background:#e0f3ef;border:1px solid #c6e8df;color:#237268;border-radius:20px;font-size:10px;font-weight:700;padding:2px 11px;margin-bottom:5px}.date-controls{display:flex;align-items:center;background:#fff;padding:5px;border:1px solid #dfebf7;border-radius:14px;gap:5px;box-shadow:var(--shadow)}.date-controls>button{background:#f0f7ff;border-radius:10px;padding:5px 12px;min-width:36px;font-size:20px;min-height:40px}.date-controls .today-button{background:#e6f6f1;color:#168671;font-size:12px;font-weight:700;padding:6px 14px}.date-controls .today-button:disabled{opacity:.5;cursor:default}.date-input-label input{border:0;background:#fff;color:#2e5384;font-size:12px;max-width:145px;padding:6px 2px;outline-offset:0}.board-heading,.prayer-row{display:grid;grid-template-columns:22% 23% 32% 23%;gap:0;direction:rtl}.board-heading{margin-bottom:6px;padding:0 0 0 6px}.board-heading span{margin:0 3px;border-radius:20px;padding:4px 0;text-align:center;background:#e5e8ff;color:#2f4178;font-size:12px;font-weight:800}.board-heading span:first-child{color:#52739a;background:transparent}.prayer-board{display:grid;gap:9px}.prayer-row{--row:#cde3ff;--tint:#edf4ff;border:6px solid var(--row);border-radius:23px;overflow:hidden;min-height:128px;box-shadow:0 3px 4px #17427605;background:var(--row)}.prayer-row.fajr{--row:#c5ddff;--tint:#ecf2ff}.prayer-row.dhuhr{--row:#ffda86;--tint:#fff4cf}.prayer-row.asr{--row:#ffbfa9;--tint:#ffe9e2}.prayer-row.maghrib{--row:#f6aad6;--tint:#ffe7f4}.prayer-row.isha{--row:#a9c1ff;--tint:#e4ebff}.prayer-banner{margin:-6px -6px -6px 0;position:relative;isolation:isolate;overflow:hidden;border-radius:18px 0 0 18px;min-height:122px;display:flex;align-items:flex-start;padding:12px 18px}.prayer-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.prayer-banner h3{font-size:27px;line-height:1.5;font-weight:800;text-shadow:0 2px 0 #ffffff75}.prayer-banner p{font-size:10px;font-weight:600;text-shadow:0 1px 0 #ffffff90}.prayer-row.isha .prayer-banner{color:#fff}.prayer-row.isha .prayer-banner h3,.prayer-row.isha .prayer-banner p{text-shadow:0 2px 3px #071d61}.sunnah-cell,.fard-cell{background:var(--tint);margin:0 3px;border-radius:15px;display:flex;align-items:center;justify-content:center}.sunnah-cell{flex-direction:column;padding:7px;gap:3px;position:relative}.sunnah-cell.empty>span{font-size:26px;color:#23456622;font-weight:400}.sunnah-name{font-weight:700;font-size:12px}.thumb-blocks{display:flex;gap:9px;justify-content:center}.thumb-button{position:relative;min-width:70px;height:63px;border:2px solid #52668620;border-radius:12px;background:#ffffffb0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:#7f8997;box-shadow:0 3px 0 #43648511;padding:4px 10px}.thumb-button svg{width:29px;height:29px}.thumb-button>span{font-size:9px;line-height:1.5;font-weight:700}.thumb-button.checked{color:#078775;border-color:#72ceb0;background:#e7fff0;box-shadow:0 3px 0 #1aab841c}.thumb-button:not(:disabled):hover{transform:translateY(-2px);border-color:#46b298}.tiny-check{position:absolute;top:-6px;left:-5px;background:#079c76;color:#fff;border-radius:50%;width:18px;height:18px;line-height:18px;font-size:12px;border:1px solid #fff}.block-total{font-size:9px;color:#596c81;line-height:1.1;padding-top:2px}.character-button{padding:1px 10px 1px 13px;width:100%;height:100%;min-height:116px;display:flex;align-items:center;gap:8px;background:transparent;border-radius:15px;text-align:right}.character-button>img{width:105px;height:105px;flex-shrink:0;transition:transform .2s;filter:drop-shadow(0 3px 2px #21437810)}.character-button:not(:disabled):hover>img{transform:rotate(-4deg) scale(1.04)}.character-button:not(:disabled):hover{background:#ffffff65}.state-copy{display:flex;flex-direction:column;gap:4px;flex:1}.state-copy strong{font-size:15px;line-height:1.55;font-weight:800}.state-copy small{font-size:9px;color:#6482a1;line-height:1.65}.state-copy small span{font-size:13px;margin-right:4px}.character-button.home .state-copy strong{color:#007569}.character-button.mosque .state-copy strong{color:#1457ab}.character-button.waiting .state-copy strong{color:#455879}.witr-card{margin-top:13px;background:linear-gradient(120deg,#effef8,#d3f5e6);border:3px solid #b2ead1;border-radius:20px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.witr-heading{display:flex;gap:15px;align-items:center}.moon{font-size:41px;color:#10846d;line-height:1}.witr-heading h3{font-size:18px}.witr-heading h3 span{font-size:11px;font-weight:600;margin-right:10px;color:#35836e}.witr-heading p{font-size:10px;color:#497f73}.witr-button{display:flex;align-items:center;gap:10px;min-width:164px;justify-content:center;border:2px solid #88d2b6;background:#fff;border-radius:13px;padding:8px 15px;font-size:12px;font-weight:700}.toggle-check{border:2px solid #aecabe;background:#f2fbf6;width:23px;height:23px;line-height:20px;border-radius:6px;text-align:center;font-size:18px;color:#78a78d}.witr-button.checked{background:#0b9073;color:white;border-color:#0b9073}.witr-button.checked .toggle-check{background:#fff;color:#098769;border-color:#fff}.daily-summary{display:grid;grid-template-columns:1.12fr 1fr 1.08fr;gap:13px;margin-top:20px}.summary-card{background:#fff;border:1px solid #e4ecf5;box-shadow:var(--shadow);border-radius:22px;min-height:164px;padding:18px}.summary-top{display:flex;gap:9px;align-items:center}.summary-top h3{font-size:14px}.summary-symbol{font-size:29px;line-height:1;color:#009995}.percentage{margin-right:auto;font-size:20px;color:#027f77;font-weight:800}.progress-track{margin:12px 0 8px;height:13px;background:#dcefe9;border-radius:12px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,#0dad92,#32ca90);transition:width .25s}.completed-text{font-size:11px;color:#51709b}.completed-text strong{font-size:13px;color:var(--ink)}.places{display:flex;gap:20px;font-size:10px;color:#477097;margin-top:9px}.places b{color:#14797b}.sunnah-summary{display:flex;align-items:center;gap:14px;background:#fffaf0;border-color:#f4eacb}.sunnah-summary .summary-symbol{font-size:42px;color:#e6b329}.sunnah-summary h3{font-size:14px}.sunnah-summary strong{font-size:25px;color:#987320}.sunnah-summary strong span{font-size:11px;font-weight:500;color:#78622a}.sunnah-summary p{font-size:11px;color:#826a3b;margin-top:1px}.sunnah-summary small{font-size:9px;color:#9c8656}.encouragement{display:flex;gap:13px;align-items:center;background:linear-gradient(140deg,#fff,#f8f1ff);border-color:#eee6f7}.trophy{font-size:48px}.encouragement h3{font-size:15px;color:#655195}.encouragement p{font-size:11px;color:#777196;margin:4px 0}.text-button{font-size:11px;padding:0;background:transparent;font-weight:700;color:#21819e}.saved-note{text-align:center;font-size:9px;color:#6485a5;padding:16px 0 5px}.saved-note>span:first-child{color:#109e7e}.saved-note>span:nth-child(2){margin:0 8px}.bottom-nav{width:min(1170px,calc(100% - 48px));margin:0 auto 22px;background:#fff;border:1px solid #e4ecf5;border-radius:24px;display:flex;justify-content:center;gap:100px;padding:10px 20px;box-shadow:var(--shadow)}.nav-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;min-width:130px;padding:0 10px 10px;font-size:12px;color:#73839b;font-weight:700}.nav-link>span{font-size:30px;line-height:1.4}.nav-link.active{color:#1260ab}.nav-link.active:after{content:'';position:absolute;bottom:0;width:56px;height:4px;border-radius:8px;background:#008d96}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#0b685d;color:#fff;font-size:13px;box-shadow:0 7px 20px #123a5930;border-radius:13px;padding:11px 20px;max-width:min(90%,520px);text-align:center}.toast.is-error{background:#9b413f}.loading{text-align:center;padding:100px 0;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;width:min(1020px,calc(100% - 50px));margin:6px auto 35px;align-items:center;position:relative;z-index:2}.auth-intro{padding:25px 0}.auth-intro h2{font-size:46px;font-weight:800;line-height:1.5}.intro-text{font-size:20px;color:#4589b7;margin-top:3px}.character-trio{display:flex;align-items:center;justify-content:flex-start;margin:25px 0 20px;gap:2px}.character-trio img{width:125px}.character-trio img:nth-child(2){width:150px;transform:translateY(-8px)}.intro-points{font-size:14px;color:#526e91;line-height:2.3}.intro-points span{color:#eeae23;margin-left:9px}.auth-card{background:#fff;border:1px solid #dde7f5;border-radius:28px;padding:27px 34px;box-shadow:0 15px 45px #0b3e7711}.auth-tabs{display:flex;background:#eff4fa;border-radius:14px;padding:4px;margin-bottom:22px}.auth-tabs button{width:50%;padding:8px 15px;border-radius:11px;font-size:13px;background:transparent;color:#6c7e95}.auth-tabs button.selected{background:white;color:#175aa1;font-weight:800;box-shadow:0 2px 5px #315e8420}.auth-card h2{font-size:22px}.muted{color:var(--muted);font-size:12px;margin:3px 0 20px}form label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}form input{display:block;width:100%;border:1.5px solid #d6e4ef;background:#fafdff;border-radius:12px;padding:10px 13px;margin-bottom:15px;color:#213a5d;font-size:13px;min-height:48px}.primary-button{background:linear-gradient(100deg,#0969b8,#185caf);border:1px solid #145399;color:#fff;padding:11px 20px;border-radius:12px;width:100%;font-size:14px;font-weight:700;min-height:48px;box-shadow:0 4px 0 #07468b1e}.primary-button:not(:disabled):hover{background:#155794}.privacy-note{display:flex;gap:7px;font-size:10px;color:#688198;margin:20px 0 0;line-height:1.9}.privacy-note span{font-size:23px;line-height:1.4;color:#27958d}.guardian-note{font-size:9px;color:#9a8156;background:#fffbef;border-radius:9px;padding:6px 9px;margin-top:13px}.auth-footer{text-align:center;font-size:11px;color:#7188a0;padding:0 20px 25px}.form-error{background:#fff2ef;color:#a94841;border-radius:8px;padding:7px 12px;font-size:11px;margin:0 0 12px}.totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:26px 0}.totals-grid>div{background:#fff;border:1px solid #dfe9f6;border-radius:20px;box-shadow:var(--shadow);padding:18px 22px;display:flex;flex-direction:column}.totals-grid span{font-size:12px;color:#577699}.totals-grid strong{font-size:38px;line-height:1.7;color:#1c79a4}.totals-grid small{font-size:10px;color:#6485a2}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:25px}.achievement-badge{background:#fff;border:2px solid #e7eef7;border-radius:21px;display:flex;gap:18px;align-items:center;padding:22px}.achievement-badge.unlocked{background:linear-gradient(110deg,#fff9e8,#fff);border-color:#f1d57b}.badge-art{font-size:49px;min-width:60px;text-align:center;filter:saturate(.4);opacity:.65}.unlocked .badge-art{filter:none;opacity:1}.badge-status{font-size:9px;color:#8290a5}.unlocked .badge-status{color:#9b781e}.achievement-badge h3{font-size:17px}.achievement-badge p{font-size:11px;color:#6e839c;margin-top:3px}.history-card{background:#fff;border:1px solid #e1eaf7;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;background:#edf6ff;padding:15px 23px}.section-heading h3{font-size:17px}.section-heading>span{font-size:11px;color:#6e8bab}.history-list{padding:0 22px}.history-row{display:flex;width:100%;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #ebf1f9;padding:17px 2px;font-size:13px;text-align:right}.history-row:last-child{border-bottom:0}.history-row>strong{margin-right:auto;font-size:14px;color:#228e85}.history-row:not(:disabled):hover{background:#f7fbff}.mini-progress{display:flex;gap:4px;direction:rtl;margin-right:auto}.mini-progress i{width:20px;height:13px;background:#e8edf3;border-radius:5px}.mini-progress .home{background:#40bc92}.mini-progress .mosque{background:#338ccd}.empty-history{text-align:center;padding:35px}.empty-history>span{font-size:47px;color:#efbb39}.empty-history p{font-size:13px;color:#6b88a5;margin-bottom:18px}.primary-button.compact{width:auto;min-width:180px;font-size:12px}.gentle-note{text-align:center;font-size:11px;color:#7087a1;margin:20px 0 10px}.account-page{max-width:720px}.account-card{background:#fff;border:1px solid #e1eaf7;border-radius:25px;padding:25px 35px;margin:24px 0 12px;text-align:center;box-shadow:var(--shadow)}.account-card>img{width:140px;margin:0 auto 10px}.account-card h3{font-size:24px}.account-card>.small-chip{margin:8px 0 18px}.account-card>p{font-size:13px;color:#6a819a;line-height:1.9}.account-privacy{text-align:right;background:#f3f9fd;border-radius:15px;padding:20px;margin:25px 0}.account-privacy h4{font-size:13px;margin-bottom:7px}.account-privacy p{font-size:11px;color:#5e7e98;margin:7px 0;line-height:2}.outline-button{background:white;border:1.5px solid #adc6db;border-radius:12px;color:#356281;font-size:12px;padding:9px 23px;min-height:45px}
@media(min-width:1400px){.hero{height:247px}.hero-inner{padding-top:44px}.page-main{margin-top:-15px}.prayer-row{min-height:139px}.character-button{min-height:127px}.character-button>img{width:114px;height:114px}.prayer-banner{min-height:133px;padding-top:15px}.prayer-banner h3{font-size:31px}.state-copy strong{font-size:16px}.thumb-button{height:67px;min-width:73px}}
@media(max-width:1000px){.hero-inner,.page-main,.bottom-nav{width:calc(100% - 30px)}.hero{height:210px}.hello h1{font-size:24px}.avatar{width:90px;height:90px}.date-card{padding:11px 14px}.date-card strong{font-size:12px}.page-title h2{font-size:31px}.board-heading,.prayer-row{grid-template-columns:21% 23% 33% 23%}.prayer-row{min-height:116px}.character-button{padding:3px 6px;gap:4px;min-height:103px}.character-button>img{width:87px;height:87px}.state-copy strong{font-size:12px}.state-copy small{font-size:8px}.prayer-banner{padding:12px 12px;min-height:110px}.prayer-banner h3{font-size:24px}.prayer-banner p{font-size:9px}.sunnah-name{font-size:10px}.thumb-button{min-width:59px;height:58px;padding:5px 8px}.thumb-blocks{gap:6px}.summary-card{padding:14px;min-height:168px}.summary-top h3,.sunnah-summary h3,.encouragement h3{font-size:12px}.sunnah-summary{gap:10px}.sunnah-summary .summary-symbol{font-size:33px}.trophy{font-size:38px}.daily-summary{gap:9px}.bottom-nav{gap:55px}.auth-layout{gap:35px;max-width:900px}.auth-card{padding:23px}.auth-intro h2{font-size:39px}.character-trio img{width:95px}.character-trio img:nth-child(2){width:123px}.intro-points{font-size:12px}}
@media(max-width:720px){.hero{height:205px}.hero-inner{padding-top:24px;flex-wrap:wrap;gap:10px}.hello{gap:10px}.avatar{width:70px;height:70px;border-width:3px}.hello h1{font-size:23px}.hello p{font-size:10px}.eyebrow{font-size:9px}.date-card{margin:0 auto 0 0;padding:8px 12px;border-radius:13px;align-self:center;max-width:100%;gap:9px}.calendar-icon{font-size:25px}.date-card strong{font-size:10px}.date-eyebrow{font-size:8px}.page-main{margin-top:-15px}.title-and-date{align-items:flex-start;gap:12px;flex-wrap:wrap}.page-title h2{font-size:28px}.page-title p{font-size:10px}.small-chip{font-size:8px}.date-controls{margin-right:auto;padding:3px;gap:2px}.date-controls>button{padding:4px 7px;min-width:30px;min-height:36px}.date-controls .today-button{font-size:10px;padding:5px 9px}.date-input-label input{font-size:10px;max-width:127px}.board-heading{display:none}.prayer-row{grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-width:4px;border-radius:20px;min-height:unset}.prayer-banner{grid-column:1;grid-row:1;margin:0;border-radius:14px;min-height:107px;padding:10px 15px}.prayer-banner h3{font-size:24px}.prayer-banner p{font-size:8px}.fard-cell{grid-column:2;grid-row:1;margin:0;border-radius:14px}.character-button{flex-direction:row;padding:5px;gap:0;min-height:107px}.character-button>img{width:76px;height:76px}.state-copy strong{font-size:10px}.state-copy small{font-size:7px}.sunnah-cell{grid-row:2;margin:0;flex-direction:row;justify-content:space-between;padding:8px 12px;min-height:60px;border-radius:12px;gap:5px}.sunnah-cell:nth-child(2){grid-column:1}.sunnah-cell:last-child{grid-column:2}.sunnah-cell.empty{min-height:60px}.sunnah-cell.empty>span{font-size:21px}.sunnah-name{font-size:8px;min-width:35px}.thumb-button{height:44px;min-width:42px;border-radius:9px;padding:3px 5px}.thumb-button svg{width:22px;height:22px}.thumb-button>span{font-size:7px}.thumb-blocks{gap:5px}.block-total{position:absolute;bottom:2px;font-size:6px;right:12px}.tiny-check{width:14px;height:14px;font-size:9px;line-height:12px;top:-4px;left:-4px}.witr-card{padding:12px;gap:10px;border-radius:17px;border-width:2px}.witr-heading{gap:9px}.moon{font-size:31px}.witr-heading h3{font-size:15px}.witr-heading h3 span{display:block;font-size:8px;margin:0}.witr-heading p{display:none}.witr-button{min-width:135px;font-size:10px;padding:8px 10px}.toggle-check{width:20px;height:20px;font-size:15px;line-height:17px}.daily-summary{grid-template-columns:1fr 1fr;margin-top:14px}.progress-card{grid-column:1/-1;min-height:147px;padding:17px 20px}.summary-top h3{font-size:14px}.percentage{font-size:21px}.places{font-size:11px}.sunnah-summary,.encouragement{min-height:165px;flex-direction:column;text-align:center;gap:3px;justify-content:center;padding:12px 7px}.sunnah-summary .summary-symbol{font-size:26px}.encouragement .trophy{font-size:32px}.encouragement h3{font-size:10px}.encouragement p{font-size:8px}.sunnah-summary h3{font-size:11px}.sunnah-summary strong{font-size:22px}.sunnah-summary strong span{font-size:9px}.sunnah-summary small{font-size:7px}.text-button{font-size:9px}.saved-note{font-size:7px}.bottom-nav{gap:0;justify-content:space-around;border-radius:18px;padding:8px;width:calc(100% - 30px);margin-bottom:15px}.nav-link{font-size:10px;min-width:85px;padding-bottom:7px}.nav-link>span{font-size:25px}.nav-link.active:after{width:40px;height:3px}.auth-layout{display:flex;flex-direction:column;gap:5px;margin-top:-5px;width:calc(100% - 36px);max-width:440px}.auth-intro{text-align:center;padding:0 0 18px}.auth-intro h2{font-size:33px}.intro-text{font-size:14px}.character-trio{justify-content:center;margin:12px 0 4px}.character-trio img{width:72px}.character-trio img:nth-child(2){width:90px}.intro-points{display:none}.auth-card{width:100%;padding:22px 24px}.auth-card h2{font-size:20px}.cloud-note{display:none}.auth-footer{font-size:9px}.auth-card .muted{font-size:10px}.totals-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.totals-grid>div{padding:12px 16px;border-radius:16px}.totals-grid span{font-size:10px}.totals-grid strong{font-size:30px}.totals-grid small{font-size:8px}.badges-grid{grid-template-columns:1fr;gap:10px}.achievement-badge{padding:14px 16px;gap:12px}.achievement-badge h3{font-size:15px}.achievement-badge p{font-size:10px}.badge-art{font-size:40px}.section-heading{padding:12px 16px}.section-heading h3{font-size:14px}.section-heading>span{font-size:9px}.history-list{padding:0 13px}.history-row{gap:9px;font-size:10px}.mini-progress{gap:3px}.mini-progress i{width:13px;height:10px;border-radius:3px}.history-row>strong{font-size:11px}.gentle-note{font-size:9px}.account-card{padding:20px}.account-card>p{font-size:11px}.account-privacy{padding:14px}.account-privacy p{font-size:9px}.toast{font-size:11px;bottom:18px;min-width:220px}.loading{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.control-reward,.prayer-reward{font-style:normal;font-weight:800;white-space:nowrap}.control-reward{font-size:8px;line-height:1.2;color:#8c6b73}.thumb-button.checked .control-reward{color:#087d69}.prayer-reward{align-self:flex-start;background:#fff9d8;border:1px solid #f0d56c;border-radius:12px;color:#815f10;font-size:11px;padding:2px 8px}.character-button.waiting .prayer-reward{filter:grayscale(1);opacity:.65}.reward-totals{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.reward-total{display:flex;align-items:center;gap:15px;border-radius:19px;padding:13px 20px;border:2px solid;background:#fff}.reward-total>span{font-size:39px}.reward-total div{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:12px}.reward-total small{font-size:11px;font-weight:800}.reward-total strong{font-size:28px;line-height:1}.reward-total p{grid-column:1/-1;font-size:9px;color:#6b778b;margin-top:4px}.reward-total.gold{border-color:#efd477;background:#fffbea;color:#8b6815}.reward-total.silver{border-color:#c8d4e2;background:#f8fbff;color:#526a82}.totals-grid{grid-template-columns:repeat(3,1fr)}.totals-grid .medal-total.gold{background:#fffbea;border-color:#efd477}.totals-grid .medal-total.silver{background:#f5f8fc;border-color:#c8d4e2}.totals-grid .medal-total strong{font-size:29px}.history-row>strong{display:flex;gap:8px;white-space:nowrap}
@media(max-width:720px){.control-reward{font-size:6px}.prayer-reward{font-size:8px;padding:1px 5px}.reward-totals{gap:8px}.reward-total{gap:6px;padding:10px}.reward-total>span{font-size:27px}.reward-total div{column-gap:6px}.reward-total small{font-size:8px}.reward-total strong{font-size:21px}.reward-total p{font-size:7px}.totals-grid{grid-template-columns:1fr 1fr}.totals-grid .medal-total strong{font-size:20px}.history-row>strong{font-size:9px;gap:3px}}
.reward-total strong em,.totals-grid .medal-total strong em{font-size:.55em;font-style:normal;color:#6b778b}.period-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 8px;padding:14px 18px;background:#fff;border:1px solid #dfe9f6;border-radius:18px;box-shadow:var(--shadow)}.period-picker h3{font-size:14px}.period-picker p{font-size:10px;color:var(--muted)}.period-buttons{display:flex;gap:7px;flex-wrap:wrap}.period-buttons button{min-height:40px;padding:7px 15px;border:1.5px solid #c8d8e8;border-radius:12px;background:#f8fbff;color:#496b8c;font-size:11px;font-weight:700}.period-buttons button.selected{background:#1260ab;border-color:#1260ab;color:#fff;box-shadow:0 3px 0 #07468b1e}@media(max-width:720px){.period-picker{align-items:stretch;flex-direction:column;gap:10px;padding:12px;margin-top:16px}.period-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.period-buttons button{padding:6px 5px;font-size:9px}.period-picker p{font-size:9px}}
.date-card small{display:block;font-size:9px;color:#6a819a;margin-top:2px}.prayer-banner time{display:block;margin-top:5px;font-size:10px;font-weight:700;color:#3d6c91}.prayer-row.locked{filter:saturate(.68)}.prayer-row.locked .fard-cell,.sunnah-cell.locked,.witr-card.locked{background:#f3f6f8}.prayer-row.locked button:disabled,.witr-card.locked button:disabled{cursor:not-allowed;opacity:.72}.character-button.not-due .state-copy strong{color:#68798c}.schedule-alert{margin:15px 0;padding:12px 16px;border:1px solid #e8c675;border-radius:13px;background:#fff8df;color:#795e1e;font-size:11px}.progress-card.unavailable .percentage{font-size:13px;color:#8b6c25}.city-form{text-align:right;margin:22px 0;padding:18px;background:#f7fbff;border:1px solid #dbe9f4;border-radius:15px}.city-form label{font-size:13px}.city-fields{display:flex;gap:10px;align-items:center}.city-fields select{flex:1;min-height:48px;border:1.5px solid #cdddeb;border-radius:12px;background:#fff;padding:8px 12px;color:#294d6e;font-family:inherit}.city-fields .primary-button{width:auto;min-width:135px}.city-form small{display:block;margin-top:8px;color:#607d96;font-size:10px}.account-privacy a{color:#1260ab;text-decoration:underline}.totals-grid>div>strong em{font-size:.55em;font-style:normal;color:#6b778b}@media(max-width:720px){.prayer-banner time{font-size:8px}.city-fields{align-items:stretch;flex-direction:column}.city-fields .primary-button{width:100%}.schedule-alert{font-size:9px}}
/* Account supervision and explicit invite consent. */
.supervision-card,.child-context{background:var(--surface,#fff);border:1px solid #e5e6eb;border-radius:24px;padding:24px;margin:24px auto;max-width:960px;box-shadow:0 8px 24px #28313c08}
.supervision-card h3{margin:24px 0 12px}.supervision-card p,.child-context p{line-height:1.8;color:#586474}
.supervision-actions,.child-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.child-context>div{flex:1;min-width:180px}.child-context p{margin:6px 0}
.relationship-list{list-style:none;margin:16px 0;padding:0}.relationship-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #e5e6eb}
.relationship-list li>div{display:flex;gap:8px;flex-wrap:wrap}.supervision-card .outline-button{margin:8px 0}
.share-link{display:block;box-sizing:border-box;width:100%;border:1px solid #bdc8d5;border-radius:12px;padding:14px;background:#f7f9fc;font:inherit;margin:12px 0;user-select:text}
.invite-card{max-width:640px}.invite-notice{padding:12px;border-radius:12px;background:#eef5ff;line-height:1.8}
.auth-card select{width:100%;box-sizing:border-box;padding:14px;border:1px solid #dce2e9;border-radius:12px;background:#fff;color:inherit;font:inherit;margin-bottom:16px}
@media(max-width:600px){.supervision-card,.child-context{padding:18px;margin:16px}.account-page .supervision-card{margin:16px 0}.relationship-list li{align-items:flex-start}.share-link{font-size:14px}}

/* Compact read-only roster: proportional columns fit without horizontal scrolling. */
.report-main{max-width:1400px;min-width:0}.report-main .title-and-date{flex-wrap:wrap;gap:1rem}.report-main .date-controls{flex-wrap:wrap}.report-legend{padding:1rem;background:var(--card,#fff);border-radius:1rem;line-height:1.8}.report-scroll{width:100%;border:1px solid #dbe3e8;border-radius:1rem;background:#fff;direction:rtl}.report-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;text-align:center}.report-student-col{width:14%}.report-fajr-col,.report-maghrib-col{width:12%}.report-dhuhr-col{width:24%}.report-asr-col{width:7%}.report-isha-col{width:18%}.report-total-col{width:13%}.report-table caption{padding:1rem;font-weight:700;color:#244f53}.report-table th,.report-table td{padding:.65rem .25rem;border-bottom:1px solid #e5ecee;border-left:1px solid #edf1f2;vertical-align:middle}.report-table thead th{background:#eaf5f1;color:#244f53}.report-table tr>th:first-child{background:#f4faf8;overflow-wrap:anywhere}.report-table tr>th:first-child button{max-width:100%;padding:0;white-space:normal;overflow-wrap:anywhere}.report-table tbody tr:hover td{background:#f8fbfa}.report-table th>small{display:block;font-size:.65rem;font-weight:400;margin-top:.35rem;color:#5b6d75;overflow-wrap:anywhere}.report-heading{font-size:clamp(.6rem,1.8vw,1rem)}.report-slots,.report-slot-labels{display:grid;grid-template-columns:repeat(var(--report-slots),minmax(0,1fr));direction:rtl;align-items:center;justify-items:center;gap:0}.report-slot-labels{margin-top:.35rem}.report-slot-labels small{font-size:clamp(.4rem,1.2vw,.7rem);font-weight:400;line-height:1.4;color:#5b6d75;white-space:nowrap}.report-record{display:grid;grid-template-rows:1.5em 1.25em;justify-items:center;align-items:center;width:100%;max-width:40px;min-width:0;line-height:1;font-size:clamp(.7rem,2.5vw,1.4rem)}.report-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:800}.report-points{font-size:clamp(.45rem,1.4vw,.75rem);direction:ltr;white-space:nowrap}.report-record.gold .report-points{color:#966000}.report-record.silver .report-points{color:#53657c}.report-record.unrecorded.fard .report-icon,.report-legend-fard{color:#c73535}.report-record.unrecorded.sunnah .report-icon,.report-legend-sunnah{color:#879197}.report-record.not-due{color:#6e7a80}.report-total{font-size:clamp(.45rem,1.35vw,.8rem);line-height:1.5}.report-total>span{display:block;white-space:nowrap;margin:.15rem 0}.report-total strong{font-weight:700}.report-total small{font-size:inherit;margin-inline-end:.2em}.report-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1.25rem 0}.report-empty{padding:2rem;text-align:center;background:#fff;border-radius:1rem}.bottom-nav .nav-link{min-width:0}
@media(max-width:600px){.report-main .date-controls{justify-content:center}.report-table th,.report-table td{padding:.4rem .05rem}.report-table tr>th:first-child{font-size:.6rem}.report-table th>small{font-size:.45rem}.report-legend{font-size:.85rem}.report-main .date-controls input{max-width:155px}.report-total small{display:block}.report-table caption{font-size:.75rem;padding:.65rem}.report-scroll{border-radius:.5rem}}

.page-main .report-scroll{min-width:0;margin-bottom:1.25rem}.achievement-page .history-card{min-width:0}