@font-face{font-family:'Halaqat Quran';src:url('noto-naskh.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
#brain{cursor:pointer}#brain:hover{background:#dceee2}#brain:focus-visible{outline:2px solid #389b7e;outline-offset:4px}
:is(#mental-dialog,#mental-info-dialog){max-width:680px;padding:0;background:#fffdf8;max-height:90dvh;overflow:auto;overscroll-behavior:contain}
:is(#mental-dialog,#mental-info-dialog) .mental-header{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#edf4ee;position:sticky;top:0;z-index:1;border-bottom:1px solid #dce6df}
:is(#mental-dialog,#mental-info-dialog) .mental-heading{flex:1;min-width:0}:is(#mental-dialog,#mental-info-dialog) h2{margin:0;font-size:19px}:is(#mental-dialog,#mental-info-dialog) .mental-subtitle{margin-top:7px;font-size:12px;color:#526d60}
:is(#mental-dialog,#mental-info-dialog) #mental-close{flex:none;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;font-size:25px;text-align:center}
:is(#mental-dialog,#mental-info-dialog) .mental-context{padding:13px 22px;color:#526d60;font-size:12px;line-height:1.9}
:is(#mental-dialog,#mental-info-dialog) #mental-status:empty{display:none}:is(#mental-dialog,#mental-info-dialog) #mental-status{margin:0;padding:0 22px 14px}
:is(#mental-dialog,#mental-info-dialog) .mental-surah{margin:0 20px;border-bottom:1px solid #e2e8df}
:is(#mental-dialog,#mental-info-dialog) summary{list-style:none;display:flex;align-items:center;gap:10px;padding:16px 0;min-height:48px;cursor:pointer}
:is(#mental-dialog,#mental-info-dialog) summary::-webkit-details-marker{display:none}:is(#mental-dialog,#mental-info-dialog) summary:focus-visible{outline:2px solid #389b7e;outline-offset:2px;border-radius:6px}
:is(#mental-dialog,#mental-info-dialog) .mental-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:24px;font:30px var(--ui-font);direction:ltr;transition:transform .15s}
:is(#mental-dialog,#mental-info-dialog) details[open]>summary>.mental-arrow{transform:rotate(-90deg)}
:is(#mental-dialog,#mental-info-dialog) .mental-label{flex:1;min-width:0}:is(#mental-dialog,#mental-info-dialog) .mental-name{display:block;font-size:15px;font-weight:500}:is(#mental-dialog,#mental-info-dialog) .mental-coverage{display:block;margin-top:6px;font-size:12px;color:#627567;line-height:1.8}
:is(#mental-dialog,#mental-info-dialog) .mental-score{white-space:nowrap;font-size:17px;font-variant-numeric:tabular-nums}
:is(#mental-dialog,#mental-info-dialog) .mental-good{color:#187442}:is(#mental-dialog,#mental-info-dialog) .mental-medium{color:#95620d}:is(#mental-dialog,#mental-info-dialog) .mental-low{color:#b33b3b}:is(#mental-dialog,#mental-info-dialog) .mental-pending{color:#718078}
:is(#mental-dialog,#mental-info-dialog) .mental-links{border-right:2px solid #d7e2d6;margin:0 7px 20px;padding-right:15px}:is(#mental-dialog,#mental-info-dialog) .mental-link{border-bottom:1px solid #e7ece3}:is(#mental-dialog,#mental-info-dialog) .mental-link:last-child{border-bottom:0}:is(#mental-dialog,#mental-info-dialog) .mental-link>summary .mental-name{color:#2b6544}
:is(#mental-dialog,#mental-info-dialog) .mental-ayah-list{padding-bottom:6px}:is(#mental-dialog,#mental-info-dialog) .mental-ayah{margin-bottom:8px;padding:0 12px;background:#f3f6ef;border-radius:10px}:is(#mental-dialog,#mental-info-dialog) .mental-ayah>summary{padding:12px 0}:is(#mental-dialog,#mental-info-dialog) .mental-ayah .mental-name{font-size:13px}
:is(#mental-dialog,#mental-info-dialog) .mental-verse{font-family:'Halaqat Quran',serif;font-size:23px;line-height:2.1;margin:0;padding:0 0 14px;overflow-wrap:break-word}
:is(#mental-dialog,#mental-info-dialog) .mental-legend{padding:15px 22px;display:flex;gap:10px 18px;flex-wrap:wrap;font-size:12px;background:#f5f7f0}:is(#mental-dialog,#mental-info-dialog) .mental-legend span{white-space:nowrap}
:is(#mental-dialog,#mental-info-dialog) .mental-note{margin:0;padding:13px 22px;font-size:12px;color:#627567;line-height:1.9}
body.dark #brain{background:#243d30}body.dark #brain:hover{background:#2e4d3b}body.dark :is(#mental-dialog,#mental-info-dialog){background:#19241e}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-header{background:#273b2e;border-color:#405246}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-context,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-subtitle,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-coverage,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-note{color:#bbcbbf}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-surah,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-link{border-color:#3a4c40}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-links{border-color:#46614b}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-link>summary .mental-name{color:#a5d4b4}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-ayah{background:#233328}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-legend{background:#203025}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-good{color:#94d8ac}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-medium{color:#e6bf75}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-low{color:#f29c9c}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-pending{color:#aebcb3}
@media(max-width:400px){:is(#mental-dialog,#mental-info-dialog) .mental-header{padding:16px 14px}:is(#mental-dialog,#mental-info-dialog) .mental-surah{margin:0 12px}:is(#mental-dialog,#mental-info-dialog) .mental-context,:is(#mental-dialog,#mental-info-dialog) .mental-legend,:is(#mental-dialog,#mental-info-dialog) .mental-note{padding:13px 14px}:is(#mental-dialog,#mental-info-dialog) .mental-links{padding-right:10px}:is(#mental-dialog,#mental-info-dialog) .mental-score{font-size:15px}}
@media(prefers-reduced-motion:reduce){:is(#mental-dialog,#mental-info-dialog) .mental-arrow{transition:none}}

:is(#mental-dialog,#mental-info-dialog) .mental-main-link{padding:14px 16px;margin:0 0 12px;background:#edf4ee;border:1px solid #d7e2d6;border-radius:12px;overflow-wrap:anywhere}
:is(#mental-dialog,#mental-info-dialog) .mental-main-link h3{font-size:14px;margin:0 0 8px;color:#2b6544}
:is(#mental-dialog,#mental-info-dialog) .mental-main-link p{margin:0;font-size:13px;line-height:2;white-space:pre-wrap;color:#173c31}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-main-link{background:#273b2e;border-color:#46614b}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-main-link h3{color:#a5d4b4}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-main-link p{color:#e0e9e2}

:is(#mental-dialog,#mental-info-dialog) .mental-awaiting{font-size:13px;color:#627567;line-height:1.9;padding:8px 0}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-awaiting{color:#bbcbbf}

:is(#mental-dialog,#mental-info-dialog) .mental-note-count{display:inline-block;margin-top:6px;padding:3px 8px;background:#e4eef9;color:#184c8f;border-radius:7px;font-size:12px}
:is(#mental-dialog,#mental-info-dialog) .mental-review{margin:0 20px 12px;padding:12px 0;border-bottom:1px solid #dce6df}:is(#mental-dialog,#mental-info-dialog) #mental-inputs{font-size:12px;line-height:1.9;margin:0 0 10px}
:is(#mental-dialog,#mental-info-dialog) #mental-analyze{background:#edf4ee;border-color:#389b7e;margin:0;text-align:center}:is(#mental-dialog,#mental-info-dialog) #mental-analyze:disabled{opacity:.5;cursor:default}
:is(#mental-dialog,#mental-info-dialog) .mental-privacy{font-size:12px;line-height:1.9;color:#627567}:is(#mental-dialog,#mental-info-dialog) #mental-analysis-result{white-space:pre-wrap;font:14px var(--ui-font);line-height:2;background:#edf4ee;padding:14px;border-radius:12px}
:is(#mental-dialog,#mental-info-dialog) .mental-ayah-notes{padding-bottom:12px}:is(#mental-dialog,#mental-info-dialog) .mental-source,:is(#mental-dialog,#mental-info-dialog) .mental-note-date{font:12px var(--ui-font);line-height:1.9;color:#627567}:is(#mental-dialog,#mental-info-dialog) .mental-note-text{font:14px var(--ui-font);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
:is(#mental-dialog,#mental-info-dialog) .mental-personal-note{border-top:1px solid #dce6df}:is(#mental-dialog,#mental-info-dialog) .mental-personal-note summary{font-size:13px;color:#184c8f;padding:10px 0}:is(#mental-dialog,#mental-info-dialog) .mental-personal-note audio{width:100%;max-width:100%}:is(#mental-dialog,#mental-info-dialog) .mental-jump{font-size:12px;margin:6px 0;padding:10px}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-note-count{background:#283f58;color:#9bc1f1}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-review,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-personal-note{border-color:#3a4c40}body.dark :is(#mental-dialog,#mental-info-dialog) #mental-analyze,body.dark :is(#mental-dialog,#mental-info-dialog) #mental-analysis-result{background:#273b2e}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-personal-note summary{color:#9bc1f1}body.dark :is(#mental-dialog,#mental-info-dialog) .mental-source,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-note-date,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-privacy{color:#bbcbbf}

:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:8px;margin:0;border:0;border-radius:10px;background:transparent}
:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button:hover,:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button[aria-expanded="true"]{background:#dceee2}
:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button[aria-pressed="false"]{opacity:.55}
:is(#mental-dialog,#mental-info-dialog).mental-hide-surah-evaluation .mental-coverage,
:is(#mental-dialog,#mental-info-dialog).mental-hide-surah-evaluation .mental-score,
:is(#mental-dialog,#mental-info-dialog).mental-hide-surah-evaluation .mental-note-count,
:is(#mental-dialog,#mental-info-dialog).mental-hide-surah-evaluation .mental-legend{display:none}
:is(#mental-dialog,#mental-info-dialog).mental-hide-surah-evaluation .mental-arrow{color:inherit}
:is(#mental-dialog,#mental-info-dialog) .mental-range{display:block;margin-top:6px;font-size:12px;color:#627567;line-height:1.8}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-range{color:#bbcbbf}
:is(#mental-dialog,#mental-info-dialog) .mental-surah>summary .mental-name{color:#187442}
:is(#mental-dialog,#mental-info-dialog) .mental-link>summary .mental-name,:is(#mental-dialog,#mental-info-dialog) .mental-main-link h3,:is(#mental-dialog,#mental-info-dialog) .mental-main-link p{color:#184c8f}
:is(#mental-dialog,#mental-info-dialog) .mental-verse,:is(#mental-dialog,#mental-info-dialog) .mental-ayah>summary .mental-name{color:#000}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-surah>summary .mental-name{color:#94d8ac}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-link>summary .mental-name,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-main-link h3,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-main-link p{color:#9bc1f1}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-verse,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-ayah>summary .mental-name{color:#e4ece7}
body.dark :is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button:hover,body.dark :is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button[aria-expanded="true"]{background:#365846}
@media(max-width:500px){:is(#mental-dialog,#mental-info-dialog) .mental-header{gap:6px;padding:16px 12px}:is(#mental-dialog,#mental-info-dialog) h2{font-size:17px}:is(#mental-dialog,#mental-info-dialog) .mental-toolbar-button{width:36px;height:40px}:is(#mental-dialog,#mental-info-dialog) .mental-subtitle{font-size:11px}}


#mental-dialog .mental-toolbar-button{width:40px;height:40px;border:1.5px solid #9eb5a6;border-radius:50%;background:transparent;color:#667b6c;opacity:1}
#mental-dialog .mental-toolbar-button[aria-pressed="true"]{background:#389b7e;border-color:#389b7e;color:white;box-shadow:0 0 0 3px #389b7e1a}
#mental-dialog .mental-toolbar-button[aria-pressed="false"]{background:transparent;color:#667b6c;opacity:1}
#mental-dialog .mental-toolbar-button[aria-pressed="false"]:hover{background:#edf4ee}
#mental-dialog .mental-eye-slash{display:none}#mental-dialog [aria-pressed="false"] .mental-eye-slash{display:block}
#mental-info-close{flex:none;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;color:inherit;font-size:26px;line-height:1}
#mental-info-dialog .mental-review{margin-bottom:0}#mental-info-dialog .mental-heading{min-width:0}
body.dark #mental-dialog .mental-toolbar-button[aria-pressed="false"]{color:#b7c9be;border-color:#708e7c}body.dark #mental-dialog .mental-toolbar-button[aria-pressed="false"]:hover{background:#365846}
@media(max-width:500px){#mental-dialog .mental-toolbar-button{width:36px;height:36px}}