:root{--paper:#f7f3ea;--paper-2:#efe8d6;--paper-3:#e7dec5;--ink:#2b2620;--ink-soft:#6c655a;--line:#d8cfb9;--accent:#a47a2d;--accent-soft:#c79c4a;--highlight:#f6d97a;--quran-bg:#fbf7eb;--shadow-soft:0 6px 22px rgba(60,40,10,0.08);--shadow-pop:0 12px 32px rgba(20,14,4,0.18);--header-bg:rgba(247,243,234,0.85);--bg-glow-1:rgba(255,255,255,0.7);--bg-glow-2:rgba(164,122,45,0.06);--content-scale:1;--radius:12px;--font-serif:"Cormorant Garamond","Iowan Old Style","Palatino",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-arabic:"Amiri","Scheherazade New","Traditional Arabic",serif}[data-theme=dark]{--paper:#1c1916;--paper-2:#272320;--paper-3:#322d28;--ink:#e8e3d6;--ink-soft:#a8a293;--line:#3a342c;--accent:#d4a655;--accent-soft:#b88a3e;--highlight:rgba(246,217,122,0.28);--quran-bg:#211d1a;--shadow-soft:0 6px 22px rgba(0,0,0,0.45);--shadow-pop:0 12px 32px rgba(0,0,0,0.6);--header-bg:rgba(28,25,22,0.85);--bg-glow-1:rgba(255,255,255,0.03);--bg-glow-2:rgba(212,166,85,0.08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 10% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(800px 600px at 110% 110%,var(--bg-glow-2),transparent 60%),var(--paper);background-attachment:fixed;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button,input,textarea{font-family:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-header-inner{max-width:720px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between}.header-menu{position:relative}.header-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);min-width:184px;padding:6px;z-index:30}.header-menu-dropdown form{margin:0}.header-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:14px;color:var(--ink)}.header-menu-item:hover{background:var(--paper-2)}.header-menu-item.destructive{color:#a23b3b}.header-menu-item.destructive:hover{background:rgba(162,59,59,.08)}[data-theme=dark] .header-menu-item.destructive{color:#e07070}[data-theme=dark] .header-menu-item.destructive:hover{background:rgba(224,112,112,.12)}.header-menu-icon{display:inline-flex;align-items:center}.header-menu-divider{height:1px;background:var(--line);margin:4px 6px}.header-menu-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;font-family:var(--font-sans);font-size:14px;color:var(--ink)}.header-menu-stepper{display:inline-flex;gap:4px}.header-menu-stepper button{width:30px;height:30px;border:1px solid var(--line);background:transparent;border-radius:50%;cursor:pointer;color:var(--ink);font-family:var(--font-serif);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .12s}.header-menu-stepper button:hover:not(:disabled){background:var(--paper-2)}.header-menu-stepper button:disabled{opacity:.35;cursor:not-allowed}.brand{font-family:var(--font-serif);font-weight:600;font-size:22px;letter-spacing:.01em;margin:0;color:var(--ink)}.brand-link{text-decoration:none;transition:color .15s ease}.brand-link:hover{color:var(--accent);text-decoration:none}.icon-btn{width:42px;height:42px;border:none;background:transparent;color:var(--ink);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.icon-btn:active,.icon-btn:hover,.pill-btn{background:var(--paper-2)}.pill-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);color:var(--ink);font-family:var(--font-sans);font-size:14px;padding:6px 14px;border-radius:999px;cursor:pointer}.pill-btn:active,.pill-btn:hover{background:var(--paper-3)}.page-wrap{flex:1 1;width:100%;max-width:720px;margin:0 auto;padding:24px 20px 80px}.page-title{font-family:var(--font-serif);font-weight:600;font-size:38px;letter-spacing:.005em;margin:8px 0 4px}.page-sub{color:var(--ink-soft);font-size:15px;margin-bottom:24px}.qword-popover{background:var(--ink);border-radius:999px;padding:4px;box-shadow:var(--shadow-pop);gap:2px}.qword-popover,.qword-popover button{color:var(--paper);display:inline-flex}.qword-popover button{width:36px;height:36px;border:none;background:transparent;border-radius:999px;cursor:pointer;align-items:center;justify-content:center;padding:0}.qword-popover button:active{background:rgba(255,255,255,.18)}.qpop-hl{width:16px;height:16px;background:var(--highlight);border-radius:3px;display:inline-block}.qpop-ul{font-family:var(--font-serif);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px;font-size:15px}