: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);--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}*{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%,rgba(255,255,255,.7),transparent 60%),radial-gradient(800px 600px at 110% 110%,rgba(164,122,45,.06),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:rgba(247,243,234,.85);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)}.header-menu-icon{display:inline-flex;align-items:center}.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}