@import "https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Scheherazade+New:wght@400;600;700&family=Noto+Sans+Arabic:wght@400;600;700&family=Tajawal:wght@400;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap";:root{scroll-behavior:smooth;scrollbar-gutter:stable;--ac:#c17f3c;--ac-rgb:151, 105, 45;--ac-h:#a86a2a;--ac-a:#8f5820;--ac-light:#f0a84e;--ac2:#9c7a4e;--ac2-h:#836344;--ac2-a:#6e523a;font-family:Noto Naskh Arabic,serif}html{scroll-behavior:smooth}.app.theme-slate{--ac:#3d7d6a;--ac-rgb:61, 125, 106;--ac-h:#2f6655;--ac-a:#245244;--ac-light:#6dbfa0;--ac2:#5a8a7c;--ac2-h:#4a7268;--ac2-a:#3c5e56;color:#1a2e2a;background-color:#e4eceb}.app.theme-forest{--ac:#3a8a58;--ac-rgb:58, 138, 88;--ac-h:#2d7047;--ac-a:#235a39;--ac-light:#5dba80;--ac2:#4a7260;--ac2-h:#3a5e50;--ac2-a:#2e4c40;color:#c8dece;background-color:#131d16}.app.theme-darkgold{--ac:#f2c020;--ac-rgb:242, 192, 32;--ac-h:#e0b000;--ac-a:#c90;--ac-light:#ffd966;--ac2:#c9a520;--ac2-h:#b39410;--ac2-a:#9d8310;color:#e8e3d8;background-color:#0b0808}.app.font-noto{font-family:Noto Naskh Arabic,serif}.app.font-noto *{font-family:inherit}.app.font-noto .material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif}.app.font-scheherazade{font-family:Scheherazade New,serif}.app.font-scheherazade *{font-family:inherit}.app.font-scheherazade .material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif}.app.font-noto-sans{font-family:Noto Sans Arabic,sans-serif}.app.font-noto-sans *{font-family:inherit}.app.font-noto-sans .material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif}.app.font-tajawal{font-family:Tajawal,sans-serif}.app.font-tajawal *{font-family:inherit}.app.font-tajawal .material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif}.app.font-nawin{font-family:IBM Plex Sans Arabic,sans-serif}.app.font-nawin *{font-family:inherit}.app.font-nawin .material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif}*{box-sizing:border-box}body{overscroll-behavior-y:contain;scroll-behavior:smooth;min-height:100vh;margin:0;overflow-x:hidden}.app{flex-direction:column;gap:1rem;min-height:100vh;padding:1rem;transition:background .3s,color .3s;display:flex}.app.dark{color:#f5e8d5;background:#0a0a0a}.app.light{color:#1c0f07;background-color:#faf4eb}.top-bar{text-align:center;justify-content:center;align-items:center;gap:.75rem;display:flex}.top-bar h1{align-items:center;gap:.45rem;margin:0;font-size:1.25rem;display:flex}.card{background-color:rgba(var(--ac-rgb), .1);border:1px solid rgba(var(--ac-rgb), .28);border-radius:18px;width:min(100%,1100px);margin:0 auto;padding:1rem}.dark .card{border-color:rgba(var(--ac-rgb), .22);background-color:#ffffff0a}.light .card{background-color:#f0e6d3;border-color:#b5451b2e}.auth-card{width:min(100%,450px);max-width:100%}.stack{gap:.75rem;display:grid}.auth-card input,.auth-card .btn{width:100%}.auth-card .btn{text-align:center}label{gap:.2rem;display:grid}input{font:inherit;text-align:center;color:inherit;background:0 0;border:1px solid #9c7a4e99;border-radius:10px;padding:.2rem;font-size:1.3rem}.light input{color:#1c0f07;background-color:#faf8f3;border-color:#9c5a1d66}.dark input{border-color:rgba(var(--ac-rgb), .4);color:#f5e8d5;background-color:#ffffff0f}.btn{cursor:pointer;font:inherit;background:var(--ac);color:#fff;border:0;border-radius:12px}.btn:hover{background:var(--ac-h)}.btn:active{background:var(--ac-a)}.secondary{background:var(--ac2)}.secondary:hover{background:var(--ac2-h)}.secondary:active{background:var(--ac2-a)}.danger{background:#b5451b}.danger:hover{background:#9a3916}.danger:active{background:#7e2e11}.sort-active{background:var(--ac-light);color:#000}.link-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin:1rem 0;display:grid}.link-btn{text-align:center;text-decoration:none}.page-actions,.controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-with-footer{padding-bottom:6.5rem}.action-footer{z-index:1001;padding:.35rem .6rem max(.45rem, env(safe-area-inset-bottom));border-top:1px solid rgba(var(--ac-rgb), .3);flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;font-size:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.dark .action-footer{background-color:#000000d9}.light .action-footer{background-color:#ede0cb;border-top-color:#b5451b33}.font-indicator{text-align:center;min-width:26px;font-size:.82rem}.icon-btn{justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.material-symbols-rounded{white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;unicode-bidi:embed;flex-shrink:0;justify-content:center;align-items:center;font-family:Material Symbols Rounded,sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.sections-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.text-frame{border:2px solid rgba(var(--ac-rgb), .45);border-radius:14px;gap:.75rem;min-width:0;min-height:200px;padding:.75rem;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.light .text-frame{background-color:#fffbf3a6;border-color:#b5451b59}.text-frame.highlighted{border-color:var(--ac);border-width:3px}.card-toggle{align-items:center;gap:.5rem;display:flex}.toggle-arrow{flex-shrink:0;align-items:center;display:flex}.toggle-title{text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:rtl;flex:1;font-size:1.5rem;font-weight:700;overflow:hidden}.card-header{align-items:center;gap:.55rem;width:100%;display:flex}.light .card-header{border-bottom:1.5px solid #b5451b33;padding-bottom:.55rem;position:relative}.dark .card-header{border-bottom:1.5px solid rgba(var(--ac-rgb), .2);padding-bottom:.55rem}.card-id{opacity:.75;margin:0;font-size:.82rem}.card-content{scrollbar-width:thin;scrollbar-color:var(--ac) rgba(var(--ac-rgb), .12);opacity:1;max-height:360px;margin-top:.2rem;transition:max-height .35s,opacity .25s,margin-top .25s;overflow:hidden auto}.card-content::-webkit-scrollbar{width:10px}.card-content::-webkit-scrollbar-track{background:rgba(var(--ac-rgb), .1);border-radius:999px}.card-content::-webkit-scrollbar-thumb{background:var(--ac);border-radius:999px}.block-wrap.collapsed .card-content,.card-content.collapsed{opacity:0;max-height:0;margin-top:0;overflow:hidden}.name-input{width:100%}.name-readonly{color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;padding:.25rem .5rem;font-style:italic;display:inline-block}.name-trigger-icon{color:#131d16;cursor:pointer;font:inherit;background-color:#efe80af7;border:none;border-radius:15px;flex:1;justify-content:space-between;align-items:baseline;gap:.3rem;font-size:1.4rem;transition:background .15s;display:flex}.name-trigger-icon:hover{background:rgba(var(--ac-rgb), .12);color:#fff}.name-trigger-value{font-weight:500}.names-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.names-modal{border-radius:18px;flex-direction:column;gap:.75rem;width:min(100%,420px);max-height:80vh;padding:1rem;display:flex;overflow:hidden}.dark .names-modal{border:1px solid rgba(var(--ac-rgb), .3);color:#f5e8d5;background:#1a1410}.light .names-modal{border:1px solid rgba(var(--ac-rgb), .3);color:#1c0f07;background:#f0e6d3}.names-modal-header{border-bottom:1px solid rgba(var(--ac-rgb), .25);direction:rtl;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.names-modal-actions{gap:.3rem;display:flex}.names-search{border:1px solid rgba(var(--ac-rgb), .4);width:100%;font:inherit;text-align:right;color:inherit;direction:rtl;background:0 0;border-radius:10px;padding:.45rem .75rem;font-size:1.1rem}.dark .names-search{background:#ffffff0f}.light .names-search{background:#faf8f3}.names-search:focus{outline:2px solid rgba(var(--ac-rgb), .6)}.names-list{scrollbar-width:thin;scrollbar-color:var(--ac) rgba(var(--ac-rgb), .12);gap:.3rem;max-height:55vh;display:grid;overflow-y:auto}.name-option-active{outline:1px solid rgba(var(--ac-rgb), .6);background:rgba(var(--ac-rgb), .28)!important}.name-option-add{color:var(--ac);border:1px dashed rgba(var(--ac-rgb), .5);align-items:center;gap:.4rem;display:flex}.readonly-badge{align-items:center;gap:.4rem;display:flex}.name-field{position:relative}.name-menu{border:1px solid rgba(var(--ac-rgb), .4);z-index:10;text-align:left;border-radius:10px;gap:.2rem;max-height:170px;padding:.25rem;display:grid;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}.dark .name-menu{border-color:rgba(var(--ac-rgb), .35);color:#f5e8d5;background:#111}.light .name-menu{color:#1c0f07;background:#faf8f3;border-color:#b5451b38}.name-option-wrapper{align-items:center;gap:.3rem;display:flex}.name-number{text-align:center;opacity:.65;flex-shrink:0;min-width:30px;font-size:.95rem}.name-option{text-align:left;font:inherit;cursor:pointer;background:rgba(var(--ac-rgb), .08);color:inherit;border:0;border-radius:8px;flex:1;padding:.35rem .5rem;font-size:1.15rem}.name-option:hover{background:rgba(var(--ac-rgb), .18)}.name-delete-btn{opacity:.7;flex-shrink:0;min-width:40px;height:40px;padding:.4rem!important}.name-delete-btn:hover{opacity:1}.mk-color1{color:var(--ac);font-size:1.2em;font-weight:700}.dark .mk-color1{color:var(--ac-light)}.mk-color2{color:var(--ac)}.mk-heading1{color:#b5451b;font-size:1.2em;font-weight:700;display:inline}.dark .mk-heading1{color:#e8724a}.mk-heading2{color:var(--ac);font-size:1.1em;font-weight:700;display:inline}.rich-text{writing-mode:horizontal-tb;text-orientation:mixed;text-align:right;white-space:normal;overflow-wrap:anywhere;direction:rtl;width:100%;min-height:fit-content;line-height:1.8}.light .rich-text{color:#1c0f07}.dark .rich-text{color:#f5e8d5}.block-wrap{position:relative}.btn-block-fullscreen{z-index:2;color:rgba(var(--ac-rgb), .6);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;transition:color .2s,background .2s;display:flex;position:absolute;top:.35rem;left:.35rem}.btn-block-fullscreen:hover{color:var(--ac);background:rgba(var(--ac-rgb), .12)}.fs-overlay{z-index:1000;background:#000000d1;justify-content:center;align-items:center;padding:3rem 1rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.fs-body{color:#1c0f07;text-align:right;width:100%;max-width:820px;font-size:inherit;direction:rtl;background:#faf4eb;border-radius:10px;margin:auto;padding:2rem 1.5rem;line-height:1.9}.dark .fs-body{color:#f5e8d5;background:#111}.fs-close{z-index:1001;background:rgba(var(--ac-rgb), .15);border:1px solid rgba(var(--ac-rgb), .4);color:var(--ac);cursor:pointer;border-radius:6px;padding:.2rem .5rem;font-size:1.4rem;line-height:1;transition:background .2s;position:fixed;top:.6rem;left:.8rem}.fs-close:hover{background:rgba(var(--ac-rgb), .3)}.poem-verse{flex-flow:column;align-items:stretch;gap:.3ch;width:max-content;min-width:100%;max-width:100%;margin-bottom:1rem;display:flex}.sadr,.ajuz{white-space:nowrap;word-break:keep-all;background-color:rgba(var(--ac-rgb), .1);border-radius:10px;padding:.25rem .5rem;font-size:clamp(1em,1.8vw,1em);display:inline-block}.dark .sadr,.dark .ajuz{background-color:rgba(var(--ac-rgb), .12)}.poem-verse.selected-verse .sadr,.poem-verse.selected-verse .ajuz{background-color:rgba(var(--ac-rgb), .32)}p.selected-verse{background-color:rgba(var(--ac-rgb), .55);border-radius:4px;transition:background-color .2s}.bayt{flex-direction:column;gap:.3ch;margin-bottom:.75rem;display:flex}.muted{opacity:.8}.build-info{opacity:.45;text-align:center;letter-spacing:.03em;margin:.5rem 0 0;font-size:.75rem}.light .muted{color:#6b5a4e;opacity:1}.dark .muted{color:#c9a87a;opacity:1}.error{color:#fca5a5;overflow-wrap:anywhere}.light .error{color:#b91c1c}footer{text-align:center;opacity:.75;margin-top:auto}.light footer{color:#6b5a4e;opacity:1}.dark footer{color:#c9a87a;opacity:1}@media (width<=640px){.top-bar{flex-direction:column;align-items:center}.auth-card{padding:.85rem}.auth-card input,.auth-card .btn{min-height:44px}.page-with-footer{padding-bottom:9rem}.action-footer{-webkit-overflow-scrolling:touch;justify-content:center;gap:.3rem;overflow-x:auto}.sadr,.ajuz{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.poem-verse{width:100%}.sections-grid{grid-template-columns:1fr}}.help-page{text-align:left;direction:ltr;min-height:100vh;padding:1.5rem 1rem 4rem}.help-inner{max-width:860px;margin:0 auto}.help-header{border-bottom:2px solid var(--ac);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.help-header h1{color:var(--ac);align-items:center;gap:.4rem;margin:0;font-size:1.4rem;display:flex}.light .help-header h1{color:#9c5a1d}.help-toc{border:1px solid rgba(var(--ac-rgb),.28);border-radius:14px;margin-bottom:2rem;padding:1.25rem 1.5rem}.light .help-toc{background:#f0e6d3}.dark .help-toc{background:#ffffff0a}.help-toc h2{color:var(--ac);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;margin:0 0 .75rem;font-size:.9rem;display:flex}.help-toc ol{gap:.3rem;margin:0;padding-left:1.4rem;display:grid}.help-toc a{color:#9c5a1d;font-size:.95rem}.dark .help-toc a{color:var(--ac)}.help-toc a:hover{text-decoration:underline}.help-section{border:1px solid rgba(var(--ac-rgb),.28);border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.light .help-section{background:#f0e6d3}.dark .help-section{background:#ffffff0a}.help-section h2{color:var(--ac);border-bottom:1px solid rgba(var(--ac-rgb),.25);align-items:center;gap:.4rem;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.15rem;display:flex}.help-section h3{color:#9c7a4e;margin:1.1rem 0 .4rem;font-size:1rem}.dark .help-section h3{color:#c9a06a}.help-section p,.help-section li{margin-bottom:.5rem;font-size:.95rem;line-height:1.7}.help-section ol,.help-section ul{margin-bottom:.5rem;padding-left:1.5rem}.help-table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.9rem}.help-table th{background:rgba(var(--ac-rgb),.15);color:var(--ac);text-align:left;border:1px solid rgba(var(--ac-rgb),.25);padding:.5rem .75rem;font-weight:600}.help-table td{border:1px solid rgba(var(--ac-rgb),.2);vertical-align:top;padding:.45rem .75rem}.help-table tr:nth-child(2n) td{background:rgba(var(--ac-rgb),.05)}.help-section code{background:rgba(var(--ac-rgb),.15);color:#b5451b;border-radius:5px;padding:.1em .4em;font-family:Courier New,monospace;font-size:.88em}.dark .help-section code{color:#e8905a}.help-section kbd{background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.3);box-shadow:0 1px 0 rgba(var(--ac-rgb),.25);border-radius:5px;padding:.1rem .45rem;font-family:inherit;font-size:.82rem;display:inline-block}.help-icon-row{flex-wrap:wrap;gap:.6rem;margin:.75rem 0;display:flex}.help-badge{background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.25);border-radius:10px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.88rem;display:inline-flex}.help-footer{text-align:center;color:#9c7a4e;margin-top:3rem;font-size:.85rem}.en{text-align:left;opacity:.8;direction:ltr;margin-top:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85em;display:block}label .en{margin-top:0;margin-left:.5rem;font-size:.9em;display:inline}h2 .en{margin-top:0;margin-left:.5rem;font-size:.8em;display:inline}p .en{margin-top:0;margin-left:.5rem;font-size:.95em;display:inline}button .en{margin-top:0;margin-left:.5rem;font-size:.9em;display:inline}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.page-header h2{flex:1;margin:0}.font-selector{align-items:center;gap:.3rem;display:flex}.font-label{opacity:.7;text-align:left;font-size:.75rem;font-weight:500}.app.theme-slate .card,.app.theme-slate.light .card,.app.theme-slate .light .card{border-color:rgba(var(--ac-rgb), .25);background-color:#d4e4e0}.app.theme-slate .text-frame{background-color:#ffffff73}.app.theme-slate.light .action-footer{border-top-color:rgba(var(--ac-rgb), .3);background-color:#d0e0dc}.app.theme-slate .name-menu,.app.theme-slate.light .name-menu{border-color:rgba(var(--ac-rgb), .3);color:#1a2e2a;background:#eef4f2}.app.theme-slate.light input{border-color:rgba(var(--ac-rgb), .4);color:#1a2e2a;background-color:#eef4f2}.app.theme-slate .fs-body{color:#1a2e2a;background:#e4eceb}.app.theme-slate.light .muted{color:#3a6655}.app.theme-slate .light .rich-text{color:#1a2e2a}.app.theme-slate.light footer{color:#3a6655}.app.theme-slate .help-toc,.app.theme-slate.light .help-toc,.app.theme-slate .help-section,.app.theme-slate.light .help-section{background:#d4e4e0}.app.theme-forest.dark{color:#c8dece;background-color:#131d16}.app.theme-forest .dark .card,.app.theme-forest.dark .card{border-color:rgba(var(--ac-rgb), .22);background-color:#ffffff0a}.app.theme-forest.dark .action-footer{border-top-color:rgba(var(--ac-rgb), .3);background-color:#000000bf}.app.theme-forest .name-menu,.app.theme-forest.dark .name-menu{border-color:rgba(var(--ac-rgb), .35);color:#c8dece;background:#1c2e20}.app.theme-forest.dark input{border-color:rgba(var(--ac-rgb), .4);color:#c8dece;background-color:#ffffff0f}.app.theme-forest .fs-body{color:#c8dece;background:#1c2e20}.app.theme-forest.dark .muted{color:#8ab09a}.app.theme-forest .dark .rich-text{color:#c8dece}.app.theme-forest.dark footer{color:#8ab09a}.app.theme-forest .help-toc,.app.theme-forest.dark .help-toc,.app.theme-forest .help-section,.app.theme-forest.dark .help-section{background:#ffffff0a}.app.theme-slate .names-modal,.app.theme-slate.light .names-modal{background:#d8e8e4}.app.theme-forest .names-modal,.app.theme-forest.dark .names-modal{background:#1a2e20}.app.theme-darkgold .card,.app.theme-darkgold.dark .card{background:#f2c02014;border-color:#f2c02040}.app.theme-darkgold .names-modal,.app.theme-darkgold.dark .names-modal{background:#1a1814}.app.theme-darkgold .help-toc,.app.theme-darkgold.dark .help-toc,.app.theme-darkgold .help-section,.app.theme-darkgold.dark .help-section{background:#ffffff0d}.app.theme-darkgold .fs-body{color:#e8e3d8;background:#1a1814}.app.theme-darkgold.dark .muted{color:#b8a850}.app.theme-darkgold .dark .rich-text{color:#e8e3d8}.app.theme-darkgold.dark footer{color:#b8a850}.praying-hands-overlay{z-index:999;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.praying-hands-modal{background:rgba(var(--ac-rgb), .1);border:1px solid rgba(var(--ac-rgb), .28);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:min(100%,350px);height:auto;padding:2rem 1.5rem;display:flex;position:relative}.dark .praying-hands-modal{border-color:rgba(var(--ac-rgb), .35);background:#ffffff14}.light .praying-hands-modal{background:#f0e6d3;border-color:#b5451b40}.praying-hands-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:opacity .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.praying-hands-close:hover{opacity:1}.praying-hands-svg{flex-shrink:0;width:180px;height:200px}.praying-hands-svg .praying-hands-paths{fill:var(--ac)}.dark .praying-hands-svg .praying-hands-paths{fill:#f5e8d5}.light .praying-hands-svg .praying-hands-paths{fill:#1c0f07}