:root{--ink:#202b26;--muted:#89938d;--green:#176b50;--green2:#238263;--paper:#f6f7f2;--line:#e9ece6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Tamil','DM Sans',sans-serif;font-size:13px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#fff;border-right:1px solid #edf0eb;padding:27px 19px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:1px 7px 33px;color:var(--ink);text-decoration:none}.brand-mark{width:39px;height:39px;border-radius:13px;background:#e9f3ed;color:#247254;display:grid;place-items:center}.brand-mark svg{width:28px}.brand b{display:block;font-size:15px;font-weight:800;letter-spacing:-.3px}.brand small{display:block;color:#929b95;font:10px 'DM Sans',sans-serif;margin-top:2px}.nav-label{font:10px 'DM Sans',sans-serif;color:#a1aaa4;text-transform:uppercase;letter-spacing:1.3px;padding:0 12px 12px}.main-nav{display:grid;gap:5px}.nav-item{height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#68736c;border-radius:9px;font-size:12px;transition:.2s}.nav-item:hover{background:#f5f8f5}.nav-item.active{background:#edf5f0;color:#176b50;font-weight:700}.nav-icon{font:18px 'DM Sans',sans-serif;width:19px;text-align:center;color:#7c8981}.active .nav-icon{color:#217a59}.sidebar-bottom{margin-top:auto}.verse-card{border:1px solid #e8eee8;border-radius:12px;padding:14px 13px;background:linear-gradient(145deg,#fbfcf9,#f5f8f3);margin-bottom:16px}.verse-icon{color:#4c8a6d;font-size:18px}.verse-card p{font-size:10px;line-height:1.95;color:#68746d;margin:7px 0 8px}.verse-card small{font:9px 'DM Sans',sans-serif;color:#38805e}.settings{width:100%;margin-bottom:13px}.profile{border-top:1px solid #eef0ec;padding:15px 4px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1e9d9;color:#816b43;font:600 13px 'DM Sans'}.profile b{font-size:11px;display:block}.profile small{display:block;font-size:9px;color:#9aa39d;margin-top:2px}.dots{margin-left:auto;border:0;background:none;color:#7a857e;font-size:20px}.main-content{margin-left:254px;min-height:100vh}.topbar{height:67px;border-bottom:1px solid #e9ece6;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:10px;color:#929b95}.breadcrumb span{padding:0 9px;color:#c4cbc5}.breadcrumb b{color:#46534b;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{position:relative;border:0;background:none;color:#68766d;font-size:17px}.icon-button i{position:absolute;width:5px;height:5px;right:1px;top:2px;border-radius:50%;background:#e48c67}.date-pill{border:1px solid #e9ece6;border-radius:8px;padding:8px 12px;color:#68736c;font:10px 'DM Sans','Noto Sans Tamil',sans-serif}.date-pill span{margin-right:7px;color:#819086}.content-wrap{max-width:1350px;margin:auto;padding:31px 44px 24px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{color:#54715f;font-size:11px;font-weight:600}.sun{color:#dfa84e;font-size:16px;margin-right:5px}h1{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:8px 0 2px;font-weight:700}h1 em{font-style:normal;color:#237252}.subhead{margin:0;color:#87918a;font-size:10px}.outline-button{border:1px solid #e2e8e1;background:#fff;color:#657169;border-radius:8px;padding:9px 12px;font:10px 'Noto Sans Tamil',sans-serif;cursor:pointer}.outline-button span{font-size:14px;margin-right:4px}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.progress-card{min-height:180px;border-radius:14px;color:#fff;background:linear-gradient(110deg,#135d46,#217b57);padding:22px 25px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.card-kicker{color:#bfd5c9;font-size:10px}.progress-copy{position:relative;z-index:1;width:65%}.progress-copy h2{font:700 29px 'DM Sans','Noto Sans Tamil',sans-serif;margin:8px 0 4px;letter-spacing:-1px}.progress-copy h2 small{font:400 11px 'Noto Sans Tamil',sans-serif;color:#c0d7cb;letter-spacing:0}.progress-copy p{font-size:10px;color:#d0e1d7;margin:0 0 17px}.progress-track{height:5px;background:#ffffff35;border-radius:9px;max-width:360px}.progress-track div{height:100%;width:0;background:#f1d58f;border-radius:9px;transition:width .3s}.progress-foot{display:flex;justify-content:space-between;max-width:360px;margin-top:7px;font-size:9px;color:#d2e2d8}.progress-foot b{color:white}.sparkle{color:#f3da9a}.ring-wrap{position:relative;z-index:1;margin-right:13px}.ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#edcf85 0deg,#edcf85 0deg,#ffffff24 0deg);position:relative;transition:background .3s}.ring:before{content:"";position:absolute;inset:8px;background:#1a684c;border-radius:50%}.ring-center{position:relative;text-align:center}.ring-center span{display:block;font:700 22px 'DM Sans',sans-serif}.ring-center small{display:block;color:#c4d9cd;font-size:9px}.hero-decoration{position:absolute;color:#ffffff12;font-size:56px}.d1{right:48%;top:-27px}.d2{right:34%;bottom:-35px}.streak-card{border:1px solid #e8ece6;border-radius:14px;background:white;padding:19px 21px;min-height:180px}.streak-top{display:flex;justify-content:space-between;align-items:flex-start}.streak-top .card-kicker{color:#919b94}.streak-top h2{font-size:14px;margin:6px 0 0}.streak-top h2 span{color:#237252}.flame{font-size:23px;color:#e79b58;background:#fff3e7;border-radius:10px;width:39px;height:39px;display:grid;place-items:center}.streak-number{display:flex;align-items:center;gap:10px;margin:8px 0 12px}.streak-number strong{font:700 30px 'DM Sans',sans-serif;color:#e18e4b}.streak-number span{font-size:9px;color:#929b95;line-height:1.55}.week-row{display:flex;justify-content:space-between;max-width:280px}.day{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#969f99}.day b{font:12px 'DM Sans';width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f2f4f0;color:#9ca49e}.day.done b{color:#fff;background:#6caa87}.day.today b{color:#206a4d;background:#e8f2eb;outline:1px solid #b6d3c1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 12px}.section-kicker{font-size:9px;color:#929c95;letter-spacing:.25px}.section-heading h2{font-size:16px;margin:3px 0 0}.text-button{border:0;background:none;color:#438064;font:10px 'Noto Sans Tamil',sans-serif;cursor:pointer}.text-button span{font-size:14px;margin-left:3px}.habit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.habit-card{border:1px solid #e8ece6;background:#fff;border-radius:12px;padding:15px 15px 12px;min-width:0;transition:box-shadow .2s}.habit-card:hover{box-shadow:0 5px 18px #254c3310}.habit-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.habit-icon{width:33px;height:33px;flex:none;border-radius:10px;display:grid;place-items:center;font:17px 'DM Sans',sans-serif}.green{background:#eaf4ed;color:#36815c}.lavender{background:#f0edfa;color:#7569a9}.peach{background:#fff1e9;color:#d0885d}.blue{background:#eaf2fa;color:#5685b0}.rose{background:#f9edf0;color:#c97888}.yellow{background:#fbf4df;color:#b18c39}.habit-head h3{font-size:11px;margin:0 0 2px;white-space:nowrap}.habit-head p{font-size:8px;color:#9aa39c;margin:0}.counter{margin-left:auto;border-radius:20px;background:#f4f6f2;padding:4px 7px;color:#819087;font:9px 'DM Sans',sans-serif;white-space:nowrap}.prayer-list{display:grid;gap:1px}.prayer-row{width:100%;height:27px;display:flex;align-items:center;gap:9px;border:0;background:none;text-align:left;padding:0 2px;color:#4e5b53;font:10px 'Noto Sans Tamil',sans-serif;cursor:pointer;border-radius:6px}.prayer-row:hover,.habit-row:hover{background:#f8faf7}.prayer-row small{margin-left:auto;color:#a0a8a2;font-size:8px}.check{width:15px;height:15px;border:1px solid #d9e0d9;border-radius:5px;display:grid;place-items:center;color:transparent;flex:none}.check span{font:bold 10px 'DM Sans'}.is-done .check{background:#3b8a64;border-color:#3b8a64;color:white}.is-done>span:nth-child(2),.is-done b{text-decoration:line-through;color:#9da79f}.single-list,.double-list{display:grid;gap:4px}.habit-row{width:100%;display:flex;align-items:center;gap:9px;padding:8px 3px;border:0;background:none;text-align:left;color:#48564e;cursor:pointer;border-radius:7px;font:10px 'Noto Sans Tamil',sans-serif}.habit-row b{display:block;font-size:9px;font-weight:600}.habit-row small{display:block;color:#a0a8a2;font-size:8px;margin-top:2px}.row-arrow{margin-left:auto;color:#a4ada6;font:19px 'DM Sans'}.card-note{border-top:1px solid #f0f2ee;margin-top:5px;padding-top:8px;color:#9aa39c;font-size:8px}.card-note span{color:#cfad5c;margin-right:4px}.mini-progress{height:4px;border-radius:5px;background:#edf0eb;margin:2px 1px 5px}.mini-progress span{height:100%;display:block;background:#579373;border-radius:5px;transition:width .2s}.mini-foot{display:flex;justify-content:space-between;color:#a0a8a2;font-size:8px}.mini-foot button{border:0;background:none;color:#3e815e;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer}.bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-top:17px}.reflection-card,.dua-card{background:#fff;border:1px solid #e8ece6;border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:13px}.reflect-icon{width:37px;height:37px;border-radius:11px;background:#eef4ec;color:#4e8a64;display:grid;place-items:center;font-size:17px;flex:none}.reflect-copy{flex:1}.reflect-copy h3{margin:2px 0 3px;font-size:12px}.reflect-copy p{margin:0;color:#939d95;font-size:9px}.reflection-card>button{border:0;background:#f0f5f0;border-radius:7px;color:#397958;padding:8px 10px;white-space:nowrap;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer}.reflection-card>button span{font-size:14px;margin-left:5px}.dua-card{display:block;padding:14px 17px;background:#f9faf6}.dua-top{display:flex;justify-content:space-between;font-size:9px;color:#62766a}.dua-spark{color:#ae9b61}.arabic{font:19px serif;color:#29674b;margin:9px 0 4px}.translit{font-size:9px;color:#536b5b;margin:0 0 3px}.dua-card small{font-size:8px;color:#969f98}footer{text-align:center;padding:18px 0 3px;color:#929d95;font-size:9px}footer span{color:#567761;margin-left:4px}.mobile-menu{display:none}.sidebar-close{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#203e30;color:#fff;padding:10px 17px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#18261f72;display:none;place-items:center;z-index:10;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(440px,100%);border-radius:16px;background:#fff;padding:26px;position:relative;box-shadow:0 20px 65px #18302033}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:24px;color:#87928a;cursor:pointer}.modal h2{font-size:18px;margin:7px 0}.modal p{color:#859189;font-size:11px}.modal textarea{width:100%;height:120px;border:1px solid #e1e7e0;border-radius:9px;resize:vertical;padding:12px;font:12px 'Noto Sans Tamil',sans-serif;outline-color:#589272}.save-button{margin-top:12px;background:#216c4e;color:white;border:0;border-radius:8px;padding:10px 15px;font:11px 'Noto Sans Tamil',sans-serif;cursor:pointer}.mobile-menu{border:0;background:none;font-size:18px;color:#597063}
@media(max-width:1100px){.content-wrap{padding:28px 28px}.topbar{padding:0 28px}.habit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.sidebar{width:230px}.main-content{margin-left:230px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:8px 0 25px #18261f12}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:block;margin-right:11px}.topbar{height:58px;padding:0 17px;justify-content:flex-start}.breadcrumb{font-size:9px}.top-actions{margin-left:auto;gap:10px}.date-pill{font-size:8px;padding:7px}.content-wrap{padding:23px 17px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:20px}.subhead{max-width:280px;line-height:1.8}.outline-button{font-size:0;padding:9px}.outline-button span{font-size:17px;margin:0}.hero-grid{grid-template-columns:1fr}.progress-card{min-height:163px;padding:19px}.streak-card{min-height:163px}.habit-grid{grid-template-columns:1fr}.habit-card{padding:15px}.habit-head h3{font-size:12px}.habit-head p{font-size:9px}.prayer-row{height:30px;font-size:11px}.bottom-grid{grid-template-columns:1fr}.reflection-card{align-items:flex-start;flex-wrap:wrap}.reflect-copy{min-width:calc(100% - 58px)}.reflection-card>button{margin-left:50px}.dua-card{padding:16px}.section-heading{margin-top:24px}.section-heading h2{font-size:15px}}
.view-switch{display:flex;gap:5px;padding:4px;width:max-content;max-width:100%;border:1px solid #e7ebe4;background:#fff;border-radius:10px;margin:18px 0 14px}.view-tab{border:0;border-radius:7px;padding:8px 15px;background:transparent;color:#77837a;font:10px 'Noto Sans Tamil',sans-serif;cursor:pointer;white-space:nowrap}.view-tab:hover{background:#f5f7f3}.view-tab.active{background:#eaf3ed;color:#206b4c;font-weight:700}.insight-panel{border:1px solid #e8ece6;border-radius:14px;background:#fff;margin-bottom:15px;padding:20px}.insight-panel[hidden]{display:none}.insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.insight-head h2{font-size:17px;margin:2px 0}.insight-head p{font-size:9px;color:#8d9890;margin:3px 0}.range-pill{font:9px 'DM Sans','Noto Sans Tamil',sans-serif;color:#587463;background:#f1f5ef;padding:8px 10px;border-radius:7px;white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px}.stat-box{border:1px solid #edf0eb;border-radius:10px;padding:12px}.stat-box span{display:block;color:#939e96;font-size:9px}.stat-box b{display:block;color:#276b4d;font:700 20px 'DM Sans','Noto Sans Tamil',sans-serif;margin-top:3px}.stat-box small{font-size:8px;color:#99a29b}.chart-wrap{border:1px solid #eef0ec;border-radius:10px;padding:14px 14px 8px}.chart-title{font-size:10px;font-weight:700;margin-bottom:12px}.bar-chart{height:122px;display:flex;align-items:flex-end;justify-content:space-around;gap:9px;border-bottom:1px solid #e9ede7;padding:0 5px}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1}.bar{width:min(27px,75%);height:var(--bar);min-height:6px;background:#b7d5c1;border-radius:5px 5px 2px 2px;position:relative}.bar.current{background:#327d58}.bar-col span{font-size:8px;color:#8c978f;margin-bottom:6px}.bar-col small{font:8px 'DM Sans','Noto Sans Tamil',sans-serif;color:#88948c;margin-bottom:-18px}.panel-note{font-size:8px;color:#a0a8a1;margin:13px 2px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cal-weekday{text-align:center;color:#939e96;font-size:8px;padding:5px 0}.cal-day{aspect-ratio:1;min-height:30px;border:1px solid #edf0eb;border-radius:7px;background:#fbfcfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#58655d;font:9px 'DM Sans','Noto Sans Tamil',sans-serif}.cal-day small{font:7px 'DM Sans',sans-serif;color:#89958d}.cal-day.level-1{background:#eef5ed;border-color:#e5efe4}.cal-day.level-2{background:#d8ead9;border-color:#d1e5d3}.cal-day.level-3{background:#aed0b6;border-color:#a5caae;color:#214e35}.cal-day.level-4{background:#397e56;border-color:#397e56;color:#fff}.cal-day.level-4 small{color:#e3f0e7}.cal-day.today{outline:2px solid #d4ae5d;outline-offset:1px}.cal-day.empty{border-color:transparent;background:transparent}.cal-legend{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:12px;color:#919b94;font-size:8px}.legend-swatch{width:11px;height:11px;border-radius:3px;background:#eef5ed}.legend-swatch.l2{background:#d8ead9}.legend-swatch.l3{background:#aed0b6}.legend-swatch.l4{background:#397e56}.week-list{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-day-card{border:1px solid #edf0eb;border-radius:9px;padding:10px 5px;text-align:center;background:#fbfcfa}.week-day-card.today{border-color:#8fb89b;background:#f3f8f3}.week-day-card span{display:block;color:#8d9890;font-size:8px}.week-day-card b{display:block;color:#286b4b;font:700 14px 'DM Sans',sans-serif;margin:5px 0}.week-day-card small{font-size:7px;color:#9aa49d}.trend-chip{font-size:9px;color:#2c7851;background:#edf6ee;border-radius:20px;padding:5px 8px;white-space:nowrap}
@media(max-width:760px){.view-switch{width:100%;justify-content:space-between;gap:0}.view-tab{padding:8px 9px;font-size:9px}.insight-panel{padding:15px}.insight-head h2{font-size:15px}.week-list{gap:4px}.week-day-card{padding:9px 2px}.week-day-card b{font-size:12px}.stat-row{gap:6px}.stat-box{padding:9px 7px}.stat-box b{font-size:17px}.calendar-grid{gap:3px}.cal-day{min-height:27px;border-radius:5px}.bar-chart{gap:4px}}
.tasbeeh-card{background:linear-gradient(160deg,#fff 45%,#f6faf6)}.tasbeeh-icon{background:#e9f3ed;color:#267451}.tasbeeh-controls{display:grid;grid-template-columns:44px 1fr 39px 82px;gap:6px;align-items:center;margin:2px 0 9px}.tasbeeh-controls label{font-size:8px;color:#8c978f}.tasbeeh-controls select{min-width:0;border:1px solid #e7ece6;border-radius:6px;background:#fff;color:#59675e;padding:6px 5px;font:9px 'Noto Sans Tamil',sans-serif;outline-color:#73a487}.tasbeeh-display{border:1px solid #edf1eb;border-radius:10px;background:#fff;text-align:center;padding:10px 8px 7px}.tasbeeh-arabic{font:17px serif;color:#286c4d;min-height:25px}.tasbeeh-count{font:700 31px 'DM Sans',sans-serif;color:#253a2e;line-height:1.25}.tasbeeh-remaining{font-size:8px;color:#929d95}.tasbeeh-progress{height:4px;border-radius:5px;background:#eaf0e9;margin:8px 2px 9px;overflow:hidden}.tasbeeh-progress span{display:block;height:100%;width:0;border-radius:5px;background:#4d936a;transition:width .15s}.tasbeeh-actions{display:flex;align-items:center;gap:8px}.tasbeeh-actions button{height:35px;border-radius:8px;cursor:pointer}.tasbeeh-undo,.tasbeeh-reset{width:36px;border:1px solid #e5ebe4;background:#fff;color:#708077;font:18px 'DM Sans',sans-serif}.tasbeeh-tap{flex:1;border:0;background:#216e50;color:#fff;font:11px 'Noto Sans Tamil',sans-serif;box-shadow:0 3px 8px #216e5024}.tasbeeh-tap:hover{background:#185e43}.tasbeeh-tap span{font:15px 'DM Sans',sans-serif;margin-left:5px}.tasbeeh-hint{text-align:center;color:#a0a9a2;font-size:7px;margin-top:8px}
.mahsoorath-section{margin-top:21px}.mahsoorath-section .section-heading{margin:0 0 10px}.mahsoorath-progress{border-radius:20px;background:#edf5ef;color:#367455;padding:6px 10px;font:9px 'DM Sans','Noto Sans Tamil',sans-serif}.mahsoorath-card{border:1px solid #e7ece5;border-radius:13px;background:linear-gradient(110deg,#fff,#fbfcf8);padding:17px 19px}.mahsoorath-intro{display:flex;align-items:center;gap:11px}.mahsoorath-mark{width:37px;height:37px;border-radius:11px;background:#eaf3ec;color:#2c7652;display:grid;place-items:center;font:22px serif}.mahsoorath-intro h3{font-size:12px;margin:0 0 3px}.mahsoorath-intro p{font-size:9px;color:#929c95;margin:0}.mahsoorath-controls{display:flex;align-items:center;gap:9px;margin:14px 0 11px}.session-switch{padding:3px;display:flex;gap:3px;background:#f1f4ef;border-radius:8px}.session-tab{border:0;background:transparent;border-radius:6px;color:#7f8982;padding:7px 15px;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer}.session-tab.active{background:#fff;color:#256d4e;box-shadow:0 1px 4px #1c432011;font-weight:700}.mahsoorath-controls label{margin-left:auto;color:#919b94;font-size:8px}.mahsoorath-controls select{border:1px solid #e6ebe5;background:#fff;border-radius:7px;padding:7px 9px;color:#55635a;font:9px 'Noto Sans Tamil',sans-serif}.mahsoorath-reading{background:#f7f9f5;border:1px solid #eef1eb;border-radius:9px;padding:12px 14px}.reading-time{font-size:8px;color:#778b7d}.mahsoorath-reading h4{font-size:11px;margin:4px 0}.mahsoorath-reading p{font-size:9px;line-height:1.8;color:#818d84;margin:0 0 5px}.mahsoorath-reading a{font-size:9px;color:#28734f;text-decoration:none}.mahsoorath-reading a:hover{text-decoration:underline}.mahsoorath-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.mahsoorath-status{font-size:9px;color:#8b968e}.mahsoorath-done{border:0;background:#226d4e;color:#fff;border-radius:8px;padding:9px 13px;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer}.mahsoorath-done.completed{background:#edf5ef;color:#286e4e}.mahsoorath-done span{margin-left:5px}.mahsoorath-note{color:#a0a8a1;font-size:8px;margin:9px 0 0}
@media(max-width:760px){.mahsoorath-card{padding:14px}.mahsoorath-intro p{line-height:1.7}.mahsoorath-controls{gap:6px}.session-tab{padding:7px 11px}.mahsoorath-footer{align-items:flex-start;flex-direction:column}.mahsoorath-done{align-self:flex-end}}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reader-day-label{font-size:9px;color:#78877e}.reader-list{display:grid;gap:10px}.reader-entry{border:1px solid #e9ede7;border-radius:11px;background:#fff;padding:14px 15px;transition:border-color .2s,background .2s}.reader-entry-done{border-color:#d6e7d8;background:#fcfefb}.reader-entry-head{display:flex;align-items:center;gap:9px}.reader-index{width:28px;height:28px;border-radius:8px;background:#eef5ef;color:#397655;display:grid;place-items:center;font:600 10px 'DM Sans',sans-serif;flex:none}.reader-entry-title{min-width:0;flex:1}.reader-entry-title h3{margin:0;color:#34443a;font-size:11px}.reader-entry-title small{display:block;color:#9aa39c;font:8px 'DM Sans','Noto Sans Tamil',sans-serif;margin-top:3px}.repeat-badge{padding:5px 8px;border-radius:20px;background:#f5f6f3;color:#78857b;font-size:8px;white-space:nowrap}.reader-arabic{margin:12px 0 9px;padding:12px 10px;border-radius:9px;background:#fafbf8;color:#275f45;text-align:right;font:22px/2.15 'Noto Naskh Arabic','Amiri',serif;direction:rtl}.reader-tamil{margin:0;color:#647269;font-size:10px;line-height:2}.reader-tamil b{display:block;color:#9aa39c;font-size:8px;font-weight:500;margin-bottom:2px}.reader-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0f2ee;margin-top:11px;padding-top:9px}.reader-counter-info{display:flex;align-items:center;gap:8px;color:#718177;font:9px 'DM Sans','Noto Sans Tamil',sans-serif;min-width:92px}.reader-entry-track{width:48px;height:4px;border-radius:5px;background:#edf1ec;overflow:hidden}.reader-entry-track i{display:block;height:100%;border-radius:5px;background:#4b9467;transition:width .15s}.reader-counter-actions{display:flex;gap:6px}.reader-counter-actions button{height:29px;min-width:30px;border:1px solid #e6ebe5;border-radius:7px;background:#fff;color:#657269;font:11px 'Noto Sans Tamil',sans-serif;cursor:pointer}.reader-counter-actions button:disabled{opacity:.45;cursor:default}.reader-counter-actions .reader-count-button{padding:0 10px;border-color:#d7e8db;background:#eff6ef;color:#2d704e}.reader-entry-done .reader-counter-actions .reader-count-button{background:#e7f2e8}.reader-card>.mahsoorath-note{margin-top:12px;line-height:1.7}
@media(max-width:760px){.reader-entry{padding:12px}.reader-arabic{font-size:21px;line-height:2.25;padding:11px 9px}.reader-tamil{font-size:10px;line-height:2.1}.reader-counter-info{min-width:80px}.reader-entry-track{width:36px}}
.demo-mode-banner{margin:-10px 0 19px;border:1px solid #eadfbf;border-radius:9px;background:#fffaf0;color:#776a4d;padding:10px 13px;font-size:9px;line-height:1.7}.demo-mode-banner b{color:#8e7440;margin-right:5px}.demo-mode-banner a{color:#28734f;font-weight:600;text-decoration:none}.profile form{margin-left:auto}.profile form .dots{margin-left:0;cursor:pointer}.demo-login{margin-left:auto;text-decoration:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f3f6f2;color:#407857;font:14px 'DM Sans',sans-serif}.insight-loading{padding:38px 12px;text-align:center;color:#8a958d;font-size:11px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at top left,#eaf2eb 0,transparent 45%),#f6f7f2}.auth-card{width:min(440px,100%);border:1px solid #e8ece6;border-radius:17px;background:#fff;padding:30px;box-shadow:0 15px 50px #233c2d10}.auth-brand{padding:0 0 24px}.auth-card h1{font-size:21px;margin:8px 0 5px}.auth-subtitle{font-size:10px;line-height:1.8;color:#8e9891;margin:0 0 17px}.auth-form{display:grid;gap:12px;margin-top:15px}.auth-form label{display:grid;gap:5px;color:#59675e;font-size:10px}.auth-form input{width:100%;border:1px solid #e1e7e0;border-radius:8px;padding:11px 12px;color:#2e3c33;font:12px 'DM Sans','Noto Sans Tamil',sans-serif;outline-color:#71a284}.auth-submit{border:0;border-radius:8px;background:#216e50;color:#fff;padding:11px 14px;font:11px 'Noto Sans Tamil',sans-serif;cursor:pointer;margin-top:3px}.auth-error{border:1px solid #f1d7d2;border-radius:8px;background:#fff5f3;color:#9b4b3b;padding:10px;font-size:9px;line-height:1.7;margin:10px 0}.auth-help{font-size:10px;color:#8b948e;line-height:1.8}.auth-switch,.auth-demo{font-size:9px;color:#88938b;text-align:center;margin:15px 0 0}.auth-switch a,.auth-demo a{color:#26734f;text-decoration:none;font-weight:600}.auth-demo{border-top:1px solid #edf0eb;padding-top:13px}.auth-card>a:not(.brand){color:#26734f;font-size:11px}
@media(max-width:760px){.demo-mode-banner{margin:-7px 0 15px}.auth-card{padding:23px}}
/* Mobile interaction polish and safe-area support for the future PWA shell. */
.mobile-bottom-nav{display:none}
button,a,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #7eae8c;outline-offset:2px}
@media(max-width:760px){
  .sidebar{width:min(292px,86vw);padding-top:max(20px,env(safe-area-inset-top));z-index:12}
  .sidebar.open{box-shadow:12px 0 35px #15281d38}
  .sidebar-close{position:absolute;z-index:15;top:max(14px,env(safe-area-inset-top));right:12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f5f1;color:#52635a;cursor:pointer;touch-action:manipulation}
  .sidebar-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .sidebar-close:hover{background:#e5eee7;color:#1d6a4e}
  .sidebar-backdrop:not([hidden]){position:fixed;inset:0;z-index:11;display:block;border:0;padding:0;background:#14231c80;backdrop-filter:blur(2px);cursor:pointer;touch-action:manipulation}
  body.menu-open{overflow:hidden}
  .mobile-bottom-nav{position:fixed;z-index:9;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e9ece6;background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 -5px 20px #1b35200c}
  .mobile-bottom-nav a{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;color:#849087;text-decoration:none}
  .mobile-bottom-nav a span{font:19px 'DM Sans',sans-serif;line-height:1.15}
  .mobile-bottom-nav a small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px 'Noto Sans Tamil',sans-serif}
  .mobile-bottom-nav a.active{color:#216e50;background:#eff6ef;font-weight:700}
  .content-wrap{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .main-content{padding-bottom:env(safe-area-inset-bottom)}
  .nav-item,.prayer-row,.habit-row,.view-tab,.session-tab,.reader-counter-actions button,.tasbeeh-actions button,.outline-button,.text-button{min-height:42px}
  .prayer-row{height:auto;padding:5px 4px}
  .habit-row{padding:8px 4px}
  .tasbeeh-tap{touch-action:manipulation;user-select:none;-webkit-user-select:none}
  .reader-counter-actions button{min-width:42px;height:42px}
  .reader-counter-actions .reader-count-button{min-width:100px}
  .tasbeeh-actions button{height:46px}
  .tasbeeh-undo,.tasbeeh-reset{width:46px}
}
@media(max-width:420px){
  .topbar{padding:0 12px}
  .content-wrap{padding-left:12px;padding-right:12px}
  .welcome-row{gap:9px}
  .welcome-row h1{font-size:18px}
  .date-pill{padding:6px 8px}
  .progress-card{padding:16px;min-height:148px}
  .progress-copy{width:72%}
  .progress-copy h2{font-size:25px}
  .ring-wrap{margin-right:0}
  .ring{width:76px;height:76px}
  .ring:before{inset:6px}
  .ring-center span{font-size:17px}
  .progress-foot{gap:8px;font-size:8px}
  .habit-head{gap:8px}
  .habit-head h3{white-space:normal;line-height:1.5}
  .tasbeeh-controls{grid-template-columns:34px minmax(0,1fr) 32px 66px}
  .tasbeeh-controls select{font-size:8px}
  .view-tab{padding:8px 6px;font-size:8px}
  .insight-head{flex-direction:column}
  .range-pill{align-self:flex-start}
  .reflection-card>button{margin-left:0}
  .mobile-bottom-nav a small{font-size:7px}
}
.prayer-times-card,.quran-log-section{border:1px solid #e8ece6;border-radius:13px;background:#fff;padding:15px 17px;margin:14px 0}
.prayer-times-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.prayer-times-heading h2{font-size:13px;margin:4px 0 0}
.prayer-times-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 8px}
.prayer-time-item{position:relative;border:1px solid #edf0eb;border-radius:9px;padding:9px 10px;background:#fbfcfa}
.prayer-time-item small,.prayer-time-item b{display:block}.prayer-time-item small{color:#8e9991;font-size:8px}.prayer-time-item b{margin-top:3px;color:#276b4d;font:600 14px 'DM Sans',sans-serif}.prayer-time-item i{position:absolute;right:8px;top:7px;color:#438a60;font-size:8px;font-style:normal}
.prayer-times-note{display:block;color:#9aa39c;font-size:8px;line-height:1.6}
.custom-habits-section,.quran-log-section{margin-top:20px}
.custom-habits-section .section-heading,.quran-log-section .section-heading{margin:0 0 10px}
.custom-habits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.personal-habit .habit-head{margin-bottom:8px}.habit-edit,.habit-card-footer button{border:0;background:#f1f5ef;color:#5b8067;border-radius:7px;padding:7px 9px;cursor:pointer;font:10px 'Noto Sans Tamil',sans-serif}.habit-count-controls{display:flex;align-items:center;gap:9px;margin:8px 0}.habit-count-controls button{width:38px;height:38px;border:1px solid #e4ebe3;border-radius:8px;background:#fff;color:#286e4e;font-size:18px}.habit-count-controls strong{min-width:35px;text-align:center;font:700 21px 'DM Sans',sans-serif}.habit-count-controls span{margin-left:auto;color:#929d95;font-size:8px}.habit-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#929d95;font-size:8px}.personal-check{min-height:40px}.personal-check.is-done{color:#397956;background:#f0f7f0}
.quran-log-list{display:grid;gap:8px}.quran-log-empty{margin:0;padding:14px;border:1px dashed #dfe7de;border-radius:9px;color:#95a097;font-size:10px;line-height:1.7}.quran-log-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e9ede7;border-radius:9px;background:#fbfcfa}.quran-log-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf5ee;color:#397957}.quran-log-row div{flex:1;min-width:0}.quran-log-row b,.quran-log-row small{display:block}.quran-log-row b{font-size:10px}.quran-log-row small{margin-top:3px;color:#8e9991;font-size:8px;overflow-wrap:anywhere}.quran-log-date{color:#9aa39c;font-size:8px}
.feature-modal{max-height:min(88vh,780px);overflow:auto}.feature-form{display:grid;gap:11px;margin-top:15px}.feature-form>label,.feature-form .form-two>label{display:grid;gap:5px;color:#58665d;font-size:10px}.feature-form input:not([type=checkbox]),.feature-form select{width:100%;min-width:0;border:1px solid #e1e7e0;border-radius:8px;background:#fff;color:#2e3c33;padding:10px 11px;font:11px 'DM Sans','Noto Sans Tamil',sans-serif;outline-color:#71a284}.feature-form input[type=checkbox]{width:17px;height:17px;accent-color:#287650}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.delete-button{border:1px solid #efd9d5;background:#fff6f4;color:#a35140;border-radius:8px;padding:9px 12px;font:10px 'Noto Sans Tamil',sans-serif;cursor:pointer}.settings-modal h3{margin:4px 0 0;font-size:12px}.settings-help{margin:0;color:#8e9991;font-size:9px;line-height:1.7}.settings-help small{font-size:8px}.settings-divider{height:1px;background:#edf0eb;margin:4px 0}.setting-switch{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.prayer-enable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.prayer-enable-grid label{display:flex;align-items:center;gap:6px;border:1px solid #edf0eb;border-radius:8px;padding:8px 7px;color:#55645a;font-size:9px}
.favorite-filter,.adhkar-favorite{border:1px solid #e7ece5;background:#fff;color:#738077;border-radius:7px;padding:7px 9px;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer}.favorite-filter[aria-pressed=true],.adhkar-favorite.is-favorite{background:#fff8e8;border-color:#f1e3bc;color:#b38a3e}.adhkar-favorite{margin-left:auto;padding:4px 7px;font:17px 'DM Sans',sans-serif;line-height:1}
.habit-report{margin-top:17px;border:1px solid #edf0eb;border-radius:10px;padding:13px}.habit-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.habit-report-item{border:1px solid #eef1ec;border-radius:8px;padding:9px}.habit-report-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#647168;font-size:8px}.habit-report-item b{display:block;margin-top:5px;color:#286e4e;font:700 15px 'DM Sans',sans-serif}.habit-report-item small{display:block;color:#9ba49d;font-size:7px}.habit-report-item i{display:block;height:4px;margin-top:7px;border-radius:5px;background:#edf1ec;overflow:hidden}.habit-report-item i em{display:block;height:100%;border-radius:5px;background:#58a077}
@media(max-width:760px){.prayer-times-card,.quran-log-section{padding:13px;margin-top:12px}.prayer-times-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.custom-habits-grid{grid-template-columns:1fr}.habit-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-toolbar{flex-wrap:wrap;gap:7px}.reader-day-label{margin-left:auto}.feature-modal{max-height:calc(100dvh - 30px)}.prayer-times-heading{align-items:flex-start}.prayer-times-heading .text-button{white-space:nowrap}}
@media(max-width:420px){.prayer-times-list{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-times-heading{flex-direction:column}.prayer-enable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-two{gap:7px}.habit-report-grid{grid-template-columns:1fr 1fr}}
.prayer-adjust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.prayer-adjust-grid label{display:grid;gap:4px;color:#65736a;font-size:8px}.prayer-adjust-grid input{padding:8px!important}.install-app-button{border:1px solid #dfebe1;border-radius:8px;background:#eef6ef;color:#32734f;padding:8px 10px;font:9px 'Noto Sans Tamil',sans-serif;cursor:pointer;white-space:nowrap}.install-app-button[hidden]{display:none}
.prayer-manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.prayer-manual-grid label{display:grid;gap:4px;color:#65736a;font-size:8px}.prayer-manual-grid input{padding:8px!important}
@media(max-width:760px){.prayer-adjust-grid,.prayer-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-app-button{font-size:8px;padding:7px}}
body.dark-theme{--ink:#e4ece6;--muted:#a3aea6;--paper:#101914;--line:#2c3930;--white:#18231c;background:#101914;color:#e4ece6}
body.dark-theme .sidebar,body.dark-theme .topbar,body.dark-theme .streak-card,body.dark-theme .habit-card,body.dark-theme .reflection-card,body.dark-theme .dua-card,body.dark-theme .mahsoorath-card,body.dark-theme .reader-entry,body.dark-theme .insight-panel,body.dark-theme .view-switch,body.dark-theme .prayer-times-card,body.dark-theme .quran-log-section,body.dark-theme .modal,body.dark-theme .chart-wrap{background:#18231c;border-color:#2b3930;color:#e4ece6}
body.dark-theme .main-content,body.dark-theme .content-wrap{background:#101914}
body.dark-theme .verse-card,body.dark-theme .progress-track,body.dark-theme .tasbeeh-display,body.dark-theme .reader-arabic,body.dark-theme .quran-log-empty,body.dark-theme .quran-log-row,body.dark-theme .prayer-time-item,body.dark-theme .habit-report-item,body.dark-theme .week-day-card{background:#1d2a22;border-color:#2d3b32;color:#dce7df}
body.dark-theme .nav-item,body.dark-theme .breadcrumb,body.dark-theme .habit-head h3,body.dark-theme .habit-row,body.dark-theme .prayer-row,body.dark-theme .reader-entry-title h3,body.dark-theme .reflect-copy h3,body.dark-theme .quran-log-row b,body.dark-theme .settings-modal h3{color:#dce7df}
body.dark-theme .section-heading h2,body.dark-theme .progress-message,body.dark-theme .tasbeeh-count,body.dark-theme .ring-center span,body.dark-theme .modal h2{color:#edf5ef}
body.dark-theme .date-pill,body.dark-theme .outline-button,body.dark-theme .tasbeeh-controls select,body.dark-theme .feature-form input:not([type=checkbox]),body.dark-theme .feature-form select,body.dark-theme .reader-counter-actions button,body.dark-theme .habit-count-controls button{background:#1d2a22;border-color:#34443a;color:#dce7df}
body.dark-theme .demo-mode-banner{background:#2d291d;border-color:#665a36;color:#e5d6aa}
body.dark-theme .view-tab.active,body.dark-theme .mobile-bottom-nav a.active{background:#244333;color:#b9e2c4}
body.dark-theme .mobile-bottom-nav{background:#17221ced;border-color:#2c3930}
body.dark-theme .feature-form>label,body.dark-theme .feature-form .form-two>label,body.dark-theme .prayer-enable-grid label,body.dark-theme .prayer-adjust-grid label,body.dark-theme .prayer-manual-grid label{color:#c7d3ca}
body.dark-theme .auth-card{background:#18231c;border-color:#2b3930;color:#e4ece6}
body.dark-theme .install-app-button{background:#223d2d;border-color:#355842;color:#c5e5cd}