:root{--background:#fff;--foreground:#111827;--muted:#4b5563;--border:#e5e7eb;--accent:#0f766e;--accent-soft:#ecfdf5;--ayah:#1d4ed8;--hadith:#7c2d12}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{z-index:50;background:var(--background);border-bottom:1px solid var(--border);padding:.75rem 1rem;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.app-brand{color:var(--accent);font-size:1.35rem;font-weight:700;text-decoration:none}.app-brand:hover{color:#115e59}.app-welcome{color:var(--muted);font-size:.95rem}.app-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-nav-logout{margin-inline-start:auto}.app-nav-link{color:var(--foreground);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.app-nav-link:hover{background:var(--accent-soft);color:var(--accent)}.app-nav-link-active{background:var(--accent);color:#fff}.app-nav-link-active:hover{color:#fff;background:#115e59}.app-nav-link-button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-nav-link-button:hover{color:#b91c1c;background:#b91c1c1a}.modal-backdrop{z-index:80;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:.75rem;width:100%;max-width:24rem;max-height:80vh;padding:1.1rem 1rem .9rem;overflow-y:auto;box-shadow:0 20px 45px #0003}.page{justify-content:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.page-inner{width:100%;max-width:42rem}.flow-tabs{--flow-arrow:11px;flex-direction:row-reverse;justify-content:flex-end;gap:0;margin-bottom:1.25rem;padding:0;display:flex}.flow-tab{cursor:pointer;background:var(--border);color:var(--muted);border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;position:relative}.flow-tab--first{clip-path:polygon(0 50%,var(--flow-arrow)0,100% 0,100% 100%,var(--flow-arrow)100%)}.flow-tab--middle{clip-path:polygon(0 50%,var(--flow-arrow)0,100% 0,calc(100% - var(--flow-arrow))50%,100% 100%,var(--flow-arrow)100%)}.flow-tab--last{clip-path:polygon(0 0,100% 0,calc(100% - var(--flow-arrow))50%,100% 100%,0 100%)}.flow-tab:hover:not(.flow-tab--active){color:var(--foreground);background:#d1d5db}.flow-tab--active{background:var(--accent);color:#fff;z-index:1}.flow-tab--active:hover{color:#fff;background:#0d5c55}.flow-loading{justify-content:center;align-items:center;min-height:12rem;padding:2rem;display:flex}.flow-loading-text{opacity:.85;margin:0;animation:1s ease-in-out infinite flow-loading-pulse}@keyframes flow-loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.surah-page-below-button{display:none!important}.page-header{margin-bottom:2rem}.site-title{margin:0 0 .5rem;font-size:1.75rem;line-height:1.4}.site-subtitle{color:var(--muted);margin:0;font-size:1.1rem;font-weight:700}.section{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.section-title{margin:0 0 .75rem;font-size:1.1rem}.section-subtitle{margin:1rem 0 .5rem;font-size:1rem}.section-text{margin:.25rem 0 0;font-size:.95rem;line-height:1.7}.unit-theme-questions .unit-theme-list{margin:1.25rem 0 0;padding:0;list-style:none}.unit-theme-item{margin-bottom:1.25rem}.unit-theme-label{color:var(--foreground);margin-bottom:.35rem;font-size:.95rem;font-weight:600;line-height:1.5;display:block}.unit-theme-num{color:var(--accent);margin-inline-end:.35rem}.unit-theme-question-text{font-weight:500}.unit-theme-input{width:100%;color:var(--foreground);background:var(--background);border:1px solid var(--border);resize:vertical;border-radius:.5rem;min-height:4.5rem;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}.unit-theme-input:hover{border-color:#d1d5db}.unit-theme-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.unit-theme-input::placeholder{color:var(--muted)}.tazkiyah-average-box{background:var(--accent-soft);border:1px solid var(--accent);border-radius:.5rem;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.tazkiyah-average-label{color:var(--accent);font-weight:600}.tazkiyah-average-value{color:var(--foreground);font-size:1.25rem;font-weight:700}.tazkiyah-average-meta{color:var(--muted);font-size:.85rem}.tazkiyah-list{margin:1.25rem 0 0;padding:0;list-style:none}.tazkiyah-item{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.tazkiyah-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tazkiyah-label{color:var(--foreground);margin:0 0 .5rem;font-size:.9rem;font-weight:600;line-height:1.5}.tazkiyah-num{color:var(--accent);margin-inline-end:.35rem}.tazkiyah-question-text{font-weight:500}.tazkiyah-options{flex-wrap:wrap;gap:.35rem;display:flex}.tazkiyah-option{min-width:2.5rem;color:var(--muted);background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:.4rem;flex-direction:column;align-items:center;padding:.4rem .5rem;font-family:inherit;font-size:.75rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tazkiyah-option:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tazkiyah-option--selected{border-color:var(--accent);background:var(--accent);color:#fff}.tazkiyah-option--selected:hover{color:#fff;background:#0d5c55;border-color:#0d5c55}.tazkiyah-option-score{font-size:.9rem;font-weight:700}.tazkiyah-option-label{margin-top:.15rem;line-height:1.2}.surah-list{margin:1rem 0 0;padding:0;list-style:none}.surah-item{margin-bottom:.5rem}.surah-link{border:1px solid var(--border);color:var(--accent);background-color:var(--accent-soft);border-radius:999px;padding:.5rem .9rem;font-size:.95rem;text-decoration:none;display:inline-block}.surah-link:hover{border-color:var(--accent)}.surah-meta{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.ayah-list{margin:1rem 0 0;padding:0;list-style:none}.ayah-item{margin-bottom:1rem}.ayah-text{color:var(--ayah);margin:0;font-size:1rem;line-height:1.8}.ayah-meaning{margin:.25rem 0 0;font-size:.9rem;line-height:1.7}.root-list{margin:1rem 0 0;padding:0;list-style:none}.root-item{margin-bottom:.75rem}.root-text{margin:0;font-weight:600}.root-meaning{margin:.2rem 0 0;font-size:.9rem}.qa-list{margin:1rem 0 0;padding:0;list-style:none}.qa-item{margin-bottom:1rem}.question-text{margin:0;font-weight:600}.answer-text{margin:.35rem 0 0;font-size:.9rem;line-height:1.7}.ayah-inline{color:var(--ayah)}.hadith-text{color:var(--hadith)}.word-block{margin-top:.5rem}.word-chips{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.word-chip{border:1px solid var(--border);cursor:pointer;background-color:#f9fafb;border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.word-chip:hover{border-color:var(--accent);color:var(--accent)}.word-modal-backdrop{z-index:80;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.word-modal{text-align:right;background:#fff;border-radius:.75rem;width:100%;max-width:22rem;max-height:80vh;padding:1.1rem 1rem .9rem;overflow-y:auto;box-shadow:0 20px 45px #0003}.word-modal-header-row{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.word-modal-header-row .word-modal-title{flex:1;margin:0}.word-modal-close-icon{cursor:pointer;width:1.75rem;height:1.75rem;color:var(--muted);background:#f3f4f6;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.4rem;line-height:1;display:flex}.word-modal-close-icon:hover{color:var(--foreground);background:#e5e7eb}.word-modal-back-button{background:var(--accent-soft);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--accent);border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:flex}.word-modal-back-button:hover{background:var(--accent);color:var(--background)}.word-modal-back-row{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.word-modal-back-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none}.word-modal-back-link:hover{text-decoration:underline}.word-modal-title{margin:0 0 .5rem;font-size:1.1rem}.word-modal-text{white-space:pre-wrap;word-wrap:break-word;margin:0 0 .6rem;font-size:.9rem;line-height:1.7}.root-meaning-container{margin:0 0 .6rem}.root-meaning-paragraph{margin:0 0 1rem;font-size:.9rem;line-height:1.8}.root-meaning-paragraph:last-child{margin-bottom:0}.root-meaning-text{color:var(--foreground)}.root-meaning-ayah{color:var(--ayah);font-weight:500}.root-meaning-surah-ref{font-weight:700}.root-meaning-mahori{background-color:var(--accent-soft);border-right:3px solid var(--accent);border-radius:.5rem;margin:1.2rem 0;padding:1rem}.root-meaning-mahori-title{color:var(--accent);margin:0 0 .5rem;font-size:1rem;font-weight:700;display:block}.root-meaning-mahori-content{color:var(--foreground);font-size:.95rem;line-height:1.8;display:block}.word-modal-occurrence{border-bottom:1px solid var(--border);margin:0 0 1.2rem;padding-bottom:1rem}.word-modal-occurrence:last-of-type{border-bottom:none;margin-bottom:.6rem}.word-modal-ayah-text{color:var(--ayah);margin:0 0 .5rem;font-size:1rem;font-weight:500;line-height:1.8}.word-modal-meaning{color:var(--foreground);margin:0;font-size:.9rem;line-height:1.7}.word-modal-root{margin:0 0 .7rem;font-size:.9rem}.word-modal-root-label{font-weight:600}.word-modal-root-text{font-size:.9rem}.word-modal-root-note{color:var(--muted);font-size:.8rem}.word-root-button{color:var(--ayah);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.word-root-button:hover{text-decoration:underline}.word-modal-close{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#f3f4f6;border-radius:999px;margin:0;padding:.25rem .9rem;font-size:.85rem;font-weight:600;display:inline-block}.word-modal-close:hover{border-color:var(--accent);color:var(--accent);background:#e5e7eb}.ayah-words-hint{color:var(--muted);margin-top:.25rem;font-size:.9rem}.ayah-word-button{color:inherit;background:0 0;border-radius:.35em;margin:0 -.1em;padding:.15em .25em;transition:background .2s,color .2s}.ayah-word-button:hover{background:var(--accent-soft);color:var(--accent)}.ayah-word-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.word-summary-section{margin-top:1rem}.word-summary-container{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.word-summary-chip{border:1px solid var(--border);cursor:pointer;background-color:#f9fafb;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.9rem;transition:all .2s ease-in-out;display:inline-flex}.word-summary-chip:hover{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.word-summary-chip-repeated{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}.word-summary-chip-repeated:hover{background-color:var(--accent);color:var(--background)}.word-summary-chip-single{background-color:#f9fafb}.word-summary-chip-text{font-size:.9rem}.word-summary-chip-count{opacity:.8;font-size:.8rem;font-weight:600}.roots-section{margin-top:1rem}.roots-section:first-of-type{margin-top:.5rem}.roots-container{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.root-chip{border:1px solid var(--border);cursor:pointer;background-color:#f9fafb;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.9rem;transition:all .2s ease-in-out;display:inline-flex}.root-chip:hover{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.root-chip-repeated{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}.root-chip-repeated:hover{background-color:var(--accent);color:var(--background)}.root-chip-single{background-color:#f9fafb}.root-chip-text{font-size:.9rem}.root-chip-count{opacity:.8;font-size:.8rem;font-weight:600}.form{flex-direction:column;gap:.75rem;max-width:22rem;display:flex}.form-label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.input{border:1px solid var(--border);border-radius:.5rem;outline:none;padding:.55rem .7rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1.2rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0f766e40}.button:hover{background-color:#115e59;box-shadow:0 3px 8px #0f766e59}.button.button-secondary{color:var(--accent);border:1px solid var(--accent);box-shadow:none;background-color:#f9fafb}.button.button-secondary:hover{background-color:var(--accent-soft);color:var(--accent);box-shadow:none}.form-error{color:#b91c1c;margin:.1rem 0 0;font-size:.85rem}