:root{--bg:#f7f8f5;--paper:#fff;--ink:#243e34;--muted:#7b867f;--green:#215c46;--deep:#174c3d;--line:#e9ede7;--sage:#ecf2e8;--gold:#b59350;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.6 var(--sans);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb994d;outline-offset:4px}button:hover{filter:brightness(.97)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.loading,.fatal{padding:12vh 8vw;text-align:center}.loading{font:60px var(--serif)}.loading span{display:block;font:14px var(--sans);margin-top:20px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--deep);color:white;padding:10px}.skip:focus{top:12px}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 20px 20px;z-index:5}.brand{display:flex;gap:13px;align-items:center;padding:0 12px;margin-bottom:51px}.brand-icon{background:var(--deep);border-radius:12px;width:43px;height:43px;display:grid;place-items:center;color:#e8d5a6}.brand-icon .icon{width:25px;height:25px}.brand>span:last-child{font:39px/.95 var(--serif);letter-spacing:-2px}.brand-dot{color:var(--gold)}.brand small{display:block;font:8px/1.6 var(--sans);letter-spacing:2px;color:#829086;margin-top:9px}.workspace-label{font-size:9px;letter-spacing:1.9px;color:#99a299;padding-left:18px;margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#77827a;font-size:12px;border-radius:8px;text-align:left;white-space:nowrap}.nav-item .icon{width:19px}.nav-item.active{color:var(--green);background:#edf3ed;font-weight:600;position:relative}.nav-item.active:before{content:'';position:absolute;width:3px;height:19px;border-radius:8px;left:-20px;background:var(--green)}.nav-item:hover{background:#f4f7f2}.nav-new{font-size:7px;letter-spacing:.7px;background:#f4efe3;color:#a28a54;border-radius:4px;padding:3px 5px;margin-left:auto}.side-goal{margin:43px 8px 20px;background:linear-gradient(140deg,#f2f5ec,#f8f7f0);border:1px solid #ecf0e5;border-radius:12px;padding:18px 19px;position:relative;overflow:hidden}.side-goal:after{content:'';position:absolute;border:1px solid #e1e8d9;width:130px;height:130px;border-radius:50%;right:-70px;bottom:-68px}.tiny-icon{display:block;color:#7c9479;margin-bottom:13px}.side-goal strong{font:17px var(--serif)}.side-goal p{font-size:11px;line-height:1.9;color:#919b8e;margin:9px 0 13px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;color:var(--green);padding:4px 0}.text-btn .icon{width:15px;height:15px}.side-bottom{margin-top:auto}.side-bottom .nav-item{width:100%}.source-link,.edition{display:block;font-size:9px;color:#9ba39b;padding:7px 13px 0}.edition{padding-top:2px}.shell{margin-left:242px}.topbar{height:88px;padding:0 44px;border-bottom:1px solid var(--line);background:#ffffffb5;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#9aa39c;display:flex;gap:12px}.breadcrumb strong{font-weight:500;color:#536658}.top-right{display:flex;gap:25px;align-items:center}.profile{display:flex;align-items:center;gap:10px;text-align:left;font-size:11px}.profile small{font-size:9px;color:#99a298;display:block}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#e5ecdf;font:14px var(--serif);color:#4e694c;border:2px solid #fff}.demo-tag,.secure-tag{display:flex;gap:7px;align-items:center;font-size:10px;color:#8c967f}.demo-tag>span{width:5px;height:5px;background:#b5a271;border-radius:50%}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 44px;background:#f2efe5;font-size:10px;color:#8d7d56;border-bottom:1px solid #eae5d8}.demo-banner .text-btn{font-size:10px;color:#796d4d;white-space:nowrap}main{max-width:1560px;margin:0 auto;padding:37px 44px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:600;color:#95a18f;text-transform:uppercase}.page-heading>.eyebrow,.page-heading .eyebrow{font-size:9px;letter-spacing:1.25px;color:#8b968a}.page-heading h1{font:35px/1.3 var(--serif);letter-spacing:-.8px;margin:7px 0 7px;color:#263f33}.greeting-dot{color:#ad955e}.page-heading p{color:#8d978e;font-size:12px;margin:0}.primary,.secondary,.cream-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:12px 18px;font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;transition:background .2s,transform .2s}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary .icon,.secondary .icon,.cream-btn .icon{width:16px;height:16px}.primary:hover{background:#164c38;transform:translateY(-1px)}.secondary{border:1px solid #dfe7dc;background:white;color:#546c55}.cream-btn{background:#f4f0df;color:#294e37;border:1px solid #f4f0df}.full{width:100%}.hero{border-radius:15px;background:linear-gradient(115deg,#164b3b 0%,#235b46 65%,#2f654f 100%);position:relative;overflow:hidden;min-height:255px;display:flex;align-items:center;color:#fff;margin-bottom:23px;border:1px solid #235442}.hero-copy{padding:28px 34px;position:relative;z-index:1}.hero-kicker{font-size:8px;color:#c8d2b4;letter-spacing:2px;display:flex;align-items:center;gap:8px}.hero-kicker>span{width:4px;height:4px;background:#c9b77e;border-radius:50%}.hero h2{font:31px/1.3 var(--serif);letter-spacing:-.3px;margin:13px 0 11px;font-weight:400;color:#f7f6ed}.hero p{font-size:11px;color:#b3c9ba;margin:0 0 22px;line-height:1.8}.hero-actions{display:flex;gap:20px;align-items:center}.hero-actions>span{display:flex;align-items:center;gap:7px;color:#c7d5bf;font-size:10px}.hero-actions>span .icon{width:14px}.hero-art{position:absolute;right:25px;top:0;bottom:0;width:300px}.arch{position:absolute;border:1px solid #8ba58a55;border-bottom:0;border-radius:160px 160px 0 0;bottom:0;left:50%;transform:translateX(-50%)}.arch1{width:250px;height:238px}.arch2{width:220px;height:220px}.arch3{width:190px;height:204px;background:linear-gradient(100deg,#94ac7d22,#c2bf8722)}.orbit{width:340px;height:340px;border:1px solid #9dad7f1c;border-radius:50%;position:absolute;top:-125px;right:-95px}.book-pedestal{position:absolute;width:175px;bottom:47px;left:62px;transform:rotate(-7deg)}.book-pedestal:after{content:'';position:absolute;bottom:-14px;left:-20px;width:210px;height:20px;background:#102f2580;filter:blur(15px);border-radius:50%;z-index:-1}.book-pedestal svg{width:100%;filter:drop-shadow(0 8px 5px #193e3380)}.art-star{position:absolute;top:41px;right:37px;font-size:37px;color:#c3bd8a}.hero-art:after{content:'✦';font-size:14px;color:#91a47a;position:absolute;left:28px;bottom:86px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{border:1px solid var(--line);border-radius:10px;background:white;padding:18px 20px 15px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#84917f;gap:5px}.stat-icon{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;flex-shrink:0}.stat-icon .icon{width:16px;height:16px}.emerald{background:#eaf1e9;color:#578064}.gold{background:#f7f1e4;color:#b29657}.terracotta{background:#f7ece5;color:#bc8967}.sage{background:#eef1e6;color:#8a9a71}.stat-value{font:29px/1.4 var(--serif);letter-spacing:-.7px;margin-top:9px;color:#2a4435}.stat-value small{font:9px var(--sans);letter-spacing:0;color:#9ba596;margin-left:3px}.stat-card p{font-size:9px;color:#9da592;margin:4px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(255px,1fr);gap:23px;align-items:start}.main-column,.right-column{display:grid;gap:23px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-top h2,.card>h2{font:19px/1.35 var(--serif);letter-spacing:-.2px;margin:4px 0 0}.count-pill{font-size:9px;color:#8a9a80;background:#f0f4eb;padding:5px 9px;border-radius:5px;white-space:nowrap}.thin-track{height:4px;border-radius:8px;background:#edf1e8;overflow:hidden}.thin-track i{display:block;height:100%;background:#4b7954;border-radius:8px;transition:width .4s}.routine>.thin-track{height:3px;margin-bottom:13px}.task{display:flex;align-items:center;width:100%;gap:12px;padding:16px 0;text-align:left;border-bottom:1px solid #f0f2ed}.task-icon{display:grid;place-items:center;width:36px;height:39px;border-radius:9px;color:#6a8562;background:#f0f4e9;flex-shrink:0}.task-icon.reading{background:#f8f3e9;color:#b29b65}.task-icon.revision{background:#ecf1ed;color:#769488}.task-icon.tasmi{background:#f2edf3;color:#aa91ac}.task-icon .icon{width:18px;height:18px}.task-text{display:flex;flex-direction:column;gap:2px;min-width:0}.task-text strong{font-size:11px;font-weight:500}.task-text small{font-size:9px;color:#9ca497}.task-amount{font-size:9px;color:#a4ab9d;margin-left:auto;white-space:nowrap}.checkbox{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d8e1d3;border-radius:6px;margin-left:5px;flex-shrink:0;background:white}.checkbox .icon{width:14px;height:14px}.done .checkbox{background:#487353;border-color:#487353;color:#fff}.done .task-text strong{color:#627c5e}.routine-foot{padding-top:17px;width:100%;font-size:10px}.goal-card{text-align:center;padding:20px 23px 22px}.goal-card .section-top{margin-bottom:13px;text-align:left}.goal-card h3{font:17px var(--serif);margin:16px 0 4px}.goal-card>p{font-size:10px;color:#9aa58f;margin:0 0 17px}.progress-ring{--progress:0;width:145px;height:145px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(from 200deg,#56835d calc(var(--progress)*1%),#edf2e8 0);margin:10px auto 0;transform:rotate(0deg)}.progress-ring:before{content:'';position:absolute;inset:8px;border:4px solid white;background:#fff;border-radius:50%}.progress-ring>div{z-index:1}.progress-ring strong{font:35px var(--serif);color:#365c3a;letter-spacing:-1px}.progress-ring strong>span{font:15px var(--sans);margin-left:3px}.progress-ring small{display:block;color:#a7b09b;font-size:6px;letter-spacing:1.4px;margin-top:5px}.goal-card .secondary{font-size:10px;padding:10px}.icon-btn{padding:5px;display:inline-grid;place-items:center;color:#8b9b85;border-radius:6px}.icon-btn .icon{width:17px;height:17px}.activity-card{padding-bottom:17px}.chart-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#8e9d84;white-space:nowrap}.chart-legend i{width:5px;height:5px;background:#789268;border-radius:50%}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:25px;padding:4px 10px 13px;align-items:end;height:168px;border-bottom:1px solid #edf0e8;margin:9px 0}.bar-column{height:100%;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}.bar-column>span{font-size:9px;color:#8f9e81}.bar-space{height:107px;width:100%;max-width:38px;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#f6f7f3 36px);display:flex;align-items:flex-end}.bar{background:#dce7d5;border-radius:4px 4px 0 0;width:100%}.bar.today{background:#608461}.bar-column>small{font-size:8px;color:#a1aa9a}.bar-column>small.today-label{color:#587d56;font-weight:600}.muted{color:#8b9785;line-height:1.9}.small{font-size:9px}.activity-card>p{margin:11px 0 0}.mini-ranking{padding-top:20px}.mini-ranking>.section-top{margin-bottom:12px}.mini-ranking>.section-top>.icon{color:#b19c6e;width:21px}.mini-period{display:flex;justify-content:space-between;font-size:9px;color:#788b70;margin-bottom:9px}.mini-period span{color:#b0b6a6}.rank-row{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:11px;border-bottom:1px solid #f0f2ed}.rank-number{width:23px;color:#b1b9a7;font-size:10px;flex-shrink:0}.rank-number.first{color:#b6a06d}.rank-number .icon{width:16px}.rank-row .avatar{width:27px;height:27px;font-size:11px}.color-0{background:#edf0e4;color:#99a17c}.color-1{background:#f2eade;color:#b09a77}.color-2{background:#eee7e3;color:#ae8f7d}.color-3{background:#e6ede5;color:#849c84}.rank-name{overflow-wrap:anywhere}.rank-name small{font-size:8px;color:#92a384;margin-left:3px}.rank-row>strong{margin-left:auto;font:15px var(--serif);white-space:nowrap}.rank-row>strong small{font:8px var(--sans);color:#a6b09a}.rank-row.is-me{background:#f4f7ee;margin:0 -8px;padding:12px 8px;border-radius:6px}.mini-ranking>.text-btn{margin-top:12px;font-size:10px}footer{font-size:9px;color:#abb3a3;display:flex;justify-content:space-between;padding:0 44px 27px;max-width:1560px;margin:auto}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.segmented{display:inline-flex;background:#edf1e9;border:1px solid #e7ece3;border-radius:8px;padding:4px;gap:3px}.segmented button{font-size:11px;padding:7px 15px;border-radius:5px;color:#85947d;white-space:nowrap}.segmented button.selected{background:white;color:#3e6346;box-shadow:0 2px 5px #2941260a}.search-box{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);padding:0 12px;border-radius:7px;min-width:260px}.search-box input{border:0;padding:11px 0;background:none;width:100%;font-size:11px;color:var(--ink);outline-offset:0}.search-box .icon{width:15px;color:#95a38a}.info-strip{background:#eff3ea;color:#839276;font-size:10px;padding:10px 16px;border-radius:7px;display:flex;align-items:center;gap:10px;margin-bottom:21px}.info-strip .icon{width:15px}.surah-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.surah-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 21px 14px;text-align:left;transition:transform .2s,box-shadow .2s}.surah-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #24452e08;border-color:#cbd7c3}.surah-card-head{display:flex;align-items:center;justify-content:space-between}.surah-number{width:32px;height:32px;display:inline-grid;place-items:center;background:#f2f5ed;border-radius:9px;font-size:10px;color:#8e9c81}.surah-card-head>span:last-child{font:22px/1.6 'Traditional Arabic','Segoe UI',serif;color:#7c9374}.surah-card h3{font:18px var(--serif);margin:14px 0 4px}.surah-card p{font-size:9px;color:#9eaa95;margin:0 0 15px}.surah-card p>span{padding:0 5px}.surah-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#9aaa90}.surah-bottom small{font-size:9px}.surah-bottom .icon{width:14px}.surah-card.complete{border-color:#d4dfcc;background:#fdfefb}.page-map{display:grid;grid-template-columns:repeat(15,1fr);gap:6px;margin-top:20px}.page-tile{padding:8px 1px;font-size:10px;border:1px solid #e8ede2;border-radius:5px;color:#a0ab96;background:#f8faf5;aspect-ratio:1}.page-tile.complete{background:#547e57;color:#fff;border-color:#547e57}.page-tile.partial{background:#e0e9d6;border-color:#d1dfc7;color:#608056}.juz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.juz-card{display:flex;align-items:center;gap:15px;padding:20px;text-align:left}.juz-card>div{flex:1}.juz-card h3{font:18px var(--serif);margin:0}.juz-card p{font-size:9px;color:#9aa58d;margin:5px 0 12px}.juz-card>span:last-child{font-size:10px;color:#8e9f82;display:flex;align-items:center;gap:5px}.juz-card .icon{width:15px}.ranking-hero{display:flex;align-items:center;gap:27px;padding:32px 36px;background:#ecefe4;border:1px solid #e1e7d9;border-radius:12px;margin-bottom:25px}.ranking-hero-icon{height:75px;width:75px;display:grid;place-items:center;border:1px solid #d7dfcb;border-radius:50%;background:#f4f4e9;color:#a89965}.ranking-hero-icon .icon{width:33px;height:33px}.ranking-hero h2{font:27px/1.4 var(--serif);margin:7px 0 0;color:#4e6544}.group-count{margin-left:auto;text-align:center;padding:0 23px}.group-count strong{display:block;font:37px var(--serif);color:#5a7150}.group-count>span{font-size:9px;color:#9ca78b}.ranking-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:23px;align-items:start}.ranking-layout>aside{display:grid;gap:20px}.rank-table-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0 14px;font-size:8px;color:#9aa88c;letter-spacing:1px}.ranking-card .rank-row{padding:20px 10px;font-size:13px}.ranking-card .rank-row .avatar{width:36px;height:36px;font-size:15px}.ranking-card .rank-row>strong{font-size:22px}.ranking-card .rank-name{margin-left:8px}.ranking-date{padding-top:15px}.rules-card>h2{margin:16px 0 12px;font:23px var(--serif)}.rules-card>p,.rules-card li{font-size:11px;color:#94a187;line-height:1.9}.rules-card ul{padding-left:16px}.rules-card .text-btn{margin-top:10px;text-align:left;font-size:10px}.note-card{background:#efeee1;padding:25px;border:1px solid #e5e5d4;border-radius:11px;color:#6e7956}.note-card>span{font-size:24px;color:#b5a473}.note-card h3{font:24px/1.4 var(--serif);margin:9px 0 10px}.note-card p{font-size:11px;color:#9aa181;line-height:1.9}.journal-layout{display:grid;grid-template-columns:1.9fr 1fr;gap:25px;align-items:start}.journal-layout>aside{display:grid;gap:22px}.journal-layout>aside>.card p{font-size:11px;margin:15px 0 20px}.journal-intro{display:flex;gap:16px;align-items:center;margin-bottom:30px}.journal-intro h2{font:19px var(--serif);margin:0 0 5px}.journal-intro p{font-size:10px;color:#98a38e;margin:0}.journal-intro .secondary{padding:9px 12px;font-size:10px;margin-left:auto}.timeline{margin-left:11px;border-left:1px solid #dce5d5;padding-left:26px}.journal-day{position:relative;margin-bottom:25px}.timeline-dot{position:absolute;top:10px;left:-31px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg);background:#91a47d}.journal-date{font-size:11px;color:#87967b;text-transform:capitalize;margin-bottom:12px}.day-card{padding:8px 21px 18px}.log-line{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eff2eb;padding:18px 0}.log-line strong{font-size:12px;font-weight:500}.log-line p{font-size:10px;color:#97a18e;margin:3px 0 0}.log-line .journal-note{white-space:pre-wrap;color:#6e7d63;overflow-wrap:anywhere}.log-badge{margin-left:auto;color:#879d73;font-size:8px;border-radius:4px;background:#eff3e8;padding:4px 8px}.day-card>.text-btn{margin-top:14px;font-size:10px}.empty-state{text-align:center;padding:40px 25px;color:#a2ad96;font-size:12px}.empty-state>.icon{width:28px;height:28px}.empty-state small{font-size:10px}.empty-state.compact{padding:20px 5px}.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:30;background:#1a3028a1;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:30px}.modal{width:520px;max-width:100%;max-height:90vh;background:#fff;border:1px solid #e7ecdf;border-radius:16px;box-shadow:0 25px 100px #10211733;overflow:auto;overscroll-behavior:contain}.modal.wide{width:680px}.modal-top{padding:25px 28px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-top h2{font:27px/1.35 var(--serif);margin:7px 0 6px}.modal-top p{font-size:11px;color:#8b9980;line-height:1.8;margin:0}.modal-top>.icon-btn{margin-top:7px}.modal-body{padding:22px 28px}.modal-footer{padding:17px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;background:#fff}.modal-footer .primary,.modal-footer .secondary{font-size:10px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6e8162;margin-bottom:17px}.modal input:not([type=checkbox]),.modal select,.modal textarea{width:100%;border:1px solid #dfe7d7;background:#fbfcf9;border-radius:6px;padding:10px 11px;color:#4e6345;font-size:12px;min-width:0}.modal textarea{resize:vertical}.modal select[multiple]{padding:7px}.modal select[multiple] option{padding:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-note{font-size:9px;color:#9ba68f;line-height:1.8;margin:0 0 17px}.field-note a{text-decoration:underline}.form-row+.field-note{margin-top:-5px}.modal fieldset{border:1px solid #e3e9dd;border-radius:8px;padding:16px 17px 2px;margin:17px 0 22px}.modal legend{font-size:11px;padding:0 7px;color:#839474}.modal label.check-label{display:flex;flex-direction:row;gap:10px;align-items:flex-start;margin:18px 0 22px}.check-label input{accent-color:var(--green);margin:3px 0 0;width:15px;height:15px;flex-shrink:0}.check-label small{display:block;font-size:9px;color:#9da68f;line-height:1.8;margin-top:5px}.form-error{font-size:11px;color:#ae715c;margin-bottom:13px}.signin-art{background:#eff3e9;border-radius:12px;height:110px;display:grid;place-items:center;color:#719266;margin-bottom:20px}.signin-art .icon{height:45px;width:45px}.signin-art+p{font-size:12px}.editor-summary{display:flex;justify-content:space-between;font-size:11px;color:#899a7b;margin-bottom:12px}.editor-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 11px}.editor-tools button{font-size:10px}.verse-editor{margin-top:8px}.verse-page{padding:17px 0;border-top:1px solid var(--line)}.verse-page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:11px}.verse-page-top .text-btn{font-size:10px}.verse-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.verse{border:1px solid #e1e8da;border-radius:6px;padding:9px 3px;background:#fafcf7;color:#9bab8b;font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px}.verse.checked{background:#e7efdf;color:#577c49;border-color:#ccdbbe}.verse .icon{width:12px;height:12px}.rules-content h3{font:19px var(--serif);margin:17px 0 8px}.rules-content h3:first-child{margin-top:0}.rules-content p{font-size:11px;color:#8d9b80;line-height:1.95}.rules-content p.field-note{font-size:9px}.saving{cursor:progress}.saving .primary{opacity:.7}#toast{position:fixed;bottom:25px;left:calc(50% + 121px);transform:translate(-50%,20px);z-index:100;max-width:calc(100vw - 40px);background:#234c38;color:#fff;padding:13px 22px;border-radius:9px;box-shadow:0 10px 40px #1c42232b;font-size:12px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{padding-top:44px}.hero{min-height:290px}.hero-copy{padding:33px 40px}.hero h2{font-size:36px}.hero-art{right:60px;transform:scale(1.1);transform-origin:bottom}.stat-card{padding:20px 23px}.stat-value{font-size:34px}.card{padding:26px}.task{padding:19px 0}.task-text strong{font-size:12px}.task-text small{font-size:10px}.hero p{font-size:12px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.shell{margin-left:210px}.nav-item{font-size:11px;gap:10px}.nav-item.active:before{left:-15px}.brand{padding:0 9px}.nav-new{display:none}main{padding:30px 28px}.topbar{padding:0 28px}.demo-banner{padding:9px 28px}.hero-art{right:-30px;opacity:.75}.hero-copy{padding:27px}.hero h2{font-size:29px}.hero-actions>span{display:none}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-value{font-size:26px}.stat-value small{font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:17px}.card{padding:19px}.task-amount{display:none}.main-column,.right-column{gap:17px}.bar-chart{gap:20px}.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.surah-card{padding:16px}.surah-card-head>span:last-child{font-size:20px}.page-map{grid-template-columns:repeat(12,1fr)}.periods button{padding:7px 9px;font-size:10px}.ranking-layout{grid-template-columns:1.6fr 1fr}.ranking-hero h2{font-size:24px}.journal-layout{grid-template-columns:1.7fr 1fr}.journal-intro .secondary{display:none}footer{padding:0 28px 22px}#toast{left:calc(50% + 105px)}}
@media(max-width:1000px){.sidebar{width:182px;padding:29px 12px 15px}.shell{margin-left:182px}.brand{gap:10px}.brand>span:last-child{font-size:34px}.brand-icon{height:37px;width:37px}.brand small{font-size:6px;letter-spacing:1.5px}.nav-item{padding:12px 11px;gap:9px;font-size:10px}.nav-item.active:before{left:-12px}.nav-item .icon{width:17px}.side-goal{margin:35px 3px 15px;padding:16px}.side-goal strong{font-size:16px}.side-goal p{font-size:10px}.source-link,.edition{font-size:8px;padding-left:9px}.topbar{height:75px}.top-right{gap:13px}.demo-tag{font-size:9px}.breadcrumb{font-size:10px;gap:8px}.page-heading h1{font-size:30px}.page-heading>.primary{font-size:10px;padding:10px 13px}.hero-art{right:-75px;opacity:.35}.hero-copy{padding:26px}.hero h2{font-size:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stat-value{font-size:29px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.goal-card .progress-ring{width:135px;height:135px}.goal-card{padding-bottom:20px}.mini-ranking{align-self:start}.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-toolbar{align-items:stretch;flex-direction:column;gap:13px}.search-box{min-width:0}.explorer-toolbar .segmented{align-self:flex-start}.ranking-layout,.journal-layout{grid-template-columns:1fr}.ranking-layout>aside,.journal-layout>aside{grid-template-columns:1fr 1fr}.ranking-hero{padding:25px;gap:18px}.ranking-hero h2{font-size:23px}.ranking-hero-icon{width:60px;height:60px}.group-count{padding:0}.rank-table-head{font-size:8px}.periods button{padding:8px 12px;font-size:11px}.ranking-card .section-top{justify-content:center}#toast{left:calc(50% + 91px)}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:67px;padding:0;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid #e2e9dc;z-index:15}.sidebar .brand,.workspace-label,.side-goal,.side-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;height:100%;gap:0}.nav-item{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:10px 3px 8px;border-radius:0;font-size:8px;text-align:center}.nav-item .icon{width:20px;height:20px}.nav-item.active{background:#f0f5eb}.nav-item.active:before{width:20px;height:2px;top:0;left:calc(50% - 10px)}.shell{margin-left:0}.topbar{height:66px;padding:0 19px}.breadcrumb{font-size:9px;gap:7px}.top-right{gap:10px}.profile{font-size:10px;gap:7px}.profile small{font-size:8px}.profile>.avatar{height:29px;width:29px}.demo-tag,.secure-tag{display:none}.demo-banner{padding:8px 19px;font-size:8px;gap:10px;line-height:1.7}.demo-banner .text-btn{font-size:8px;gap:4px}.demo-banner .icon{width:12px}.demo-banner>span{max-width:220px}main{padding:26px 19px 28px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{font-size:30px;letter-spacing:-.7px;margin-top:8px}.page-heading .eyebrow{font-size:7px;letter-spacing:.9px}.page-heading p{font-size:10px;max-width:260px;line-height:1.9}.page-heading>.primary,.page-heading>.secondary{font-size:0;padding:10px;width:35px;height:35px;border-radius:8px;gap:0;margin-top:22px;flex-shrink:0}.page-heading>.primary .icon,.page-heading>.secondary .icon{font-size:14px;height:17px;width:17px}.hero{min-height:260px;border-radius:12px;margin-bottom:17px}.hero-copy{padding:26px 23px}.hero h2{font-size:26px}.hero p{font-size:10px;line-height:1.9}.hero-kicker{font-size:7px;letter-spacing:1.6px}.hero-art{right:-102px;opacity:.22;pointer-events:none}.hero-art .book-pedestal{bottom:25px}.hero .cream-btn{font-size:10px;padding:11px 15px}.stats-grid{gap:11px;margin-bottom:18px}.stat-card{padding:14px 15px 13px;border-radius:9px}.stat-label{font-size:9px}.stat-label>.stat-icon{width:25px;height:25px;border-radius:7px}.stat-label .icon{height:14px;width:14px}.stat-value{font-size:26px;margin-top:9px}.stat-value small{font-size:8px;display:inline}.stat-card p{font-size:8px;margin-top:7px}.dashboard-grid{gap:17px}.card{padding:20px;border-radius:10px}.section-top{margin-bottom:18px}.section-top h2{font-size:19px}.eyebrow{font-size:7px;letter-spacing:1.1px}.count-pill{font-size:8px;padding:4px 7px}.task{gap:12px;padding:17px 0}.task-text strong{font-size:11px}.task-text small{font-size:9px}.checkbox{margin-left:auto}.task-icon{width:34px;height:37px}.task-icon .icon{width:17px}.right-column{grid-template-columns:1fr}.goal-card{padding:20px 25px}.goal-card .progress-ring{height:150px;width:150px}.goal-card h3{font-size:20px}.goal-card p{font-size:11px}.goal-card .secondary{font-size:11px}.mini-ranking .rank-row{padding:16px 0;font-size:12px}.mini-ranking .rank-row.is-me{padding:16px 8px}.mini-ranking .avatar{height:31px;width:31px}.mini-ranking .rank-row>strong{font-size:18px}.chart-legend{font-size:7px}.bar-chart{gap:21px;padding:0 0 13px;height:165px}.bar-column>span{font-size:8px}.activity-card>.muted{font-size:8px}.surah-grid{gap:11px}.surah-card{padding:15px}.surah-card h3{font-size:17px;margin-top:12px}.surah-card-head>span:last-child{font-size:20px}.surah-number{width:27px;height:27px;font-size:9px;border-radius:7px}.surah-card p{font-size:8px}.surah-bottom small{font-size:8px}.info-strip{font-size:9px;padding:10px 12px;align-items:flex-start}.info-strip .icon{height:15px}.segmented button{padding:7px 11px;font-size:10px}.pages-card{padding:17px}.page-map{grid-template-columns:repeat(8,1fr);gap:5px}.page-tile{font-size:9px;padding:7px 0}.pages-card .muted{font-size:10px}.juz-grid{grid-template-columns:1fr;gap:12px}.juz-card{padding:20px}.ranking-hero{padding:22px;gap:15px;align-items:flex-start}.ranking-hero-icon{height:43px;width:43px;flex-shrink:0;margin-top:9px}.ranking-hero-icon .icon{height:23px;width:23px}.ranking-hero h2{font-size:21px}.ranking-hero .eyebrow{font-size:6px;letter-spacing:.9px}.group-count{display:none}.ranking-card{padding:18px 15px}.periods{width:100%;justify-content:space-between;gap:1px;padding:3px}.periods button{padding:8px 7px;font-size:9px}.rank-table-head{font-size:6px;letter-spacing:.7px}.ranking-card .rank-row{padding:17px 4px;font-size:11px}.ranking-card .rank-row .avatar{width:30px;height:30px;font-size:12px}.ranking-card .rank-row .rank-name{margin-left:2px}.ranking-card .rank-row>strong{font-size:20px}.ranking-layout>aside,.journal-layout>aside{grid-template-columns:1fr}.ranking-date{font-size:8px}.rules-card>p,.rules-card li{font-size:11px}.journal-intro{padding:18px;gap:11px}.journal-intro h2{font-size:18px}.journal-intro p{font-size:9px}.timeline{padding-left:20px}.timeline-dot{left:-25px}.day-card{padding:6px 16px 17px}.log-line{gap:11px}.log-line strong{font-size:11px}.log-badge{font-size:7px;padding:3px 6px}.journal-date{font-size:10px}.modal-overlay{padding:12px;align-items:center}.modal{max-height:94dvh;border-radius:13px}.modal-top{padding:22px 20px 17px}.modal-top h2{font-size:24px}.modal-top p{font-size:10px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;gap:8px;flex-wrap:wrap}.modal-footer .primary,.modal-footer .secondary{font-size:10px}.form-row{gap:12px}.modal input:not([type=checkbox]),.modal select,.modal textarea{font-size:16px;padding:10px}.modal label{font-size:11px}.modal fieldset{padding:14px 12px 0}.verse-grid{grid-template-columns:repeat(6,1fr);gap:6px}.verse{font-size:10px;padding:10px 3px}.verse .icon{width:10px}.editor-summary{font-size:10px}.editor-tools{gap:7px}.editor-tools .secondary{padding:10px;font-size:9px}.editor-tools .text-btn{font-size:9px}.verse-page-top{font-size:11px}.verse-page-top .text-btn{font-size:9px}footer{padding:0 19px 90px;font-size:8px;gap:15px}footer>span{display:none}#toast{left:50%;bottom:83px;width:max-content;max-width:calc(100vw - 30px);font-size:11px;padding:12px 17px}.modal-open #toast{bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Identification and separate community spaces. */
.sidebar{overflow-y:auto}.dismissible-panel{position:relative}.dismiss-panel{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#9ba98d;background:#ffffff80;z-index:2;padding:5px}.dismiss-panel .icon{width:13px;height:13px}.dismiss-panel:hover{background:#e7eddc;color:#5b7650}.hero .dismiss-panel{color:#c5d4b4;background:#ffffff0a;right:12px;top:12px}.hero .dismiss-panel:hover{background:#ffffff20}.demo-banner.dismissible-panel{padding-right:44px}.demo-banner .dismiss-panel{top:50%;transform:translateY(-50%);background:none}.info-strip.dismissible-panel{padding-right:38px}.info-strip .dismiss-panel{top:50%;transform:translateY(-50%)}.community-layout.no-aside,.ranking-layout.no-aside{grid-template-columns:minmax(0,1fr)}.account-display{grid-column:1/-1}.account-display>p{font-size:11px}.account-display .secondary{margin-top:10px}.interactive-rank{width:100%;text-align:left;background:transparent}.interactive-rank:hover{background:#f4f7ef}.interactive-rank .rank-chevron{width:12px;height:12px;color:#a2b08f}.message-author{padding:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.page-heading-actions{display:flex;align-items:center;gap:9px}.participant-search{width:min(430px,100%);margin-bottom:22px}.participants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}.participant-tile{text-align:left;transition:transform .2s}.participant-tile:hover{border-color:#c4d2b6;transform:translateY(-2px)}.participant-tile>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.participant-tile .avatar{width:39px;height:39px;font-size:18px}.participant-tile .count-pill{font-size:7px}.participant-tile h2{font:23px var(--serif);margin:20px 0 13px}.participant-tile h2>small{font:9px var(--sans);color:#a1af92}.participant-tile>strong{font:28px var(--serif);color:#557646}.participant-tile>strong small{font:10px var(--sans);color:#a0ae90}.participant-tile>.thin-track{margin-top:15px}.participant-tile>p{font-size:10px;color:#91a180;margin-bottom:18px}.participant-tile>.text-btn{font-size:10px}.graph-controls{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px;padding:20px 23px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.graph-controls label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#899d75}.graph-controls select{width:100%;border:1px solid #dfe7d5;background:#f8fbf4;padding:10px 12px;border-radius:6px;color:#5e7d4c;font-size:11px;min-width:0}.progression-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:22px;align-items:start}.progression-chart-card{min-height:360px}.progression-chart-card .section-top{margin-bottom:25px}.progression-chart-card h2{font-size:25px}.progress-numbers{display:grid;gap:17px}.progress-numbers .stat-card{padding:18px 22px}.progress-numbers .stat-value{font-size:31px}.chart-caption{font-size:10px;color:#93a27f;line-height:1.9;margin:20px 0 0}.memory-chart{display:flex;align-items:center;justify-content:center;gap:28px;min-height:245px}.progress-ring.large{width:205px;height:205px;flex-shrink:0;margin:0}.progress-ring.large:before{inset:11px;border-width:4px}.progress-ring.large strong{font-size:45px}.progress-ring.large small{font-size:7px}.memory-chart>div:last-child>strong{font:28px/1.6 var(--serif);color:#5b7c48}.memory-chart>div:last-child>strong small{display:block;font:11px var(--sans);color:#9aaa89}.memory-chart>div:last-child>p{font-size:11px;color:#98a78a}.progress-svg{display:block;width:100%;height:auto;min-height:210px;overflow:visible}.progress-svg text{font:10px var(--sans);fill:#96a783}.chart-values{margin-top:17px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#8c9f76;max-height:260px;overflow:auto}.chart-values summary{cursor:pointer;padding:3px 0}.chart-values table{width:100%;border-collapse:collapse;font-size:10px;margin:15px 0;text-align:left}.chart-values td,.chart-values th{padding:7px 0;border-bottom:1px solid #edf1e7}.chart-values td:last-child,.chart-values th:last-child{text-align:right}.activity-donut-layout{display:flex;align-items:center;justify-content:center;gap:28px;min-height:245px}.activity-donut{width:185px;height:185px;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0}.activity-donut:before{position:absolute;content:'';inset:24px;background:#fff;border-radius:50%}.activity-donut>div{position:relative;z-index:1;text-align:center;max-width:130px}.activity-donut strong{display:block;font:35px var(--serif);color:#567b46}.activity-donut small{font-size:6px;letter-spacing:.8px;color:#9aaa88}.donut-legend{max-height:240px;overflow:auto;flex:1}.donut-legend>div{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:9px;color:#8ea078}.donut-legend i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.donut-legend strong{font-size:10px;color:#718b59;margin-left:auto}.shared-profile-summary{display:flex;align-items:center;gap:18px;background:#eef3e7;border:1px solid #e0e8d4;border-radius:11px;padding:23px;margin-bottom:23px}.shared-profile-summary>.avatar{width:49px;height:49px;font-size:24px;background:#dce9d0}.shared-profile-summary h2{font:21px var(--serif);margin:0 0 7px;color:#587745}.shared-profile-summary p{font-size:11px;color:#92a17f;margin:0}.shared-profile-summary>.count-pill{margin-left:auto;white-space:nowrap}.shared-surahs{margin-top:23px}.shared-surahs>.section-top{margin-bottom:22px}.shared-surahs>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 25px}.shared-surahs article{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;color:#7d9465}.shared-surahs article strong{font-size:10px;font-weight:500;color:#9baa89}.shared-surahs article .thin-track{grid-column:1/-1;height:3px}
@media(max-width:1200px){.memory-chart{gap:20px}.progress-ring.large{width:165px;height:165px}.memory-chart>div:last-child>strong{font-size:24px}.activity-donut-layout{gap:20px}.activity-donut{height:155px;width:155px}.progression-layout{grid-template-columns:minmax(0,1.9fr) minmax(190px,1fr)}}
@media(max-width:1000px){.participants-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.graph-controls{padding:18px;gap:12px}.progression-layout{grid-template-columns:1fr}.progress-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.progress-numbers .stat-card{padding:15px}.progress-numbers .stat-value{font-size:27px}.memory-chart{gap:35px}.progress-ring.large{width:200px;height:200px}.activity-donut-layout{gap:35px}.activity-donut{width:190px;height:190px}.shared-surahs>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-heading:has(.page-heading-actions){flex-direction:column}.page-heading-actions .secondary{font-size:10px;padding:10px 14px}.page-heading-actions .secondary .icon{width:15px;height:15px}.participants-grid{grid-template-columns:1fr}.participant-tile{padding:22px}.participant-tile h2{margin-top:16px}.graph-controls{grid-template-columns:1fr 1fr;gap:15px 11px;padding:16px}.graph-controls label:first-child{grid-column:1/-1}.graph-controls select{font-size:16px;padding:10px 8px}.graph-controls label{font-size:9px}.progression-chart-card{padding:20px 17px;min-height:340px}.progression-chart-card h2{font-size:23px}.progression-chart-card .section-top{margin-bottom:20px}.memory-chart{gap:19px;flex-direction:column;padding:7px 0}.progress-ring.large{height:180px;width:180px}.memory-chart>div:last-child{text-align:center}.memory-chart>div:last-child>strong{font-size:26px}.memory-chart>div:last-child>strong small{font-size:10px}.memory-chart>div:last-child>p{font-size:10px;margin:5px 0}.chart-caption{font-size:9px;margin-top:20px}.progress-svg{min-height:170px}.progress-numbers{grid-template-columns:1fr;gap:12px}.progress-numbers .stat-card{padding:17px 20px}.progress-numbers .stat-value{font-size:29px}.activity-donut-layout{flex-direction:column;gap:23px;padding-top:8px}.activity-donut{width:180px;height:180px}.donut-legend{width:100%;max-width:260px}.donut-legend>div{font-size:9px}.shared-profile-summary{padding:19px 17px;gap:12px;align-items:flex-start;flex-wrap:wrap}.shared-profile-summary h2{font-size:19px}.shared-profile-summary p{font-size:10px}.shared-profile-summary>.count-pill{font-size:8px;margin-left:0}.shared-surahs>div:last-child{grid-template-columns:1fr}.shared-surahs article{font-size:11px}.account-display .secondary{font-size:11px}.dismiss-panel{width:27px;height:27px}}
.timezone-field{margin-bottom:20px}.modal .timezone-field>label{margin-bottom:8px}.modal .timezone-field .timezone-search{position:relative;display:block;margin-bottom:10px}.timezone-search>span{position:absolute;left:11px;top:10px;color:#8b9f77;pointer-events:none}.timezone-search .icon{width:15px;height:15px}.modal .timezone-search input{padding-left:34px;font-size:11px}.timezone-controls{display:flex;gap:10px;align-items:stretch}.timezone-controls select{min-width:0;flex:1}.timezone-controls .secondary{font-size:10px;padding:10px 12px;gap:7px;flex-shrink:0}.timezone-controls .secondary .icon{width:15px;height:15px}.timezone-clock{font-size:10px;color:#7b9269;margin:10px 0}.timezone-location-status:empty{display:none}.timezone-location-status{font-size:10px;line-height:1.9;color:#6e865b;background:#f0f5e9;border:1px solid #e1e9d5;border-radius:7px;padding:12px;overflow-wrap:anywhere}.timezone-location-status.location-error{background:#faf1e7;border-color:#efdfc8;color:#aa8660}.timezone-field .field-note{margin-bottom:12px}
@media(max-width:700px){.timezone-controls{flex-direction:column;gap:8px}.timezone-controls .secondary{align-self:flex-start;min-height:42px;padding:10px 15px;font-size:11px}.modal .timezone-search input{font-size:16px}.timezone-search>span{top:12px}.timezone-field .field-note{font-size:9px}.timezone-location-status{font-size:10px}}
.auth-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);min-height:100dvh}.auth-story{background:linear-gradient(145deg,#174c3d,#2b6249);color:#f9f7e9;padding:45px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:'';height:600px;width:420px;border:1px solid #adbc8e2b;border-radius:220px 220px 0 0;position:absolute;bottom:-120px;right:-180px;pointer-events:none}.auth-story .brand{padding:0;margin-bottom:60px;color:#faf7e7}.auth-story .brand-icon{border:1px solid #b2c29b55;background:#ffffff0a}.auth-story .brand small{color:#afc4a3}.auth-story-copy{margin:auto 0;position:relative;z-index:1}.auth-story-copy>.eyebrow{color:#b0c59c;letter-spacing:2px}.auth-story-copy h1{font:43px/1.3 var(--serif);letter-spacing:-1px;margin:20px 0}.auth-story-copy>p{font-size:13px;color:#b7cdb9;line-height:1.9;max-width:390px}.auth-promises{display:flex;flex-direction:column;gap:21px;margin-top:45px;color:#c2d4b9;font-size:11px}.auth-promises>span{display:flex;align-items:center;gap:13px}.auth-promises .icon{height:18px;width:18px;color:#d3c69c}.auth-story-foot{font-size:10px;color:#9bb591;margin-top:65px}.auth-main{padding:48px 65px;max-width:none;width:100%;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.auth-card{width:100%;max-width:430px}.auth-card>h2{font:33px/1.35 var(--serif);letter-spacing:-.6px;margin:12px 0 8px}.auth-card>p{font-size:12px;color:#8b9a80;line-height:1.9;margin:0 0 24px}.auth-tabs{display:flex;width:100%;margin-bottom:24px}.auth-tabs>button{flex:1;padding:10px;font-size:11px}.auth-card label,.account-security label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6e8162;margin-bottom:17px}.auth-card input:not([type=radio]),.account-security input{width:100%;border:1px solid #dce4d6;border-radius:7px;padding:13px 12px;background:#fff;font-size:13px;color:#385335;min-width:0}.auth-card input::placeholder,.account-security input::placeholder{color:#b1baaa;font-size:11px}.auth-card .primary{padding:13px 18px;font-size:12px}.auth-recovery{display:flex;margin:16px auto 0;font-size:10px}.auth-demo{display:flex;gap:7px;align-items:center;justify-content:center;color:#99a48e;font-size:10px;margin-top:29px;padding-top:23px;border-top:1px solid #e5eadf}.auth-demo .icon{width:14px;height:14px}.auth-footer{font-size:9px;color:#a4af98;margin-top:35px;text-align:center}.identity-choice{border:0;padding:0;margin:23px 0}.identity-choice legend{font-size:11px;color:#718466;padding:0;margin-bottom:10px}.identity-options{display:flex;gap:13px}.identity-options>label{position:relative;flex:1;margin:0;cursor:pointer}.identity-options input{position:absolute;left:14px;top:18px;width:13px;height:13px;accent-color:#326445}.identity-options span{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:16px 12px 15px 38px;border:1px solid #dce5d2;border-radius:9px;background:white;font-size:12px;color:#688059;transition:background .15s}.identity-options input:checked+span{background:#e8f0df;border-color:#85a36c;color:#3c6535;box-shadow:0 0 0 1px #85a36c}.identity-options input:focus-visible+span{outline:3px solid #b19b5b;outline-offset:3px}.identity-options span small{display:block;width:100%;font-size:9px;color:#99a58c}.identity-options .icon{width:15px;height:15px}.identity-choice>p{font-size:9px;line-height:1.9;color:#96a387;margin:12px 0 0}.room-notice{display:flex;align-items:center;gap:9px;background:#eef3e8;color:#7c9269;padding:12px 14px;border-radius:7px;margin-bottom:20px;font-size:10px}.room-notice .icon{width:16px;height:16px}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.account-identity .section-top{margin-bottom:25px}.account-person{display:flex;gap:14px;align-items:center;margin-bottom:23px}.account-person .avatar{height:49px;width:49px;font-size:24px;background:#e6eedf}.account-person h3{font:23px var(--serif);margin:0 0 3px}.account-person p{font-size:11px;color:#94a287;margin:0;overflow-wrap:anywhere}.account-identity dl{margin:0 0 25px}.account-identity dl>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.account-identity dt{color:#96a18b}.account-identity dd{margin:0;text-align:right;color:#627a53}.account-security>h2{margin-bottom:12px}.account-security>p{margin-bottom:23px}.room-account{grid-column:1/-1;display:block;max-width:100%}.room-account>h2{margin:15px 0 10px}.room-account>p{max-width:720px;font-size:12px;color:#91a082;line-height:1.9}.room-account>p.field-note{font-size:10px}.account-actions{display:flex;gap:12px;margin-top:20px}.recovery-panel{padding:22px;background:#f1f5eb;border:1px solid #e1e9d7;border-radius:10px}.recovery-panel>span{color:#8a9d73;display:block;margin-bottom:10px}.recovery-panel>p{font-size:12px;color:#819271;line-height:1.9}.recovery-panel code{display:block;overflow-wrap:anywhere;background:#fff;border:1px solid #d9e4ca;border-radius:7px;padding:16px;font-size:14px;line-height:2;letter-spacing:1px;color:#507146;margin:18px 0}.recovery-panel .secondary{font-size:11px}.community-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:23px;align-items:start}.community-layout>aside{display:grid;gap:20px}.conversation{padding:0;overflow:hidden}.conversation-header{display:flex;align-items:center;gap:13px;padding:22px 24px;border-bottom:1px solid var(--line)}.conversation-header h2{font:20px var(--serif);margin:0 0 4px}.conversation-header p{font-size:9px;color:#9baa8d;margin:0}.conversation-header>.count-pill{margin-left:auto;font-size:7px;letter-spacing:.5px}.message-list{max-height:570px;min-height:220px;overflow:auto;padding:24px 23px;display:flex;flex-direction:column;gap:23px}.message{display:flex;gap:11px;align-items:flex-start}.message>.avatar{height:30px;width:30px;font-size:12px}.message-bubble{background:#f4f7f0;border:1px solid #e8eede;border-radius:0 11px 11px 11px;padding:13px 15px;min-width:0;max-width:90%;flex:1}.message.mine .message-bubble{background:#eaf1e2;border-color:#dce7d0}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.message-meta strong{font-weight:600;color:#698259}.message-meta strong small{font-size:8px;font-weight:400;color:#99ac84;margin-left:4px}.message-meta time{font-size:8px;color:#a4b094;white-space:nowrap}.message-bubble>p{font-size:12px;line-height:1.9;color:#758968;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-remove{display:flex;margin:8px 0 0 auto;font-size:8px;color:#9baa8f}.message-composer{padding:20px 23px;border-top:1px solid var(--line);background:#fcfdf9}.message-composer>label{display:block;font-size:10px;color:#80966c;margin-bottom:10px}.message-composer>textarea{width:100%;border:1px solid #dce5d1;border-radius:8px;background:#fff;font-size:12px;padding:13px;color:#5b7650;resize:vertical;min-height:80px}.message-composer>textarea::placeholder{font-size:11px;color:#aab79e}.message-composer>div:not(.form-error){display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.message-composer>div>span{font-size:9px;color:#a2af94}.message-composer .primary{font-size:10px;padding:10px 17px}.message-composer .form-error{margin:8px 0 0}.room-rules h2{font:23px var(--serif);margin:18px 0 14px}.room-rules p,.room-rules li{font-size:11px;color:#95a587;line-height:1.9}.room-rules ul{padding-left:17px}.room-rules .text-btn{font-size:10px;margin-top:10px;text-align:left}
@media(max-width:1100px){.auth-story{padding:37px}.auth-story-copy h1{font-size:37px}.auth-main{padding:45px 35px}.community-layout{grid-template-columns:1fr}.community-layout>aside{grid-template-columns:1fr 1fr}.message-list{max-height:500px}}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px 30px}.auth-story .brand{margin-bottom:24px}.auth-story-copy h1{font-size:28px;margin:12px 0}.auth-story-copy>p,.auth-promises,.auth-story-foot{display:none}.auth-story .brand small{font-size:7px}.auth-story .brand-icon{width:38px;height:38px}.auth-story .brand>span:last-child{font-size:35px}.auth-main{padding:35px 25px 45px}.auth-card{max-width:470px}.account-layout{grid-template-columns:1fr}.room-account{grid-column:auto}.community-layout>aside{grid-template-columns:1fr}.auth-card>h2{font-size:29px}.auth-card input:not([type=radio]),.account-security input{font-size:16px}.auth-card>p{font-size:11px}.auth-demo{font-size:10px}.account-actions{flex-wrap:wrap}.account-person p{font-size:10px}}
@media(max-width:700px){.sidebar .nav-item{font-size:7px}.sidebar .nav-item .icon{width:18px;height:18px}.community-layout{gap:18px}.conversation-header{padding:19px 17px;gap:9px}.conversation-header h2{font-size:18px}.conversation-header p{font-size:8px}.conversation-header>.count-pill{font-size:6px;padding:4px 5px}.message-list{padding:20px 15px;gap:18px;min-height:200px}.message>.avatar{height:25px;width:25px;font-size:10px}.message{gap:7px}.message-bubble{padding:11px 12px;max-width:100%}.message-bubble>p{font-size:11px}.message-meta{gap:8px;font-size:9px;align-items:flex-start;flex-wrap:wrap}.message-meta time{font-size:7px}.message-composer{padding:18px 15px}.message-composer>textarea{font-size:16px}.message-composer>div>span{font-size:8px;max-width:170px}.community-layout .page-heading h1{font-size:29px}.auth-story{padding:24px}.auth-story-copy h1{font-size:27px}.auth-story .brand{margin-bottom:20px}.auth-main{padding:30px 23px 35px}.identity-options{gap:10px}.identity-options span{padding-left:33px;font-size:11px}.identity-options input{left:12px}.identity-options span small{font-size:8px}.identity-choice>p{font-size:9px}.auth-footer{font-size:8px}.recovery-panel{padding:16px}.recovery-panel code{font-size:12px}.account-identity dl>div{font-size:10px}.account-identity .secondary{font-size:10px;white-space:normal}}
.spouse-card{margin-bottom:24px}.spouse-card>.section-top{margin-bottom:14px}.spouse-card h2{margin:9px 0 0}.spouse-intro{font-size:12px;color:#829574;line-height:1.9;max-width:800px}.spouse-options{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.spouse-options>form+form{border-left:1px solid var(--line);padding-left:28px}.spouse-card h3{font:23px var(--serif);color:#587548;margin:0 0 12px}.spouse-options p,.spouse-invitation>p,.spouse-active p{font-size:12px;line-height:1.9;color:#81936f;max-width:650px}.spouse-consent{display:flex;gap:11px;align-items:flex-start;font-size:11px;line-height:1.9;color:#728764;margin:18px 0 20px;cursor:pointer}.spouse-consent input{margin-top:4px;width:16px;height:16px;accent-color:#4e7847;flex-shrink:0}.spouse-code-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#829573;margin:18px 0 20px}.spouse-code-label input{width:100%;border:1px solid #dce5d2;border-radius:7px;background:white;padding:13px;font-size:13px;color:#526d45;min-width:0}.spouse-scope{border-top:1px solid var(--line);padding-top:18px;margin:20px 0 0;font-size:10px;line-height:1.9;color:#98a58a}.spouse-invitation{background:#f3f6ed;border:1px solid #e4ebd9;border-radius:9px;padding:23px;margin:22px 0}.spouse-invitation>.count-pill{display:inline-block;margin-bottom:17px}.spouse-code{display:block;max-width:570px;background:#fff;border:1px solid #dde6d2;border-radius:7px;overflow-wrap:anywhere;padding:16px;font:16px/1.8 monospace;letter-spacing:1px;color:#456c3e;margin:15px 0}.spouse-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spouse-active{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:#eef4e6;border:1px solid #dfE8d3;padding:25px;border-radius:9px;margin-top:23px}.spouse-active>.avatar{height:57px;width:57px;font-size:26px;background:#dbe7ce;flex-shrink:0}.spouse-active>div:first-of-type{flex:1}.spouse-active h3{margin:11px 0 6px;font-size:27px}.spouse-active p{margin:0}.spouse-active>.spouse-actions{width:100%;padding-top:7px}.spouse-demo{padding:11px 14px;background:#faf5e9;border-radius:6px;font-size:10px;color:#a2916d;line-height:1.8}.spouse-demo-links{display:flex;gap:22px;font-size:10px;color:#80946c;margin-top:10px}.spouse-demo-links a{text-decoration:underline;text-underline-offset:3px}.spouse-view-notice{padding:14px 18px;background:#f0f4e8;border-radius:7px;font-size:11px;line-height:1.8;color:#7d9267;margin-bottom:22px}
@media(max-width:700px){.spouse-card{padding:21px 18px}.spouse-options{grid-template-columns:1fr;gap:24px}.spouse-options>form+form{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.spouse-invitation{padding:18px 15px}.spouse-code{font-size:13px;letter-spacing:.5px}.spouse-code-label input{font-size:16px}.spouse-active{padding:20px 17px;gap:14px}.spouse-actions{align-items:stretch;flex-direction:column;width:100%}.spouse-actions>button{justify-content:center}.spouse-card .primary,.spouse-card .secondary{font-size:11px}.spouse-card h3{font-size:22px}.spouse-intro,.spouse-options p,.spouse-invitation>p,.spouse-active p{font-size:11px}.spouse-consent{font-size:10px}.spouse-scope{font-size:9px}.spouse-demo-links{flex-wrap:wrap;gap:14px}}
/* Personal activities, family and planning */
.brand .brand-word{line-height:1;min-width:0}.brand .brand-word b{display:block;font-family:"Traditional Arabic","Noto Naskh Arabic",serif;font-size:40px;font-weight:500;letter-spacing:0;line-height:1.15}.brand .brand-word small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:8px;line-height:1.8}.brand .brand-emblem{height:36px;width:36px}.brand{margin-bottom:32px}.sidebar nav{margin-bottom:20px}.sidebar .nav-item{padding-top:12px;padding-bottom:12px}.daily-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0 24px}.daily-shortcuts .secondary{font-size:11px}.edition-reference{display:flex;align-items:center;gap:8px;color:#849674;font-size:11px;text-align:left;margin-top:-7px}.edition-reference .icon{height:15px;width:15px}.spouse-shortcut{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.spouse-shortcut h2{margin:7px 0 0;font:23px var(--serif)}.edition-card{margin-bottom:24px}.edition-card h2{margin:10px 0 15px}.edition-card>p{font-size:12px;line-height:1.9;color:#829574}.edition-card form{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin:22px 0}.edition-card label,.family-forms label,.planning-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#7c9269}.edition-card select,.family-forms input,.planning-toolbar input,.family-invite-link input{border:1px solid #dce5d1;border-radius:7px;padding:12px;background:white;color:#59734a;min-width:0;font-size:12px}.edition-card select{min-width:280px}.edition-card .text-btn{font-size:11px}.family-notice{border:1px solid #e0e8d5;background:#f1f5ea;color:#7f936a;border-radius:8px;padding:18px 21px;font-size:12px;line-height:1.9;margin-bottom:23px}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.family-join{margin-bottom:23px}.family-join p,.family-group p,.family-forms p{font-size:12px;color:#8b9c7a;line-height:1.9}.family-join>.secondary{margin-left:12px}.family-group .section-top{align-items:flex-start}.family-group h2{font-size:25px}.family-members{margin:20px 0}.family-members article{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line);flex-wrap:wrap}.family-members article>div:first-of-type{flex:1;min-width:90px}.family-members strong{font-size:12px;font-weight:500;color:#6f885b}.family-members small{display:block;font-size:9px;color:#a3b094}.family-member-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.family-member-actions .text-btn{font-size:10px}.family-member-actions .primary{font-size:10px;padding:8px 12px}.family-forms label{margin:20px 0}.family-invite-link{margin-top:18px;background:#f5f7f0;padding:15px;border-radius:7px}.family-invite-link input{width:100%;font-size:11px;margin:8px 0 12px}.family-invite-link p{font-size:10px}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.activity-goal h2{font-size:25px;margin:12px 0 20px}.activity-goal>.progress-ring{height:150px;width:150px;margin:10px 0 20px}.activity-goal .progress-ring strong{font-size:31px}.activity-goal p{font-size:12px;color:#849774}.activity-goal .field-note{font-size:10px}.activity-goal-editor .check-label{margin:0}.activity-goal-editor legend{padding:0 7px}.onboarding-steps{display:flex;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:10px;color:#9cab8b}.onboarding-steps span{flex:1;border-radius:5px;padding:9px;background:#f5f7f0;text-align:center}.onboarding-steps .current{background:#e3edd8;color:#5e7c47;font-weight:600}.onboarding-recap{background:#f1f5e9;padding:15px;border-radius:7px;font-size:11px;line-height:1.8;color:#81966c;margin-bottom:22px}.daily-memory{margin-top:20px}.daily-memory:disabled{opacity:.5}.ranking-choice{width:max-content;margin-bottom:24px}.regularity-list{margin-top:20px}.regularity-list article{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 5px;font-size:12px;color:#83986d}.regularity-list strong{font-weight:500;flex:1;color:#6a8456}.regularity-list article>span:last-child{color:#81976a;font-size:13px}.goals-link{margin-bottom:20px}.email-result{font-size:12px;color:#64814e;line-height:1.9}.email-result:empty{display:none}.email-result:not(:empty){padding:15px;background:#edf4e4;border-radius:7px}
@media(max-width:1050px){.family-grid,.goals-grid{grid-template-columns:1fr}.spouse-shortcut{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.daily-shortcuts{gap:8px}.daily-shortcuts .secondary{padding:9px 12px;font-size:10px}.edition-reference{font-size:9px;line-height:1.9;margin-top:0}.edition-card select{min-width:0;width:100%;font-size:16px}.edition-card form{display:block}.edition-card label{margin-bottom:14px}.family-grid,.goals-grid{grid-template-columns:1fr;gap:15px}.family-notice{padding:15px;font-size:10px}.family-forms input,.family-invite-link input{font-size:16px;width:100%}.family-join>.secondary{margin:12px 0 0}.family-join .primary{font-size:10px}.family-members article{gap:10px}.family-member-actions{width:100%;padding-left:40px}.family-group h2{font-size:23px}.onboarding-steps{gap:7px;font-size:9px}.onboarding-steps span{padding:8px 5px}.regularity-list article{gap:13px;font-size:11px}.regularity-list article>span:last-child{font-size:11px}.sidebar .nav-item{font-size:6px;letter-spacing:-.1px;padding-left:1px;padding-right:1px;min-width:0}.sidebar .nav-item .icon{height:17px;width:17px}.sidebar nav{margin-bottom:0}.sidebar .nav-item span{overflow-wrap:anywhere}}
.sidebar .nav-more{display:none}.mobile-more{display:grid;gap:11px}.mobile-more .secondary{justify-content:flex-start;padding:15px 18px;font-size:13px}
@media(max-width:700px){.sidebar .nav-extra{display:none}.sidebar .nav-more{display:flex}.sidebar .nav-item{font-size:9px;line-height:1.25;padding-left:4px;padding-right:4px}.sidebar .nav-item .icon{width:19px;height:19px}.sidebar .nav-item span{overflow-wrap:normal}}
/* Personal timetable */
.planning-page {
  --planning-hour-height: 64px;
  --planning-minute-height: 1.06666667px;
}
main:has(> .planning-page) { padding-top: 26px; }
.planning-page .page-heading .eyebrow:empty { display: none; }
.planning-calendar {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-bottom: 20px;
}
.planning-page .planning-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 22px 24px 12px;
  margin: 0;
  gap: 18px;
}
.planning-period-controls,
.planning-view-controls,
.planning-arrows {
  display: flex;
  align-items: center;
}
.planning-period-controls { gap: 14px; }
.planning-period-controls h2 {
  font: 24px var(--serif);
  margin: 0;
  color: #284c3b;
}
.planning-arrows { gap: 2px; }
.planning-arrows .icon-btn { width: 30px; height: 34px; }
.planning-back { transform: rotate(180deg); }
.planning-view-controls { gap: 12px; flex-wrap: wrap; }
.planning-view-controls .secondary {
  padding: 9px 12px;
  font-size: 11px;
  background: white;
}
.planning-view-controls .segmented { padding: 3px; }
.planning-view-controls .segmented button { padding: 8px 12px; }
.planning-page .planning-toolbar input { width: 130px; color: #536e60; }
.planning-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 24px 18px;
  font-size: 10px;
  color: #708779;
}
.planning-meta > span:first-child { display: flex; align-items: center; gap: 6px; }
.planning-meta .icon { width: 13px; height: 13px; }
.planning-load-error {
  padding: 12px 24px;
  background: #fff7ed;
  color: #8f5e31;
  font-size: 12px;
}
.planning-load-error p { margin: 0 0 6px; }
.planning-scroll {
  max-height: clamp(360px, 63vh, 700px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-color: #c5d2c8 #f5f7f3;
  border-block: 1px solid var(--line);
}
.planning-time-grid { --planning-columns: 1; position: relative; }
.planning-time-grid.is-week { --planning-columns: 7; min-width: 850px; }
.planning-time-head,
.planning-time-body {
  display: grid;
  grid-template-columns: 56px repeat(var(--planning-columns), minmax(0, 1fr));
}
.planning-time-head {
  position: sticky;
  top: 0;
  z-index: 4;
  background: #fff;
  height: 70px;
  box-shadow: 0 1px var(--line);
}
.planning-axis-head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  border-right: 1px solid var(--line);
  color: #93a397;
}
.planning-axis-head .icon { width: 16px; height: 16px; }
.planning-day-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #fff;
  color: #738577;
  border: 0;
  border-right: 1px solid var(--line);
}
.planning-day-head > span { font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.planning-day-head strong {
  display: grid;
  place-items: center;
  font-size: 19px;
  line-height: 1;
  font-weight: 500;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  color: #355747;
}
.planning-day-head.is-today strong { background: #205c49; color: #fff; }
.planning-day-head.is-today > span { color: #205c49; }
.planning-axis {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  color: #84978a;
  border-right: 1px solid var(--line);
}
.planning-axis > span {
  display: block;
  height: var(--planning-hour-height);
  box-sizing: border-box;
  font-size: 10px;
  text-align: center;
  transform: translateY(-6px);
}
.planning-axis > span:first-child { transform: none; padding-top: 3px; }
.planning-lane { position: relative; min-width: 0; border-right: 1px solid var(--line); }
.planning-slot {
  display: block;
  width: 100%;
  height: calc(var(--planning-hour-height) / 2);
  box-sizing: border-box;
  background: #fff;
  border: 0;
  border-bottom: 1px dashed #edf0e9;
  color: #618474;
  padding: 0;
  text-align: center;
}
.planning-slot:nth-child(even) { border-bottom-style: solid; border-bottom-color: #e4ebe2; }
.planning-lane.is-today .planning-slot { background: #fafcf8; }
.planning-slot > span { opacity: 0; font-size: 19px; font-weight: 300; }
.planning-slot:hover, .planning-lane.is-today .planning-slot:hover { background: #edf4e9; }
.planning-slot:hover > span, .planning-slot:focus-visible > span { opacity: 1; }
.planning-page :is(button, input, .planning-scroll):focus-visible {
  outline: 2px solid #337b61;
  outline-offset: -2px;
}
.kind-memory { --planning-accent: #387658; --planning-fill: #eaf3e7; --planning-text: #315d43; }
.kind-reading { --planning-accent: #648aaf; --planning-fill: #edf3fa; --planning-text: #3c6389; }
.kind-revision { --planning-accent: #c29446; --planning-fill: #fbf3e3; --planning-text: #886229; }
.kind-tasmi { --planning-accent: #9780ae; --planning-fill: #f3eef8; --planning-text: #72578a; }
.kind-lesson { --planning-accent: #4d9291; --planning-fill: #e9f5f2; --planning-text: #35716f; }
.kind-lesson_attend { --planning-accent: #707eb2; --planning-fill: #edf0fa; --planning-text: #4e5e95; }
.kind-other { --planning-accent: #9a9b8c; --planning-fill: #f2f2ed; --planning-text: #6f7362; }
.planning-block {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-left: 3px solid var(--planning-accent);
  border-radius: 5px;
  padding: 6px 7px;
  background: var(--planning-fill);
  color: var(--planning-text);
  text-align: left;
  line-height: 1.4;
}
.planning-lane > .planning-block {
  position: absolute;
  z-index: 1;
  top: calc(var(--start) * var(--planning-minute-height));
  height: calc(var(--length) * var(--planning-minute-height) - 3px);
  left: calc(var(--lane) * 100% / var(--lanes) + 3px);
  width: calc(100% / var(--lanes) - 6px);
}
.planning-block:hover { filter: brightness(.97); box-shadow: 0 2px 7px #244c3520; }
.planning-block-time { display: flex; justify-content: space-between; gap: 3px; font-size: 10px; white-space: nowrap; }
.planning-block-title { font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.planning-block.is-short { flex-direction: row; flex-wrap: wrap; align-content: start; padding: 2px 5px; gap: 0 7px; }
.planning-block.is-short .planning-block-time { font-size: 9px; }
.planning-block.is-short .planning-block-title { font-size: 10px; }
.planning-block.is-completed { opacity: .6; }
.planning-block.is-completed .planning-block-title { text-decoration: line-through; }
.planning-conflict { color: #a15d37; font-weight: 700; }
.planning-now {
  position: absolute;
  top: calc(var(--start) * var(--planning-minute-height));
  inset-inline: 0;
  z-index: 1;
  height: 1px;
  background: #b7795b;
  pointer-events: none;
}
.planning-now::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: inherit;
}
.planning-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  list-style: none;
  margin: 0;
  padding: 17px 24px;
}
.planning-legend li { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #728577; }
.planning-legend li > span { width: 7px; height: 7px; border-radius: 50%; background: var(--planning-accent); }
.planning-page > .field-note { line-height: 1.8; }
.planning-page > .field-note .text-btn { font-size: inherit; text-decoration: underline; }
.planning-month-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.planning-weekday {
  text-align: center;
  padding: 12px 0;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-size: 10px;
  color: #7e9182;
  background: #f9faf6;
  border-bottom: 1px solid var(--line);
}
.planning-month-cell {
  min-height: 116px;
  padding: 6px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  min-width: 0;
}
.planning-month-cell.is-outside { background: #fafbf8; }
.planning-month-cell.is-today { background: #fafcf8; }
.planning-month-cell:nth-child(7n) { border-right: 0; }
.planning-month-date { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.planning-month-date > button {
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  color: #657f6b;
  font-size: 12px;
}
.planning-month-cell.is-today .planning-month-date > button:first-child { color: white; background: #205c49; }
.planning-month-add .icon { width: 13px; height: 13px; }
.planning-month-date > button:hover { background: #eaf0e5; }
.planning-month-cell .planning-block { width: 100%; gap: 0; padding: 4px 5px; margin-bottom: 4px; }
.planning-month-cell .planning-block-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; }
.planning-month-cell .planning-block-time { font-size: 9px; }
.planning-month-more { border: 0; background: none; color: #55785e; font-size: 10px; padding: 2px 5px; }
.prayer-settings-button {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 5px 9px;
  border: 1px solid #ead6d1;
  border-radius: 6px;
  background: #fff8f6;
  color: #8b453b;
  font-size: 11px;
}
.planning-prayer,
.planning-month-prayers,
.planning-legend .prayer-legend > span {
  background: repeating-linear-gradient(135deg, #fff8f6 0 5px, #f7dfda 5px 8px);
  border: 1px solid #cc8680;
  color: #82372e;
}
.planning-prayer {
  justify-content: center;
  padding: 0 5px;
  border-left-width: 3px;
  border-radius: 4px;
  line-height: 1.15;
  font-size: 10px;
  font-weight: 600;
}
.planning-prayer > span { display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.planning-month-prayers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 22px;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 10px;
  margin-top: 4px;
}
.planning-month-prayers .icon { width: 11px; height: 11px; }
.planning-legend .prayer-legend > span { width: 12px; border-radius: 2px; }
.prayer-unavailable { color: #8b453b; padding: 0 24px 14px; margin: 0; font-size: 11px; }
.prayer-location-controls { display: flex; gap: 10px; align-items: end; }
.prayer-location-controls > label { flex: 1; min-width: 0; }
.prayer-location-controls > button { margin-bottom: 17px; white-space: nowrap; }
.prayer-adjustments { margin-bottom: 16px; }
.prayer-adjustments > summary { cursor: pointer; font-size: 12px; color: #436c55; margin-bottom: 12px; }
.prayer-offsets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 10px; }
.prayer-time-list { list-style: none; padding: 0; margin: 0 0 16px; }
.prayer-time-list li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.prayer-time-list li > span { color: #8b453b; }
.modal:has(#prayer-settings-form) .modal-top { position: sticky; top: 0; z-index: 1; background: #fff; }
@media (max-width: 700px) {
  .planning-page .planning-toolbar { padding: 17px 14px 12px; gap: 14px; }
  .planning-period-controls { width: 100%; gap: 10px; }
  .planning-period-controls h2 { font-size: 21px; }
  .planning-view-controls { gap: 8px; width: 100%; }
  .planning-view-controls .segmented { margin-left: auto; }
  .planning-view-controls .segmented button { padding: 7px 9px; font-size: 11px; }
  .planning-page .planning-toolbar input { width: 34px; padding: 7px 6px; font-size: 16px; }
  .planning-page .planning-toolbar input::-webkit-datetime-edit { display: none; }
  .planning-page .planning-toolbar input::-webkit-calendar-picker-indicator { margin: 0; }
  .planning-view-controls .secondary { padding: 8px 9px; font-size: 10px; }
  .planning-meta { padding: 0 14px 14px; font-size: 9px; }
  .planning-time-head, .planning-time-body { grid-template-columns: 47px repeat(var(--planning-columns), minmax(0, 1fr)); }
  .planning-time-head { height: 60px; }
  .planning-scroll { max-height: 56vh; min-height: 310px; }
  .planning-block-title { font-size: 12px; }
  .planning-legend { padding: 14px; gap: 10px 15px; }
  .planning-legend li { font-size: 9px; }
  .planning-month-cell { min-height: 90px; padding: 3px; }
  .planning-month-date { justify-content: center; }
  .planning-month-date > .planning-month-add { display: none; }
  .planning-month-date > button { width: 26px; height: 26px; font-size: 11px; }
  .planning-month-cell .planning-block { padding: 4px 2px; border-left-width: 2px; }
  .planning-month-cell .planning-block-time { display: none; }
  .planning-month-cell .planning-block-title { font-size: 9px; }
  .planning-month-more { font-size: 9px; }
  .planning-weekday { font-size: 9px; letter-spacing: 0; }
  .planning-month-prayers > span { display: none; }
  .prayer-settings-button { font-size: 10px; }
}

.journal-day-heading {
  margin: 9px 0 0;
  padding: 3px 0 13px;
  border-bottom: 1px solid var(--line);
  color: #285440;
  font-size: 14px;
  font-weight: 600;
}
.journal-disclosure { padding-block: 0; }
.journal-day:has(.journal-disclosure:not([open])) { margin-bottom: 12px; }
.journal-disclosure summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  color: #436e55;
}
.journal-disclosure summary::-webkit-details-marker { display: none; }
.journal-disclosure summary > span::first-letter { text-transform: uppercase; }
.journal-disclosure summary .icon { width: 16px; height: 16px; transform: rotate(90deg); }
.journal-disclosure[open] summary .icon { transform: rotate(-90deg); }
.journal-disclosure[open] summary { border-bottom: 1px solid var(--line); }
.journal-day-content { padding-bottom: 16px; }
.journal-day-content > .text-btn { margin-top: 14px; font-size: 10px; }
.family-tabs { display: inline-flex; flex-wrap: wrap; margin-bottom: 22px; }
.activity-calendar {
  --activity-level-0: #eef2eb;
  --activity-level-1: #cfe2ca;
  --activity-level-2: #a2c29a;
  --activity-level-3: #689967;
  --activity-level-4: #365f42;
  margin: 14px 0 20px;
}
.activity-calendar-dates { font-size: 11px; color: #54705a; margin-bottom: 12px; }
.activity-calendar-grid { display: grid; grid-template-columns: max-content repeat(var(--calendar-weeks), minmax(0, 32px)); gap: 4px; }
.activity-calendar-week, .activity-calendar-labels { display: grid; grid-template-rows: repeat(7, 18px); gap: 4px; }
.activity-calendar-labels span { display: flex; align-items: center; padding-right: 6px; font-size: 9px; color: #536d58; }
.activity-calendar-day, .activity-calendar-key i {
  background: var(--activity-level-0);
  border: 1px solid #7b987322;
  border-radius: 3px;
}
.activity-calendar [data-level="1"] { background: var(--activity-level-1); }
.activity-calendar [data-level="2"] { background: var(--activity-level-2); }
.activity-calendar [data-level="3"] { background: var(--activity-level-3); }
.activity-calendar [data-level="4"] { background: var(--activity-level-4); }
.activity-calendar-key { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 12px; font-size: 10px; color: #536d58; }
.activity-calendar-key i { width: 12px; height: 12px; }
.activity-calendar-key i:first-child { margin-right: 3px; }
.activity-calendar-key .scale-start { margin-left: 8px; }
.dashboard-salam { font-family: "Traditional Arabic", "Noto Naskh Arabic", Tahoma, serif; unicode-bidi: isolate; }
.site-guide-active { --guide-width: 350px; --guide-height: min(44dvh, 400px); }
.site-guide-active #app > .shell { margin-right: var(--guide-width); }
.site-guide-panel {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 21;
  width: var(--guide-width);
  pointer-events: none;
}
.site-guide-bubble {
  position: absolute;
  inset: var(--bubble-top, 12px) 12px auto 12px;
  max-height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #c7dccb;
  border-radius: 15px;
  box-shadow: 0 8px 30px #183c2920;
  color: #254838;
}
.site-guide-bubble::before {
  content: '';
  position: absolute;
  left: -7px;
  top: var(--bubble-pointer, 40px);
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #c7dccb;
  border-bottom: 1px solid #c7dccb;
  transform: translateY(-50%) rotate(45deg);
}
.modal-open .site-guide-panel { visibility: hidden; }
.guide-header {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
.guide-header strong { display: block; font: 20px var(--serif); }
.guide-header small { display: block; color: #54705c; font-size: 10px; margin-top: 2px; }
.guide-header > .icon-btn { width: 28px; height: 28px; }
#site-guide-content { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 14px 16px; }
.site-guide-target { outline: 2px solid #3a805c; outline-offset: 4px; box-shadow: 0 0 0 7px #4a9a6833; }
.guide-index {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 83px;
  gap: 12px;
  align-items: center;
  padding: 10px;
  margin-bottom: 15px;
  background: #f3f7ef;
  border: 1px solid #e0e9db;
  border-radius: 9px;
}
.guide-index label { display: grid; gap: 5px; color: #45634d; font-size: 11px; }
.guide-index select { width: 100%; min-width: 0; padding: 6px 8px; color: #28543e; border: 1px solid #cbdccd; border-radius: 5px; background: #fff; }
.guide-progress { display: grid; gap: 8px; font-size: 10px; color: #45634d; }
.guide-progress progress { width: 100%; height: 9px; accent-color: #2b684f; }
.guide-chapter-heading { display: flex; gap: 12px; align-items: center; }
.guide-chapter-heading .stat-icon { flex-shrink: 0; }
.guide-chapter-heading h3 { margin: 0; color: #254838; font: 22px/1.25 var(--serif); }
.guide-chapter-heading h3:focus { outline: none; }
.guide-intro, .guide-actions, .guide-units, .guide-example {
  color: #425b4b;
  font-size: 13px;
  line-height: 1.65;
}
.guide-intro { margin: 9px 0; }
.guide-locate { font-size: 11px; }
.site-guide-panel h4 { margin: 13px 0 7px; color: #234937; font-size: 13px; }
.guide-actions { margin: 0; padding-left: 18px; }
.guide-actions li + li { margin-top: 4px; }
.guide-units { margin: 0; border-block: 1px solid #e2ebe0; }
.guide-units > div { padding: 8px 0; }
.guide-units > div + div { border-top: 1px solid #e2ebe0; }
.guide-units dt { color: #28543e; font-weight: 600; }
.guide-units dd { margin: 0; }
.guide-example {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  margin: 14px 0 0;
  border-radius: 7px;
  background: #f8f3e8;
}
.guide-example strong { color: #675332; }
.guide-note, .spouse-limit { color: #617466; font-size: 11px; line-height: 1.6; }
#site-guide-controls, .guide-footer-steps { display: flex; align-items: center; gap: 10px; }
#site-guide-controls { flex: none; padding: 10px 16px; justify-content: space-between; border-top: 1px solid var(--line); }
#site-guide-controls :is(.primary,.secondary) { padding: 8px 11px; font-size: 11px; }
#site-guide-controls .text-btn { font-size: 11px; }
#site-guide-controls button:disabled { opacity: .45; cursor: default; }
@media (min-width: 1101px) and (max-width: 1450px) {
  .site-guide-active :is(.dashboard-grid, .journal-layout, .progression-layout, .community-layout, .ranking-layout) { grid-template-columns: minmax(0, 1fr); }
  .site-guide-active .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-guide-active #content { padding-inline: 24px; }
}
@media (max-width: 1100px) {
  .site-guide-active { overflow: hidden; }
  .site-guide-active #app { height: calc(100dvh - var(--guide-height)); overflow: auto; overscroll-behavior: contain; }
  .site-guide-active #app > .shell { margin-right: 0; }
  .site-guide-active #app > .sidebar { bottom: var(--guide-height); }
  .site-guide-panel { inset: auto 0 0; width: 100%; height: var(--guide-height); }
  .site-guide-bubble { inset: 8px 12px 8px; max-height: none; }
  .site-guide-bubble::before { left: var(--bubble-pointer, 40px); top: -7px; transform: translateX(-50%) rotate(135deg); }
  .guide-header { padding-block: 8px; }
  #site-guide-content { padding-block: 10px; }
}
@media (max-width: 700px) {
  .guide-index select { font-size: 16px; }
  .site-guide-active #content { scroll-margin-bottom: 68px; }
  .site-guide-target { scroll-margin-bottom: 68px; }
}
@media (max-width: 700px) {
  .activity-calendar-grid { gap: 2px; }
  .activity-calendar-week, .activity-calendar-labels { grid-template-rows: repeat(7, 16px); gap: 2px; }
  .activity-calendar-labels span { padding-right: 2px; font-size: 8px; }
}