:root{font-family:system-ui,-apple-system,sans-serif;color:#193e38;background:#f6f1e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px 18px 70px}header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:750}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#d9e8db;color:#266256}.page-title{font-size:clamp(2rem,7vw,3.4rem);margin:48px 0 8px;line-height:1.1}.intro{font-size:1.06rem;color:#536b62;line-height:1.5;margin-bottom:30px}.cards{display:grid;grid-template-columns:1fr;gap:16px}.child-card{display:block;width:100%;border:1px solid #dce0d4;border-radius:22px;background:#fffdf7;text-align:left;padding:22px;color:inherit;min-height:220px;box-shadow:0 5px 24px #224a380c;cursor:pointer}.child-card:hover{border-color:#87ac97}.child-card:focus-visible,.button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:3px solid #256b58;outline-offset:3px}.card-heading{display:flex;align-items:center;gap:14px}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e2ecdd;color:#255a48;font-weight:800}.name{font-size:1.2rem}.summary{margin-top:20px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 10px}.count{font-size:3.2rem;line-height:1;font-weight:800;color:#276452}.count-label{font-size:.98rem;font-weight:650}.homework{grid-column:1/-1;margin:18px 0 0;line-height:1.4;color:#43574e}.card-action{display:block;margin-top:18px;font-weight:700;color:#276452}.static-card{cursor:default;min-height:170px}.empty,.locked{background:#fffdf7;padding:20px;border-radius:16px;line-height:1.5}.locked{border-left:4px solid #86ad98}.button{border:0;border-radius:14px;background:#256653;color:#fff;font:inherit;font-weight:700;padding:15px 20px;min-height:48px;cursor:pointer;margin:12px 10px 0 0}.button:disabled{opacity:.5;cursor:not-allowed}.text-button{background:transparent;color:#225844;border:0;text-decoration:underline;font:inherit;font-weight:650;min-height:48px;padding:10px;cursor:pointer;margin-top:18px}footer{margin-top:32px}.login{max-width:410px;display:flex;flex-direction:column;gap:12px;background:#fffdf7;padding:24px;border-radius:20px}.login label{font-weight:700}.login input{font:inherit;border:1px solid #8ba99b;border-radius:12px;padding:14px;min-height:50px}.login .button{margin:4px 0 0}.error{color:#a3302b;min-height:1.4em;margin:0}.admin-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px}.current{font-weight:800;padding:14px}.admin-nav .button{margin:0}@media(min-width:650px){main{padding:36px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}:lang(ar){font-family:serif;direction:rtl;line-height:1.9}.homework-detail,.assignment-panel{background:#fffdf7;border:1px solid #dce0d4;border-radius:20px;padding:24px;margin-top:24px;line-height:1.5}.homework-detail h2,.assignment-panel h2{margin:0 0 12px;font-size:1.35rem}.homework-surah{display:block;font-size:1.6rem;color:#276452}.lock-state{font-weight:700;color:#43574e}.assignment-form{display:flex;flex-direction:column;gap:10px;max-width:480px}.assignment-form label{font-weight:700}.assignment-form select,.assignment-form input[type=date]{font:inherit;border:1px solid #8ba99b;border-radius:12px;padding:12px;min-height:50px;max-width:100%;background:#fff;color:#193e38}.assignment-preview{background:#f6f1e6;border-radius:12px;padding:16px;line-height:1.5;margin:8px 0}.replace-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.replace-confirm input{width:22px;height:22px;flex:none}.replace-confirm[hidden]{display:none}.assignment-form .button{align-self:flex-start;margin:4px 0 0}.target-date{grid-column:1/-1;margin:6px 0 0;color:#43574e;line-height:1.4}.recitation-switcher{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0}.recitation-switcher .text-button{margin:0}.recitation-panel,.history-list{background:#fffdf7;border:1px solid #dce0d4;border-radius:20px;padding:24px;margin-top:20px}.recitation-panel h2,.history-list h2{margin:0 0 12px;font-size:1.35rem}.recitation-panel .summary{margin-top:8px}.recitation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.recitation-actions .button{margin:0;min-width:150px}.recitation-actions .button:first-child{background:#256653}.recitation-actions .button:last-child{background:#e2ecdd;color:#193e38}.history-list ul{list-style:none;margin:0;padding:0}.history-list li{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #dce0d4}.history-list li span{color:#43574e}.notice{padding:16px;background:#d9e8db;border-radius:12px;line-height:1.4}.learn-surah{font-size:clamp(1.5rem,5vw,2rem);margin:22px 0 16px}.learn-opening,.learn-panel{background:#fffdf7;border:1px solid #dce0d4;border-radius:20px;padding:clamp(18px,4vw,30px);margin:18px 0}.learn-opening{background:#eaf2e9;text-align:center}.opening-label{display:block;color:#426657;font-size:.88rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.learn-arabic{font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(2rem,6vw,2.65rem);font-synthesis:none;line-height:2;overflow-wrap:anywhere;margin:18px 0}.learn-progress{font-weight:800;color:#276452;margin:0}.learn-transliteration{font-size:1.08rem;line-height:1.7;color:#374d43;overflow-wrap:anywhere}.learn-controls{display:flex;flex-wrap:wrap;gap:8px}.learn-controls .button{margin:0;flex:1 1 150px}.repeat-options{border:1px solid #bad0c0;border-radius:14px;margin:20px 0 8px;padding:14px;display:flex;gap:18px;flex-wrap:wrap}.repeat-options legend{font-weight:750;padding:0 6px}.repeat-options label{display:flex;align-items:center;gap:6px;min-height:40px;font-weight:650}.repeat-options input{width:20px;height:20px}.learn-audio-state{min-height:1.4em;color:#43574e}.learn-credit{border-top:1px solid #ccd8d0;color:#536b62;font-size:.85rem;line-height:1.5;margin-top:30px}.learn-credit a{color:#225844}.learn-credit p{margin:8px 0}.surah-progress{background:#fffdf7;border:1px solid #dce0d4;border-radius:20px;padding:clamp(18px,4vw,24px);margin-top:24px}.surah-progress h2{font-size:1.35rem;margin:0}.progress-summary{font-weight:750;color:#276452;margin:8px 0 18px}.progress-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}.progress-group h3{font-size:1rem;margin:0 0 8px;color:#43574e}.progress-group ul{list-style:none;margin:0;padding:0}.progress-group li{display:flex;align-items:baseline;gap:7px;line-height:1.4;padding:3px 0}.progress-mark{display:inline-block;flex:none;width:1em;font-weight:800;color:#276452}:root{accent-color:#256653}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.button:hover:not(:disabled){background:#1d5343}.button:disabled{opacity:1;background:#e4e8e1;color:#5f7169;cursor:not-allowed;box-shadow:inset 0 0 0 1px #cfd6cc}.button-secondary{background:#fffdf7;color:#1f5646;box-shadow:inset 0 0 0 2px #256653}.button-secondary:hover:not(:disabled){background:#e2ecdd}.page-title{margin-top:36px}.card-heading,.summary,.homework,.target-date{display:flex}.summary{display:grid}.homework,.target-date{display:block}.homework strong{color:#1f5646}.homework-detail{border:2px solid #86ad98;background:#fffdf7;box-shadow:0 5px 24px #224a380f}.homework-heading{font-size:.95rem!important;text-transform:uppercase;letter-spacing:.05em;color:#426657}.homework-surah{font-size:clamp(1.9rem,8vw,2.4rem);line-height:1.15}.homework-target{font-size:1.08rem;font-weight:650;margin:8px 0 0}.homework-detail .button{margin:18px 0 4px;min-width:180px}.lock-state{font-size:.92rem;font-weight:600;margin:12px 0 0}.homework-none{font-size:1.08rem;margin:0}.count-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;background:#fffdf7;border:1px solid #dce0d4;border-radius:20px;padding:18px 24px;margin-top:16px}.count-tile .count{font-size:2.8rem}.count-tile .button{grid-column:1/-1;margin:8px 0 0;justify-self:start}.progress-summary{margin:8px 0 10px}.progress-bar{display:block;width:100%;height:10px;margin:0 0 18px;border:0;border-radius:99px;background:#e4e8e1;overflow:hidden;appearance:none}.progress-bar::-webkit-progress-bar{background:#e4e8e1;border-radius:99px}.progress-bar::-webkit-progress-value{background:#2f7a63;border-radius:99px}.progress-bar::-moz-progress-bar{background:#2f7a63;border-radius:99px}.progress-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px 20px}.progress-group h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.progress-group ul{display:flex;flex-wrap:wrap;gap:6px}.progress-group li.progress-chip{padding:5px 11px 5px 7px;border:1px solid #dce0d4;border-radius:99px;background:#f7f4ec;color:#43574e;font-size:.95rem;gap:5px;align-items:center}.progress-chip .progress-mark{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid #a9bcb1;font-size:.72rem;line-height:1}.progress-chip.is-cleared{background:#e2ecdd;border-color:#9cc0a9;color:#1d4d3f;font-weight:650}.progress-chip.is-cleared .progress-mark{background:#2f7a63;border-color:#2f7a63;color:#fff}.learn-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learn-controls .button{margin:0;min-height:52px}.learn-controls .learn-play{grid-column:1/-1;min-height:58px;font-size:1.1rem}.learn-full{display:block;width:100%;margin:6px 0 0;min-height:52px}.learn-panel .learn-progress{display:inline-block;background:#e2ecdd;border-radius:99px;padding:4px 12px;font-size:.95rem}.learn-arabic{text-align:right}.learn-transliteration{font-size:1.12rem;font-style:italic;color:#2f463c;margin:0 0 20px}.repeat-options{margin:18px 0 12px}.repeat-options label{min-height:44px;padding:0 4px;cursor:pointer}.learn-audio-state{margin:10px 0 0}.learn-credit a{display:inline-block;padding:6px 0}.recitation-switcher{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px}.switcher-count{text-align:center;font-weight:650}.recitation-actions .button{flex:1 1 150px}.history-list li strong{color:#1d4d3f}.learn-opening .learn-arabic{text-align:center}.learn-controls,.learn-full,.repeat-options{max-width:560px}@media(max-width:520px){.history-list li{flex-direction:column;gap:2px}}.page-title:has([lang=ar]){font-size:clamp(1.55rem,5vw,2.6rem)}.homework-heading [lang=ar]{font-size:1.15em}.homework-assigned{color:#536b62;margin:8px 0 0}.homework-target{margin-top:4px}.child-cta{display:block;font-size:.85rem;font-weight:600;margin-top:2px}.homework-detail .button{line-height:1.25}main{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(70px,env(safe-area-inset-bottom))}[hidden]{display:none!important}.admin-nav{margin:20px 0 28px;gap:8px}.admin-nav a{text-decoration:none;text-align:center}.admin-nav a[aria-current]{background:#256653;color:#fff}.admin-nav .text-button{margin:0}.admin-identity{font-size:.9rem;margin-left:auto}.admin-nav a:focus-visible{outline:3px solid #256b58;outline-offset:3px}.homework-group{margin-top:28px}.homework-list{display:grid;gap:12px;max-height:480px;overflow-y:auto;padding:4px}.homework-card{background:#fffdf7;border:1px solid #dce0d4;border-radius:16px;padding:18px}.homework-card h3,.homework-card p{margin:0 0 8px}.profile-list{display:flex;flex-wrap:wrap;gap:8px}.profile-list .button{margin:0}.child-overview{display:grid;gap:16px}.child-overview .homework-detail,.child-overview .count-tile{margin:0}.child-overview .count-tile{align-content:start}.zero-state{grid-column:1/-1;line-height:1.5;margin:8px 0}.heading-caption{display:block;font-size:1rem;line-height:1.5}.surah-number{margin:20px 0 4px;color:#43574e;font-weight:700}.learn-surah{margin:0 0 6px}.surah-meaning{margin:0;color:#43574e}.ayah-card{border-left:5px solid #dce0d4;scroll-margin:150px 0}.ayah-card.is-current{border-color:#256653;background:#edf3e9;box-shadow:0 0 0 1px #256653}.ayah-card.is-playing{border-left-width:9px}.ayah-cue{display:block;min-height:1.4em;font-weight:750;color:#225844}.full-surah .learn-panel:not(.is-current){background:#fffdf7}.full-controls{position:sticky;top:0;z-index:1;background:#f6f1e6;padding:12px 0;border-bottom:1px solid #ccd8d0}.full-controls h3{margin:0}.full-controls .button{margin:8px 8px 0 0}.learn-audio-state{font-weight:700}.full-surah .learn-transliteration{margin-bottom:0}.recitation-panel>.button{background:#256653;color:#fff}@media(min-width:768px){.child-overview{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.homework-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.admin-nav a{flex:1 1 100px}.admin-identity{margin-left:0}.admin-nav .text-button{margin-left:auto}.recitation-panel{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}header .child-signout{margin:0 0 0 auto;padding:8px 12px;min-height:44px;flex-shrink:0}header:has(.child-signout){gap:8px}.child-item-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.child-item-controls .button{padding:10px 5px;font-size:.9rem}.child-item-controls .learn-play{grid-column:1/-1}.full-controls .button{min-height:44px}