@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Scheherazade+New:wght@400;600;700&display=swap";:root{font-family:Noto Naskh Arabic,serif;--ac: #c17f3c;--ac-rgb: 193, 127, 60;--ac-h: #a86a2a;--ac-a: #8f5820;--ac-light: #f0a84e;--ac2: #9c7a4e;--ac2-h: #836344;--ac2-a: #6e523a}.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;background-color:#e4eceb;color:#1a2e2a}.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;background-color:#131d16;color:#c8dece}.app.font-noto{font-family:Noto Naskh Arabic,serif}.app.font-scheherazade{font-family:Scheherazade New,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overscroll-behavior-y:contain;overflow-x:hidden}.app{min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:background .3s ease,color .3s ease}.app.dark{background:#0a0a0a;color:#f5e8d5}.app.light{background-color:#faf4eb;color:#1c0f07}.top-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;text-align:center}.top-bar h1{margin:0;display:flex;align-items:center;gap:.45rem;font-size:1.25rem}.card{margin:0 auto;width:min(100%,1100px);border-radius:18px;padding:1rem;background-color:rgba(var(--ac-rgb),.1);border:1px solid rgba(var(--ac-rgb),.28)}.dark .card{background-color:#ffffff0a;border-color:rgba(var(--ac-rgb),.22)}.light .card{background-color:#f0e6d3;border-color:#b5451b2e}.auth-card{width:min(100%,450px);max-width:100%}.stack{display:grid;gap:.75rem}.auth-card input,.auth-card .btn{width:100%}.auth-card .btn{text-align:center}label{display:grid;gap:.2rem}input{border:1px solid rgba(156,122,78,.6);border-radius:10px;padding:.2rem;font:inherit;font-size:1.3rem;text-align:center;background:transparent;color:inherit}.light input{background-color:#faf8f3;border-color:#9c5a1d66;color:#1c0f07}.dark input{background-color:#ffffff0f;border-color:rgba(var(--ac-rgb),.4);color:#f5e8d5}.btn{border:0;border-radius:12px;padding:.6rem 1rem;cursor:pointer;font:inherit;background:var(--ac);color:#fff}.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}.link-grid{margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.link-btn{text-align:center;text-decoration:none}.page-actions,.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.page-with-footer{padding-bottom:6.5rem}.action-footer{position:fixed;left:0;right:0;bottom:0;z-index:50;font-size:1rem;display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;justify-content:center;padding:.35rem .6rem max(.45rem,env(safe-area-inset-bottom));border-top:1px solid rgba(var(--ac-rgb),.3)}.dark .action-footer{background-color:#000000d9}.light .action-footer{background-color:#ede0cb;border-top-color:#b5451b33}.font-indicator{min-width:26px;text-align:center;font-size:.82rem}.icon-btn{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;direction:ltr;unicode-bidi:embed;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}.sections-grid{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.text-frame{border:2px solid rgba(var(--ac-rgb),.45);border-radius:14px;padding:.75rem;min-height:200px;overflow:hidden;min-width:0;display:grid;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.light .text-frame{border-color:#b5451b59;background-color:#fffbf3a6}.text-frame.highlighted{border-color:var(--ac);border-width:3px}.card-toggle{width:100%;display:flex;align-items:center;gap:.5rem;direction:ltr}.toggle-arrow{flex-shrink:0;display:flex;align-items:center}.toggle-title{flex:1;text-align:right;direction:rtl;font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-header{display:grid;gap:.55rem}.light .card-header{border-bottom:1.5px solid rgba(181,69,27,.2);padding-bottom:.55rem;position:relative}.dark .card-header{border-bottom:1.5px solid rgba(var(--ac-rgb),.2);padding-bottom:.55rem}.text-frame>.card-header:after{content:"◆  ◆  ◆";display:block;text-align:center;font-size:.4rem;letter-spacing:.15rem;margin-top:.35rem}.light .text-frame>.card-header:after{color:#b5451b52}.dark .text-frame>.card-header:after{color:rgba(var(--ac-rgb),.3)}.card-id{margin:0;font-size:.82rem;opacity:.75}.card-content{max-height:360px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ac) rgba(var(--ac-rgb),.12);transition:max-height .35s ease,opacity .25s ease,margin-top .25s ease;opacity:1;margin-top:.2rem}.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{max-height:0;overflow:hidden;opacity:0;margin-top:0}.name-input{width:100%}.name-readonly{display:inline-block;padding:.25rem .5rem;color:var(--text-muted);font-style:italic;pointer-events:none;-webkit-user-select:none;user-select:none}.readonly-badge{display:flex;align-items:center;gap:.4rem}.name-field{position:relative}.name-menu{position:absolute;top:calc(100% + .25rem);right:0;left:0;max-height:170px;overflow-y:auto;border:1px solid rgba(var(--ac-rgb),.4);border-radius:10px;z-index:10;padding:.25rem;display:grid;gap:.2rem;text-align:left}.dark .name-menu{background:#111;border-color:rgba(var(--ac-rgb),.35);color:#f5e8d5}.light .name-menu{background:#faf8f3;border-color:#b5451b38;color:#1c0f07}.name-option{border:0;border-radius:8px;padding:.35rem .5rem;text-align:left;font:inherit;font-size:1.15rem;cursor:pointer;background:rgba(var(--ac-rgb),.08);color:inherit}.name-option:hover{background:rgba(var(--ac-rgb),.18)}.mk-color1{color:var(--ac);font-size:1.2em;font-weight:700}.dark .mk-color1{color:var(--ac-light)}.mk-color2{color:#b5451b;font-size:.7em;font-weight:700}.dark .mk-color2{color:var(--ac-light)}.mk-heading1{display:inline;color:#b5451b;font-size:1.2em;font-weight:700}.dark .mk-heading1{color:#e8724a}.mk-heading2{display:inline;color:#b5451b;font-size:1.3em;font-weight:700}.dark .mk-heading2{color:#e8724a}.rich-text{width:100%;line-height:1.8;direction:rtl;writing-mode:horizontal-tb;text-orientation:mixed;text-align:right;white-space:normal;overflow-wrap:anywhere;min-height:fit-content}.light .rich-text{color:#1c0f07}.dark .rich-text{color:#f5e8d5}.block-wrap{position:relative}.btn-block-fullscreen{position:absolute;top:.35rem;left:.35rem;z-index:2;background:none;border:none;color:rgba(var(--ac-rgb),.6);cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.btn-block-fullscreen:hover{color:var(--ac);background:rgba(var(--ac-rgb),.12)}.fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 1rem;overflow-y:auto}.fs-body{width:100%;max-width:820px;background:#faf4eb;color:#1c0f07;border-radius:10px;padding:2rem 1.5rem;direction:rtl;text-align:right;font-size:inherit;line-height:1.9}.dark .fs-body{background:#111;color:#f5e8d5}.fs-close{position:fixed;top:.6rem;left:.8rem;z-index:1001;background:rgba(var(--ac-rgb),.15);border:1px solid rgba(var(--ac-rgb),.4);color:var(--ac);font-size:1.4rem;line-height:1;border-radius:6px;padding:.2rem .5rem;cursor:pointer;transition:background .2s}.fs-close:hover{background:rgba(var(--ac-rgb),.3)}.poem-verse{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.3ch;margin-bottom:1rem;width:max-content;min-width:100%;max-width:100%}.sadr,.ajuz{display:inline-block;white-space:nowrap;word-break:keep-all;font-size:clamp(1em,1.8vw,1em);padding:.25rem .5rem;border-radius:10px;background-color:rgba(var(--ac-rgb),.1)}.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);outline:1px solid rgba(var(--ac-rgb),.65)}p.selected-verse{background-color:rgba(var(--ac-rgb),.18);outline:1px solid rgba(var(--ac-rgb),.55);border-radius:4px;transition:background-color .2s,outline .2s}.bayt{display:flex;flex-direction:column;gap:.3ch;margin-bottom:.75rem}.muted{opacity:.8}.build-info{margin:.5rem 0 0;font-size:.75rem;opacity:.45;text-align:center;letter-spacing:.03em}.light .muted{color:#6b5a4e;opacity:1}.dark .muted{color:#c9a87a;opacity:1}.error{color:#fca5a5;overflow-wrap:anywhere}.light .error{color:#b91c1c}footer{margin-top:auto;text-align:center;opacity:.75}.light footer{color:#6b5a4e;opacity:1}.dark footer{color:#c9a87a;opacity:1}@media (max-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{justify-content:center;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.sadr,.ajuz{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.poem-verse{width:100%}.sections-grid{grid-template-columns:1fr}}.help-page{direction:ltr;text-align:left;padding:1.5rem 1rem 4rem;min-height:100vh}.help-inner{max-width:860px;margin:0 auto}.help-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--ac)}.help-header h1{margin:0;font-size:1.4rem;color:var(--ac);display:flex;align-items:center;gap:.4rem}.light .help-header h1{color:#9c5a1d}.help-toc{border:1px solid rgba(var(--ac-rgb),.28);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:2rem}.light .help-toc{background:#f0e6d3}.dark .help-toc{background:#ffffff0a}.help-toc h2{font-size:.9rem;color:var(--ac);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.35rem}.help-toc ol{margin:0;padding-left:1.4rem;display:grid;gap:.3rem}.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;padding:1.5rem;margin-bottom:1.5rem}.light .help-section{background:#f0e6d3}.dark .help-section{background:#ffffff0a}.help-section h2{font-size:1.15rem;color:var(--ac);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--ac-rgb),.25);display:flex;align-items:center;gap:.4rem}.help-section h3{font-size:1rem;color:#9c7a4e;margin:1.1rem 0 .4rem}.dark .help-section h3{color:#c9a06a}.help-section p,.help-section li{font-size:.95rem;line-height:1.7;margin-bottom:.5rem}.help-section ol,.help-section ul{padding-left:1.5rem;margin-bottom:.5rem}.help-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.9rem}.help-table th{background:rgba(var(--ac-rgb),.15);color:var(--ac);font-weight:600;padding:.5rem .75rem;text-align:left;border:1px solid rgba(var(--ac-rgb),.25)}.help-table td{padding:.45rem .75rem;border:1px solid rgba(var(--ac-rgb),.2);vertical-align:top}.help-table tr:nth-child(2n) td{background:rgba(var(--ac-rgb),.05)}.help-section code{background:rgba(var(--ac-rgb),.15);border-radius:5px;padding:.1em .4em;font-size:.88em;font-family:Courier New,monospace;color:#b5451b}.dark .help-section code{color:#e8905a}.help-section kbd{display:inline-block;background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.3);border-radius:5px;padding:.1rem .45rem;font-size:.82rem;font-family:inherit;box-shadow:0 1px rgba(var(--ac-rgb),.25)}.help-icon-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0}.help-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.25);border-radius:10px;padding:.35rem .7rem;font-size:.88rem}.help-footer{text-align:center;margin-top:3rem;font-size:.85rem;color:#9c7a4e}.app.theme-slate .card,.app.theme-slate.light .card,.app.theme-slate .light .card{background-color:#d4e4e0;border-color:rgba(var(--ac-rgb),.25)}.app.theme-slate .text-frame{background-color:#ffffff73}.app.theme-slate.light .action-footer{background-color:#d0e0dc;border-top-color:rgba(var(--ac-rgb),.3)}.app.theme-slate .name-menu,.app.theme-slate.light .name-menu{background:#eef4f2;border-color:rgba(var(--ac-rgb),.3);color:#1a2e2a}.app.theme-slate.light input{background-color:#eef4f2;border-color:rgba(var(--ac-rgb),.4);color:#1a2e2a}.app.theme-slate .fs-body{background:#e4eceb;color:#1a2e2a}.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{background-color:#131d16;color:#c8dece}.app.theme-forest .dark .card,.app.theme-forest.dark .card{background-color:#ffffff0a;border-color:rgba(var(--ac-rgb),.22)}.app.theme-forest.dark .action-footer{background-color:#000000bf;border-top-color:rgba(var(--ac-rgb),.3)}.app.theme-forest .name-menu,.app.theme-forest.dark .name-menu{background:#1c2e20;border-color:rgba(var(--ac-rgb),.35);color:#c8dece}.app.theme-forest.dark input{background-color:#ffffff0f;border-color:rgba(var(--ac-rgb),.4);color:#c8dece}.app.theme-forest .fs-body{background:#1c2e20;color:#c8dece}.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}